@charset "utf-8";

#fv{background: url(../images/guide/fv_bg.jpg) no-repeat center center; background-size: cover;}

/* ------------------------------------------------------------ guide ------------------------------------------------------------ */
#guide{padding: 76px 0 80px;}
#guide .text_tt{text-align: center; font-size: 17px; line-height: 211.8%;}
#guide .img_box{padding: 86px 0 0; text-align: center;}
#guide .flex{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 47px 62px; padding: 93px 0 0;}
#guide .flex .box{width: calc(100% / 3 - 42px); height: auto; text-align: center;}
#guide .flex .box img{width: 100%; height: auto; display: block;}
#guide .flex .box .big_title{font-size: 26px; line-height: 160%; padding: 18px 0 0;font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal;}
#guide .flex .box .tt{font-size: 16px; line-height: 156.3%; text-align: left; padding: 15px 0 0;}

#facility{padding: 60px 0 110px;background: #F5F2EC;}
#facility h2{font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal; font-size: 40px; text-align: center; line-height: 120%;}
#facility .flex{display: flex; padding: 55px 0 0; flex-wrap: wrap; gap: 49px 41px;}
#facility .flex .box{display: flex; align-items: flex-start;}
#facility .flex .text_box{width: 296px; margin: 0 0 0 20px;}
#facility .flex .text_box h3{font-size: 26px; line-height: 154%; font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal;}
#facility .flex .text_box p{font-size: 16px; line-height: 150%; padding: 10px 0 0;}

.cta-links {padding: 90px 0 0;}

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

/* ------------------------------------------------------------ guide */
	#guide { padding: 22px 0 50px; }
	#guide .text_tt { font-size: 16px; line-height: 190%; text-align: left; }
	#guide .img_box { padding: 30px 0 0; }
	#guide .flex { display: block; padding: 40px 0 0; }
	#guide .flex .box { width: 100%; }
	#guide .flex .box:not(:first-child) { padding: 35px 0 0; }
	#guide .flex .box .big_title { font-size: 26px; line-height: 150%; padding: 14px 0 0; }
	#guide .flex .box .tt { font-size: 16px; line-height: 175%; padding: 12px 0 0; }

/* ------------------------------------------------------------ facility */
	#facility { padding: 55px 0; }
	#facility h2 { font-size: 26px; }
	#facility .flex .box{ flex-direction: column; gap: 10px; }
	#facility .flex { display: block; padding: 30px 0 0; }
	#facility .flex .box:not(:first-child) { padding: 40px 0 0; }
	#facility .flex .box img { width: 100%; }
	#facility .flex .text_box { width: auto; flex: 1; margin: 0; }
	#facility .flex .text_box h3 { font-size: 26px; line-height: 150%; }
	#facility .flex .text_box p { font-size: 16px; line-height: 170%; padding: 10px 0 0; }

/* ------------------------------------------------------------ cta-links */
	.cta-links { padding: 50px 0 0; }



}