@charset "UTF-8";

/*

# =================================================================

# フォント

# =================================================================*/

@font-face {

	font-family: '';

	src: url("");

}











/* # =================================================================

   # 共通要素

   # ================================================================= */

   html {

	font-size: 62.5%;

 }

 body {

	max-width: 1920px;

	width: 100%;

	margin: 0 auto;

	font-family: 'shi_db', 'Noto Sans JP', sans-serif;

	/*font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;*/

	font-size: 1.3rem;

	color: #000;

	/* overflow: hidden; */

 }



 header {

	width: 100%;

	height: 600px;

	background: url(../img/bgAbout.jpg) no-repeat right top / cover;

	position: relative;

 }



 h1 {

	width: 220px;

	position: absolute;

	top: 50px;

	left: 70px;

	z-index: 1;

 }

 header .scHeader {

	max-width: 1000px;

	width: 100%;

	margin: 0 auto;

	position: absolute;

	left: 0;

	right: 0;

	top: 50px;

 }



 header .scHeader img{

	 width: 100%;

 }





 footer {

	width: 100%;

	background: #fff;

 }

 footer .scNote {

	max-width: 800px;

	width: 100%;

	margin: 0 40px 50px auto;

	background: #fff;

 }



 a:link,

 a:active,

 a:visited,

 a:hover {

	color: #000;

	text-decoration: none;

 }

 img {

	max-width: 100%;

	vertical-align: top;

 }

 *:focus {outline:none;}

 .sp {display:none!important;}

 .ftnavi {

	display: none;

 }

 /* 調整用 */

 .mb30 {margin-bottom:30px!important;}

 br {font-family:'Noto Sans JP';}

 .red {color:#f00;}











/*

# =================================================================

# エフェクト要素

# =================================================================*/











/*

# =================================================================

# トップページ

# =================================================================*/

.top {

	width: 100%;

	margin: 0 0 40px 0;

	padding: 280px 0 65px 0;

	background: url(../img/bgFormBtm.png) repeat-x center bottom -110px,

	url(../img/bgAbout2.jpg) no-repeat center top / cover;

 }



 .top > p:nth-of-type(1) {

    max-width: 970px;

    width: 100%;

    margin: 0 auto;

    padding: 0 5px;

    color: #fff;

    position: relative;

    top: -260px;

}



 .thanksArea{

	 background: rgba(111, 78, 37, 0.9);

	 position: absolute;

	 top: 0;

	 left: 0;

	 width: 100%;

	 height: 965px;

	 padding-top: 14rem;



 }



 .thanksArea .thanksText{

	 color: #fff;

	 text-align: center;

 }



 .thanksArea .thanksText h2 br{

	display: none;

}



 .thanksArea .thanksText h2{

	font-size: 7.7rem;

	font-weight: bold;

	margin-bottom: 3rem;

	line-height: 1.1;

}



.thanksArea .thanksText h2 span{

	font-size: 11.4rem;



}



.thanksArea .thanksText .middleText{

	font-size: 5.1rem;

	font-weight: bold;

	margin-bottom: 5rem;

}



.thanksArea .thanksText .middleText br{

	display: none;

}



.thanksArea .thanksText .middleText2{

	font-size: 2.5rem;

	line-height: 1.6;

	font-weight: bold;

	margin-bottom: 2rem;



}



.thanksArea .thanksText .middleText2 .sp{

	display: none;

}



.thanksArea .thanksText .notice{

	font-size: 1.8rem;

	line-height: 1.52;

	font-weight: bold;



}



.thanksArea .thanksText .notice br{

	display: none;



}



.thanksArea .thanksText a{

	background-color: #BA0007;

	border: 3px solid #fff;

	border-radius: 40px;

	color: #fff;

	display: flex;

	align-items: center;

	justify-content: center;

	text-align: center;

	font-weight: bold;

	width: 100%;

	max-width: 464px;

	height: 80px;

	font-size: 2.4rem;

	margin: 3rem auto 8.5rem auto;

	box-shadow: 10px 10px 10px -2px rgba(0,0,0,0.3);

	transition: 0.3s ease all;

}



.thanksArea .thanksText a:hover{

	opacity: 0.8;



}



.scTel {

	width: 100%;

	margin: 0 0 100px 0;

	color: #fff;

	text-align: center;

	position: relative;

 }

 .scTel h2 {

	width: 100%;

	margin: 0 0 12px 0;

	font-size: 2.3rem;

	font-weight: 400;

	line-height: 1.1;

 }

 .scTel p:nth-of-type(1) {

	width: 100%;

	margin: 0 0 15px 0;

	font-size: 1.9rem;

	font-weight: 300;

	letter-spacing: .1em;

 }

 .scTel a {

	max-width: 540px;

	width: 100%;

	margin: 0 auto 13px auto;

	display: block;

 }

 .scTel p:nth-of-type(2) {

	width: 100%;

	font-size: 1.9rem;

	font-weight: 300;

	letter-spacing: .1em;

 }



 .thanksImg{

	 position: absolute;

	 bottom: 10px;

	 right: 5vw;

	 width: 330px;

	 height: auto;

 }









/*

# =================================================================

# レスポンシブ要素

# =================================================================*/

/* 4K:2560px */

/* PC:1920px */



/* laptop NotePC L */

@media screen and (max-width: 1440px) {

	/* 共通 */

	header {

	   background: url(../img/bgAbout.jpg) no-repeat right -260px top / cover;

	}



	/* トップページ */

   

	.thanksArea .thanksText h2{

	   font-size: 7rem;

   }

   

   .thanksArea .thanksText h2 span{

	   font-size: 11rem;

   }

   

   .thanksArea .thanksText .middleText{

	   margin-bottom: 3.5rem;

   

   }

   

   .thanksArea .thanksText .middleText2{

	   font-size: 2.2rem;

   }

   

   .thanksArea .thanksText .notice{

	   font-size: 1.8rem;

    }



	.thanksImg{

		bottom: 20px;

		right: 20px;

		width: 350px;

	}

 }

 



 @media screen and (max-width: 1280px) {

	/* 共通 */

	/* トップページ */

   

	.thanksArea .thanksText h2{

	   font-size: 6.4rem;

	   margin-bottom: 2rem;

   }

   

   .thanksArea .thanksText h2 span{

	   font-size: 9.4rem;

   }

   

   .thanksArea .thanksText .middleText{

	   margin-bottom: 3rem;

   

   }

   

   .thanksArea .thanksText .middleText2{

	   font-size: 2.2rem;

   }

   



   .thanksArea .thanksText a{

	margin: 3rem auto 6rem auto;

}



	.thanksImg{

		bottom: 20px;

		right: 20px;

		width: 280px;

	}

 }

 



/* laptop NotePC */

@media screen and (max-width: 1150px) {



	header {

		height: 590px;

	 }

	 header .scHeader {

		max-width: 900px;

	 }

	

	 header .scHeader img{

		 width: 100%;

	 }



	 footer .scNote{

		 margin-bottom: 20px;

	 }

	

	/* トップページ */

	.top {

		margin: 0 0 20px 0;

		padding: 220px 0 65px 0;

		background: url(../img/bgFormBtm.png) repeat-x center bottom -110px,

		url(../img/bgAbout2.jpg) no-repeat center top / cover;

	 }



	 .top > p:nth-of-type(1) {

		top: -460px;

	}



	 .thanksArea{

		height: 894px;

   

	}

   

	.thanksArea .thanksText h2{

		font-size: 5rem;

	}

	

	.thanksArea .thanksText h2 span{

		font-size: 8rem;

	}

	

	.thanksArea .thanksText .middleText{

		font-size: 4.6rem;

	}

	

	.thanksArea .thanksText .middleText2{

		font-size: 2rem;

	}

	

	.thanksArea .thanksText .notice{

		font-size: 1.6rem;

	}

 

	.thanksArea .thanksText a{

	 width: 100%;

	 max-width: 420px;

	 font-size: 2rem;

	 margin: 3rem auto 6rem auto;

 }

 

	 .thanksImg{

		 bottom: 180px;

		 right: 10px;

		 width: 220px;

	 }

}



/* tablet */

@media screen and (max-width: 768px) {

	/* 共通 */



	header {

		height: 420px;

	 }



	 header .scHeader{

		top: 20px;

	}



	.top > p:nth-of-type(1) {

		top: -440px;

	}



	 header .scHeader img {

		margin: 0 auto;

	 }

	 h1 {

		width: 100px;

		top: 1.2rem;

		left: 2rem;

	 }



	 .pc {display:none!important;}

	.sp {display:block!important;}



	footer {

		padding: 0 5%;

	 }



	 /* トップページ */



	 .top {

		padding: 490px 0 65px 0;

	 }



	 .thanksArea{

		padding: 10rem 4rem 0 4rem;

	 }



	 .thanksArea .thanksText{

		text-align: left;

	}

   

	.thanksArea .thanksText h2 br{

	   display: block;

	}

	.thanksArea .thanksText .middleText br{

		display: block;

	}



	.thanksArea{

		background: rgba(111, 78, 37, 0.9);

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 1016px;   

	}

   

   .thanksArea .thanksText .middleText{

	   font-size: 3.8rem;

	   line-height: 1.4;

   }



   

   .thanksArea .thanksText .middleText2{

	   font-size: 2.2rem;

	   font-weight: 400;

   }



   .thanksArea .thanksText .middleText2 .sp{

	display: block;

}



   

   .thanksArea .thanksText .notice{

	   font-size: 1.6rem;   

	   font-weight: 400;

   }



   .thanksArea .thanksText .notice br{

	display: block;



}

   

   .thanksArea .thanksText a{

	   max-width: 100%;

	   height: 80px;

	   letter-spacing: 0.2em;

   }



   

 .thanksImg{

	bottom: inherit;

	top: 280px;

	right: 5.5vw;

	width: 210px;

}   

}

 

/* mobile L */

@media screen and (max-width: 425px) {

	/* 共通 */



	header {

		height: 280px;

		}



	header .scHeader{

		top: 20px;

	}



	footer {

		padding: 0 5%;

		}



	/* トップページ */



	.top {

	padding: 340px 0 65px 0;

	}

	.top > p:nth-of-type(1){

		font-size: 1.1rem;

		top: -320px;

	}





	.thanksArea{

	padding: 8rem 1.5rem 0 1.5rem;

	height: 720px;   



	}



	.thanksArea .thanksText{

	text-align: left;

	}

	

	.thanksArea .thanksText br{

		display: block;

	}

	.thanksArea .thanksText .middleText br{

		display: block;

	}





	.thanksArea .thanksText h2{

		font-size: 4.1rem;

		line-height: 1.3;

	}



	.thanksArea .thanksText h2 span{

		font-size: 4.3rem;

	}

	

	.thanksArea .thanksText .middleText{

		font-size: 2rem;

		margin-bottom: 2rem;

	}

	

	.thanksArea .thanksText .middleText2{

		font-size: 1.5rem;

		margin-bottom: 1rem;

	}



	.thanksArea .thanksText .notice{

		font-size: 1.2rem;

	}

	

	.thanksArea .thanksText a{

		max-width: 100%;

		height: 50px;

		letter-spacing: 0.2em;

		font-size: 1.6rem;

		border: 2px solid #fff;

		margin: 2rem auto 4rem auto;

	}

	.thanksImg{

	top: 190px;

	right: 10px;

	width: 105px;

	}



	.scTel h2 {

		width: 100%;

		margin: 0 0 8px 0;

		font-size: 1.5rem;

		font-weight: 400;

		line-height: 1.2;

	}

	.scTel p:nth-of-type(1) {

		width: 100%;

		margin: 0 0 8px 0;

		font-size: 1.1rem;

		font-weight: 300;

		letter-spacing: .1em;

	}

	.scTel a {

		max-width: 90%;

		width: 100%;

		margin: 0 auto 13px auto;

		display: block;

	}

	.scTel p:nth-of-type(2) {

		width: 100%;

		font-size: 1.2rem;

		font-weight: 300;

		letter-spacing: .1em;

	}





}



/* mobile M */

@media screen and (max-width: 375px) {



		

	.thanksArea .thanksText h2{

		font-size: 3.5rem;

		line-height: 1.3;

	}



	.thanksArea .thanksText h2 span{

		font-size: 4.2rem;

	}

	

}



/* mobile S */

@media screen and (max-width: 320px) {

	.top {

		padding: 248px 0 65px 0;

		}



	.thanksArea{

		padding: 8rem 1.5rem 0 1.5rem;

		height: 642px;   



		}

	.thanksArea .thanksText h2{

		font-size: 3.2rem;

		line-height: 1.3;

	}



	.thanksArea .thanksText h2 span{

		font-size: 3.3rem;

	}



	.thanksArea .thanksText .middleText{

		font-size: 1.7rem;

	}

		

	.thanksArea .thanksText .middleText2{

		font-size: 1.3rem;

	}



	.thanksArea .thanksText .notice{

		font-size: 1.1rem;

	}

	

	.thanksImg{

		position: absolute;

		bottom: inherit;

		top: 165px;

		right: 10px;

		width: 90px;

		height: auto;

		}



		.scTel p:nth-of-type(2){

			font-size: 1.1rem;

		}

}