@charset "UTF-8";


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Noto Sans JP", sans-serif;
	color: #795548;
	overflow-x: hidden;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%; width:100%; }
fieldset, img
{ border: 0;}
img
{ width: 100%; vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight:normal; }
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; }
input[type="search"],
input[type="button"],
input[type="text"],
input[type="submit"]
{ -webkit-appearance: none; border-radius:0; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; */ }


/* ---------------------------------------------------------------------------

	共通

--------------------------------------------------------------------------- */

/* リンクカラー */
a {
	outline: none;
	color: #1083b7;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}



/* 数字Oswald */
.numberText {
	font-family: "Oswald", sans-serif;
}

.cd-fixed-bg {
    position: relative;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
	padding: 0 0 50px;
}

.cd-fixed-bg.cd-bg-1  {
  background-image: url("../image/bg01.jpg");
}

.bgWhite {
    width: 80%;
    max-width: 1000px;
    background-color: rgb(255 255 255 / 70%);
    overflow: hidden;
    margin: 0 auto 100px;
    padding: 100px 0;
    text-align: center;
	border-radius: 10px;
}

h1 {
    text-align: center;
    padding: 150px 0;
    font-size: 40px;
    letter-spacing: 10px;
    line-height: 2;
    font-weight: 800;
}

h2 {
    text-align: center;
    font-size: 30px;
    padding: 0 0 20px 0;
    margin: 0 auto 60px;
    line-height: 100%;
    display: inline-block;
    position: relative;
}

h2:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #795548;
    bottom: -15px;
    left: 50%;
    transform: translateX(-10px);
}

h2:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f0997a;
    bottom: -15px;
    right: 50%;
    transform: translateX(10px);
}

.bgWhite .mb60 {
	margin-bottom: 100px;
}

.bgWhite dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 65%;
	margin: 0 auto;
	border-bottom: 2px dashed #d4c5c0;
}

.bgWhite dt {
	width: 28%;
	padding: 20px 0;
	font-weight: bold;
}

.bgWhite dd {
	width: 72%;
	text-align: left;
	padding: 20px 0;
}

.oubo {
	padding-top: 50px;
}

.oubo a {
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color:#795548;
	margin-right: 6px;
}

a {
	text-decoration: none;
	color:#795548;
}


.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
	transition: 2s;
}
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}




/* footer
----------------------------------------*/
footer {
	background:#795548;
}
.copy {
	color: #fff;
	text-align:center;
	font-size: 12px;
	line-height: 30px;
}


/*************************
メディアクエリ
*************************/
@media screen and (max-width: 1080px){

	.sp {
		display: block;
	}
	
	.cd-fixed-bg.cd-bg-1 {
		position: relative;
		background: none;
		z-index: 1;
	}
	
	.cd-fixed-bg::before {
		content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background-repeat:no-repeat;
		background-position:50% 100%;
		background-image:url("../image/bg01_sp.jpg");
		background-size:cover;
	}
	
	h1 {
		text-align: center;
		padding: 80px 0;
		font-size: 5vw;
		letter-spacing: 8px;
		line-height: 2;
		font-weight: 800;
	}	
	
	.bgWhite {
		margin: 0 auto 50px;
		padding: 50px 20px;
	}	

	h2 {
		font-size: 24px;
		margin: 0 auto 30px;
	}	

	.bgWhite .mb60 {
		margin-bottom: 80px;
	}
	
	.news p {
		text-align: left;
	}
	
	.bgWhite dl {
		width: 100%;
		display: block;
	}	
	
	.bgWhite dt,.bgWhite dd {
		width: 100%;
		text-align: left;
	}	
	
	.bgWhite dt {
		padding: 10px;
	}
	
	.bgWhite dd {
		padding: 0 10px 10px;
	}

	.inviewfadeInUp {
		opacity: 0;
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		transition: 2s;
	}
	.fadeInUp {
		opacity: 1.0;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
	
	footer {
		position: relative;
		z-index: 2;
		margin-top: -20px;
	}
	
	.copy {
		line-height: 20px;
	}	


	}

@media screen and (min-width: 1081px){

	.sp {
		display: none;
	}
	
	a.tel {
		pointer-events: none;
	}

	
}