@charset "utf-8";
/*topイメージ*/
.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo.png") no-repeat; background-size: cover; max-width: 1400px; min-width: 1180px; margin: 20px auto 0 auto;}
.top_img_area2:before { content:""; display: block; padding-top: 28.64%; }
.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center;}
.main_title_area { width: 100%;}
.main_title {max-width: 480px; width: 100%; height: 60px; line-height: 60px; background: #009944; text-align: center; color: #fff; font-size: 28px; font-weight: 500; border-radius: 50px; margin: 0 auto; letter-spacing: 2px;}
/*見学について*/
#kengaku { max-width: 800px; width: 100%; margin: 100px auto  auto; }
.kiji_area li { border-bottom: dotted 2px #CECEBF; margin: 0;}
.kiji_area li:first-of-type { border-top: dotted 2px #CECEBF; margin-top: 30px; }
.kiji { display: flex; padding: 10px 0; }
.kiji dt { width: 200px; height: 38px; line-height: 38px; text-align: center; background: #E9EBF2; border-radius: 20px; font-size: 16px; font-weight: 700;}
.kiji dd { width: 600px; margin-top: 10px; padding: 0 20px;}
.kiji dd a { color: #222; }
.kiji p { text-indent: -36px; margin-left: 28px;}
/*申込み*/
.moushikomi_area { max-width: 800px; width: 100%; margin: 100px auto  auto; }
.moushikomi_area dl { display: flex; justify-content: space-between}
.moushikomi_area dt { max-width: 380px; width: 100%; border: solid #009944 2px; border-radius: 25px; padding: 20px; text-align: center; }
.moushikomi_area dd { max-width: 380px; width: 100%; border: solid #009944 2px; border-radius: 25px; padding: 20px; text-align: center;}
.moushikomi_area dd a { display: block; max-width: 380px; width: 100%; color: #222; text-decoration: none;}
.moushikomi_area dl li:first-child { width: 100%; background: #009944; border-radius: 30px; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
.moushikomi_area dl li:nth-of-type(2) { font-size: 18px; color: #009944; line-height: 24px; margin-top: 15px;}
.moushikomi_area dl li:nth-of-type(3) { margin: 30px 0 20px 0;} 
.moushikomi_area dl li:nth-of-type(3) img { width: 100%; height: auto; }
.moushikomi_area dl li:nth-of-type(4) { background: #E9EBF2; line-height: 39px; padding: 10px; border-radius: 30px; }
.moushikomi_area dl li:nth-of-type(4) a { color: #222}

.botm_navi2 { display: flex; flex-wrap: wrap; justify-content:space-around; width: 750px; margin: 40px auto 0 auto; }

/* パンフレットダウンロード */
#dl { margin: 0px auto; padding: 0px; width: 100%; max-width: 1400px; min-width: 1180px; aspect-ratio: 1 / 0.4; background: url(../img/dl/dl_back.jpg) center center no-repeat; background-size: 85%; position: relative; }
#dl_chara { margin: 0px; padding: 0px; width: 15%; height: auto; position: absolute; top: 2%; left: 7%; z-index: 2; }
#dl_chara_m { margin: 0px; padding: 0px; width: 15%; height: auto; position: absolute; top: 0%; left: 9%; z-index: 3; display: none; }
#dl_title { margin: 0px; padding: 9% 0px 0px 0px; width: 100%; }
#dl_title span { margin: 0px auto; padding: 1.2% 0px; width: 100%; max-width: 40%; color: #fff; font-size: 22px; letter-spacing: 0.16em; text-align: center; background: #009944; border-radius: 30px; display: block; }
#dl ul { margin: 0px auto; padding: 1.4% 0px 0px 0px; width: 65%; display: flex; }
#dl li { margin: 0px; padding: 0px; width: 50%; text-align: center; }
#dl dl { margin: 0px; padding: 0px; width: 100%; }
#dl dt { margin: 0px; padding: 0px; width: 100%; text-align: center; }
#dl dt img { margin: 0px; padding: 0px; width: 26%; height: auto; }
#dl dd { margin: 0px; padding: 3% 0px 0px 0px; width: 100%; text-align: center; }
#dl dd a { margin: 0px; padding: 0px; }
#dl dd a:nth-of-type(2) { display: none; }

@media screen and (max-width: 800px) {
	/*topイメージ*/
	.top_img_box { padding: 0 2%;}
	.top_img_area2 { position: relative; width: 100%; background: url("../img/header_photo_m.png") no-repeat; background-size: cover; max-width: 800px; min-width: 100%; margin: 0px; }
	.top_img_area2:before { content:""; display: block; padding-top: 61.35%; }
	.top_img2 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
    .main_title_area { padding: 0 20%;}
	.main_title {max-width: 350px; height: 45px; line-height: 45px; font-size: 17px; font-weight: 500;}	
    /*見学について*/
	#kengaku { max-width: 640px; width: 100%; margin: 0 auto; padding: 0 3%;}
	.kiji_area li { }
	.kiji_area li:first-of-type { }
	.kiji { display: block; padding: 10px 3%;}
	.kiji dt { margin: 0;}
	.kiji dd { width: 100%; padding: 0; line-height: 140%; font-size: 14px; }
	.kiji dd a { }
    /*申込み*/
    .moushikomi_area { max-width: 800px; width: 100%; margin: 100px auto  auto; padding: 0 3%; }
    .moushikomi_area dl { display: block; }
    .moushikomi_area dt {  margin: 0 auto 0 auto;}
    .moushikomi_area dd {  margin: 30px auto 50px auto;}
    .moushikomi_area dl li:first-child { width: 100%; background: #009944; border-radius: 30px; color: #fff; font-size: 20px; line-height: 40px; text-align: center;}
    .moushikomi_area dl li:nth-of-type(2) { font-size: 16px; color: #009944; line-height: 24px; margin-top: 15px;}
    .moushikomi_area dl li:nth-of-type(3) { margin: 30px 0 20px 0;} 
    .moushikomi_area dl li:nth-of-type(3) img { width: 100%; height: auto; }
    .moushikomi_area dl li:nth-of-type(4) { background: #E9EBF2; line-height: 39px; padding: 10px; border-radius: 30px; }
    .moushikomi_area dl li:nth-of-type(4) a { color: #222}
    
	.botm_navi2 { display: block; width: 100%; margin: 0 0 50px 0;; text-align: center;}
	.botm_navi2 li {  padding: 30px 10% 0;}
	.botm_navi2 img { max-width: 404px; width: 100%; height: auto;}
    
        /* パンフレットダウンロード */
	#dl { min-width: 100%; max-width: 100%; aspect-ratio: 1 / 1.461; background: url(../img/dl/dl_back_m.jpg) center 68% no-repeat; background-size: 94%; }
	#dl_chara { display: none; }
	#dl_chara_m { width: 26%; top: -2.5%; left: 4%; display: block; }
	#dl_title { padding: 33% 0px 0px 0px; }
	#dl_title span { padding: 2.2% 0px; max-width: 70%; font-size: 3.8vw; letter-spacing: 0.18em; }
	
	#dl ul { padding: 4% 0px 0px 0px; display: block; }
	#dl li { width: 100%; }
	#dl li:last-child { padding: 6% 0px 0px 0px; }
	#dl dt img { width: 30%; }
	#dl dd a:nth-of-type(1) { display: none; }
	#dl dd a:nth-of-type(2) { display: inline; }
	#dl dd a:nth-of-type(2) img { margin: 0px; padding: 0px; width: 90%; height: auto; }
	
}