@charset "UTF-8";
/* ヘッダー（トップページ用） */
/* メイン */
@keyframes spCircRot{from{transform: rotate(0deg);}
  to{transform: rotate(359deg);}
}
/* 行動提起 */
/* リンクパネル */

@media screen and (min-width: 769px) {
.pre-inc article{margin-top: 0;}
.pre-inc header{opacity: 0;pointer-events: none;transition: 0.3s all;background: rgba(255, 255, 255, 0);}
.pre-inc header .header_wrap{pointer-events: none;}
.pre-inc header h1 a{pointer-events: none;display: inline-block;}
.pre-inc header .hb_menu{pointer-events: none;}
.pre-inc 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;}
.pre-inc header .hb_menu:hover::before{animation: 0.3s chika 0s infinite;}
.pre-inc header.on{opacity: 1;}
.pre-inc header.on h1 a{pointer-events: all;}
.pre-inc 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;}
.pre-inc header.on h1 a img{opacity: 0;}
.pre-inc header.on .hb_menu{pointer-events: all;}
.pre-inc header.on .hb_menu span i{background: var(--brown_color);}
.pre-inc header.on .hb_menu span::before{background: var(--brown_color);}
.pre-inc header.on .hb_menu span::after{background: var(--brown_color);}
.pre-inc header.on .header_right{pointer-events: all;}
.pre-inc header.on2{background: rgba(255, 255, 255, 0);}
.pre-inc header.on2 h1 a::before{display: none;}
.pre-inc header.on2 h1 a img{opacity: 1;}
.pre-inc header.on2 .hb_menu span i{background: var(--brown_color);}
.pre-inc header.on2 .hb_menu span::before{background: var(--brown_color);}
.pre-inc header.on2 .hb_menu span::after{background: var(--brown_color);}
.pre-inc .main_appearance_img .cap_b{bottom: 5%;right: 13.8%;}
.pre-inc .entry_btn:hover span{color: #836336;}
.pre-inc .entry_btn:hover::before{transform: scaleX(0);}
.pre-inc .koudou_merit01 > li:nth-of-type(2){animation-delay: 0.2s;}
.pre-inc .koudou_merit01 > li:nth-of-type(3){animation-delay: 0.4s;}
.pre-inc .category_wrap .viewmore_btn:hover span{color: var(--brown_color);text-shadow: 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.1em #fff;}
.pre-inc .category_wrap .viewmore_btn:hover::before{transform: scaleX(0);}
.pre-inc.scroll_down header{box-shadow: none;}
.pre-inc.h_active header{background: rgba(255, 255, 255, 0);}
.pre-inc.h_active header .hb_menu::before{display: none;}
.pre-inc.h_active header.on{background: rgba(255, 255, 255, 0.9);box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.pre-inc.h_active header.on h1 a::before{display: none;}
.pre-inc.h_active header.on h1 a img{opacity: 1;}
.pre-inc.h_active header.on .hb_menu span i{background: var(--brown_color);}
.pre-inc.h_active header.on .hb_menu span::before{background: var(--brown_color);}
.pre-inc.h_active header.on .hb_menu span::after{background: var(--brown_color);}
}
.pre-inc main{height: calc(56.25vw - 10px);overflow: hidden;}
.pre-inc main img{width: 100%;}
.pre-inc main video{width: 100%;vertical-align: bottom;}
.pre-inc main .full{position: absolute;left: 0;top: 0;width: calc(100% + 1px);height: 100%;opacity: 0;}
.pre-inc main .main_tennoji_img{opacity: 1;}
.pre-inc main .loading_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pre-inc main .loading{width: 2em;height: 2em;margin: auto;position: absolute;inset: 0;border: 0.25em rgba(0, 0, 0, 0.25) solid;border-top: 0.25em rgb(0, 0, 0) solid;border-radius: 50%;animation: spCircRot 0.6s infinite linear;}
.pre-inc .main_color_base{background: var(--main_color);display: flex;justify-content: center;align-items: center;}
.pre-inc .main_catchphrase_r{position: absolute;left: 3.5%;top: 9.4%;width: 35.3%;opacity: 0;}
.pre-inc .koudou_main{padding: 2.5em 0 2.25em;text-align: center;background: url("../common/img/sliver_bk.webp") no-repeat center top/cover;}
.pre-inc .koudou_tit{font-size: 2.8em;letter-spacing: 0.1em;color: #8c7961;}
.pre-inc .koudou_tit small{font-size: 0.57em;display: block;line-height: 1.4;margin-bottom: 0.2em;}
.pre-inc .koudou_tit + i{display: block;width: 100%;height: 1px;background: #8c7961;animation-name: scale_x_c;animation-delay: 0.3s;margin-top: 1.2em;}
.pre-inc .koudou_tit + i + p{font-size: 2.5em;letter-spacing: 0.1em;color: #8c7961;margin-top: 0.65em;}
.pre-inc .koudou_tit + i + p small{font-size: 0.6em;letter-spacing: 0;}
.pre-inc .koudou_tit + i + p span{font-size: 0.8em;}
.pre-inc .entry_btn{letter-spacing: 0.1em;display: block;padding: 1.1em 0 1.1em 1em;margin: 1.5em auto 0;line-height: 1;border: 1px solid;transition: 0.3s all;text-align: center;width: 15em;border-image: linear-gradient(135deg,#614425,#836336,#3f2316);border-image-slice: 1;}
.pre-inc .entry_btn span{color: #fff;font-size: 1.2em;/*font-size: 1.6em; */}
.pre-inc .entry_btn span::after{content: "→";transform: scaleX(1.2);margin-left: 1.5em;vertical-align: 0.1em;display: inline-block;font-size: 0.7em;}
.pre-inc .entry_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(135deg,#614425,#836336,#3f2316);transition: 0.3s all;}
.pre-inc .koudou_merit_wrap{background: var(--brown_color);padding: 2.5em 0;}
.pre-inc .koudou_merit_wrap i{display: block;width: 100%;height: 1px;background: #fff;animation-name: scale_x_c;margin-top: 1.5em;animation-delay: 0.3s;}
.pre-inc .koudou_merit01{display: flex;justify-content: space-between;width: 56.1em;margin-inline: auto;}
.pre-inc .koudou_merit01 > li{color: #fff;font-size: 1.7em;line-height: 1;}
.pre-inc .koudou_merit01 > li small{font-size: 0.45em;display: block;margin-left: 0.5em;}
.pre-inc .koudou_merit01 > li p{margin: -0.75em 0 -0.1em;letter-spacing: 0.05em;}
.pre-inc .koudou_merit01 > li p + small{text-align: right;}
.pre-inc .koudou_merit01 > li strong{font-size: 2.2em;line-height: 1;font-family: "EB Garamond", serif;color: #a49071;vertical-align: -0.03em;}
.pre-inc .koudou_merit02{display: flex;justify-content: space-between;flex-wrap: wrap;width: 56.1em;margin-inline: auto;}
.pre-inc .koudou_merit02 > li{flex-grow: 1;text-align: center;padding: 0.75em 2em;border-right: 1px solid #fff;border-left: 1px solid #fff;margin-top: 1em;margin-right: -1px;}
.pre-inc .koudou_merit02 > li > span{font-size: 1.5em;color: #fff;white-space: nowrap;display: inline-block;letter-spacing: 0.07em;}
.pre-inc .koudou_merit02 > li > span span{display: inline-block;vertical-align: top;}
.pre-inc .koudou_merit02 > li > span span[data-ruby]::before {content: attr(data-ruby);position: absolute;top: -1.2em;left: 0;font-size: 0.5em;letter-spacing: 0;}
.pre-inc .koudou_merit02 > li > span span small{display: block;text-align: right;font-size: 0.5em;letter-spacing: 0;margin-top: -0.3em;}
.pre-inc .koudou_merit02 > li > span big{font-size: 1.33em;line-height: 0.8;}
.pre-inc .koudou_merit02 > i{margin-top: 1em;}
.pre-inc .category_wrap .category{height: 100vh;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;background: var(--main_color);}
.pre-inc .category_wrap .category_tit{color: #fff;letter-spacing: 0.1em;z-index: 1;font-weight: 300;}
.pre-inc .category_wrap .category_tit span{display: block;font-family: "EB Garamond", serif;font-size: 0.5em;letter-spacing: 0.1em;}
.pre-inc .category_wrap .viewmore_btn{opacity: 0;letter-spacing: 0.1em;display: inline-block;background: rgba(255, 255, 255, 0.5);padding: 0.2em 1.5em 0.2em;font-size: 0.43em;margin-top: 1em;line-height: 1;border: 1px solid var(--brown_color);transition: 0.3s all;}
.pre-inc .category_wrap .viewmore_btn span{color: #fff;}
.pre-inc .category_wrap .viewmore_btn span::after{content: "→";transform: scaleX(1.2);margin-left: 1em;vertical-align: -0.1em;display: inline-block;}
.pre-inc .category_wrap .viewmore_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--brown_color);transition: 0.3s all;}
.pre-inc .lp_main_img{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;}
.pre-inc .lp_main_img img{width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;clip-path: inset(0% 0% 0% 0%);}
.pre-inc .link_panel_copy{text-align: center;font-size: 2.9vw;}
.pre-inc .category_bk{width: 80%;margin-inline: auto;display: flex;justify-content: space-between;height: 100%;position: absolute;top: 0;left: 0;right: 0;}
.pre-inc .category_bk li{display: flex;flex-direction: column;justify-content: space-between;}
.pre-inc .category_bk figure{width: 20vw;overflow: hidden;height: 46.3vh;}
.pre-inc .category_bk figure::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);}
.pre-inc .category_bk img{width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;}
.pre-inc .category_bk figure.short{height: 19.6vh;}
.pre-inc #premium_plan{background: url("../img/top/premium_plan_bk.webp") no-repeat center center/cover;padding: 7.5em 0;text-align: center;color: #fff;}
.pre-inc #premium_plan .comingsoon{font-size: 3em;font-family: "Tangerine", cursive;margin-top: 1.4em;letter-spacing: 0.05em;}
.pre-inc #premium_plan .comingsoon + p{font-size: 1.3em;margin-top: 0.5em;letter-spacing: 0.05em;line-height: 2.5;}
.pre-inc #premium_plan .comingsoon + p span{font-size: 0.5em;}
.pre-inc #premium_plan > i{display: block;width: calc(100% - 1em);height: calc(100% - 1em);position: absolute;inset: 0;margin: auto;border: 1px solid #e8c660;pointer-events: none;animation-name: scale_x_c;}
.pre-inc #premium_plan .cap_w{right: 1.7em;bottom: 1.7em;}
.pre-inc .premium_plan_tit_wrap{max-width: 51.2em;margin: 0 auto;/* background: rgba(0, 0, 0, 0.5); */padding: 3.25em 0;}
.pre-inc .premium_plan_tit{font-size: 3em;letter-spacing: 0.1em;line-height: 1;animation-name: fadeIn;animation-delay: 0.5s;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit small{font-size: 0.3em;display: block;bottom: 4em;position: absolute;left: 3.5em;letter-spacing: 0;font-family: "EB Garamond", serif;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit span{font-family: "EB Garamond", serif;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit span big{font-size: 1.125em;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit > span{font-size: 1.2em;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit + p{font-size: 1em;margin-top: 1.5em;animation-name: fadeIn;animation-delay: 0.5s;line-height: 2.5;}
.pre-inc #premium_plan .detail_btn a{background-image: linear-gradient(90deg, #d3b257, #ffed9b 20%, #cfb96d 80%, #b59b5a);color: #000;font-size: clamp(16px,2vw,20px);display: inline-flex;justify-content: center;align-items: center;width: 100%;max-width: 240px;height: 40px;margin: 0 auto;transition: 0.5s;}
.pre-inc #premium_plan .detail_btn a:hover{opacity: 0.6;}

@media screen and (max-width: 768px) {
.pre-inc main{height: 130vw;}
.pre-inc main video{width: auto;height: 100%;left: 50%;transform: translateX(-50%);max-width: none;}
.pre-inc .main_catchphrase_r{left: 0;right: 0;top: 7%;width: 90%;margin-inline: auto;}
.pre-inc .koudou_main{padding: 1.5em 0;text-align: center;}
.pre-inc .koudou_tit{font-size: 1.6em;letter-spacing: 0.05em;}
.pre-inc .koudou_tit small{font-size: 0.7em;line-height: 1.4;}
.pre-inc .koudou_tit + i{margin-top: 1em;}
.pre-inc .koudou_tit + i + p{font-size: 1.8em;}
.pre-inc .entry_btn{padding: 0.8em 0 0.8em 1em;width: 15em;}
.pre-inc .entry_btn span{font-size: 1em; /* font-size: 1.3em; */}
.pre-inc .koudou_merit_wrap{padding: 1.5em 0 1em;}
.pre-inc .koudou_merit01{flex-wrap: wrap;justify-content: center;gap: 1em 0;width: 100%;}
.pre-inc .koudou_merit01 > li{font-size: 1.5em;}
.pre-inc .koudou_merit02{width: 100%;justify-content: center;}
.pre-inc .koudou_merit02 > li{flex-grow: 0;padding: 0.75em 0;border-right: none;border-left: none;margin-top: 0;margin-right: 0;width: 90vw;border-bottom: 1px solid #fff;}
.pre-inc .koudou_merit02 > li:last-of-type{border-bottom: none;}
.pre-inc .koudou_merit02 > li > span{font-size: 1.25em;white-space: normal;}
.pre-inc .koudou_merit02 > li > span span.ruby{margin-top: 0.5em;}
.pre-inc .category_wrap .link_panel_copy{font-size: 7vw;margin-top: 24vw;}
.pre-inc .category_wrap .category_tit span{font-size: 0.8em;margin-top: 0.5em;}
.pre-inc .category_wrap .viewmore_btn{font-size: 0.7em;}
.pre-inc .category_bk{width: 100vw;}
.pre-inc .category_bk li:nth-of-type(odd){justify-content: space-evenly;}
.pre-inc .category_bk li:nth-of-type(2) figure{width: 41.7vw;}
.pre-inc .category_bk li:nth-of-type(3) figcaption{right: auto;left: 0.7em;text-align: left;}
.pre-inc .category_bk figure{width: 22.5vw;height: 41.2vh;}
.pre-inc .category_bk figure.short{height: 23.5vh;}
.pre-inc #premium_plan{padding: 4em 0;}
.pre-inc #premium_plan .comingsoon{font-size: 3.5em;}
.pre-inc #premium_plan .comingsoon + p{font-size: 0.95em;line-height: 1.5;}
.pre-inc .premium_plan_tit_wrap{width: 95vw;padding: 2.7em 0;}
.pre-inc .premium_plan_tit{font-size: 1.9em;}
.pre-inc .premium_plan_tit small{font-size: 0.5em;display: contents;bottom: 4em;position: absolute;left: 3.5em;letter-spacing: 0;font-family: "EB Garamond", serif;background: linear-gradient(to bottom, #855e18 0%, #cacd89 40%, #7b5912 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.pre-inc .premium_plan_tit + p{font-size: 0.85em;line-height: 2.5;}
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
.pre-inc .category_bk{width: 90%;}
}
/*# sourceMappingURL=top.css.map */