@charset "utf-8";

/***********************
	top_mainvisual
***********************/
#mainvisual_area{overflow: hidden; aspect-ratio: 1 / 0.391; position: relative;}
#mainvisual_area .mv_load{opacity: 0; transition: 1s ease;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4;}
#mainvisual_area .mv_load .mv_load_text{opacity: 0; visibility: hidden; transition: 0.3s ease;
	position: absolute; top: 0; left: 0; width: 100%; z-index: 3;}
#mainvisual_area .mv_load .mv_load_img{
	position: relative; z-index: 2;
}
#mainvisual_area .mv_load .mv_load_img picture{display: block; width:100%; transform: translateY(-20%); transition: 1.5s ease;}
#mainvisual_area .mv_load .mv_load_img img{width: 100%;}


#mainvisual_area #top_mainvisual{opacity: 0; visibility: hidden; transition: 1s ease;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;}

@media screen and (max-width: 640px){
	#mainvisual_area{aspect-ratio: 1 / 0.658;}
	#mainvisual_area .mv_load .mv_load_img picture{transform: translateY(-12%);}
}

/* 動作 */
#mainvisual_area.first .mv_load{opacity: 1;}
#mainvisual_area.second .mv_load .mv_load_img picture{transform: translateY(0);}
#mainvisual_area.third .mv_load .mv_load_text{opacity: 1; visibility: visible;}
#mainvisual_area.change .mv_load{opacity: 0; visibility: hidden;}
#mainvisual_area.change #top_mainvisual{opacity: 1; visibility: visible;}



#top_mainvisual{position: relative; margin-bottom: 0; background: #fff;}
#top_mainvisual .top_mv{ position: relative;}
#top_mainvisual .top_mv img{width: 100%;}
#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;}
	#top_mainvisual .slick-prev:before,
	#top_mainvisual .slick-next:before{width: 30px; height: 60px; background-size: cover;}
}


/* merit_area ========================*/
#merit_area{padding: 35px 0 18px; position: relative;
	background-image: url(../../img/pages/top/back_01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
#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: url(../../img/pages/top/back_02.jpg) no-repeat center center; background-size: cover;
	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: 4;}
.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;}

#siepage_link_area .siepage_link_wrap:nth-child(1),
#siepage_link_area .siepage_link_wrap:nth-child(2){padding-bottom: 18vw;}
#siepage_link_area .siepage_link_wrap:nth-child(1)::after,
#siepage_link_area .siepage_link_wrap:nth-child(2)::after,
#siepage_link_area .siepage_link_wrap:nth-child(3)::after{content: ""; position: absolute; top: -50px; left: 0; width: 100%; height: 100%; z-index: 3;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#siepage_link_area .siepage_link_wrap:nth-child(1)::after,
#siepage_link_area .siepage_link_wrap:nth-child(3)::after{
	background-image: url(../../img/pages/top/back_03.png);
}
#siepage_link_area .siepage_link_wrap:nth-child(2)::after{
	background-image: url(../../img/pages/top/back_04.png);
}
	
@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_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;}
	
	#siepage_link_area .siepage_link_wrap:nth-child(1),
	#siepage_link_area .siepage_link_wrap:nth-child(2){padding-bottom:0;}
	#siepage_link_area .siepage_link_wrap:nth-child(1)::after,
	#siepage_link_area .siepage_link_wrap:nth-child(2)::after,
	#siepage_link_area .siepage_link_wrap:nth-child(3)::after{background-size: 200%;}
}


/* 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;}
}


/*brand_link_area*/
#brand_link_area{margin-top: 40px; margin-bottom: 80px;}
#brand_link_area .brand_link{}
#brand_link_area .brand_link a{align-items: center; border: 1px solid #000; padding: 40px 30px 30px; box-shadow: 0px 12px 24px rgba(84, 75, 68, 0.3); transition: 0.3s ease; color: #000;}
#brand_link_area .brand_link a .brand_link_img{width: 55%;}
#brand_link_area .brand_link a .brand_link_text{width: 45%; padding-left: 4%;}

#brand_link_area .brand_link a .brand_link_text .subTtl {
	font-size: clamp(14px, 1.328125vw, 20px); color: #991D17; letter-spacing: 0.1em; line-height: 1;
    margin-bottom: clamp(30px, 3vw, 40px); font-family: var(--font_serif);
}
#brand_link_area .brand_link a .brand_link_text .ttl {
    font-family: var(--font_serif); font-size: clamp(26px, 2.421875vw, 36px); margin-bottom: clamp(20px, 2vw, 30px);
}
#brand_link_area .brand_link a .gateBtn {
    margin-top: clamp(50px, 5vw, 80px);
}
.pagelinkBtn{position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;
  width: 100%; height: 84px; background: #991d17; border: 1px solid #991d17;
  font-size: 20px; font-weight: 500; color: #fff; border-radius: 4px; transition: all 0.3s;
}
.pagelinkBtn .icn{position: absolute; top: 50%; right: 20px;
    transform: translateY(-50%); width: 40px; height: 40px;
    background: rgba(0, 0, 0, 0.2); border-radius: 40px; transition: all 0.3s;
}
.pagelinkBtn .icn::before,
.pagelinkBtn .icn::after{content: ""; position: absolute; top: 47%; right: 39%; width: 10px; height: 2px;
    border-radius: 9999px; background-color: #ffffff; transform-origin: calc(100% - 0.5px) 50%;
}
.pagelinkBtn .icn::before{transform: rotate(45deg);}
.pagelinkBtn .icn::after{transform: rotate(-45deg);}
.pagelinkBtn .blank_text{font-size: 13px; margin-top: 5px; position: relative; padding-right: 22px;}
.pagelinkBtn .blank_text::after{content: ""; position: absolute; bottom: 0; right: 0;
    background: url(../../img/elements/icon_tb.svg) no-repeat right 1px center;
    width: 17px; height: 20px; background-size: 17px; filter: invert(1);
}


#brand_link_area .brand_link a:hover{opacity: 1; transform: translateY(4px); box-shadow: unset;}
#brand_link_area .brand_link a:hover .pagelinkBtn{background: #fff; color: #991d17;}
#brand_link_area .brand_link a:hover .pagelinkBtn .icn{background: #991d17;}
#brand_link_area .brand_link a:hover .pagelinkBtn .blank_text::after{filter: invert(0);}

@media screen and (max-width: 960px){
	#brand_link_area .brand_link a{padding: 0 0 20px;}
	#brand_link_area .brand_link a .brand_link_img{width: 100%;}
	#brand_link_area .brand_link a .brand_link_text{width: 100%; padding-left: 0; padding: 0 25px; margin-top: 30px;}
}
@media screen and (max-width: 640px){
	#brand_link_area{margin-top: 20px; margin-bottom: 80px;}
	#brand_link_area .brand_link a .brand_link_text .subTtl{margin-bottom: 10px;}
	#brand_link_area .brand_link a .brand_link_text .ttl{margin-bottom: 12px;}
	#brand_link_area .brand_link a .gateBtn{margin-top: 25px;}
	.pagelinkBtn{width: calc(100% - 20px); margin: auto; height: 75px;}
	.pagelinkBtn .icn{width: 25px; height: 25px; right: 10px;}
	.pagelinkBtn .icn::before,
	.pagelinkBtn .icn::after{width: 8px;}
}