@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Cormorant+Upright:wght@300;400;500;600;700&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
/*
Theme Name: HyogoCC_Theme
Template: xeory_extension
Author: WorldUtility
Version: 1.0.0
*/

:root{
    /* SYSTEM */
    --px1:calc(100vw / 1920);

    /* COLOR*/
    --color-base:#251e1c;
    --color-gold:#d6b357;

    --color-bg-green:#004b36;
    --color-bg-navy:#000c34;

    --color-border-gray:#707070;

    --color-grad-green:linear-gradient(to right, #004b36 74%, #003120);

    /* FONT */
    --font-basic:"Zen Old Mincho", serif;
    /* --font-gothic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Zen Kaku Gothic Antique", sans-serif; */
    --font-gothic: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --font-zengothic:"Zen Kaku Gothic Antique", sans-serif;
    --font-cardo: "Cardo", "Zen Old Mincho", serif;
    --font-cormorant:"Cormorant Upright", serif;

    /* TRANSITION */
    --transition: all .4s ease;
    --transition-quick: all .2s ease;
    --transition-long: all 1.2s ease;
}

@media only screen and (min-width:1660px){
    :root{
        /* SYSTEM */
        --px1:calc(100vw / 2200);
    }
}

.gothic{
    font-family:var(--font-gothic);
}

.zengothic{
    font-family:var(--font-zengothic);
}

.cardo{
    font-family:var(--font-cardo);
    letter-spacing:0.06em;
}

.cormorant{
    font-family:var(--font-cormorant);
}

body{
    font-family:var(--font-basic);

    padding-top:calc(160 * var(--px1));

    font-size:calc(16 * var(--px1));

    color:var(--color-base);
    background:#FFF;
}

/* RESET*/
p,h1,h2,h3,h4,h5,h6,li,span,small,em,dt,dd,th,td{
	line-height:1.71;
	letter-spacing:0.075em;
	padding:0;
	margin:0;
}
a,a:hover{
    color:var(--color-bg-green);
    text-decoration:none;
    transition:var(--transition);
}
ul,ol,dl{
  padding:0;
  margin:0;
}

/* COMMON */
.center{
	text-align:center;
}
.right{
	text-align:right;
}

.flex{
	display:flex;
	flex-wrap:wrap;
}
.jc-sb{
	justify-content:space-between;
}
.jc-center{
	justify-content:center;
}
.al-center{
	align-items:center;
}
.al-end{
	align-items:flex-end;
}
.fd-row-r{
	flex-direction:row-reverse;
}
.fd-col-r{
	flex-direction:column-reverse;
}

.ps-re{
	position:relative;
}
.ps-ab{
	position:absolute;
}
.ps-fix{
	position:fixed;
}
.ps-st{
	position:sticky;
}

.vert{
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
}


/* SYSTEM */
.wrap,
body.home .wrap{
    max-width:calc(1600 * var(--px1));
    width:100%;
    margin:0 auto;
    padding:0;
}

.wrap.mini{
    max-width:calc(1400 * var(--px1));
}


/* COMMON PARTS */
.viewmore a{
    position:relative;
    display:flex;
    align-items:center;
    font-family:var(--font-cormorant);
    font-size:calc(20 * var(--px1));
    gap:1em;
    white-space:nowrap;
    width:min-content;
}
.viewmore a::after{
    content:'';
    width:calc(50 * var(--px1));
    height:calc(38 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-arrow-gold.svg');
}
.viewmore a::before{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:calc(1 * var(--px1));
    background:var(--color-gold);
    transition:var(--transition);
}
.viewmore a:hover::before{
    width:4em;
}
.viewmore.center a{
    margin:0 auto;
}

.viewmore.text-black a{
    color:var(--color-base);
}
.viewmore.text-white a{
    color:#FFF;
}

.viewmore.icon-gold a::before{
    background:var(--color-gold);
}
.viewmore.icon-gold a::after{
    background-image: url('assets/img/common/icon-arrow-gold.svg');
}

.viewmore.icon-white a::before{
    background:#FFF;
}
.viewmore.icon-white a::after{
    background-image: url('assets/img/common/icon-arrow-white.svg');
}


/* HEADER */
.main-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:998;
}

.main-header__upper{
    background:#FFF;
    display:flex;
    height:calc(100 * var(--px1));

    transition:var(--transition-quick);
}

.main-header__upper__left{
    padding:calc(10 * var(--px1)) calc(18 * var(--px1));
    width:calc(100% - (800 * var(--px1)));

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.main-header__upper__left__logo img{
    width:calc(256 * var(--px1));

    transition:var(--transition-quick);
}

.main-header__upper__left__tel__title{
    font-size:calc(11 * var(--px1));
    line-height:1;
    font-weight:bold;
    padding:calc(5 * var(--px1));
    padding-right:calc(18 * var(--px1));
    color:#FFF;
    background:var(--color-bg-green);
    clip-path:polygon(0 0, 100% 0, calc(100% - (15 * var(--px1))) 100%, 0 100%);
    margin-bottom:calc(8 * var(--px1));

    transition:var(--transition-quick);
}
.main-header__upper__left__tel__title span{
    line-height:1;
}
.main-header__upper__left__tel__number{
    font-size:calc(36 * var(--px1));
    line-height:1;
    letter-spacing:0.06em;

    transition:var(--transition-quick);
}

.main-header__upper__right{
    width:calc(800 * var(--px1));
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:calc(20 * var(--px1));
}
.main-header__upper__right__textlinks{
    width: calc(100% - (600 * var(--px1)));
}
.main-header__upper__right__textlinks li a{
    display:flex;
    align-items:center;
    gap:calc(10 * var(--px1));
    line-height:1;
}
.main-header__upper__right__textlinks li a::after {
    content: '';
    width:calc(30 * var(--px1));
    height:calc(23 * var(--px1));
    background: no-repeat center / contain url(assets/img/common/icon-arrow-black.svg);
}
@media only screen and (max-width:991px){
    .main-header__upper__right__textlinks{
        display:none;
    }
}
.main-header__upper__right__links{
    display:flex;
    height:100%;
    width:calc(600 * var(--px1));
}
.main-header__upper__right__links li{
    width:50%;
}
.main-header__upper__right__links li a{
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:calc(14 * var(--px1));
}
.main-header__upper__right__links__link__text{
    font-size:calc(16 * var(--px1));
    font-weight:bold;
}
.main-header__upper__right__links li a::after{
    content:'';
    width:calc(30 * var(--px1));
    height: calc(23 * var(--px1));
}
.main-header__upper__right__links li.btn01 a{
    color:var(--color-gold);
    background:var(--color-bg-navy);
}
.main-header__upper__right__links li.btn02 a{
    color:var(--color-base);
    background:var(--color-gold);
}
.main-header__upper__right__links li.btn03 a{
    color:#FFF;
    background:#1dcd00;
}
.main-header__upper__right__links li.btn01 a::after{
    background:no-repeat center/contain url('assets/img/common/icon-arrow-gold.svg');
}
.main-header__upper__right__links li.btn02 a::after{
    background:no-repeat center/contain url('assets/img/common/icon-arrow-black.svg');
}
.main-header__upper__right__links li.btn03 a::after{
    background:no-repeat center/contain url('assets/img/common/icon-arrow-white.svg');
}

.main-header__bottom{
    background:var(--color-grad-green);
    height:calc(60 * var(--px1));

    transition:var(--transition-quick);
}

.main-header__bottom__links{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    gap:calc(48 * var(--px1));
}
.main-header__bottom__links li a{
    color:#FFF;
    font-size:calc(19 * var(--px1));
    font-weight:500;
}

.main-header.scrolled .main-header__upper{
    height:calc(60 * var(--px1));
}
.main-header.scrolled .main-header__upper__left__logo img{
    width:calc(160 * var(--px1));
}
.main-header.scrolled .main-header__upper__left__tel__title{
    font-size:calc(8 * var(--px1));
    margin-bottom:calc(4 * var(--px1));
}
.main-header.scrolled .main-header__upper__left__tel__number{
    font-size:calc(20 * var(--px1));
}
.main-header.scrolled .main-header__bottom{
    height:calc(40 * var(--px1));
}


/* FOOTER */
.main-footer__beltslider{
    padding:calc(150 * var(--px1)) 0 calc(45 * var(--px1));
}
.main-footer__beltslider .slick-track{
    width:calc(2850 * 7 * var(--px1));
}
.main-footer__beltslide{
    width:calc(2850 * var(--px1));
}
.main-footer__beltslide img{
    width:calc(2796 * var(--px1));
}

.main-footer__bottom__content__flex{
    display:flex;
    justify-content:space-between;
}

.main-footer__bottom__content__flex__info__logo img{
    width:calc(324 * var(--px1));
}
.main-footer__bottom__content__flex__info__address{
    margin-top:calc(16 * var(--px1));
    font-size:calc(14 * var(--px1));
    line-height:2;
    color:var(--color-bg-green);
}
.main-footer__bottom__content__flex__info__banners{
    margin-top:calc(28 * var(--px1));
}
.main-footer__bottom__content__flex__info__banners li:not(:last-of-type){
    margin-bottom:calc(10 * var(--px1));
}
.main-footer__bottom__content__flex__info__banners li img{
    max-width:calc(255 * var(--px1));
}

.main-footer__content__title{
    color:var(--color-gold);
    font-size:calc(12 * var(--px1));
    font-weight:500;
    margin-bottom:calc(15 * var(--px1));
}

.main-footer__bottom__content__flex__contents__menus{
    display:flex;
    gap:calc(80 * var(--px1));

    margin-bottom:calc(36 * var(--px1));
}
.main-footer__content__flex__contents__menu li:not(:last-of-type){
    margin-bottom:calc(10 * var(--px1));
}

.main-footer__content__flex__contents__snslinks{
    display:flex;
    align-items:center;
    gap:calc(40 * var(--px1));
}
.main-footer__content__flex__contents__snslinks li a{
    display:flex;
    align-items:center;
}
.main-footer__content__flex__contents__snslinks li a::after{
    content:'';
    width:calc(10 * var(--px1));
    height:calc(10 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-single-arrow-gold.svg');
}
.main-footer__content__flex__contents__snslinks__icon{
    width:calc(34 * var(--px1));
    margin-right:calc(7 * var(--px1));
}
.main-footer__content__flex__contents__snslinks__title{
    font-size:calc(18 * var(--px1));
    margin-right:calc(16 * var(--px1));
}

.main-footer__content__flex__reservation__links{
    width:calc(440 * var(--px1));
}
.main-footer__content__flex__reservation__links li{
    position:relative;
    z-index:2;
    border-top:var(--px1) solid var(--color-border-gray);
}
.main-footer__content__flex__reservation__links li:last-of-type{
    border-bottom:var(--px1) solid var(--color-border-gray);
}
.main-footer__content__flex__reservation__links li a{
    position:relative;
    display:flex;
    align-items:center;
    gap:calc(12 * var(--px1));
    padding:calc(24 * var(--px1)) calc(10 * var(--px1));
    overflow:hidden;
}
.main-footer__content__flex__reservation__links li a::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--color-grad-green);
    z-index:-1;
    transform:translateX(-101%);

    transition:var(--transition);
}
.main-footer__content__flex__reservation__links li a:hover{
    color:#FFF;
}
.main-footer__content__flex__reservation__links li a:hover::before{
    transform:translateX(0);
}
.main-footer__content__flex__reservation__links li a::after{
    content:'';
    width:calc(10 * var(--px1));
    height:calc(10 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-single-arrow-gold.svg');
}

.main-footer__hr{
    margin:calc(54 * var(--px1)) 0 calc(30 * var(--px1));
    border:0;
    border-top:var(--px1) solid var(--color-bg-green);
}

.copyright{
    color:var(--color-bg-green);
    font-size:calc(12 * var(--px1));
    padding-bottom:calc(30 * var(--px1));
    text-align:center;
}

/* FOOTER - CLUBMEMBER */
.footer-clubmember{
    position:relative;
    z-index:3;
}
.footer-clubmember__shadow{
    width:100%;
    height:calc(100 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/bg-fx-clubmember.webp');
    position:absolute;
    z-index:1;
    left:0;
    pointer-events:none;
}
.footer-clubmember__shadow.upper{
    top:calc(-1 * 50 * var(--px1));
}
.footer-clubmember__shadow.bottom{
    bottom:calc(-1 * 50 * var(--px1));
}
.footer-clubmember__box{
    position:relative;
    z-index:2;
    background:repeat top left/1920px #FFF url('assets/img/common/bg-clubmember.webp');
    padding:calc(20 * var(--px1)) 0 ;
}
.footer-clubmember__box__hr{
    border:0;
    border-top:calc(3 * var(--px1)) solid var(--color-gold);
    margin:0;
    padding:0;
}
.footer-clubmember__box__content{
    padding:calc(110 * var(--px1)) 0 calc(70 * var(--px1));
}
.footer-clubmember__title{
    text-align:center;
    color:var(--color-bg-green);
    margin-bottom:calc(60 * var(--px1));
}
.footer-clubmember__title__en{
    font-size:calc(85 * var(--px1));
    line-height:1;
    margin-bottom:calc(10 * var(--px1));
}
.footer-clubmember__title__jp{
    font-size:calc(28 * var(--px1));
    font-weight:bold;
}
.footer-clubmember__title__icon{
    display:block;
    margin-top:calc(20 * var(--px1));
}
.footer-clubmember__title__icon img{
    width:calc(70 * var(--px1));
}

.footer-clubmember__subtitle{
    font-size:calc(42 * var(--px1));
    font-weight:600;
    text-align:center;

    margin-bottom:calc(34 * var(--px1));
}
.footer-clubmember__text{
    font-size:calc(24 * var(--px1));
    text-align:center;
    margin-bottom:calc(50 * var(--px1));
}


/* FIXED BANNER */
#fixedbanner{
    position:fixed;
    bottom:0;
    right:0;
    z-index:99;
    display:none;
}
.fixedbanner-container{
    width:calc(500 * var(--px1));
}
.fixedbanner{
    position:relative;
}
.fixedbanner__close{
    position:absolute;
    width:calc(50 * var(--px1));
    height:calc(50 * var(--px1));
    border-radius:50%;
    background:#FFF;
    border:var(--px1) solid var(--color-base);
    outline:calc(5 * var(--px1)) solid #FFF;
    filter:drop-shadow(0,0,calc(10 * var(--px1)), rgba(0,0,0,0.6));
    z-index:2;
    cursor:pointer;
    top:0;
    left:0;
    transform:translate(-50%,-50%);
}
.fixedbanner__close::before,
.fixedbanner__close::after{
    content:'';
    width:calc(30 * var(--px1));
    height:calc(4 * var(--px1));
    background:var(--color-bg-green);
    position:absolute;
    left:calc(50% - (15 * var(--px1)));
    top:calc(50% - (2 * var(--px1)));
}
.fixedbanner__close::before{
    transform:rotate(45deg);
}
.fixedbanner__close::after{
    transform:rotate(-45deg);
}



/* TOP */
.top-mv__slider{
    margin-bottom:0 !important;
}
.top-mv__cover{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:calc(30 * var(--px1));
    z-index:9;
    color:#FFF;
}
.top-mv__cover__upper{
    font-size:calc(68 * var(--px1));
    white-space:nowrap;
    width:35%;
    text-shadow: 1px 1px 3px #878585;
}
.top-mv__cover__bottom{
    font-size:calc(18 * var(--px1));
    white-space:nowrap;
    width:35%;
    text-shadow: 1px 1px 3px #878585;
}
.top-mv__slider .slick-dots{
    z-index:9;
    bottom:calc(50 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(20 * var(--px1));
}
.top-mv__slider__arrow{
    display:block;
    cursor:pointer;
    width:calc(25 * var(--px1));
    height:calc(25 * var(--px1));
}
.top-mv__slider .slick-dots li{
    margin:0;
    padding:0;
    width:calc(12 * var(--px1));
    height:calc(12 * var(--px1));
    border:var(--px1) solid #FFF;
    border-radius:50%;
    background:transparent;
    pointer-events:none;
}
.top-mv__slider .slick-dots li.slick-active{
    background:#FFF;
}
.top-mv__slider .slick-dots li button{
    display:none;
}
.top-mv__slider__arrow.prev{
    background:no-repeat center/contain url('assets/img/common/icon-slick-prev.svg');
    margin-right:calc(10 * var(--px1));
}
.top-mv__slider__arrow.next{
    background:no-repeat center/contain url('assets/img/common/icon-slick-next.svg');
    margin-left:calc(10 * var(--px1));
}

.top-news{
    padding:calc(150 * var(--px1)) 0;
}
.top-news__flex{
    display:flex;
    justify-content:space-between;
}
.top-news__flex__content{
    width:calc(710 * var(--px1));
}
.top-news__head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:calc(26 * var(--px1));
}
.top-news__head__title{
    display:flex;
    align-items:flex-end;
    gap:calc(50 * var(--px1));
    color:var(--color-gold);
}
.top-news__head__title__en{
    font-size:calc(65 * var(--px1));
    letter-spacing:0.006em;
    line-height:0.7;
}
.top-news__head__title__jp{
    font-size:calc(31 * var(--px1));
    font-weight:500;
    letter-spacing:0.14em;
    line-height:1;
}

.news-article{
    border-top:var(--px1) solid var(--color-bg-green);
}
.news-article:last-of-type{
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.news-article a{
    position:relative;
    display:block;
    padding:calc(14 * var(--px1));
    padding-right:calc(110 * var(--px1));
    z-index:1;
    color:var(--color-base);
    overflow:hidden;
}
.news-article a:hover{
    color:#FFF;
}
.news-article a::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--color-grad-green);
    transition:var(--transition);
    transform:translateX(-101%);
}
.news-article a:hover::before{
    transform:translateX(0);
}
.news-article a::after{
    content:'';
    width:calc(50 * var(--px1));
    height:calc(38 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-arrow-gold.svg');
    position:absolute;
    top:calc(50% - (19 * var(--px1)));
    right:calc(30 * var(--px1));
}
.news-article__head{
    display:flex;
    align-items:center;
    margin-bottom:calc(10 * var(--px1));
}
.news-article__date{
    font-size:calc(17 * var(--px1));
    color:var(--color-gold);
}
.news-article__cat{
    font-size:calc(14 * var(--px1));
}
.news-article__cat::before{
    content:'・';
    color:var(--color-gold);
    margin:0 calc(4 * var(--px1));
}
.news-article__title{
    font-size:calc(23 * var(--px1));
}


.top-concept{
    position:relative;
}
.top-concept__sticky{
    position:sticky;
    top:0;
    left:0;
    width:100%;
    height:100dvh;
    display:flex;
    align-items:center;
}
.top-concept__title{
    font-size:calc(56 * var(--px1));
    line-height:1.6;
    margin-bottom:calc(15 * var(--px1));
    text-align:center;
    transition:var(--transition);
}
.top-concept__text{
    text-align:center;
    font-size:calc(24 * var(--px1));
    line-height:2.125;
    margin-bottom:calc(50 * var(--px1));
    transition:var(--transition);
}
.top-concept__title.scrolled,
.top-concept__text.scrolled{
    color:#FFF;
    text-shadow: 1px 1px 3px #878585;
}
.top-concept__viewmore.viewmore.icon-gold.scrolled a{
    color:#FFF;
    text-shadow: 1px 1px 3px #878585;
}
.top-concept__viewmore.viewmore.icon-gold.scrolled a::after{
    filter:brightness(100) drop-shadow(1px 1px 1px #d7d6d6);
}

.top-course{
    padding:calc(200 * var(--px1)) 0 calc(250 * var(--px1));
    position:relative;
}
.top-course__title{
    color:var(--color-gold);
    margin-bottom:calc(60 * var(--px1));
}
.top-course__title__jp{
    font-size:calc(31 * var(--px1));
}
.top-course__title__en{
    font-size:calc(314 * var(--px1));
    line-height:1;
    transform:translateX(-13%);
    letter-spacing:0.006em;
}
.top-course__content{
    width:calc(860 * var(--px1));
}
.top-course__content__title{
    font-size:calc(56 * var(--px1));
    line-height:1.6;
    margin-bottom:calc(40 * var(--px1));
}
.top-course__content__text{
    font-size:calc(24 * var(--px1));
    line-height:2;
    margin-bottom:calc(66 * var(--px1));
}
.top-course__img{
    width:calc(900 * var(--px1));
    position:absolute;
    right:0;
    bottom:calc(365 * var(--px1));
    z-index:-1;
}

.top-commitment{
    position:relative;
    width:100vw;
    height:calc(1080 * var(--px1));
    min-height:100dvh;
}
.top-commitment__bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
}
.top-commitment__bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.top-commitment__content__flex{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-between;
}
.top-commitment__content{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
}
.top-commitment__title img{
    width:calc(374 * var(--px1));
    filter: drop-shadow(1px 1px 1px #d7d6d6);
}
.top-commitment__text{
    margin-bottom:calc(90 * var(--px1));
}
.top-commitment__text img{
    width:calc(365 * var(--px1));
    filter: drop-shadow(1px 1px 1px #d7d6d6);
}
.top-commitment__viewmore a{
    text-shadow: 1px 1px 3px #878585;
}
.top-commitment__viewmore a::after{
    filter: drop-shadow(1px 1px 1px #d7d6d6);
}

.top-pagelinks{
    display:grid;
    grid-template-columns:repeat(3,1fr);
}
.top-pagelink{
    position:relative;
}
.top-pagelink a{
    display:block;
    overflow:hidden;
}
.top-pagelink__texts{
    position:absolute;
    left:calc(50 * var(--px1));
    top:50%;
    transform:translateY(-50%);
    color:#FFF;
}
.top-pagelink__texts--en{
    font-size:calc(70 * var(--px1));
}
.top-pagelink__texts--jp{
    font-size:calc(31 * var(--px1));
}
.top-pagelink__bg{
    width:100%;
    height:calc(840 * var(--px1));
}
.top-pagelink__bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:var(--transition);
    filter:grayscale(1);
    transform:scale(1.01);
}
.top-pagelink a:hover .top-pagelink__bg img{
    filter:grayscale(0);
    transform:scale(1.05);
}

.top-guide{
    position:relative;
    z-index:2;
    padding:calc(100 * var(--px1)) 0 calc(150 * var(--px1));
}
.top-guide__title{
    z-index:-1;
    position:absolute;
    top:calc(-20 * var(--px1));
    left:calc(-24 * var(--px1));
    font-size:calc(289 * var(--px1));
    line-height:0.7;
    letter-spacing:0.06em;
    color:var(--color-gold);
}
.top-guide__flex{
    display:flex;
    justify-content:space-between;
}
.top-guide__flex__title{
    padding-left:calc(88 * var(--px1));
}
.top-guide__content__title{
    font-size:calc(31 * var(--px1));
    color:var(--color-gold);
    margin-bottom:calc(58 * var(--px1));
}
.top-guide__content__img img{
    width:calc(620 * var(--px1));
}
.top-guide__flex__content{
    padding-top:calc(100 * var(--px1));
    width:calc(710 * var(--px1));
}
.top-guide__content__subtitle{
    font-size:calc(56 * var(--px1));
    line-height:1.6;
    margin-bottom:calc(30 * var(--px1));
}
.top-guide__content__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
    margin-bottom:calc(50 * var(--px1));
}
.top-guide__content__menus li{
    border-top:var(--px1) solid var(--color-bg-green);
}
.top-guide__content__menus li:last-of-type{
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.top-guide__content__menus li a{
    display:block;
    position:relative;
    overflow:hidden;
    z-index:1;
    padding:calc(28 * var(--px1)) calc(25 * var(--px1));
    padding-right:calc(110 * var(--px1));
    font-size:calc(30 * var(--px1));
}
.top-guide__content__menus li a:hover{
    color:#FFF;
}
.top-guide__content__menus li a::before{
    content:'';
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--color-grad-green);
    transition:var(--transition);
    transform:translateX(-101%);
}
.top-guide__content__menus li a:hover::before{
    transform:translateX(0);
}
.top-guide__content__menus li a::after{
    content:'';
    width:calc(50 * var(--px1));
    height:calc(38 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-arrow-gold.svg');
    position:absolute;
    top:calc(50% - (19 * var(--px1)));
    right:calc(30 * var(--px1));
}

.top-tagcard{
    position:relative;
}
.top-tagcard__box{
    width:calc(1390 * var(--px1));
    margin:0 auto;
    background:#FFF;
    border:calc(2 * var(--px1)) solid var(--color-gold);
    padding:calc(70 * var(--px1));
}
.top-tagcard__box{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    transform:translateY(50%);
}
.top-tagcard__box__border{
    position:absolute;
    pointer-events:none;
    top:calc(-8 * var(--px1));
    left:calc(-8 * var(--px1));
    max-width:unset;
    max-height:unset;
    width:calc(100% + calc(16 * var(--px1)));
    height:calc(100% + calc(16 * var(--px1)));
    filter: drop-shadow(var(--px1) var(--px1) var(--color-gold)) drop-shadow(var(--px1) calc(-1 * var(--px1)) var(--color-gold)) drop-shadow(-1px var(--px1) var(--color-gold)) drop-shadow(calc(-1 * var(--px1)) calc(-1 * var(--px1)) var(--color-gold));
    mix-blend-mode:multiply;
}
.top-tagcard__box__border::before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#FFF;
    clip-path:
    polygon(
        calc(16 * var(--px1)) 0,
        calc(100% - (16 * var(--px1))) 0,
        calc(100% - (16 * var(--px1))) calc(16 * var(--px1)),
        100% calc(16 * var(--px1)),
        100% calc(100% - (16 * var(--px1))),
        calc(100% - (16 * var(--px1))) calc(100% - (16 * var(--px1))),
        calc(100% - (16 * var(--px1))) 100%,
        calc(16 * var(--px1)) 100%,
        calc(16 * var(--px1)) calc(100% - (16 * var(--px1))),
        0 calc(100% - (16 * var(--px1))),
        0 calc(16 * var(--px1)),
        calc(16 * var(--px1)) calc(16 * var(--px1))
    );
}
.top-tagcard__box__img img{
    width:calc(324 * var(--px1));
}
.top-tagcard__title{
    font-size:calc(36 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
    line-height:1.52;
    margin-bottom:calc(20 * var(--px1));
}
.top-tagcard__text{
    font-size:calc(22 * var(--px1));
}
.top-tagcard__bg{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:calc(766 * var(--px1));
    background:linear-gradient(to bottom, #FFF 35%, var(--color-bg-green));
    z-index:-1;
}

.top-tagcard__box__features{
    width:100%;
    margin-top:calc(30 * var(--px1));
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:calc(30 * var(--px1));
}
.top-tagcard__box__feature__title{
    font-size:calc(20 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
    padding-bottom:0.5em;
    border-bottom:var(--px1) solid var(--color-gold);
    margin-bottom:0.5em;
}
.top-tagcard__box__feature__title span{
    display:inline-block;
    border-radius:100vh;
    background:var(--color-gold);
    color:#FFF;
    font-size:calc(16 * var(--px1));
    font-weight:bold;
    padding:calc(6 * var(--px1)) calc(18 * var(--px1));
    line-height:1;
    margin-right:calc(10 * var(--px1));
}
.top-tagcard__box__feature__text{
    font-size:calc(18 * var(--px1));
}
.top-tagcard__box__feature__text small{
    display:block;
    font-size:95%;
    margin-top:calc(10 * var(--px1));
}


.top-access{
    background:no-repeat left top/50% 100% var(--color-bg-green) url('assets/img/top/bg-access.webp');
    padding:calc(450 * var(--px1)) 0 calc(280 * var(--px1));
}
.top-access__flex{
    display:flex;
    justify-content:space-between;
}
.top-access__title{
    color:var(--color-gold);
    margin-bottom:calc(40 * var(--px1));
}
.top-access__title--en{
    font-size:calc(85 * var(--px1));
    line-height:1;
    letter-spacing:0.06em;
}
.top-access__title--jp{
    font-size:calc(31 * var(--px1));
}
.top-access__text{
    color:#FFF;
    font-size:calc(25 * var(--px1));
    line-height:1.8;
}
.top-access__flex__content{
    width:calc(686 * var(--px1));
    padding-top:calc(170 * var(--px1));
    color:#FFF;
}
.top-access__logo{
    margin-bottom:calc(34 * var(--px1));
}
.top-access__logo img{
    width:calc(426 * var(--px1));
}
.top-access__dls dl{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:calc(14 * var(--px1));
    font-size:calc(23 * var(--px1));
}
.top-access__dls dl dt{
    width:calc(140 * var(--px1));
    display:flex;
    align-items:center;
    white-space:nowrap;
    gap:calc(14 * var(--px1));
    line-height:2;
}
.top-access__dls dl dt::after{
    content:'';
    display:block;
    height:calc(1.3 * var(--px1));
    width:inherit;
    width: -webkit-fill-available;
    background:rgba(255,255,255,0.2);
}
.top-access__dls dl dd{
    width:calc(530 * var(--px1));
    line-height:2;
}
.top-access__dls dl dd a{
    color:#FFF;
}
.top-access__viewmore{ 
    margin-top:calc(70 * var(--px1));
}
.top-access__viewmore a::before{
    content:none;
}


/* COMMON MV */
.common-mv{
    position:relative;
    z-index:1;
    width:100%;
    height:calc(100dvh - calc(160 * var(--px1)));
    min-height:calc(600 * var(--px1));
}
.common-mv__bg{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.common-mv__bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.common-mv__content{
    display:flex;
    align-items:center;
    height:100%;
    color:#FFF;
}
.common-mv__content__title{
    padding-top:calc(160 * var(--px1));
}
.common-mv__content__title--en{
    font-size:calc(65 * var(--px1));
}
.common-mv__content__title--jp{
    font-size:calc(31 * var(--px1));
    font-weight:500;
}

.common-mv-nobg{
    width:100%;
    min-height:calc(300 * var(--px1));
    background:var(--color-bg-green);
}
.common-mv-nobg .common-mv__content__title{
    padding-top:calc(100 * var(--px1));
}


.common-pagelinks{
    display:flex;
    justify-content:center;
}
.common-pagelink{
    width:calc(228 * var(--px1));
    height:calc(85 * var(--px1));
    border-left:calc(2.5 * var(--px1)) solid var(--color-bg-green);
}
.common-pagelink:last-of-type{
    border-right:calc(2.5 * var(--px1)) solid var(--color-bg-green);
}
.common-pagelink a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    position:relative;
    color:var(--color-bg-green);
    text-align:center;
    font-size:calc(18 * var(--px1));
    line-height:1.25;
}
.common-pagelink a::before{
    content:'';
    position:absolute;
    bottom:calc(10 * var(--px1));
    left:calc(50% - calc(9 * var(--px1)));
    width:calc(18 * var(--px1));
    height:calc(10 * var(--px1));
    background:no-repeat center/contain url('assets/img/common/icon-angledown.svg');
    transition:var(--transition);
}
.common-pagelink a:hover::before{
    bottom:0;
}


.page-bottomlinks{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,1fr);
}
.page-bottomlink a{
    display:block;
    position:relative;
}
.page-bottomlink__title{
    position:absolute;
    top:50%;
    left:calc(90 * var(--px1));
    transform:translateY(-50%);
    color:#FFF;
}
.page-bottomlink__title--en{
    font-size:calc(62 * var(--px1));
}
.page-bottomlink__title--jp{
    font-size:calc(31 * var(--px1));
}
.page-bottomlink__bg{
    overflow:hidden;
}
.page-bottomlink__bg img{
    filter:grayscale(1);
    transition:var(--transition);
    transform: scale(1.01);
}
.page-bottomlink a:hover .page-bottomlink__bg img{
    filter:grayscale(0);
    transform:scale(1.05);
}


/* CONCEPT */
.concept-mv{
    position:relative;
    z-index:1;
}
.concept-mv__bg{
    position:sticky;
    width:100%;
    height:100dvh;
    top:0;
    left:0;
    z-index:1;
    overflow:hidden;
}
.concept-mv__bg__mainimg{
    width:100%;
    height:140%;
    max-height:unset;
    object-fit:cover;
    object-position:center;
}
.concept-mv__bg__cover{
    position:absolute;
    width:100%;
    height:100%;
    top:calc(100 * var(--px1));
    left:0;
    z-index:2;
    mix-blend-mode:multiply;
}
.concept-mv__contents{
    position:relative;
    z-index:3;
    margin-top:calc(-1 * 100dvh);
}
.concept-mv__mv{
    color:#FFF;
    padding:calc(470 * var(--px1)) 0 calc(650 * var(--px1));
}
.concept-mv__line__verttext{
    color:#FFF;
    display:block;
    font-size:calc(39 * var(--px1));
    margin:0 auto;
    width: calc(58 * var(--px1));
    margin-top:calc(120 * var(--px1));
}
.concept-mv__bottom{
    padding:calc(110 * var(--px1)) 0 calc(140 * var(--px1));
    color:#FFF;
}
.concept-mv__bottom__title{
    font-size:calc(42 * var(--px1));
    margin-bottom:1em;
}
.concept-mv__bottom__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
}

.concept-convenience{
    position:relative;
    z-index:2;
}
.concept-convenience__head{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:calc(120 * var(--px1));
}
.concept-convenience__head__img{
    width:calc(740 * var(--px1));
    margin-top:calc(-100 * var(--px1));
    position:relative;
}
.concept-convenience__head__img__mainimg{
    max-width:unset;
    width:calc(100% + (160 * var(--px1)));
}
.concept-convenience__head__img__mainimg__hvtext{
    color:var(--color-gold);
    font-size:calc(137 * var(--px1));
    position:absolute;
    bottom:0;
    right:calc(-160 * var(--px1));
    transform:translateY(50%);
    letter-spacing:0.06em;
}
.concept-convenience__head__titles{
    width:calc(840 * var(--px1));
}
.concept-section__title--jp{
    font-size:calc(56 * var(--px1));
    line-height:1.6;
    margin-bottom:calc(30 * var(--px1));
}
.concept-section__title--en{
    font-size:calc(31 * var(--px1));
    color:var(--color-gold);
}
.concept__convenience__texts{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(110 * var(--px1));
}
.concept-section__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
    word-break: keep-all;
    overflow-wrap:break-word;
    overflow-wrap: anywhere;
}
.concept-convenience__bigimg{
    margin-top:calc(75 * var(--px1));
}

.concept-easy{
    padding-top:calc(180 * var(--px1));
}
.concept-easy__head{
    position:relative;
    margin-bottom:calc(180 * var(--px1));
}
.concept-easy__head__img{
    width:calc(1200 * var(--px1));
}
.concept-easy__head__text{
    position:absolute;
    right:0;
    bottom:0;
    transform:translateY(50%);
    color:var(--color-gold);
    font-size:calc(137 * var(--px1));
}
.concept-section__flex{
    display:flex;
    justify-content:space-between;
}
.concept-section__flex.n1{
    flex-direction:row-reverse;
}
.concept-section__flex__content{
    width:calc(745 * var(--px1));
}
.concept-section__flex__img{
    width:calc(620 * var(--px1));
}
.concept-section__flex__content .concept-section__title{
    margin-bottom:calc(70 * var(--px1));
}

.concept-compe{
    padding-top:calc(270 * var(--px1));
    padding-bottom:calc(286 * var(--px1));
}
.concept-compe__head{
    position:relative;
    margin-bottom:calc(200 * var(--px1));
}
.concept-compe__head__img{
    width:calc(1200 * var(--px1));
    margin-left:auto;
}
.concept-compe__head__text{
    position:absolute;
    left:0;
    bottom:0;
    transform:translateY(50%);
    color:var(--color-gold);
    font-size:calc(137 * var(--px1));
}



/* GREEN KEEPER */
.greenkeeper-mv{
    position:relative;
    z-index:1;
}
.greenkeeper-mv__bg{
    position:sticky;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100dvh;
    overflow:hidden;
}
.greenkeeper-mv__bg img{
    max-width:100%;
    aspect-ratio:1920/1500;
    width:100%;
    height:auto;
    min-height:120%;
    object-fit:cover;
    object-position:center;
}
.greenkeeper-mv__contents{
    position:relative;
    z-index:3;
    margin-top:calc(-1 * 100dvh);
}
.greenkeeper-mv__mv{
    color:#FFF;
    padding:calc(470 * var(--px1)) 0 calc(650 * var(--px1));
}
.greenkeeper-mv__line__img{
    text-align:center;
}
.greenkeeper-mv__line__img img{
    width:100%;
    max-width:calc(892 * var(--px1));
}
.greenkeeper-mv__line__verttext{
    color:#FFF;
    display:block;
    font-size:calc(39 * var(--px1));
    width: calc(58 * var(--px1));
    margin:0 auto;
    margin-top:calc(120 * var(--px1));
    text-shadow: 1px 1px 3px #9b9b9b;
}
.greenkeeper-mv__bottom{
    padding:calc(180 * var(--px1)) 0 calc(140 * var(--px1));
    color:#FFF;
}
.greenkeeper-mv__bottom__title{
    font-size:calc(30 * var(--px1));
    margin-bottom:1.5em;
    text-shadow: 1px 1px 3px #9b9b9b;
}
.greenkeeper-mv__bottom__text{
    font-size:calc(22 * var(--px1));
    line-height:2.125;
    text-shadow: 1px 1px 3px #9b9b9b;
}

.greenkeeper-head__img__mainimg__hvtext{
    right:calc(140 * var(--px1));
}

.greenkeeper-intsec.minusmargin{
    position:relative;
    z-index:2;
    margin-top:calc(-100 * var(--px1));
}
.greenkeeper-intsec__head{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    margin-bottom:calc(150 * var(--px1));
}
.greenkeeper-intsec__head__img{
    width:calc(900 * var(--px1));
}
.greenkeeper-intsec__head__title{
    width:calc(100% - (900 * var(--px1)));
    padding-bottom:calc(60 * var(--px1));
}
.greenkeeper-intsec__head.n2{
    flex-direction:row-reverse;
}
.greenkeeper-intsec__head.n1 .greenkeeper-intsec__head__title{
    padding-left:calc(110 * var(--px1));
    padding-right:calc(160 * var(--px1));
}
.greenkeeper-intsec__head.n2 .greenkeeper-intsec__head__title{
    padding-left:calc(160 * var(--px1));
    padding-right:calc(110 * var(--px1));
}
.greenkeeper-intsec__title{
    font-size:calc(56 * var(--px1));
    line-height:1.6;
}

.keepalltext{
    word-break:keep-all;

}
.breakalltext{
    word-break:break-all !important;
}

.greenkeeper-profile{
    margin:calc(120 * var(--px1)) auto;
    max-width:calc(750 * var(--px1));

    display:flex;
    justify-content:space-between;
    transform:translateX(20%);
}
.greenkeeper-profile__img{
    width:calc(400 * var(--px1));
}
.greenkeeper-profile__content{
    width:calc(306 * var(--px1));
}
.greenkeeper-profile__title{
    width:max-content;
    font-size:calc(25 * var(--px1));
    letter-spacing:0.3em;
    line-height:0.6;
    color:var(--color-bg-green);
    border-bottom:calc(1.4 * var(--px1)) solid var(--color-bg-green);
    margin-bottom:calc(40 * var(--px1));
}
.greenkeeper-profile__names{
    margin-bottom:calc(34 * var(--px1));
}
.greenkeeper-profile__names--name{
    font-size:calc(35 * var(--px1));
}
.greenkeeper-profile__names--en{
    font-size:calc(18 * var(--px1));
    color:var(--color-bg-green);
}
.greenkeeper-profile__text{
    font-size:calc(19 * var(--px1));
    line-height:1.63;
}

.greenkeeper-intsec__text__title{
    display:block;
    font-weight:bold;
    font-size:calc(32 * var(--px1));
    margin-bottom:1em;
}
.greenkeeper-intsec.lastsec{
    padding:calc(220 * var(--px1)) 0 calc(245 * var(--px1));
}



/* ABOUT */
.about-pagelinks{
    padding-top:calc(140 * var(--px1));
}

.about__title{
    margin-bottom:calc(50 * var(--px1));
}
.about__title--en{
    font-size:calc(53 * var(--px1));
    line-height:1;
    color:var(--color-bg-green);
    margin-bottom:calc(30 * var(--px1));
}
.about__title--jp{
    font-size:calc(21 * var(--px1));
}

.about-about{
    padding-top:calc(140 * var(--px1));
}

.about__dls>dl{
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
    display:flex;
    flex-wrap:wrap;
    font-size:calc(24 * var(--px1));
    font-family:var(--font-gothic);
}
.about__dls>dl:last-of-type{
    border-bottom:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.about__dls>dl>dt,
.about__dls>dl>dd{
    padding:calc(19 * var(--px1)) calc(14 * var(--px1));
}
.about__dls>dl>dt{
    width:calc(366 * var(--px1));
    color:var(--color-bg-green);
}
.about__dls>dl>dd{
    width:calc(100% - (366 * var(--px1)));
    margin-left:auto;
}
.about__dls>dl>dd:not(:first-of-type){
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.about__dls>dl:nth-of-type(2n+1)>dd{
    background:#f4f8f4;
}

.about__dls__flexdl{
    display:flex;
    flex-wrap:wrap;
}
.about__dls__flexdl>dt{
    padding-right:calc(30 * var(--px1));
    width:calc(220 * var(--px1));
}
.about__dls__flexdl>dd{
    width:calc(100% - (220 * var(--px1)));
}

.about-termsofuse{
    padding-top:calc(185 * var(--px1));
}

.about-textbox{
    font-family:var(--font-gothic);
    font-weight:200;
    line-height:2;
}
.about-textbox>*:not(:last-child){
    margin-bottom:calc(20 * var(--px1));
}
.about__subtitle{
    font-size:calc(28 * var(--px1));
    color:var(--color-bg-green);
    border-top:var(--px1) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
    padding:calc(18 * var(--px1)) calc(14 * var(--px1));
}
.about__subtitle:not(:first-of-type){
    margin-top:calc(55 * var(--px1));
}
.about__sectitle{
    font-size:calc(24 * var(--px1));
    color:var(--color-bg-green);
    margin:2em 0;
}
.about__ol{
    font-size:calc(24 * var(--px1));
    list-style:numeric;
}
.about__ol li{
    margin-left:1.5em;
    line-height:1.5;
}
.about__ol li:not(:last-of-type){
    margin-bottom:1em;
}
.about__olkanji{
    font-size:calc(24 * var(--px1));
    list-style:none;
}
.about__olkanji li{
    position:relative;
    padding-left:1.5em;
    line-height:1.5;
}
.about__olkanji li span{
    display:block;
    line-height:1.5;
    position:absolute;
    top:0;
    left:0;
}
.about__olkanji li:not(:last-of-type){
    margin-bottom:1em;
}
.about__ul{
    font-size:calc(24 * var(--px1));
    list-style:disc;
}
.about__ul li{
    margin-left:1.5em;
    line-height:1.5;
}
.about__ul li:not(:last-of-type){
    margin-bottom:1em;
}
.about__text{
    font-size:calc(24 * var(--px1));
}

.about-privacy{
    padding:calc(185 * var(--px1)) 0;
}



/* COURSE ARCHIVE */
.course-archive-map{
    padding-top:calc(120 * var(--px1));
}
.course-archive-map__title{
    color:var(--color-gold);
    font-size:calc(46 * var(--px1));
    margin-bottom:calc(50 * var(--px1));
}
.course-archive-map__img{
    text-align:center;
    margin-bottom:calc(110 * var(--px1));
}
.course-archive-map__img img{
    width:calc(800 * var(--px1));
}
.course-archive-map__dls{
    margin:0 auto;
    margin-top:calc(20 * var(--px1));
    width:100%;
    max-width:calc(800 * var(--px1));
}
.course-archive-map__dls dl{
    display:flex;
    margin-left:auto;
    width:calc(150 * var(--px1));
    font-size:calc(22 * var(--px1));
    font-weight:bold;
    gap:calc(5 * var(--px1));
}
.course-archive-map__dls dl.red{
    color:#ff0205;
}
.course-archive-map__dls dl.blue{
    color:#1800f9;
}
.course-archive-map__dls dl.yellow{
    color:#ffa002;
}
.course-archive-map__explaination{
    display:flex;
    flex-wrap:wrap;
    gap:calc(40 * var(--px1)) 0;
    justify-content:space-between;
    margin-bottom:calc(90 * var(--px1));
}
.course-archive-map__explaination__title{
    width:calc(690 * var(--px1));
}
.course-archive-map__explaination__title--text{
    font-size:calc(48 * var(--px1));
    line-height:1.64;
}
.course-archive-map__explaination__content{
    width:calc(790 * var(--px1));
}
.course-archive-map__explaination__content--text{
    font-size:calc(24 * var(--px1)); 
    line-height:2.125;
}
.course-archive-map__tables{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(100 * var(--px1));
    margin-bottom:calc(70 * var(--px1));
}
.course-archive-map__table table{
    border:0;
}
.course-archive-map__table table th,
.course-archive-map__table table td{
    border:var(--px1) solid #251e1c;
    text-align:center;
    font-family:var(--font-zengothic);
    font-size:calc(21 * var(--px1));
    height:calc(43 * var(--px1));
    vertical-align:middle;
}
.course-archive-map__table table th{
    font-weight:bold;
}
.course-archive-map__table table thead tr th{
    color:#FFF;
    background:#215f46;
}
.course-archive-map__table table thead tr td{
    color:#FFF;
    background:#009355;
    font-size:calc(15 * var(--px1));
    font-weight:bold;
}
.course-archive-map__table table tbody tr th{
    color:#FFF;
    background:#009355;
}
.course-archive-map__table table tbody tr:nth-of-type(2n) td{
    background:#f4f8f4;
}
.course-archive-map__table table tbody tr td{
    line-height:1;
}
.course-archive-map__halls{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(100 * var(--px1));
}
.course-archive-map__hall table,
.course-archive-map__hall table th,
.course-archive-map__hall table td{
    border:0;
}
.course-archive-map__hall table tbody{
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(0.7 * var(--px1)) solid var(--color-bg-green);
    font-size:calc(24 * var(--px1));
    font-family:var(--font-gothic);
}
.course-archive-map__hall table tbody th,
.course-archive-map__hall table tbody td{
    padding:calc(19 * var(--px1)) calc(14 * var(--px1));
}
.course-archive-map__hall table tbody th{
    width:calc(366 * var(--px1));
    color:var(--color-bg-green);
}
.course-archive-map__hall table tbody td{
    width:calc(100% - (366 * var(--px1)));
}
.course-archive-map__hall table tbody td .textflex{
    display:flex;
    justify-content:space-between;
}
.course-archive-map__hall table tbody tr:not(:first-of-type) td{
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.course-archive-map__hall table tbody tr:nth-of-type(2n+1) td{
    background:#f4f8f4;
}

.course-archive-archive{
    padding-top:calc(200 * var(--px1));
}
.course-archive-archive.incourse{
    padding-bottom:calc(385 * var(--px1));
}
.course-archive-archive__title{
    position:relative;
    text-align:center;
    font-size:calc(41 * var(--px1));
    padding:calc(27 * var(--px1)) 0;
    color:var(--color-bg-green);
    line-height:1.2;
    border-top:var(--px1) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
    margin-bottom:calc(80 * var(--px1));
}
.course-archive-archive__title::before{
    content:'';
    position:absolute;
    width:100%;
    height:calc(2.55 * var(--px1));
    background:var(--color-bg-green);
    left:0;
    top:calc(-7 * var(--px1));
}

.course-archive__articles{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:calc(90 * var(--px1)) calc(100 * var(--px1));
}
.course-archive__article{
    position:relative;
    z-index:2;
    border:var(--px1) solid var(--color-gold);
}
.course-archive__article__bg{
    position:absolute;
    pointer-events:none;
    top:calc(-8 * var(--px1));
    left:calc(-8 * var(--px1));
    max-width:unset;
    max-height:unset;
    width:calc(100% + calc(16 * var(--px1)));
    height:calc(100% + calc(16 * var(--px1)));
    filter: drop-shadow(var(--px1) var(--px1) var(--color-gold)) drop-shadow(var(--px1) calc(-1 * var(--px1)) var(--color-gold)) drop-shadow(-1px var(--px1) var(--color-gold)) drop-shadow(calc(-1 * var(--px1)) calc(-1 * var(--px1)) var(--color-gold));
    mix-blend-mode:multiply;
}
.course-archive__article__bg::before{
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#FFF;
    clip-path:
    polygon(
        calc(16 * var(--px1)) 0,
        calc(100% - (16 * var(--px1))) 0,
        calc(100% - (16 * var(--px1))) calc(16 * var(--px1)),
        100% calc(16 * var(--px1)),
        100% calc(100% - (16 * var(--px1))),
        calc(100% - (16 * var(--px1))) calc(100% - (16 * var(--px1))),
        calc(100% - (16 * var(--px1))) 100%,
        calc(16 * var(--px1)) 100%,
        calc(16 * var(--px1)) calc(100% - (16 * var(--px1))),
        0 calc(100% - (16 * var(--px1))),
        0 calc(16 * var(--px1)),
        calc(16 * var(--px1)) calc(16 * var(--px1))
    );
}
.course-archive__article a{
    display:block;
    padding:calc(40 * var(--px1)) calc(40 * var(--px1)) calc(100 * var(--px1)) calc(60 * var(--px1));
}
.course-archive__article__img{
    position:relative;
    overflow:hidden;
}
.course-archive__article__img::after{
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 calc(15 * var(--px1)) calc(15 * var(--px1)) #FFF;
}
.course-archive__article__img img{
    transition:var(--transition);
}
.course-archive__article a:hover .course-archive__article__img img{
    transform:scale(1.1);
}
.course-archive__article__info{
    position:absolute;
    left:calc(43 * var(--px1));
    bottom:calc(25 * var(--px1));
    color:var(--color-bg-green);
    width:calc(120 * var(--px1));
}
.course-archive__article__title{
    white-space:nowrap;
    letter-spacing:0.06em;
    font-size:calc(59 * var(--px1));
    border-bottom:var(--px1) solid var(--color-bg-green);
    line-height:1;
    padding-bottom:calc(20 * var(--px1));
    margin-bottom:calc(20 * var(--px1));
}
.course-archive__article__spec li{
    font-size:calc(24 * var(--px1));
    line-height:1.2;
}

/* COURSE SINGLE */
.course-single__mv iframe{
    width:100%;
    height:calc(530 * var(--px1));
}

.course-single-article{
    padding-top:calc(170 * var(--px1));
}
.course-single-article__hr{
    border:0;
    height:calc(7 * var(--px1));
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
    margin-bottom:calc(70 * var(--px1));
}
.course-single-article__flex{
    display:flex;
    flex-wrap:wrap;
    gap:calc(60 * var(--px1)) 0;
    justify-content:space-between;
}
.course-single-article__flex__content{
    width:calc(480 * var(--px1));
}
.course-single-article__flex__img{
    width:calc(840 * var(--px1));
}
.course-single-article__img{
    text-align:center;
}
.course-single-article__img img{
    width:100%;
}
.course-single-article__title{
    color:var(--color-bg-green);
    font-size:calc(118 * var(--px1));
    line-height:1;
    white-space:nowrap;
    margin-bottom:calc(20 * var(--px1));
}
.course-single-article__info{
    margin-bottom:calc(100 * var(--px1));
}
.course-single-article__info li{
    color:var(--color-bg-green);
    font-size:calc(25 * var(--px1));
}
.course-single-article__editcontent{
    margin-bottom:calc(120 * var(--px1));
}
.course-single-article__editcontent p{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
}
.course-single-data__info{
    display:flex;
    flex-wrap:wrap;
    gap:0.5em;
    font-size:calc(25 * var(--px1));
    color:var(--color-bg-green);
    letter-spacing:0.06em;
}
.couse-single-data__yds{
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    width:calc(313 * var(--px1));
}
.couse-single-data__yds dl{
    display:flex;
    justify-content:space-between;
    font-size:calc(24 * var(--px1));
    font-weight:100;
    padding:calc(20 * var(--px1)) calc(15 * var(--px1));
}
.couse-single-data__yds dl:nth-of-type(2n+1){
    background:#f4f8f4;
}
.couse-single-data__yds dl dt{
    color:var(--color-bg-green);
    line-height:1;
}
.couse-single-data__yds dl dd{
    line-height:1;
}

.course-single-pagersec{
    padding-top:calc(140 * var(--px1));
    padding-bottom:calc(277 * var(--px1));
}
.course-single-pagers{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(15 * var(--px1));
    padding:calc(25 * var(--px1));
    border-top:var(--px1) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.course-single-pager a{
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--color-bg-green);
    border:var(--px1) solid var(--color-bg-green);
    width:calc(31 * var(--px1));
    height:calc(31 * var(--px1));
    border-radius:50%;
    font-size:calc(19 * var(--px1));
    line-height:1;
}
.course-single-pager a.current{
    color:#FFF;
    background:var(--color-bg-green);
    pointer-events:none;
}
.course-single-pager a:not(.current):hover{
    color:#FFF;
    background:var(--color-bg-green);
}
.course-single-navigation{
    margin-top:calc(38 * var(--px1));
    width:100%;
    height:calc(25 * var(--px1));
    position:relative;
}
.course-single-navigation a{
    position:absolute;
    top:0;
    line-height:1;
    display:block;
    text-align:center;
    font-size:calc(24 * var(--px1));
    color:var(--color-base);
}
.course-single-navigation a.coursetop{
    width:calc(289 * var(--px1));
    left:calc(50% - (144.5 * var(--px1)));
}
.course-single-navigation a[rel="prev"]{
    left:calc(50% + (144.5 * var(--px1)));
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:calc(20 * var(--px1));
    padding-left:calc(40 * var(--px1));
    border-left:var(--px1) solid var(--color-base);
}
.course-single-navigation a[rel="prev"]::after{
    content:'';
    display:block;
    width:calc(19 * var(--px1));
    height:calc(14 * var(--px1));
    background:var(--color-base);
    clip-path:polygon(0 0, 100% 50%,0 100%);
}
.course-single-navigation a[rel="next"]{
    right:calc(50% + (144.5 * var(--px1)));
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:calc(20 * var(--px1));
    padding-right:calc(40 * var(--px1));
    border-right:var(--px1) solid var(--color-base);
}
.course-single-navigation a[rel="next"]::before{
    content:'';
    display:block;
    width:calc(19 * var(--px1));
    height:calc(14 * var(--px1));
    background:var(--color-base);
    clip-path:polygon(100% 0, 100% 100%,0 50%);
}


/* GUIDE */
.guide-top{
    padding-top:calc(100 * var(--px1));
}
.guide-top__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.guide-top__flex__content{
    width:calc(750 * var(--px1));
}
.guide-top__flex__img{
    width:calc(630 * var(--px1));
}
.guide-top__title{
    font-size:calc(48 * var(--px1));
    margin-bottom:calc(50 * var(--px1));
}
.guide-top__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
}
.guide-top__img img{
    max-width:unset;
    width:calc(100% + (160 * var(--px1)));
}


.guide-navi{
    padding-top:calc(134 * var(--px1));
}

.guide-content:not(:last-of-type){
    margin-bottom:calc(120 * var(--px1));
}
.guide-content__maintitle{
    color:var(--color-bg-green);
    font-size:calc(28 * var(--px1));
    line-height:1.2;
    padding:calc(15 * var(--px1));
    border-top:var(--px1) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
    margin-bottom:calc(20 * var(--px1));
}
.guide-content__maintitle small{
    font-size:calc(21 * var(--px1));
}
.guide-content__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
    word-break: keep-all;
    overflow-wrap:break-word;
    overflow-wrap: anywhere;
}
.guide-content-table table,
.guide-content-table table th,
.guide-content-table table td{
    border:0;
    font-family:var(--font-zengothic);
}
.guide-content-table table thead th{
    font-size:calc(21 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
    text-align:center;
    padding-bottom:calc(8 * var(--px1));
}
.guide-content-table table tbody tr:last-of-type{
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.guide-content-table table tbody th,
.guide-content-table table tbody td{
    font-size:calc(24 * var(--px1));
    padding:calc(8 * var(--px1));
    border-top:var(--px1) solid var(--color-bg-green);
}
.guide-content-table table tbody th{
    color:var(--color-bg-green);
}
.guide-content-table table tbody td{
    text-align:center;
}
.guide-content-table table tbody tr:nth-of-type(2n+1) td:not([rowspan]){
    background:#f4f8f4;
}
.guide-content-tablebottomtext{
    margin-top:calc(20 * var(--px1));
}
.guide-content-tablebottomtext li{
    font-family:var(--font-zengothic);
    padding-left:1.2em;
    position:relative;
    font-size:calc(19 * var(--px1));
}
.guide-content-tablebottomtext li::before{
    content:'※';
    position:absolute;
    top:0;
    left:0;
}
.guide-content__mainul li{
    font-family:var(--font-zengothic);
    position:relative;
    font-size:calc(24 * var(--px1));
    padding-left:1.2em;
}
.guide-content__mainul li::before{
    content:'●';
    position:absolute;
    top:0;
    left:0;
    color:var(--color-bg-green);
}
.guide-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:calc(20 * var(--px1));
    margin:calc(40 * var(--px1)) 0;
}

.guide-fee,
.guide-rental,
.guide-dress,
.guide-compe{
    padding-top:calc(210 * var(--px1));
}
.guide-compe{
    padding-bottom:calc(250 * var(--px1));
}

.guide-plans{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:calc(50 * var(--px1)) calc(170 * var(--px1));
    margin-bottom:calc(58 * var(--px1));
}
.guide-plan__title{
    font-size:calc(42 * var(--px1));
    line-height:1.2;
    margin-bottom:calc(15 * var(--px1));
}
.guide-plan__info{
    margin-top:calc(30 * var(--px1));
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-end;
    font-size:calc(24 * var(--px1));
    height:8.5em;
}
.guide-plan__info__menu{
    align-self:flex-start;
}
.guide-plan__info__menu li{
    position:relative;
    font-size:calc(24 * var(--px1));
    padding-left:1.2em;
}
.guide-plan__info__menu li::before{
    content:'●';
    color:var(--color-bg-green);
    position:absolute;
    top:0;
    left:0;
}
.guide-plan__info__price{
    font-size:calc(37 * var(--px1));
    font-weight:100;
    line-height:1;
    color:var(--color-bg-green);
    padding:calc(14 * var(--px1)) calc(31 * var(--px1));
    border-top:var(--px1) solid var(--color-bg-green);
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.guide-plans__attention,
.guide-specials__attention{
    margin:calc(30 * var(--px1)) auto;
}
.guide-drinkplan{
    background:#f4f8f4;
    padding:calc(48 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:calc(40 * var(--px1)) 0;
}
.guide-drinkplan__icon img{
    width:calc(200 * var(--px1));
}
.guide-drinkplan__content{
    width:calc(1048 * var(--px1));
}
.guide-drinkplan__title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:2em;
    font-size:calc(42 * var(--px1));
    margin-bottom:0.5em;
}
.guide-drinkplan__title small{
    color:var(--color-bg-green);
}
.guide-drinkplan__menu{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    margin-bottom:calc(10 * var(--px1));
}
.guide-drinkplan__menu dt{
    font-size:calc(30 * var(--px1));
}
.guide-drinkplan__menu dd{
    font-size:calc(20 * var(--px1));
}
.guide-drinkplan__price--text{
    display:flex;
    flex-wrap:wrap;
    gap:1em;
    align-items:center;
    justify-content:center;
    font-size:calc(37 * var(--px1));
    color:var(--color-bg-green);
    border-top:calc(2.56 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.56 * var(--px1)) solid var(--color-bg-green);
}
.guide-drinkplan__price small{
    display:block;
    color:var(--color-base);
    font-size:calc(19 * var(--px1));
}

.guide-special{
    padding-top:calc(30 * var(--px1));
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:calc(30 * var(--px1)) 0;
}
.guide-special:not(:last-of-type){
    margin-bottom:calc(30 * var(--px1));
}
.guide-special__img{
    position:relative;
    width:calc(458 * var(--px1));
}
.guide-special__img__icon{
    position:absolute;
    top:calc(-14 * var(--px1));
    left:calc(-4 * var(--px1));
    width:calc(80 * var(--px1));
    height:calc(80 * var(--px1));
    color:#FFF;
    background:var(--color-bg-green);
    border-radius:50%;
    padding-bottom:calc(6 * var(--px1));

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0;
}
.guide-special__img__icon small{
    font-family:var(--font-zengothic);
    font-size:calc(13 * var(--px1));
    line-height:1;
}
.guide-special__img__icon em{
    line-height:1;
    font-size:calc(34 * var(--px1));
    letter-spacing:0.06em;
}
.guide-special__content{
    width:calc(880 * var(--px1));
}
.guide-special__content__list:not(:last-of-type){
    margin-bottom:50px;
}
.guide-special__content__title{
    position:relative;
    font-size:calc(34 * var(--px1));
    margin-bottom:calc(30 * var(--px1));
    line-height:1.4;
    padding-left:calc(100 * var(--px1));
}
.guide-special__content__text{
    font-size:calc(19 * var(--px1));
}


/* RESTAURANT */
.restaurant-concept{
    padding-top:calc(125 * var(--px1));
    padding-bottom:calc(60 * var(--px1));
}
.restaurant-concept__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.restaurant-concept__flex__content{
    width:calc(540 * var(--px1));
}
.restaurant-concept__flex__slider{
    width:calc(900 * var(--px1));
}
.restaurant-concept__title{
    font-size:calc(48 * var(--px1));
    margin-bottom:1em;
}
.restaurant-concept__text{
    font-size:calc(24 * var(--px1));
    line-height:2.125;
}
.restaurant-concept__slider .slick-dots{
    z-index:9;
    bottom:calc(50 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(20 * var(--px1));
}
.restaurant-concept__slider .slick-dots li{
    margin:0;
    padding:0;
    width:calc(12 * var(--px1));
    height:calc(12 * var(--px1));
    border:var(--px1) solid #FFF;
    border-radius:50%;
    background:transparent;
    pointer-events:none;
}
.restaurant-concept__slider .slick-dots li.slick-active{
    background:#FFF;
}
.restaurant-concept__slider .slick-dots li button{
    display:none;
}

.restaurant-menusec{
    padding-top:calc(230 * var(--px1));
}
.restaurant-menusec__head{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-end;

    padding-bottom:calc(27 * var(--px1));
}
.restaurant-menusec__head__title .about__title{
    margin-bottom:calc(25 * var(--px1));
}
.restaurant-menusec__head__explist li{
    font-size:calc(19 * var(--px1));
    position:relative;
    padding-left:1.5em;
}
.restaurant-menusec__head__explist li::before{
    content:'※';
    position:absolute;
    top:0;
    left:0;
}

.restaurant-menu{
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:calc(47 * var(--px1)) 0;
}
.restaurant-menu__img{
    width:calc(630 * var(--px1));
}
.restaurant-menu__content{
    width:calc(100% - ((630 + 126) * var(--px1)));
}
.restaurant-menu__titles__cat span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    letter-spacing:0;
    line-height:1;
    white-space:nowrap;
    font-size:calc(16 * var(--px1));
    color:var(--color-bg-green);
    border:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    width:calc(150 * var(--px1));
    height:calc(30 * var(--px1));
    margin-bottom:calc(12 * var(--px1));
}
.restaurant-menu__title{
    font-size:calc(42 * var(--px1));
    line-height:1.1;
    margin-bottom:calc(18 * var(--px1));
}
.restaurant-menu__prices{
    display:flex;
    align-items:center;
    gap:calc(36 * var(--px1));
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    padding:calc(15 * var(--px1));
    width:calc(400 * var(--px1));
}
.restaurant-menu__prices em{
    display:block;
    line-height:1;
    color:var(--color-bg-green);
    font-weight:100;
    font-size:calc(36 * var(--px1));
}
.restaurant-menu__prices small{
    display:block;
    line-height:1;
    font-size:calc(19 * var(--px1));
}
.restaurant-menu__text{
    margin-top:calc(36 * var(--px1));
    font-size:calc(24 * var(--px1));
    letter-spacing:0.06em;
}
.restaurant-menu__additionals{
    margin-top:calc(15 * var(--px1));
}
.restaurant-menu__additionals dl{
    display:flex;
    flex-wrap:wrap;
    font-size:calc(19 * var(--px1));
}
.restaurant-menu__additionals dl dd{
    color:var(--color-bg-green);    
}
.restaurant-menu__planmenus{
    margin-top:calc(15 * var(--px1));
}
.restaurant-menu__planmenus li{
    position:relative;
    padding-left:1.5em;
    font-size:calc(19 * var(--px1));
}
.restaurant-menu__planmenus li::before{
    content:'●';
    position:absolute;
    top:0;
    left:0;
}
.restaurant-menu__planmenus__bottomtext{
    margin-top:calc(6 * var(--px1));
    font-size:calc(19 * var(--px1));
}

.restaurant-menu__exmenus{
    margin-top:calc(100 * var(--px1));
}
.restaurant-menu__exmenus table,
.restaurant-menu__exmenus table th,
.restaurant-menu__exmenus table td{
    border:0;
}
.restaurant-menu__exmenus table{
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.55 * var(--px1)) solid var(--color-bg-green);
}
.restaurant-menu__exmenus table th{
    vertical-align:top;
    font-size:calc(28 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
    padding:calc(30 * var(--px1)) calc(14 * var(--px1));
}
.restaurant-menu__exmenus table td{
    padding:calc(22 * var(--px1));
}
.restaurant-menu__exmenus table tr:nth-of-type(2n+1) td{
    background:#f4f8f4;
}
.restaurant-menu__exmenus table tr:not(:last-of-type) td{
    border-bottom:var(--px1) solid #9e9e9f;
}
.restaurant-menu__exmenus table td dl{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.restaurant-menu__exmenus table td dl dt{
    font-size:calc(38 * var(--px1));
    line-height:1;
}
.restaurant-menu__exmenus table td dl dd{
    font-size:calc(36 * var(--px1));
    color:var(--color-bg-green);
    line-height:1;
}

.restaurant-contact{
    padding-top:calc(250 * var(--px1));
    padding-bottom:calc(145 * var(--px1));
}
.restaurant-contact__box{
    width:100%;
    max-width:calc(780 * var(--px1));
    margin:0 auto;
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    padding-top:calc(28 * var(--px1));
    padding-bottom:calc(46 * var(--px1));
    text-align:center;
}
.restaurant-contact__title{
    margin-bottom:calc(42 * var(--px1));
}
.restaurant-contact__title__icon{
    margin-bottom:calc(20 * var(--px1));
}
.restaurant-contact__title__icon img{
    width:calc(70 * var(--px1));
}
.restaurant-contact__title__text{
    font-size:calc(28 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
}
.restaurant-contact__subtitle{
    font-size:calc(42 * var(--px1));
    font-weight:bold;
}
.restaurant-contact__tel{
    font-size:calc(49 * var(--px1));
}
.restaurant-contact__tel a{
    color:var(--color-bg-green);
    letter-spacing:0.06em;
}


/* FACILITY */
.facility-head{
    padding-top:calc(128 * var(--px1));
}
.facility-head .wrap{
    position:relative;
}
.facility-head__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.facility-head__flex__title{
    width:calc(570 * var(--px1));
}
.facility-head__title{
    font-size:calc(48 * var(--px1));
}
.facility-head__flex__img{
    width:calc(780 * var(--px1));
}
.facility-head__img img{
    max-width:unset;
    width:calc(100% + (160 * var(--px1)));
}
.facility-head__hvtext{
    position:absolute;
    bottom:0;
    left:0;
    transform:translateY(50%);
    font-size:calc(191 * var(--px1));
    color:var(--color-gold);
    line-height:0.4;
    text-align:right;
    letter-spacing:0.05em;
}

.facility-pagelinks{
    padding-top:calc(327 * var(--px1));
}
.common-pagelinks:not(:last-of-type){
    margin-bottom:calc(59 * var(--px1));
}

.facility__sectionflex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.facility__sectionflex__title{
    width:calc(640 * var(--px1));
}
.facility__sectionflex__content{
    width:calc(900 * var(--px1));
}

.facility__sectiontext{
    font-size:calc(29 * var(--px1));
    margin-bottom:calc(50 * var(--px1));
}
.facility__sectionspectext{
    font-size:calc(25 * var(--px1));
    color:var(--color-bg-green);
    line-height:1.2;
}
.facility__sectionspectext__add{
    font-size:calc(25 * var(--px1));
    color:var(--color-bg-green);
    line-height:1.4;
}
.facility__section__titletable{
    margin-top:calc(60 * var(--px1));
    width:calc(400 * var(--px1));
}
.facility__section__titletable table,
.facility__section__titletable table th,
.facility__section__titletable table td{
    border:0;
    line-height:1;
    text-align:center;
    padding:calc(18 * var(--px1));
}
.facility__section__titletable table thead th{
    font-size:calc(25 * var(--px1));
    color:var(--color-bg-green);
}
.facility__section__titletable table tbody{
    border-top:calc(2.55 * var(--px1)) solid var(--color-bg-green);
    border-bottom:calc(2.55 * var(--px1)) solid var(--color-bg-green);
}
.facility__section__titletable table tbody tr:not(:last-of-type){
    border-bottom:var(--px1) solid #9e9e9f;
}
.facility__section__titletable table tbody tr:nth-of-type(2n+1){
    background:#f4f8f4;
}
.facility__section__titletable table tbody th{
    font-size:calc(24 * var(--px1));
    font-weight:100;
    color:var(--color-bg-green);
}
.facility__section__titletable table tbody td{
    font-size:calc(24 * var(--px1));
    font-weight:100;
}
.facility__section__titledl{
    width:calc(400 * var(--px1));
    margin-top:calc(20 * var(--px1));
}
.facility__section__titledl dl{
    border-top:var(--px1) solid var(--color-bg-green);

    display:flex;
    flex-wrap:wrap;
    gap:calc(10 * var(--px1)) calc(30 * var(--px1));
    padding:calc(15 * var(--px1));
}
.facility__section__titledl dl:last-of-type{
    border-bottom:var(--px1) solid var(--color-bg-green);
}
.facility__section__titledl dl:nth-of-type(2n+1){
    background:#f4f8f4;
}
.facility__section__titledl dl dt{
    font-size:calc(24 * var(--px1));
    font-weight:100;
    color:var(--color-bg-green);
}
.facility__section__titledl dl dd{
    font-size:calc(24 * var(--px1));
    font-weight:100;
}
.facility__section__title__textlist{
    margin-top:calc(20 * var(--px1));
}
.facility__section__title__textlist li{
    position:relative;
    font-size:calc(19 * var(--px1));
    padding-left:1em;
    font-family:var(--font-zengothic);
}
.facility__section__title__textlist li::before{
    content:'・';
    position:absolute;
    top:0;
    left:0;
}
.facility__section__title__textlist li small{
    display:block;
    font-size:84%;
}

.facility__sectionslider .slick-dots{
    z-index:9;
    bottom:calc(50 * var(--px1));
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(20 * var(--px1));
}
.facility__sectionslider .slick-dots li{
    margin:0;
    padding:0;
    width:calc(12 * var(--px1));
    height:calc(12 * var(--px1));
    border:var(--px1) solid #FFF;
    border-radius:50%;
    background:transparent;
    pointer-events:none;
}
.facility__sectionslider .slick-dots li.slick-active{
    background:#FFF;
}
.facility__sectionslider .slick-dots li button{
    display:none;
}

.facility__section__fee:not(:first-child){
    margin-top:calc(76 * var(--px1));
}
.facility__section__fee__title{
    color:var(--color-bg-green);
    font-size:calc(28 * var(--px1));
    font-weight:bold;
    margin-bottom:calc(10 * var(--px1));
}
.facility__section__fee__table{
    margin-bottom:calc(16 * var(--px1));
}
.facility__section__fee__table table,
.facility__section__fee__table table th,
.facility__section__fee__table table td{
    border:0;
}
.facility__section__fee__table table thead th,
.facility__section__fee__table table tbody td{
    text-align:center;
}
.facility__section__fee__table table thead th{
    font-size:calc(21 * var(--px1));
    font-weight:bold;
    color:var(--color-bg-green);
}
.facility__section__fee__table table tbody th,
.facility__section__fee__table table tbody td{
    font-size:calc(24 * var(--px1));
    padding:calc(15 * var(--px1));
}
.facility__section__fee__table table tbody tr{
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.facility__section__fee__table table tbody tr:last-of-type{
    border-bottom:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.facility__section__fee__table table tbody tr:nth-of-type(2n+1) td{
    background:#f4f8f4;
}

.facility__section__fee__textlist li{
    position:relative;
    font-size:calc(19 * var(--px1));
    padding-left:1em;
    font-family:var(--font-zengothic);
}
.facility__section__fee__textlist li::before{
    content:'・';
    position:absolute;
    top:0;
    left:0;
}

.facility-gallery__text{
    font-size:calc(24 * var(--px1));
    margin-bottom:calc(60 * var(--px1));
}
.facility-gallery:not(:last-child){
    margin-bottom:calc(30 * var(--px1));
}
.facility-gallery__title{
    display:flex;
    align-items:flex-end;
    gap:calc(24 * var(--px1));
    margin-bottom:calc(14 * var(--px1));
}
.facility-gallery__title--en{
    font-size:calc(39 * var(--px1));
    line-height:1;
    color:var(--color-gold);
}
.facility-gallery__title--jp{
    font-size:calc(24 * var(--px1));
}
.facility-gallery{
    position:relative;
}
.facility-gallery__imgs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:calc(14 * var(--px1));
}
.facility-gallery__imgs.col2-hashv__right{
    position:relative;
    max-width:66%;
    grid-template-columns:repeat(2,1fr);
}
.facility-gallery__imgs__hv{
    position:absolute;
    left:103%;
    top:0;
    width:54%
}

.facility-minicourse{
    padding-top:calc(125 * var(--px1));
}
.facility-drivingrange,
.facility-bunker,
.facility-lobby,
.facility-locker,
.facility-masterroom,
.facility-golfshop{
    padding-top:calc(200 * var(--px1));
}
.facility-restaurant{
    padding-top:calc(200 * var(--px1));
    padding-bottom:calc(200 * var(--px1));
}


/* NEWS ARCHIVE */
.news-archive__mainsec{
    padding:calc(120 * var(--px1)) 0;
}

.pagenation{
    margin-top:calc(60 * var(--px1));
}
.wp-pagenavi{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:calc(20 * var(--px1));
}
.wp-pagenavi span:not(.pages),
.wp-pagenavi a{
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:var(--font-cardo);
    letter-spacing:0;
    line-height:1;
    font-size:calc(24 * var(--px1));
    width:calc(40 * var(--px1));
    height:calc(40 * var(--px1));
    border-radius:50%;
    border:var(--px1) solid var(--color-bg-green);
}
.wp-pagenavi span:not(.pages){
    color:#FFF;
    background:var(--color-bg-green);
}
.wp-pagenavi a{
    color:var(--color-bg-green);
    background:#FFF;
}
.wp-pagenavi a:hover{
    color:#FFF;
    background:var(--color-bg-green);
}


/* NEWS SINGLE */
.news-single__mainsec{
    padding:calc(120 * var(--px1)) 0;
}

.news-single__head{
    padding-bottom:calc(60 * var(--px1));
    border-bottom:var(--px1) solid var(--color-bg-green);
    margin-bottom:calc(60 * var(--px1));
}
.news-single__head__meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:calc(10 * var(--px1));
}
.news-single__head__date{
    font-size:calc(26 * var(--px1));
    color:var(--color-gold);
}
.news-single__head__category{
    font-size:calc(21 * var(--px1));
}
.news-single__head__title{
    font-size:calc(48 * var(--px1));
    line-height:1.2;
}

.news-single__content{
    padding-bottom:calc(60 * var(--px1));
    border-bottom:var(--px1) solid var(--color-bg-green);
    margin-bottom:calc(60 * var(--px1));
}

.editorcontent>*{
    margin-bottom:calc(38 * var(--px1));
}
.editorcontent>h1{
    font-size:calc(44 * var(--px1));
}
.editorcontent>h2{
    font-size:calc(41 * var(--px1));
}
.editorcontent>h3{
    font-size:calc(36 * var(--px1));
}
.editorcontent>h4{
    font-size:calc(30 * var(--px1));
}
.editorcontent>h5{
    font-size:calc(24 * var(--px1));
}
.editorcontent>h6{
    font-size:calc(20 * var(--px1));
}
.editorcontent>p{
    font-size:calc(21 * var(--px1));
    line-height:2.125;
}
.editorcontent>ul{
    list-style:disc;
    font-size:calc(21 * var(--px1));
    margin-left:1.5em;
}
.editorcontent>ol{
    list-style:decimal;
    font-size:calc(21 * var(--px1));
    margin-left:1.5em;
}

.editorcontent table,
.editorcontent table thead,
.editorcontent table tbody,
.editorcontent table tr,
.editorcontent table th,
.editorcontent table td{
    border:0 !important;
}
.editorcontent table tr:not(:last-of-type){
    border-bottom:var(--px1) solid var(--color-bg-green) !important;
}
.editorcontent table th,
.editorcontent table td{
    vertical-align:top;
    padding:1em;
}
.wp-block-table.is-style-stripes{
    border:0;
}


/* MEMBERS */
#wpmem_restricted_msg{
    margin-bottom:calc(100 * var(--px1));
}
#wpmem_restricted_msg p{
    font-size:calc(21 * var(--px1));
    text-align:center;
}

#wpmem_login{
    width:calc(700 * var(--px1)) !important;
    margin:0 auto;
}
#wpmem_login legend, #wpmem_reg legend{
    display:none;
}
#wpmem_login label[for="log"],
#wpmem_login label[for="pwd"]{
    display:block !important;
    margin-bottom:calc(10 * var(--px1)) !important;
    font-size:calc(21 * var(--px1));
    font-family:var(--font-zengothic);
    letter-spacing:0.075em;
    font-weight:bold;
    color:var(--color-bg-green);
}
#wpmem_login input[type=password], #wpmem_login input[type=text], #wpmem_reg input[type=date], #wpmem_reg input[type=email], #wpmem_reg input[type=number], #wpmem_reg input[type=password], #wpmem_reg input[type=text], #wpmem_reg input[type=url], #wpmem_reg textarea{
    padding:calc(15 * var(--px1)) !important;
    font-size:calc(20 * var(--px1));
    font-family:var(--font-zengothic);
    letter-spacing:0.075em;
    border:var(--px1) solid var(--color-bg-green) !important;
    border-radius:calc(10 * var(--px1)) !important;
}
#wpmem_login .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_date, #wpmem_reg .div_file, #wpmem_reg .div_image, #wpmem_reg .div_membership, #wpmem_reg .div_multicheckbox, #wpmem_reg .div_multiselect, #wpmem_reg .div_number, #wpmem_reg .div_radio, #wpmem_reg .div_select, #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_url{
    margin-bottom:calc(30 * var(--px1)) !important;
}
#wpmem_login input[type=checkbox]{
    margin:calc(12 * var(--px1)) calc(2 * var(--px1)) !important;
    font-size:calc(16 * var(--px1));
}
#wpmem_login label[for="rememberme"]{
    font-size:calc(19 * var(--px1));
    font-family:var(--font-zengothic);
    text-align:center;
}
#wpmem_login .button_div,
#wpmem_reg .button_div{
    text-align:center !important;
}
#wpmem_login input[type="submit"]{
    width:calc(240 * var(--px1));
    height:calc(60 * var(--px1));
    font-size:calc(21 * var(--px1));
    font-family:var(--font-zengothic);
    font-weight:bold;
    color:#FFF;
    background:var(--color-bg-green);
    border-radius:calc(10 * var(--px1));
    margin-left:calc(20 * var(--px1));
    margin-left:0;
    display:block;
    margin:calc(40 * var(--px1)) auto;
}

h2.formtitle{
    font-family:var(--font-zengothic);
    color:var(--color-bg-green);
    text-decoration:underline;
    text-underline-offset: calc(20 * var(--px1));
    margin-bottom:calc(80 * var(--px1));
}
.form-dls{
    width:calc(800 * var(--px1));
    margin:0 auto;
}
.form-dls dl{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.form-dls dl:not(:last-of-type){
    margin-bottom:calc(20 * var(--px1));
}
.form-dls dl dt{
    position:relative;
    width:calc(220 * var(--px1));
    margin-bottom:calc(10 * var(--px1));
    font-size:calc(21 * var(--px1));
    font-family:var(--font-zengothic);
    letter-spacing:0.075em;
    font-weight:bold;
    color:var(--color-bg-green);
}
.form-dls dl dt span{
    color:#FFF;
    background:var(--color-bg-green);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:calc(17 * var(--px1));
    width:calc(90 * var(--px1));
    height:calc(24 * var(--px1));
}
.form-dls dl dd{
    width:calc(540 * var(--px1));
}
.form-dls input,
.form-dls textarea{
    width:100%;
    padding:calc(15 * var(--px1)) !important;
    font-size:calc(20 * var(--px1));
    font-family:var(--font-zengothic);
    letter-spacing:0.075em;
    border:1px solid var(--color-bg-green) !important;
    border-radius:calc(10 * var(--px1)) !important;
}
.submitbtn{
    margin-top:calc(50 * var(--px1));
    text-align:center;
}
.submitbtn input[type="submit"]{
    width:calc(240 * var(--px1));
    height:calc(60 * var(--px1));
    font-size:calc(21 * var(--px1));
    font-family:var(--font-zengothic);
    font-weight:bold;
    color:#FFF;
    background:var(--color-bg-green);
    border-radius:calc(10 * var(--px1));
    margin-left:calc(20 * var(--px1));
}


/* MEMBER PDFS */
.memberpage-head{
    color:var(--color-bg-green);
    background:#dcdcdc;
    padding:calc(18 * var(--px1)) 0;
}
.memberpage-head__flex{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
}
.memberpage-head__flex__title{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:calc(20 * var(--px1));
    font-size:calc(25 * var(--px1));
    font-weight:bold;
}
.memberpage-head__flex__title::before{
    content:'';
    display:block;
    width:calc(41 * var(--px1));
    height:calc(41 * var(--px1));
    background:no-repeat center/contain url('assets/img/member/icon-mypage.svg');
}
.memberpage-head__flex__logout a{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:calc(10 * var(--px1));
    font-size:calc(19 * var(--px1));
    font-weight:bold;
}
.memberpage-head__flex__logout a::before{
    content:'';
    display:block;
    width:calc(17 * var(--px1));
    height:calc(20 * var(--px1));
    background:no-repeat center/contain url('assets/img/member/icon-logout.svg');
}

.memberpage-document{
    padding-top:calc(120 * var(--px1));
    padding-bottom:calc(200 * var(--px1));
}
.memberpage-pdf:not(:first-child){
    padding-top:calc(200 * var(--px1));
}
.memberpage-pdf__title{
    margin-bottom:calc(80 * var(--px1));
}
.memberpage-pdf__title--jp{
    font-size:calc(49 * var(--px1));
}
.memberpage-pdf__title--en{
    font-size:calc(17 * var(--px1));
}
.memberpage-pdf__container{
    width:calc(922 * var(--px1));
    margin:0 auto;
}
.memberpage-pdf__container__thumbnail{
    margin-bottom:calc(40 * var(--px1));
    text-align:center;
}
.memberpage-pdf__container__thumbnail img{
    outline:calc(2 * var(--px1)) solid var(--color-base);
}
.memberpage-pdf__container__link a{
    display:flex;
    margin:0 auto;
    align-items:center;
    justify-content:space-between;
    border-bottom:calc(0.7 * var(--px1)) solid var(--color-bg-green);
    color:var(--color-bg-green);
    font-size:calc(17 * var(--px1));
    width:calc(220 * var(--px1));
    padding-bottom:calc(10 * var(--px1));
}
.memberpage-pdf__container__link a::after{
    content:'';
    display:block;
    width:calc(18 * var(--px1));
    height:calc(18 * var(--px1));
    background:no-repeat center/contain url('assets/img/member/icon-external.svg');
}

/* FAQ */
.contact-qanda{
    padding-bottom:calc(200 * var(--px1));
}
.contact-qa:not(:last-of-type){
    margin-bottom:calc(50 * var(--px1));
}
.contact-qa__dl{
    padding-left:calc(60 * var(--px1));
}
.contact-qa__dt{
    position:relative;
    margin-bottom:calc(20 * var(--px1));
    padding-top:calc(6 * var(--px1));
    font-size:calc(21 * var(--px1));
}
.contact-qa__dt::before{
    content:'Q';
    position:absolute;
    top:0;
    left:calc(-60 * var(--px1));
    font-size:calc(40 * var(--px1));
    line-height:1;
    font-weight:bold;
    color:var(--color-bg-green);
}
.contact-qa__dd{
    position:relative;
    font-size:calc(21 * var(--px1));
}
.contact-qa__dd::before{
    content:'A';
    position:absolute;
    top:0;
    left:calc(-60 * var(--px1));
    font-size:calc(40 * var(--px1));
    line-height:1;
    font-weight:bold;
    color:var(--color-gold);
}
.contact-qa__dd__dls dl{
    display:flex;
    border-top:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.contact-qa__dd__dls dl:last-child{
    border-bottom:calc(0.7 * var(--px1)) solid var(--color-bg-green);
}
.contact-qa__dd__dls dl dt{
    width:calc(300 * var(--px1));
    padding:calc(14 * var(--px1));
}
.contact-qa__dd__dls dl dd{
    width:calc(100% - (300 * var(--px1)));
    margin-left:auto;
    padding:calc(14 * var(--px1));
    background:#f4f8f4;
}


/* FIRST TIME */
.first-play__flex__img{
    margin-top:calc(50 * var(--px1));
}
@media only screen and (min-width:992px){
    .first-play__flex{
        display:flex;
        align-items:center;
        gap:calc(50 * var(--px1));
    }
    .first-play__flex__img{
        margin-top:0;
        max-width:calc(482 * var(--px1));
    }
}
.first-etiquette{
    padding:calc(210 * var(--px1)) 0;
}
@media only screen and (max-width: 767px){
    .firsttime-mvtitle{
        font-size:22px;
    }
    .first-etiquette{
        padding-top:60px;
        padding-bottom:120px;
    }
}

.wpcf7-spinner{
    display:none;
}



/* ANIMATION */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadeinr {
    opacity : 0.1;
    transform : translate(50px, 0);
    transition : all 800ms;
}
.fadeinb {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
.fadeint {
    opacity : 0.1;
    transform : translate(0, -50px);
    transition : all 800ms;
}
.fadeinl {
    opacity : 0.1;
    transform : translate(-50px, 0);
    transition : all 800ms;
}
.fadeino {
    opacity : 0.1;
    transition : all 800ms;
}

.fadein.scrollin, .fadeinr.scrollin, .fadeinb.scrollin, .fadeint.scrollin, .fadeinl.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadeino.scrollin {
   opacity : 1;
}

@supports (-ms-ime-align:auto) {
.fadein {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinr {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinb {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeint {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeinl {
    opacity : 1;
    transform : inherit;
    transition : inherit;
}
.fadeino {
    opacity : 1;
    transition : inherit;
}

.fadein.scrollin, .fadeinr.scrollin, .fadeinb.scrollin, .fadeint.scrollin, .fadeinl.scrollin {
    opacity : 1;
    transform : inherit;
}
.fadeino.scrollin {
   opacity : 1;
}
}/* @ supports end */

@media only screen and (max-width:1280px){
/* ANIMATION */
.fadein,
.fadeinr,
.fadeinl,
.fadeinb,
.fadeint{
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 800ms;
}
}/* fade animation wrap over */



.clear_from_top.ef,
.inner-clear_from_top.ef>*{
	-webkit-clip-path: inset(0 0 100% 0);
	clip-path: inset(0 0 100% 0);
	transition:all .8s ease;
}
.clear_from_bottom.ef,
.inner-clear_from_bottom.ef>*{
	-webkit-clip-path: inset(100% 0 0 0);
	clip-path: inset(100% 0 0 0);
	transition:all .8s ease;
}
.clear_from_left.ef,
.inner-clear_from_left.ef>*{
	-webkit-clip-path: inset(0 100% 0 0);
	clip-path: inset(0 100% 0 0);
	transition:all .8s ease;
}
.clear_from_right.ef,
.inner-clear_from_right.ef>*{
	-webkit-clip-path: inset(0 0 0 100%);
	clip-path: inset(0 0 0 100%);
	transition:all .8s ease;
}
.clear_from_lefttop.ef,
.inner-clear_from_lefttop.ef>*{
	-webkit-clip-path: inset(0 100% 100% 0);
	clip-path: inset(0 100% 100% 0);
	transition:all .8s ease;
}
.clear_from_righttop.ef,
.inner-clear_from_righttop.ef>*{
	-webkit-clip-path: inset(0 100% 0 100%);
	clip-path: inset(0 100% 0 100%);
	transition:all .8s ease;
}
.clear_from_leftbottom.ef,
.inner-clear_from_leftbottom.ef>*{
	-webkit-clip-path: inset(100% 100% 0 0);
	clip-path: inset(100% 100% 0 0);
	transition:all .8s ease;
}
.clear_from_rightbottom.ef,
.inner-clear_from_rightbottom.ef>*{
	-webkit-clip-path: inset(100% 0 0 100%);
	clip-path: inset(100% 0 0 100%);
	transition:all .8s ease;
}
.clear_from_top.ef.scrollin,
.clear_from_bottom.ef.scrollin,
.clear_from_left.ef.scrollin,
.clear_from_right.ef.scrollin,
.inner-clear_from_top.ef.scrollin>*,
.inner-clear_from_bottom.ef.scrollin>*,
.inner-clear_from_left.ef.scrollin>*,
.inner-clear_from_right.ef.scrollin>*,
.clear_from_lefttop.ef.scrollin,
.clear_from_righttop.ef.scrollin,
.clear_from_leftbottom.ef.scrollin,
.clear_from_rightbottom.ef.scrollin,
.inner-clear_from_lefttop.ef.scrollin>*,
.inner-clear_from_righttop.ef.scrollin>*,
.inner-clear_from_leftbottom.ef.scrollin>*,
.inner-clear_from_rightbottom.ef.scrollin>*{
	-webkit-clip-path: inset(0);
	clip-path:inset(0);
}