@charset "UTF-8";
html{scroll-behavior: smooth;}
article{margin-top: 0;overflow: hidden;}

header{opacity: 0;pointer-events: none;transition: 0.3s all;background: rgba(255,255,255,0);}
header .header_wrap{pointer-events: none;}
.scroll_down header{box-shadow: none;}
header.fixed{box-shadow: none;}
header h1{pointer-events: none;}
header h1 a{pointer-events: none;display: inline-block;}
header h1 a img{pointer-events: none;}
header .hb_menu{pointer-events: none;}
header .hb_menu::before{content: "";display: block;width: calc(100% + 14px);height: calc(100% + 6px);position: absolute;left: -7px;top: -3px;background: rgba(255,255,255,0.5);transition: 0.3s all;}
.h_active header .hb_menu::before{display: none;}
header.on{opacity: 1}
header.on h1 a{pointer-events: none;}
/* header.on h1 a::before{content: "";width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;background: url("../common/img/logo.svg") no-repeat center center/contain;} */
header.on h1 a img{opacity: 0;pointer-events: none;}
header.on h1{pointer-events: none;}
header.on .hb_menu span i{background: #000;}
header.on .hb_menu span::before,
header.on .hb_menu span::after{background: #000;}
header.on .header_right{pointer-events: all;}
.h_active header.on{background: rgba(255,255,255,0.9);box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.h_active header.on h1{pointer-events: auto;}
.h_active header.on h1 a{pointer-events: auto;}
.h_active header.on h1 a::before{display: none;}
.h_active header.on h1 a img{opacity: 1;pointer-events: auto;}
.h_active header.on .hb_menu span i{background: #000;}
.h_active header.on .hb_menu span::before,
.h_active header.on .hb_menu span::after{background: #000;}
header.on2{background: rgba(255,255,255,0);}
header.on2 h1{pointer-events: none;}
header.on2 h1 a::before{display: none;}
header.on2 h1 a img{opacity: 0;pointer-events: none;}
header.on .hb_menu{pointer-events: all;}
header.on2 .hb_menu span i{background: #000;}
header.on2 .hb_menu span::before,
header.on2 .hb_menu span::after{background: #000;}
.h_active header{background: rgba(255,255,255,0);}

@media screen and (min-width: 769px){
header .hb_menu:hover::before{animation: 0.3s chika 0s infinite;}
}

@media screen and (max-width: 768px) {
header .hb_menu::before{background: rgba(255,255,255,0.3);}
}

/* メイン */
main{overflow: hidden;height: calc(56.25vw - 10px);}
main img{width: 100%;}
main #mv{opacity: 0;}
main #mv.ready{opacity: 1;}
main video{width: 100%;height: 100%;object-fit: cover;}
main .main_last{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
main .main_last .main_plot{width: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
main .main_last .main_copy{position: absolute;bottom: 12%;left: 0;width: 100%;}
main .main_last .main_copy h2{width: 62.5%;margin-inline: auto;opacity: 0;}
main .main_last .main_copy p{width: 62.5%;margin-inline: auto;margin-top: 1.5vw;opacity: 0;}
main .scroll_down{width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;font-size: 1vw;opacity: 0;}
main .scroll_down::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;background: linear-gradient(180deg,rgba(#000, 0) 0, rgba(#000, .8) 80%, rgba(#000, .8) 100%);}
main .scroll_down span{display: flex;justify-content: flex-end;align-items: flex-end; position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;width: 3em;;height: 6em;color: #fff;font-size: 1em;line-height: 1;letter-spacing: 0.1em;text-decoration: none;writing-mode: vertical-lr;transition: .2s;overflow: hidden;margin: auto;padding-bottom: 0.3em;text-shadow: 0 0 0.2em #000}
main .scroll_down span::after{content: "";position: absolute;bottom: 0;left: 50%;width: 2px;height: 100%;background: #fff;animation: scroll_down 1.5s cubic-bezier(1, 0, 0, 1) infinite;box-shadow: 0 0 0.2em #000}
main .loading_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 1!important;}
main .loading{width: 3vw;height: 3vw;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0; border: 0.4vw rgba(0,0,0,0.25) solid;border-top: 0.4vw rgba(0,0,0,1) solid;border-radius: 50%;animation: spCircRot .6s infinite linear;}

@media screen and (max-width: 768px) {
main{height: 130.2vw;}
main .main_last .main_copy{bottom: auto;top: 20vw;}
main .main_last .main_copy h2{width: 93vw;}
main .main_last .main_copy p{width: 81vw;margin-top: 3vw;}
main .scroll_down{font-size: 3vw;}
main .loading{width: 8vw;height: 8vw;border: 1vw rgba(0,0,0,0.25) solid;border-top: 1vw rgba(0,0,0,1) solid;}
}


/* イントロ */
#intro{}
.request_tit_wrap{padding: 2em 0;}
.request_tit_wrap i{background: #e0f0e2;width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;animation-name: scale_x_c;}
.request_tit_wrap h2{font-size: 3em;text-align: center;animation-delay: 0.8s;animation-name: fadeIn;letter-spacing: 0.05em;}
.request_tit_wrap a{width: 460px;display: contents;}
.request_tit_wrap a span{display:block;background: linear-gradient(to left, #8b6900 0%, #bf9102 25%, #ddb658 75%, #8b6900);padding: 0.2em 3em 0.2em;margin: 0.5em auto 0;font-size: 1.2em;color: #fff;width: 460px;text-align:center;}
.request_tit_wrap a small{font-size: 0.8em;}
.action_note{font-size: 0.8em;color:#b20000;text-align: center;margin: 0.5em auto;}
.priceBox{background:#505b4f;text-align:center;}
.priceBox img{max-width:1100px;padding:2em 1em;}
.merit_box{background: #fff;display: flex;justify-content: center;padding: 3em 0;align-items: center;}
.merit_box li{padding: 1em 2.25em;border-right: 1px solid #333;}
.merit_box li:nth-child(2){padding: 1.9em 2.25em;}
.merit_box li:last-of-type{border-right: none;}
.merit_box li > div{font-size: 24px;text-align: center;line-height:0;}
.merit_box li > div strong{font-size: 1.8em;/* color:#634001; */}
.merit_box li > div strong small{font-size: 0.45em;}
.merit_box li > div .suuji02{font-family: YakuHanMP, "EB Garamond", "Zen Old Mincho", serif;font-size: 1.5em;line-height: 0;color:#000;}
.merit_box li > div .suuji{font-family: YakuHanMP, "EB Garamond", "Zen Old Mincho", serif;font-size: 3em;line-height: 1;color:#a21e36;}
.meritBox{width:1200px;margin:4em auto;text-align:center;}
.meritBox img{width:100%;}
.btnArea{max-width: 800px;margin: 1em auto;}
.btnArea ul{display:flex;justify-content: space-between;}
.btnArea li.btn_reserve{width: 48%;text-align: center;background: linear-gradient(to top, #772115, #b15651);padding: 0.8em 0;position: relative;}
.btnArea li.btn_request{width: 48%;text-align: center;background: linear-gradient(to top, #002162, #065d7e);padding: 0.8em 0;position: relative;}
.btnArea a{font-size:1.2em;color:#fff;}
.btnArea a li:hover{opacity: 0.6;}
.btnArea a small{font-size:0.8em;}
.btnArea a li:after{content: "";width: 0.3em;height: 0.3em;display: block;border-right: 2px solid #fff;border-top: 2px solid #fff;transform: rotate(45deg); position: absolute; right: 1em;top: 0;bottom: 0;margin: auto 0;}

.intro_img{width: 30.05em;height: 23.05em;position: absolute;right: 0;bottom: 0;text-align: right;}
.intro_img figure{height: 100%;display: inline-block;animation-name: width100;animation-delay: 0.5s;}
.intro_img figure img{object-fit: cover;object-position: right;width: 100%;height: 100%; max-width: none;}
.intro_lead{font-size: 1em;text-align: center;line-height: 2;letter-spacing: 0.05em;margin-top: 2.25em;text-shadow: 0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff,0 0 0.3em #fff;animation-delay: 0.3s;}
.intro_lead span{letter-spacing: -0.1em;}

@media screen and (max-width: 1199px) {
.meritBox{width:100%;margin:4em auto;text-align:center;}
.meritBox img{width:90%;}
}

@media screen and (min-width: 769px) and (max-width: 1250px) {
.merit_box li{font-size: 1.68vw;}
}

@media screen and (min-width: 769px) {
.merit_box li:nth-of-type(2) div{animation-delay: 0.2s;}
.merit_box li:nth-of-type(3) div{animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
#intro{}
.request_tit_wrap{padding: 1.5em 0;}
.request_tit_wrap h2{font-size: 1.8em;animation-delay: 0.5s;letter-spacing: 0.03em;}
.request_tit_wrap h2 span{font-size: 0.6em;}
.request_tit_wrap h2 small{font-size: 0.8em;}
.request_tit_wrap a span{width: 100%;}
.action_note{font-size: 0.6em;}
.merit_box{flex-wrap: wrap;padding: 0.5em 1.5em;}
.merit_box li{padding: 1em 0;border-right: none;border-bottom: 1px solid #333;width: 100%;}
.merit_box li:last-of-type{border-bottom: none;}
.merit_box li > div{font-size: 1.45em;}
.meritBox img{width:70%;}
.btnArea{max-width: 90%;}
.btnArea a{font-size:1em;}
.btnArea a small{display:block;}
.btnArea li.btn_reserve{padding: 0.4em 0;}
.btnArea li.btn_request{padding: 0.4em 0;}

.intro_img{font-size: 0.8em;}
.intro_lead{font-size: 0.9em;margin-top: 2em;}
}

/* 5FEATURES */
#five_features_top{background: #fffbf0;height: 100vh;padding-top: 5.5vh;}
.five_features_tit{font-size: 5.5vh;text-align: center;font-family: "EB Garamond", serif;}
.five_features_tit big{background: linear-gradient(to bottom, #aa8f29, #907a25);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 1.5em;margin-right: 0.2em;line-height: 1;}
.bouquet_img{height: 69vh;width: 100%;text-align: center;margin-top: 4vh;z-index: 1;background: #fffbf0;}
.bouquet_img img{height: 100%;object-fit: contain;}
.five_features_list{display: flex;flex-wrap: wrap;justify-content: center;gap: 5em 5%;width: 130em;margin-inline: auto; position: absolute;left: 0;right: 0;top: 18em;font-size: 1vh;}
.five_features_list > li{width: 30%;cursor: pointer;transition: 0.3s all;}
.five_features_list > li figure{height: 22em;opacity: 0;}
.five_features_list > li figure img{height: 100%;width: 100%;object-fit: contain;}
.five_features_list > li .copy{text-align: center;margin-top: 0.25em;color: #333;opacity: 0;display: flex;flex-direction: column;align-items: center;} 
.five_features_list > li .copy h3{font-size: 2.8em;white-space: nowrap;} 
.five_features_list > li .copy h3 + p{font-size: 2em;letter-spacing: 0.05em;white-space: nowrap;}
.five_features_list > li .copy h3 + p span{display: inline-block;}
.grand_area{width: 100%;height: 100%; color: #fff;position: fixed;left: 0;top: 0;display: none;z-index: 10000;}
.grand_inner{height: 100vh;width: 100%;font-size: 1vh;}
.grand_img{width: 100%;height: 100%;}
.grand_img img{object-fit: cover;width: 100%;height: 100%;}
.grand_tit{position: absolute;left: 2.6%;top: 6em;text-align: center;}
.grand_tit figure{max-height: 180em;}
.grand_tit figure img{height: 100%;width: 100%;object-fit: contain;}
.grand_tit h3{font-family: "EB Garamond", serif;color: #fff;font-size: 2.2em;margin-top: 0.3em;}
.grand_copy{position: absolute;left: 0;top: 25em;width: 100%;text-align: center;color: #fff;letter-spacing: 0.05em;height: 60vh;}
.grand_copy h3{font-size: 3.6em;text-shadow: 0 0 0.2em rgba(151,110,12,0.9),0 0 0.2em rgba(151,110,12,0.9);}
.grand_copy h3 small{font-size: 0.78em;display: block;margin-top: 0.7em;}
.grand_copy h3 + figure{height: 32em;margin: 5em auto 0;width: 48.8em;border: 1px solid #fff;}
.grand_copy h3 + figure img{object-fit: cover;width: 100%;height: 100%;}
.grand_copy h3 + figure figcaption{font-size: 1em;}
.grand_copy .readmore_btn{font-size: 2em;text-align: center;color: #fff;border: 1px solid #fff;width: 15em;background: linear-gradient(110deg,#cdb038,#cdb038 40%,#be9f15 45%,#be9f15 55%,#dab754 60%);margin: auto;padding: 0.3em;position: absolute;left: 0;right: 0;bottom: 0;}
.grand_copy .readmore_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;transform: scaleX(0);transition: 0.3s all;}
.grand_copy .readmore_btn span{transition: 0.3s all;}
.five_features_close_btn{font-size: 1.7em;font-weight: 500;width: 1.5em;height: 1.5em;display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,0.8);border-radius: 50%;border: 1px solid #888; line-height: 1;position: fixed;right: 4vw;top: 4vw;z-index: 10001;cursor: pointer;transition: 0.3s all;}

.grand_anchor{position: fixed;right: 1.5em;bottom: 1.5em;opacity: 0;pointer-events: none;transition: 0.3s;display: flex;flex-direction: column;align-items: flex-end;gap: 0.5em;}
.grand_anchor a{font-size: 0.7em;color: #fff;text-shadow: 0 0 0.2em #000,0 0 0.2em #000;}
.grand_anchor a::after{content: "";display: block;background: #fff;height: 1px;transform: scaleX(0);transform-origin: left;transition: 0.3s all;box-shadow: 0 0 0.2em #000,0 0 0.2em #000;}
.grand_anchor a.active{pointer-events: none;}
.grand_anchor a.active::after{transform: scaleX(1);}
.grand_anchor.is-show{opacity: 1;pointer-events: auto;}

@media screen and (min-width: 769px) and (max-width: 1450px) {
.five_features_list{width: 90%;}
.five_features_list > li .copy h3{font-size: 2.5em;} 
.five_features_list > li .copy h3 + p{white-space: normal;font-size: 2em;}
}

@media screen and (min-width: 769px) {
.five_features_list > li:hover{opacity: 0.6;}
.five_features_close_btn:hover{transform: scale(1.1)}
.grand_anchor a:hover::after{transform: scaleX(1);}
.readmore_btn:hover::before{transform: scaleX(1);}
.readmore_btn:hover span{color: #be9f15;}
}

@media screen and (orientation: landscape) {
.op{display: none!important;}
}

@media screen and (orientation: portrait) {
.grand_tit{top: 3em;}
.grand_tit figure{height: 15vw;max-width: 35vw;}
.grand_tit h3{font-size: 4vw;}
.grand_img::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.grand_copy{font-size: 1.8vw;top: 20em;height: 70vh;height: 70dvh;}
.grand_anchor a{font-size: 3vw;}
}

@media screen and (max-width: 1040px) {
.five_features_list{gap: 1em 5%;width: 100%;top: 12em;}
.five_features_list > li{width: 45%;}
.five_features_list > li figure{height: 18em;}
.five_features_list > li:nth-of-type(3){width: 100%;}
.five_features_list > li:nth-of-type(3) figure{width: 45%;margin-inline: auto;}
.five_features_list > li .copy h3{font-size: 1.8em;} 
.five_features_list > li .copy h3 + p{white-space: normal;font-size: 1.5em;}
}

@media screen and (max-width: 768px) {
#five_features_top{padding-top: 5.5vh;}
.five_features_tit{font-size: 4vh;}
.bouquet_img{width: 95%;margin-inline: auto;}
.grand_copy h3 + figure{margin: 3em auto 0;}
.grand_anchor{bottom: 70px;}
#grand_convenience .grand_img img{object-position: 30% top;}
#grand_space .grand_img img{object-position: 35% top;}
#grand_park .grand_img img{object-position: 30% top;}
}

@media screen and (max-height: 700px) {
.five_features_list{top: 12em;}
.five_features_list{gap: 1em 5%;}
}

/* 乾太くん */
#kantakun img{width: 100%;}
.kantakun_item{position: absolute;left: 0;right: 0;bottom: 3%;margin-inline: auto;width: 66.5em;display: flex;justify-content: space-between;}
.kantakun_item > dt .kantakun_tit{width: 18.75em;}
.kantakun_item > dt .kantakun_tit + p{font-size: 2.4em;color: #866c10;text-shadow: 0 0 0.2em #fff,0 0 0.2em #fff,0 0 0.1em #fff,0 0 0.1em #fff;margin-top: 0.1em;line-height: 1.3;}
.kantakun_item > dt .layer_link_btn{margin-right: 1em;}
.kantakun_item > dd{width: 22.3em;}

@media screen and (min-width: 769px){
.kantakun_item > dt{animation-name: fadeInLeft;}
.kantakun_item > dd{animation-name: fadeInRight;}
}
@media screen and (min-width: 769px) and (max-width: 1450px) {
#kantakun{font-size: 1.38vw;}
}

@media screen and (max-width: 768px) {
.kantakun_img{height: 120vw;}
.kantakun_img img{object-fit: cover;object-position: 40% top; width: 100%;height: 100%;}
.kantakun_item{bottom: 5%;width: 90vw;flex-direction: column;font-size: 3vw;}
.kantakun_item > dd{align-self: flex-end;margin-top: 10vw;}
}

/* CONTENTS */
#contents{padding: 7.5em 0 2.5em;}
.top_contents_tit{font-family: "EB Garamond", serif;font-size: 3em;color: #333;text-align: center;}
.top_contents_tit i{display: inline-block;opacity: 0;}
.top_contents_tit i.text_ani{animation: 0.5s fadeInUp 0s forwards;}
.link_panel{padding: 3.5em 0 4.5em;}
.link_panel_tit{position: absolute;left: 0;top: 0;bottom: 1em;margin: auto 0;width: 6em;height: calc(100% - 8em);text-align: center;color: #fff;font-family: "EB Garamond", serif;z-index: 1;border-radius: 0 0.5em 0.5em 0;letter-spacing: 0.1em;display: flex;justify-content: center;align-items: center;animation-name: fadeInLeft;}
.link_panel_tit span{font-size: 2.4em;writing-mode: vertical-rl;text-orientation: sideways;transform: rotate(180deg);}
.link_panel_tit span big{font-size: 1.25em;}
.link_panel_lead{text-align: center;color: #003015;font-size: 2.3em;letter-spacing: 0.05em;z-index: 2;text-shadow: 0 0 0.3rem #fff,0 0 0.3rem #fff,0 0 0.3rem #fff;}
.link_panel_lead + p{text-align: center;color: #003015;font-size: 1.4em;margin-top: 0.5em;z-index: 2;text-shadow: 0 0 0.3rem #fff,0 0 0.3rem #fff,0 0 0.3rem #fff;}
.layer_link_btn{width: 18em;background: #fff;padding: 0.5em;border: 2px solid #003015;display: block;margin: 1.5em auto 0;text-align: center;}
.layer_link_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #003015;transform: scaleX(0);transition: 0.3s all;}
.layer_link_btn span{font-size: 1.2em;color: #003015;transition: 0.3s all;}
.link_panel_slide{margin-top: 2.5em;margin-bottom: 0!important;}
.link_panel_slide .slick-track li{height: 21.35em;display: flex;margin: 0 1em;}
.link_panel_slide .slick-track li figure img{height: 100%;}
.link_panel_slide .slick-track li.top_align figure{height: 80%;}
.link_panel_slide .slick-track li.bottom_align{align-items: flex-end;}
.link_panel_slide .slick-track li.bottom_align figure{height: 80%;}
.link_panel_slide .slick-dots{display: flex;justify-content: flex-end;padding: 0 0.5em;bottom: -1.25em;}
.link_panel_slide .slick-dots li{width: 1.6em;height: 0.4em;background: #bab8ba;margin: 0 0.125em;}
.link_panel_slide .slick-dots li button{width: 100%;height: 100%;}
.link_panel_slide .slick-dots li button::before{display: none;}

#contents > .link_panel:nth-of-type(even) .link_panel_tit{right: 0;left: auto;border-radius: 0.5em 0 0 0.5em;animation-name: fadeInRight;}
#contents > .link_panel:nth-of-type(even) .link_panel_slide .slick-dots{justify-content: flex-start;}

#position .link_panel_tit{background: rgba(245,143,152,0.9);}
#position .link_panel_slide .slick-dots li{background: #e9aab5;}
#position .link_panel_slide .slick-dots li.slick-active{background: #F58F98;}
#town_scape .link_panel_tit{background: rgba(95,133,52,0.9);}
#town_scape .link_panel_slide .slick-dots li{background: #b7c8a3;}
#town_scape .link_panel_slide .slick-dots li.slick-active{background: #6f9148;}
#access{background: url("../img/access_bk.webp?002") no-repeat center center/cover;}
#access .link_panel_tit{background: rgba(118,145,174,0.9);}
#access .link_panel_slide .slick-dots li{background: #c0cdda;}
#access .link_panel_slide .slick-dots li.slick-active{background: #829bb6;}
#plan .link_panel_tit{background: rgba(133,131,51,0.9);}
#plan .link_panel_slide .slick-dots li{background: #c8c7a3;}
#plan .link_panel_slide .slick-dots li.slick-active{background: #918f47;}
#plan .link_panel_slide .slick-track li.plan_link{width: 30em;}
#plan .link_panel_slide .slick-track li.plan_link a{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;height: 100%;border: 2px solid #788e7a;background: #f7f7f7;padding: 1em;transition: 0.3s all;}
#plan .plan_link_tit{display: flex;width: 100%;}
#plan .plan_link_tit span{display: flex;justify-content: center;align-items: flex-end;height: 2.5em;padding-bottom: 0.5em;}
#plan .plan_link_tit span.place{background: #002903;color: #fff;width: 30%;}
#plan .plan_link_tit span.place i{font-size: 1.2em;line-height: 1;}
#plan .plan_link_tit span.place i big{font-size: 1.33em;line-height: 1;}
#plan .plan_link_tit span.space{background: #e0f0e2;color: #002903;width: 70%;}
#plan .plan_link_tit span.space i{font-size: 0.9em;line-height: 1;}
#plan .plan_link_tit span.space i big{font-size: 1.78em;line-height: 1;}
#plan .plan_link_tit + figure{margin-top: auto;height: 15em;}
#model_house{background: url("../img/model_house_bk.webp") no-repeat center center/cover;}
#model_house .link_panel_tit{background: rgba(135,84,167,0.9);}
#model_house .link_panel_slide .slick-dots li{background: #c8b1d7;}
#model_house .link_panel_slide .slick-dots li.slick-active{background: #9264af;}
#quality .link_panel_tit{background: rgba(223,159,75,0.9);}
#quality .link_panel_slide .slick-dots li{background: #f0d3ae;}
#quality .link_panel_slide .slick-dots li.slick-active{background: #e2a85d;}

@media screen and (min-width: 769px){
.layer_link_btn:hover::before{transform: scaleX(1);}
.layer_link_btn:hover span{color: #fff;}
#plan .link_panel_slide .slick-track li a:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
#contents{padding: 5em 0 2.5em;font-size: 0.7em;}
.link_panel_tit{width: 5em;}
.link_panel_tit span{font-size: 2.2em;}
#contents > .link_panel:nth-of-type(odd) .link_panel_lead{left: 6vw;}
#contents > .link_panel:nth-of-type(odd) .link_panel_lead + p{left: 6vw;}
#contents > .link_panel:nth-of-type(odd) .layer_link_btn{left: 4vw;}
#contents > .link_panel:nth-of-type(even) .link_panel_lead{right: 6vw;}
#contents > .link_panel:nth-of-type(even) .link_panel_lead + p{right: 6vw;}
#contents > .link_panel:nth-of-type(even) .layer_link_btn{right: 6vw;}
.link_panel_slide .slick-track li figure figcaption{font-size: 1.2em;}
.link_panel_slide .slick-track li{height: 18em;}
.link_panel_slide .slick-dots li{font-size: 1.2em;}
#plan .plan_link_tit + figure{height: 12em;}
}