@charset "utf-8";

/***********************
	top_mainvisual
***********************/
#top_mainvisual{position: relative; margin-bottom: 0; background: #5B7FB7;}
#top_mainvisual .top_mv{ position: relative;}
#top_mainvisual .mv_text{position: absolute; bottom: 70px; left: 0; right: 0; z-index: 2; padding: 0 40px;}
#top_mainvisual .mv_text p{color: #fff; text-align: center; font-size: 4.5rem;}
#top_mainvisual figure img{width: 100%;}
#top_mainvisual picture{display: block; position: relative;}
#top_mainvisual picture span{position: absolute; bottom: 0; right: 0; color: #fff; background: rgba(0, 0, 0, 0.7); padding: 2px 5px; font-size: 1.2rem;}
#top_mainvisual .top_mv04 picture span.cap_01{right: auto; left: 0;}

#top_mainvisual .mv_2column{display: flex; flex-wrap: wrap;}
#top_mainvisual .mv_2column figure{ width: 70%;}
#top_mainvisual .mv_2column .mv_2column_text{ width: 30%; display: flex; justify-content: center; align-items: center; }
.mv_2column .mv_2column_text img{width: 70%;}

#top_mainvisual .slick-next { right: 0;}
#top_mainvisual .slick-prev { left: 0;}
#top_mainvisual .slick-prev,
#top_mainvisual .slick-next{ z-index: 3;}
#top_mainvisual .slick-prev:hover,
#top_mainvisual .slick-next:hover{ opacity: 0.8;}
#top_mainvisual .slick-prev:before,
#top_mainvisual .slick-next:before {
    content: "";
    position: absolute;
    z-index: 3;
    width: 40px;
    height: 80px;
    top: 50%;
	transform: translateY(-50%);
	opacity: 1;}
#top_mainvisual .slick-next:before {
    right: 0px!important;
    background-image: url("../../img/pages/top/mv/MV_next_btn.svg")!important;
	background-repeat: no-repeat;}
#top_mainvisual .slick-prev:before {
    left: 0px!important;
    background-image: url("../../img/pages/top/mv/MV_prev_btn.svg")!important;
	background-repeat: no-repeat;}

.dots_square{display: flex; justify-content: center; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.dots_square li{margin: 0 6px; border: 2px solid #fff; box-shadow: 0 0 5px 0 rgb(000 000 000 / 60%);}
.dots_square li button{text-indent: -9999px; display: block;
	width: 12px; height: 12px; margin: 0; padding: 0; background: #dcdddd; border: none; border-radius: 0; font-size: 0;}
.dots_square li button:hover{cursor: pointer;}
.dots_square li.slick-active button{background: #952c25;}

@media screen and (max-width: 1500px){
	#top_mainvisual .mv_text p{font-size: 4.0rem;}
}
@media screen and (max-width: 1300px){
	#top_mainvisual .mv_text p{font-size: 3.5rem;}
}
@media screen and (max-width: 1000px){
	#top_mainvisual .mv_text{bottom: 40px;}
	#top_mainvisual .mv_text p{font-size: 2.5rem; line-height: 1.3;}
}
@media screen and (max-width: 767px){
	#top_mainvisual .slick-slide{ height: auto !important;}
	#top_mainvisual .mv_2column figure{ width: 100%;}
	#top_mainvisual .mv_2column .mv_2column_text{ width: 100%; padding: 20px 15px 35px;}
	.mv_2column .mv_2column_text img{width: 60%;}
	#top_mainvisual .mv_text{bottom: 50px; padding: 0 15px;}
	.dots_square{bottom: 15px;}
}
@media screen and (max-width: 640px){
	#top_mainvisual picture span{font-size: 10px;}
}


/* merit_area ========================*/
#merit_area{background: linear-gradient(to right,  rgba(0,138,116,1) 0%,rgba(0,74,122,1) 100%); padding: 35px 0 18px; position: relative;}
#merit_area::before{content: ""; width: 100%; height:  4px; display: block;
	background: linear-gradient(to left,  rgba(0,138,116,1) 0%,rgba(0,74,122,1) 100%);
	position: absolute; top: 0; left: 0;
}
#merit_area .inner{max-width: 100%;}
.merit_list{justify-content: center; margin-bottom: 10px;}
.merit_list li{font-size: 1.5vw; line-height: 1.8; color: #fff; border-left: 1px solid #fff; padding: 0 10px; position: relative;}
.merit_list li:nth-child(1){border-left: none;}
.merit_list li sup{font-size: 14px; position: absolute; top: -10px; right: 10px;}
#merit_area p{font-size: 1.0rem; text-align: right; color: #fff;}

@media screen and (max-width: 1350px){
	.merit_list li{font-size: 1.7vw;}
}
@media screen and (max-width: 960px){
	.merit_list li{width: calc(100% / 3); text-align: center; font-size: 2rem; margin: 5px 0;}
	.merit_list li:nth-child(4){border-left: none;}
}
@media screen and (max-width: 640px){
	#merit_area{padding: 5px 0 10px;}
	.merit_list{margin-left: -10px; margin-right: -10px; margin-bottom: 5px;}
	.merit_list li{width: calc((100% / 2) - 20px); border-left: none; margin: 0 10px; padding: 8px 0; border-top: 1px solid #fff; font-size: 1.46rem;}
	.merit_list li:nth-child(1),
	.merit_list li:nth-child(2){border-top: none;}
	#merit_area p{text-align: left;}
	.merit_list li sup{font-size: 11px; top: -5px;}
}

/* good_design_area ========================*/
.good_design_area{border-bottom: 1px solid #e2e2e2; padding: 30px 15px 40px;}
.good_design_wrap{justify-content: center; align-items: center;}
.good_design_wrap p{font-size: 2.2rem; font-weight: 700; color: #403d3c; padding: 0 30px 0 60px;}
.gooddesign_pdf{margin: 10px 0;}
.gooddesign_pdf a{color: #0071b7; border: 1px solid #0071b7; font-size: 1.3rem; font-weight: 700; padding: 7px 10px;}
.gooddesign_pdf a span::before{content: ""; border-left: 8px solid #0071b7; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-block; margin: 0 10px; transition: 0.3s ease;}
.gooddesign_pdf a:hover{background: #0071b7; color: #fff;}
.gooddesign_pdf a:hover span::before{border-left: 8px solid #fff;}

@media screen and (max-width: 1450px){
	.gooddesign_logo{width: 30%;}
	.good_design_wrap p{padding: 0 20px; font-size: 2rem;}
}
@media screen and (max-width: 960px){
	.gooddesign_logo{width: auto; margin-bottom: 20px;}
	.gooddesign_pdf{margin: 20px 0 0;}
}
@media screen and (max-width: 640px){
	.good_design_area{padding: 40px 15px 50px;}
	.gooddesign_logo{padding: 0 40px;}
	.good_design_wrap p{text-align: center;}
}

/* tv_info ========================*/
.tv_info{padding: 30px 15px 0;}
.tv_info a{border: 2px solid var(--red); padding: 20px; color: #000; font-family: var(--font_sans); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.tv_info a:hover{background: var(--red); color: #fff; opacity: 1;}
.tv_text{margin: 10px; font-size: 2.2rem; font-weight: bold;
	background: url(../../img/pages/top/youtube.svg) no-repeat left center; background-size: 30px; padding-left: 40px;}
.tv_about{width: 200px; border: 1px solid #999; font-size: 1.3rem; padding: 7px 10px; text-align: center;}
.tv_about span{position: relative;}
.tv_about span::after{content: ""; border-left: 8px solid #999; border-top: 5px solid transparent; border-bottom: 5px solid transparent; display: inline-block; margin: 0 10px; transition: 0.3s ease;}



/* monthly_expenses_arae ========================*/
#monthly_expenses_arae{padding: 50px 0;}
#monthly_expenses_arae .inner{max-width: 1200px;}

.monthly_expenses_wrap{box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border: 1px solid #a48748; text-align: center; padding: 20px 60px 60px;}
.monthly_expenses_top{justify-content: center; align-items: center; border-bottom: 1px solid #a48748; margin-bottom: 20px;}
.expenses_text{margin-right: 30px;}
.expenses_text p{font-size: 5.0rem;}
.expenses_text p b{font-size: 8.6rem; font-weight: 500;}
.expenses_info p:nth-child(1){font-size: 1.6rem; margin-bottom: 10px;}
.expenses_info p:nth-child(2){font-size: 1.8rem;}
.expenses_info p:nth-child(2) span{background: var(--red); color: #fff; padding: 5px 10px; margin-right: 10px;}
.expenses_info p:nth-child(2) small{font-size: 70%;}
.monthly_expenses_bottom p{font-size: 2.0rem;}
.monthly_expenses_bottom p small{font-size: 1.2rem;}

@media screen and (max-width: 960px){
	#monthly_expenses_arae{padding: 50px 0;}
	.monthly_expenses_top{padding-bottom: 20px;}
	.expenses_text{width: 100%; margin: 0;}
}
@media screen and (max-width: 640px){
	.monthly_expenses_wrap{padding: 20px 30px;}
	.monthly_expenses_top{padding-bottom: 15px; margin-bottom: 15px;}
	.expenses_text p{font-size: 2.2rem;}
	.expenses_text p b{font-size: 3.6rem;}
	.expenses_info{width: 100%;}
	.expenses_info p:nth-child(1){font-size: 1.2rem;}
	.expenses_info p:nth-child(2){font-size: 1.4rem;}
	.monthly_expenses_bottom p{font-size: 1.6rem; line-height: 1.8; text-align: left;}
	.monthly_expenses_bottom p small{font-size: 1rem;}
}

/* information_area ========================*/
#information_area{background: #f1f1f1; padding: 60px 0 140px;}
#information_area .inner{max-width: 1380px;}
#information_area h2{text-align: center; font-size: 3.0rem; font-weight: 400; letter-spacing: 2px; margin-bottom: 50px;}
#information_area h2 span{display: block; font-size: 1.5rem; font-weight: 400; letter-spacing: 1px; color: #a48748; margin-bottom: 10px;}

.information_wrap{flex-direction: row-reverse; justify-content: space-between;}
.information_img{width: 560px;}
.information_link{width: calc(100% - 560px); padding-left: 90px; text-align: center;}

.information_reservation_link{}
.information_reservation_link h3{font-size: 2.2rem; font-weight: 500; color: #4b6492; margin-bottom: 30px;}
.information_reservation_link .btn_visitor_reservation{max-width: 540px; width: 100%; margin: 0 auto; position: relative; z-index: 2;}
.information_reservation_link .btn_visitor_reservation a{font-size: 3.0rem; font-weight: 400; letter-spacing: 2px; padding: 27px 5px;}
.information_reservation_about{background: #fff; margin-top: -50px; padding: 75px 10px 25px;}
.information_reservation_about p{font-size: 1.8rem;}
.information_reservation_about p span{color: #4b6492;}

.information_document_link{margin-top: 30px;}
.information_document_link h3{font-size: 2.2rem; font-weight: 500; color: #765e24; margin-bottom: 20px;}
.information_document_link .btn_document_request{max-width: 540px; width: 100%; margin: 0 auto; position: relative; z-index: 2;}
.information_document_link .btn_document_request a{font-size: 3.0rem; font-weight: 400; letter-spacing: 2px; padding: 27px 5px;}

@media screen and (max-width: 1300px){
	.information_img{width: 460px;}
	.information_link{width: calc(100% - 460px); padding-left: 40px;}
}
@media screen and (max-width: 960px){
	#information_area{padding: 60px 0;}
	.information_wrap{flex-direction: column-reverse;}
	.information_img{width: 100%; text-align: center; margin-bottom: 40px;}
	.information_img figure{display: inline-block;}
	.information_link{width: 100%; padding-left: 0;}
}
@media screen and (max-width: 640px){
	#information_area{padding: 35px 0;}
	#information_area .inner{padding: 0 30px;}
	#information_area h2{font-size: 2.0rem; margin-bottom: 30px;}
	#information_area h2 span{font-size: 1.4rem; margin-bottom: 5px;}

	.information_reservation_link h3{font-size: 1.6rem; line-height: 2; margin-bottom: 20px;}
	.information_reservation_link .btn_visitor_reservation a{padding: 12px 5px;}
	.information_reservation_link .btn_visitor_reservation a span{font-size: 2.2rem;}
	.information_reservation_about{margin-top: 20px; padding: 20px;}
	.information_reservation_about p{font-size: 1.6rem; line-height: 2;}

	.information_document_link h3{font-size: 1.6rem; line-height: 2;}
	.information_document_link .btn_document_request a{padding: 12px 5px;}
	.information_document_link .btn_document_request a span{font-size: 2.2rem;}
}

/* concept_movie_area ========================*/
#concept_movie_area{background: url(../../img/pages/top/concept_movie_bk.jpg); background-size: cover; padding: 70px 0;}
#concept_movie_area .inner{max-width: 1360px;}

#concept_movie_area h2{text-align: center; color: #fff; font-size: 3.1rem; font-weight: 400; margin-bottom: 60px;}
#concept_movie_area h2 span:nth-child(1){font-size: 3.6rem; letter-spacing: 2px; padding-right: 90px; position: relative;}
#concept_movie_area h2 span:nth-child(1)::before,
#concept_movie_area h2 span:nth-child(1)::after{content: ""; background: #fff;}
#concept_movie_area h2 span:nth-child(1)::before{width: 70px; height: 1px; display: block; position: absolute; right: 10px; top: 25px; transform: rotate(45deg);}
#concept_movie_area h2 span:nth-child(1)::after{width: 1px; height: 70px; display: block; position: absolute; right: 50px; top: -10px; transform: rotate(45deg);}
#concept_movie_area h2 span:nth-child(2){font-size: 3.6rem; letter-spacing: 2px; padding-right: 80px;}

.concept_movie_wrap{flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.concept_movie_text{width: calc(100% - 760px); display: flex; justify-content: center;}
.concept_movie_text p{color: #fff; font-size: 2.0rem; line-height: 2.5;}
.concept_movie_img{width: 760px; text-align: center;}
.concept_movie_img .concept_movie_iframe{display: inline-block; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}


@media screen and (max-width: 1360px){
	#concept_movie_area h2{font-size: 3rem;}
	#concept_movie_area h2 span:nth-child(1){font-size: 3.4rem;}
	#concept_movie_area h2 span:nth-child(2){font-size: 3.4rem; padding-right: 40px;}
}
@media screen and (max-width: 1300px){
	#concept_movie_area h2{font-size: 2.5rem;}
	#concept_movie_area h2 span:nth-child(1){font-size: 2.8rem;}
	#concept_movie_area h2 span:nth-child(2){font-size: 2.8rem;}

	.concept_movie_text{width: calc(100% - 660px);}
	.concept_movie_img{width: 660px;}
}
@media screen and (max-width: 1100px){
	#concept_movie_area h2{font-size: 2rem;}
	#concept_movie_area h2 span:nth-child(1){font-size: 2.3rem;}
	#concept_movie_area h2 span:nth-child(2){font-size: 2.3rem;}
	
	.concept_movie_text{width: calc(100% - 560px);}
	.concept_movie_img{width: 560px;}
}
@media screen and (max-width: 960px){
	#concept_movie_area{padding: 70px 0 75px;}
	#concept_movie_area h2{font-size: 2.4rem;}
	#concept_movie_area h2 span:nth-child(1){font-size: 3rem; display: block; margin-bottom: 10px; padding: 0 0 55px;}
	#concept_movie_area h2 span:nth-child(2){font-size: 3rem; display: block; margin-bottom: 10px; padding-right: 0;}
	#concept_movie_area h2 span:nth-child(1)::before{width: 50px; height: 1px; top: auto; bottom: 25px; right: 0; left: 0; margin: auto;}
	#concept_movie_area h2 span:nth-child(1)::after{width: 1px; height: 50px; top: auto; bottom: 0; right: 0; left: 0; margin: auto;}

	.concept_movie_wrap{flex-direction: column-reverse;}
	.concept_movie_text{width: 100%; text-align: center; margin: 30px 0;}
	.concept_movie_img{width: 100%;}
}
@media screen and (max-width: 640px){
	#concept_movie_area h2{margin-bottom: 25px;}
	#concept_movie_area h2 span:nth-child(1),
	#concept_movie_area h2 span:nth-child(2){font-size: 2.1rem; letter-spacing:0; text-align: left;}
	#concept_movie_area h2 span:nth-child(1){padding-bottom: 0;}
	#concept_movie_area h2 span:nth-child(2){padding-left: 50px;}
	#concept_movie_area h2 span:nth-child(1)::before{
		width: 35px; height: 1px; top: auto; bottom: -24px; right: auto; left: 0; margin: auto;}
	#concept_movie_area h2 span:nth-child(1)::after{
		width: 1px; height: 35px; top: auto; bottom: -42px; right: auto; left: 16px; margin: auto;}
	.concept_movie_text{margin: 20px 0 0;}
	.concept_movie_text p{font-size: 1.4rem; line-height: 2.2;}
}

/* oukas_movie_area ========================*/
#oukas_movie_area{background: #f1ede4; text-align: center; padding: 80px 0 0;}
#oukas_movie_area .inner{max-width: 1390px;}
.oukas_movie_title{margin-bottom: 60px;}
.oukas_movie_title p{font-size: 3.0rem; font-weight: 500; letter-spacing: 1px; color: var(--red); border-bottom: 1px solid var(--red); display: inline-block; padding: 0 30px 35px;}
.oukas_movie_title h2{font-size: 3.6rem; font-weight: 500; letter-spacing: 1px; padding: 30px 0 0;}

.oukas_movie_wrap{justify-content: space-between;}
.oukas_movie_box{width: 630px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.oukas_movie_box h3{background: #fff; font-size: 2.0rem; font-weight: 400; padding: 20px 5px;}

.movie_con{position: relative; padding-top: 56.25%;}
.movie_con iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

@media screen and (max-width: 1310px){
	.oukas_movie_box{width: 48%;}
}
@media screen and (max-width: 640px){
	#oukas_movie_area{padding: 70px 0 0;}
	.oukas_movie_title p{font-size: 2.0rem; line-height: 1.8; padding: 0 0 20px;}
	.oukas_movie_title h2{font-size: 2.4rem; padding: 15px 0 0;}
	.oukas_movie_box{width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-bottom: 30px;}
	.oukas_movie_box h3{font-size: 1.6rem; padding: 12px;}

}

/* three_axes_area ========================*/
#three_axes_area{}
.three_axes_inner{background: #f1ede4; padding: 40px 0 220px;}
.three_axes_inner .inner{max-width: 1390px;}
.oukas_movie_title{margin-bottom: 30px}
#three_axes_area h2{text-align: center; font-size: 3.2rem; font-weight: 400; color: #765e24; margin-bottom: 60px;}

.three_axes_wrap{justify-content: space-between;}
.three_axes_text{width: calc(100% - 600px);}
.three_axes_text p{font-size: 1.8rem; line-height: 2.5;}
.three_axes_img{width: 600px;}
.three_axes_img figcaption{background: none; color: var(--black); transform: translateY(100%);}

.g_degin_wrap{position: relative; z-index: 2; margin-top: -140px;}
.g_degin_wrap .inner{max-width: 1390px;}
.g_degin_inner{background: #fff; padding: 80px 90px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);}
.g_degin_lead{align-items: center; margin-bottom: 55px;}
.g_degin_lead figure{width: 370px;}
.g_degin_lead p{width: calc(100% - 370px); padding-left: 40px; font-size: 2.0rem; line-height: 2;}

.exercise_program_wrap{background: #534741; padding: 60px; flex-direction: row-reverse; align-items: center;}
.exercise_program_text{width: calc(100% - 315px); padding-left: 40px;}
.exercise_program_text p{color: #fff; font-size: 1.8rem; line-height: 2.2;}
.exercise_program_text p span{background: var(--red); padding: 2px 5px;}
.exercise_program_text p small{font-size: 1.2rem;}
.exercise_program_img{width: 315px; position: relative;}
.exercise_program_img::before{content: ""; display: block; width: 80px; height: 80px; background: url(../../img/pages/top/icon_crown.png) no-repeat center center; background-size: contain; position: absolute; top: -50px; left: -50px; z-index: 2;}
.exercise_program_img figure{width: 50%;}

@media screen and (max-width: 1200px){
	.three_axes_text{width: calc(100% - 500px);}
	.three_axes_img{width: 500px;}
}
@media screen and (max-width: 960px){
	.three_axes_inner{padding: 80px 0 220px;}
	.three_axes_text{width: 100%; margin-bottom: 40px;}
	.three_axes_img{width: 100%; text-align: center;}

	.g_degin_inner{padding: 40px;}
	.g_degin_lead figure{width: 100%;}
	.g_degin_lead p{width: 100%; padding-left: 0; margin-top: 20px;}
	.exercise_program_wrap{flex-direction: column-reverse; padding: 30px;}
	.exercise_program_text{width: 100%; padding-left: 0;}
	.exercise_program_img::before{width: 60px; height: 60px; top: -30px; left: -30px;}
}
@media screen and (max-width: 640px){
	.three_axes_inner{padding: 40px 0 400px;}
	#three_axes_area h2{font-size: 1.7rem; line-height: 2; margin-bottom: 15px;}
	.three_axes_text{margin-bottom: 20px;}
	.three_axes_text p{font-size: 1.4rem; line-height: 2;}

	.g_degin_wrap{margin-top: -340px;}
	.g_degin_inner{padding: 40px 30px 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
	.g_degin_lead{margin-bottom: 35px;}
	.g_degin_lead figure{padding: 0 20px;}
	.g_degin_lead p{font-size: 1.6rem; margin-top: 10px;}
	.exercise_program_wrap{}
	.exercise_program_text{margin-top: 20px;}
	.exercise_program_text p{font-size: 1.4rem;}
	.exercise_program_text p small{font-size: 1rem; line-height: 1.6; display: block; margin-top: 20px;}
	.exercise_program_img{width: 100%;}
	.exercise_program_img::before{width: 40px; height: 40px; top: -20px; left: -20px;}
}


/* siepage_link_area ========================*/
#siepage_link_area{padding: 140px 0 300px;}

.siepage_link_wrap{position: relative; margin: 0 0 200px;}
.siepage_link_wrap:last-child{margin: 0;}
.siepage_link_wrap::before{content: ""; width: calc(100% - (50vw - 688px)); height: 600px; display: block; 
	background: linear-gradient(to right,  #CFDCE7 0%,#D1ECE4 100%);
	position: absolute; top: 0; right: 0;}
.siepage_link_image{position: absolute; top: 120px; left: 0; z-index: 2;}
.siepage_link_image picture{position: relative; display: block;}
.siepage_link_image picture span{right: auto; left: 0;}

.siepage_link_wrap .inner{max-width: 1390px; position: relative; z-index: 3;}
.siepage_link_title h2{font-family: var(--font_serif); font-size: 6.4rem; font-weight: 400; line-height: 1; letter-spacing: 5px; background: #fff; width: 300px; height: 120px;}
.siepage_link_text{width: 650px; margin: 70px 120px 0 auto; background: #fff; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.3);}
.siepage_link_text p{font-size: 2.0rem; line-height: 2.5; padding: 40px 10px 40px 60px;}
.siepage_link_btn_wrap{width: 650px; margin: 60px 0 0 auto;}
.siepage_link_btn + .siepage_link_btn{margin-top: 30px;}
.siepage_link_btn a{display: block; min-height: 170px; color: #fff;
	display: flex; align-items: center; padding: 0 10px 0 50px; box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.4);
	background: linear-gradient(135deg,  #942c25 0%,#942c25 50%,#852821 50%,#852821 100%);}
.siepage_link_btn a p{font-size: 1.8rem; margin-bottom: 15px;}
.siepage_link_btn a h3{font-family: var(--font_sans); font-size: 3rem; font-weight: 400; padding-left: 50px; position: relative;}
.siepage_link_btn a h3::before{content: ""; width: 40px; height: 1px; background: #fff; display: block;
	position: absolute; top: 50%; left: 0;}
.siepage_link_btn a h3::after{content: ""; width: 20px; height: 20px; display: block;
	border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg) translateY(-50%);
	position: absolute; top: 46%; left: 9px;}

@media screen and (max-width: 1800px){
	#siepage_link_area{padding: 140px 0 200px;}
	.siepage_link_image{width: 70vw;}
}
@media screen and (max-width: 1410px){
	#siepage_link_area{padding: 140px 0 150px;}
	.siepage_link_wrap::before{width: 100%;}
	.siepage_link_title{margin-left: -15px;}
	.siepage_link_title h2{font-size: 6rem; padding-left: 30px;}
	.siepage_link_text{width: 600px; margin: 70px 80px 0 auto;}
	.siepage_link_text p{font-size: 1.8rem;}
	.siepage_link_btn_wrap{width: 550px;}
	.siepage_link_btn a h3{font-size: 2.8rem;}
}
@media screen and (max-width: 1200px){
	#siepage_link_area{padding: 140px 0 100px;}
	.siepage_link_wrap{position: relative; margin: 0 0 140px;}
	.siepage_link_wrap::before{height: 500px;}
	.siepage_link_text{width: 550px; margin: 70px 80px 0 auto;}
	.siepage_link_text p{padding: 40px 10px 40px 40px;}
}
@media screen and (max-width: 960px){
	#siepage_link_area{padding: 140px 0 40px;}
	.siepage_link_wrap::before{height: calc(100% - 80px);}
	.siepage_link_title{margin-right: -15px;}
	.siepage_link_title h2{width: 100%; height: 100px; text-align: center; padding: 0;}
	.siepage_link_image{width: 100%; top: 100px;}
	.siepage_link_image img{width: 100%;}
	.siepage_link_image picture span{top: 0; bottom: auto;}

	.siepage_link_text{margin: 0 5px; width: 100%; margin-bottom: 30px; margin-top: 45vw;}
	.siepage_link_wrap:nth-child(1) .siepage_link_text,
	.siepage_link_wrap:nth-child(2) .siepage_link_text{margin-top: 0;}
	.location_image {
        margin-left: -15px;
        margin-right: -15px;
    }
	.siepage_link_wrap:nth-child(3) .siepage_link_text{margin-top: 56vw;}
	.siepage_link_btn_wrap{margin: 0 5px; width: 100%;}
}
@media screen and (max-width: 640px){
	#siepage_link_area{padding: 80px 0 40px;}
	/*.siepage_link_wrap{margin: 0 0 90px;}*/
	.siepage_link_wrap{margin: 0;}
	.siepage_link_image{top: 65px;}
	.siepage_link_title h2{font-size: 3.6rem; height: 65px;}
	.siepage_link_text{margin-top: 50vw; margin-bottom: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);}
	.siepage_link_text p{font-size: 1.6rem; line-height: 2.2; padding: 30px 40px;}
	.siepage_link_btn + .siepage_link_btn{margin-top: 20px;}
	.siepage_link_btn a{min-height: 140px; padding: 0 30px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
	.siepage_link_btn a p{font-size: 1.4rem; margin-bottom: 15px;}
	.siepage_link_btn a h3{font-size: 2rem; padding-left: 40px;}
	.siepage_link_btn a h3::before{width: 24px;}
	.siepage_link_btn a h3::after{width: 12px; height: 12px; left: 6px;}
	.siepage_link_wrap:nth-child(3) .siepage_link_text{margin-top: 118vw;}
	.siepage_link_wrap:nth-child(3) .siepage_link_btn a{padding: 20px 30px;}
}


/* infection_prevention_area ========================*/
.infection_prevention_area{padding: 100px 0 50px;}
.infection_prevention_area .inner{max-width: 1510px; align-items: center;}
.infection_prevention_text{width: calc(100% - 800px); padding-right: 30px;}
.infection_prevention_text p{font-family: var(--font_sans); font-size: 2.6rem; font-weight: 700; line-height: 2; color: var(--red); border-top: 1px solid var(--red); border-bottom: 1px solid var(--red); padding: 30px 15px;}
.infection_prevention_list{width: 800px;}
.infection_prevention_list li{width: calc(100% / 4); padding-left: 30px;}
.infection_prevention_list figure{margin-bottom: 20px;}
.infection_prevention_list li p{font-family: var(--font_sans); font-size: 1.8rem; font-weight: 500; text-align: center; display: block;}
.infection_prevention_list li:nth-child(3) span{margin-top: 15px;}

@media screen and (max-width: 1200px){
	.infection_prevention_text{width: calc(100% - 600px);}
	.infection_prevention_text p{font-size: 2rem;}
	.infection_prevention_list{width: 600px;}
	.infection_prevention_list li{padding-left: 15px;}
	.infection_prevention_list li p{font-size: 1.4rem;}
}
@media screen and (max-width: 960px){
	.infection_prevention_area{padding: 40px 0;}
	.infection_prevention_text{width: 100%; padding: 0; margin-bottom: 40px;}
	.infection_prevention_text p{border: none; padding: 0; text-align: center;}
	.infection_prevention_list{width: 100%;}
	.infection_prevention_list li{padding: 0 15px;}
}
@media screen and (max-width: 640px){
	.infection_prevention_area{padding: 40px 0 0;}
	.infection_prevention_text p{text-align: left;}
	.infection_prevention_list li{width: calc(100% / 2); padding: 0 5px; margin-bottom: 20px;}
	.infection_prevention_list figure{margin-bottom: 10px;}
	.infection_prevention_list li:nth-child(3) span{margin-top: 0;}
	.infection_prevention_list li p{font-size: 1.6rem;}
}


/*information_news*/
.information_news{padding: 30px 0; background: #f1f1f1;}
.info_news_wrap{align-items: center;}
.info_news_title{width: 140px;}
.info_news_title h2{color: #a48748; font-size: 18px;}
.info_news_list{width: calc(100% - 155px); padding-left: 15px; margin-left: 15px; border-left: 1px solid #000;}
.info_news_list li{font-size: 1.8rem; padding: 10px 5px 0; position: relative; padding-left: 90px;}
.info_news_list li + li{margin-top: 10px; border-top: 1px solid #ccc;}
.info_news_list li .day{font-weight: 700; position: absolute; top: 9px; left: 5px;}
.info_news_list li a{color: #000; text-decoration: underline;}
.info_news_list li a:hover{opacity: 1; color: #952c25;}
.info_news_list li.blank a{background: url(../../img/elements/icon_tb.svg) no-repeat right top 8px; background-size: 18px; padding-right: 25px;}

@media screen and (max-width: 640px){
	.information_news{padding: 15px 0;}
	.info_news_title{width: 100%; margin-bottom: 10px; text-align: center;}
	.info_news_title h2{font-size: 1.5rem;}
	.info_news_list{width: 100%; padding-left: 0; margin-left: 0; border-left: none;}
	.info_news_list li{font-size: 1.4rem;}
}