/** Shopify CDN: Minification failed

Line 552:46 Unexpected "/"

**/


body {
    font-size: 1rem; font-size: 16px;
    margin: 0;
    /*font-family: runda, sans-serif, 'Hiragino Mincho Pro', serif;*/
    font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-feature-settings:"palt";
    color: #005354;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5{font-weight: 300;margin-block-start: 0;margin-block-end: 0; color: #005354;} 

/* h1,
.h1,
.product__description h2{ font-family: 'Noto Serif JP', serif ; }
.product__title h1,
.product__title.h1{ font-family: 'Noto Sans JP', sans-serif; } */
h1{font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}


p{margin-block-start: 0;margin-block-end: 0;}
a { text-decoration: none !important; color: #000;}
a.decoline{ text-decoration: underline !important;}






.footer,
.footer__content-bottom{ border-top: none !important;}

/* common */
#MainContent{ padding-top: 200px;}


@media screen and (max-width: 768px) {
    #MainContent{ padding-top: 150px;}
}


/* product */
.button.button_remove,
cart-remove-button .button{ background: none !important;}
.button, 
.shopify-challenge__button, 
.customer button{ background-color: #005354; transition:all .3s; }
.button:hover, 
.shopify-challenge__button:hover, 
.customer button:hover{ background-color: #39a5b4; }
.button:not([disabled]):hover::after,
.shopify-challenge__button:hover::after, 
.customer button:hover::after, 
.shopify-payment-button__button--unbranded:hover::after{box-shadow:none;}
.quantity::after{ border-radius: 25px !important;}

.product-form__quantity{ margin-top: 45px !important;}

@media screen and (min-width: 990px) {
    .product--large:not(.product--no-media) .product__info-wrapper {padding: 0 0 0 6rem !important; }
}
@media screen and (min-width: 750px) {
    .product__info-wrapper {padding: 0 0 0 5rem !important;}

    .product__column-sticky { /*position: sticky;*/ top: 120px !important;}
}



.product__info-wrapper .detail_ttl { padding-top: 100px; }
.product__info-wrapper .detail_ttl h1{ font-size: 23px !important;}
.product__info-wrapper .detail_ttl + .product__text{}
.product__info-wrapper .price-item{color: #005354;}
.product-form__buttons{ max-width: 323px !important;}
.product-form__submit{ font-size: 19px; height: 68px;}
.product__info-wrapper .price--show-badge{ }
.product__info-container .product-form {margin: 4rem 0 !important;}


.product__detail_links{ position: relative; }
.product__detail_links::after{position: absolute;content: ""; width: 100%; background-color: #004939; height: 1px; display: block; bottom: 0px; left: 0; opacity: 0.25;}
.product__detail_links dl{ display: block;position: relative; padding: 15px 30px 15px 0; color: #005354; font-family: runda, sans-serif, 'Hiragino Mincho Pro', serif;}
.product__detail_links.qa-list dl dt{font-size: 16px; letter-spacing: .14rem;}
.product__detail_links.qa-list dl dd p:first-child{color: #005354;}
.product__detail_links.qa-list dl dd p span:not(:last-child){margin-bottom: 25px; display: block;}
.product__detail_links.qa-list dl::after{position: absolute;content: ""; width: 8px; height: 8px; border-right:1px solid #004939;border-bottom:1px solid #004939;transform: rotate(-45deg); display: block; top: calc(50% - 5px); right:0; background: none}
.product__detail_links.qa-list dl::before{content: none;}
.product__detail_links.qa-list .open::after {transition: ease .5s;transform: rotate(45deg)}

.product__tax.disp-ib{min-width: 4em;}

@media(max-width:768px) {
    .product__info-wrapper .detail_ttl{  padding-top: 40px !important; }
    .product__info-wrapper .detail_ttl h1{ }
    .product__info-wrapper .detail_ttl + .product__text{ }
    .product-form__quantity{ margin-top: 25px !important;}
    .product__info-wrapper .price-item{}
    .product__info-wrapper .price--show-badge{ }

}



/* slider */
.thumbnail[aria-current] {box-shadow: none !important;border-color:#fff !important; opacity: 0.5;}
.thumbnail-list__item::before {padding-bottom: 80% !important;}
.thumbnail-slider .thumbnail-list {padding: 0 !important; scroll-padding-left: 0rem !important; }
.product__media-list{ margin-bottom: 2px !important;}

@media screen and (min-width: 900px) {
    .thumbnail-list .thumbnail-list__item.slider__slide {width: calc(10% - 1px) !important; }
}

@media screen and (min-width: 750px) {
    .thumbnail-list {grid-gap: 2px !important;}
    slider-component:not(.thumbnail-slider){margin-left: -5rem;}
}
@media screen and (max-width: 749px) {
    .thumbnail-list {grid-gap: 2px !important;}
    .thumbnail-list .thumbnail-list__item.slider__slide {width: calc(25% - 1px) !important; }
}

/*
@media screen and (min-width: 990px) {
    .page-width--narrow {max-width: 950px; }
}
*/


/* common */
/*
.card__content{}
.card__information .card__heading{ font-family: 'Cormorant Garamond', serif; font-size:1.125em ;}
.card__information .price{ font-family: 'Lato', sans-serif; font-size: 0.9em; }
*/



/* MY PAGE HACK
==========================================================*/

/* login */ 
#g-recaptcha{ margin-bottom: 20px;}

/* customer.css */ 
.account h1 + a {
    background: #005354; color: #fff; padding: 10px 20px;
}
.account h1 + a:hover {color: #fff; 
}

.addresses li > button{ border: 1px solid #005354;}
.addresses li > button:hover{ background: none;}


@media screen and (min-width: 750px) {
    .customer:not(.account):not(.order) {
        max-width: 52rem !important;
    }
}


/*  Shopify App HACKS 
==========================================================*/
/*
@media(min-width:750px) {
#pwzrswiper-wrapper{ flex-direction: column !important; min-height: 872px ; }
#pwzrswiper-wrapper > .pwzrswiper-slide{ width: 80px !important; 
margin-bottom: 10px !important; margin-right: 0px !important; padding-bottom: 106px !important; box-sizing: border-box;}
#pwzrswiper-wrapper > .pwzrswiper-slide:first-child { width: calc(100% - 90px) !important;  padding-bottom: 132% !important;position: absolute;right: 0;}
}
*/



/* アプリのCSSを流用して寄付先の選択もstyle合わせている */
/*
.gpo-app .gpo-label, 
.gpo-app .gpo-label span.label-content, 
.gpo-app .gpo-label span.addOn, 
.gpo-app .gpo-label.required span.label-content::after {color: inherit !important;}
.gpo-app .gpo-label{ display: inline-block !important; margin-bottom: 10px !important;}
.gpo-app .gpo-swatches input + label .gpo-swatch__inner{ border-radius: 50% !important; box-sizing: border-box;}
.gpo-app .gpo-swatches input + label{ border: 1px solid #fff !important; border-radius: 50% !important; box-sizing: border-box;}
.gpo-app .gpo-swatches input:checked + label { border: 1px solid #ccc !important;}
.gpo-app .gpo-selected-values{ display: inline-block !important;}
.gpo-selected-values.has-value::before{ content: ": ";}
*/


/* GIFT */
/*
.button.svelte-1xmol09{margin-top: 3rem !important;min-height: 45px !important;width: 100% !important; max-width: 400px; --border-opacity: 0.8 !important;}
*/





/* 2: Utility Style
----------------------------------------------------------------------------------------------*/




/* 透明度 */
.opac-0{ opacity: 0;}
.opac-01{ opacity: 0.1;}
.opac-02{ opacity: 0.2;}
.opac-03{ opacity: 0.3;}
.opac-04{ opacity: 0.4;}
.opac-05{ opacity: 0.5;}
.opac-06{ opacity: 0.6;}
.opac-065{ opacity: 0.65;}
.opac-07{ opacity: 0.7;}
.opac-075{ opacity: 0.75;}
.opac-08{ opacity: 0.8;}
.opac-085{ opacity: 0.85;}
.opac-09{ opacity: 0.9;}
.opac-095{ opacity: 0.95;}


/* フォント */
/* ============================================ */


/* line-height */
.lh24 { line-height:2.4 !important;}
.lh23 { line-height:2.3 !important;}
.lh22 { line-height:2.2 !important;}
.lh21 { line-height:2.1 !important;}
.lh20 { line-height:2 !important;}
.lh19 { line-height:1.9 !important;}
.lh18 { line-height:1.8 !important;}
.lh17 { line-height:1.7 !important;}
.lh16 { line-height:1.6 !important;}
.lh15 { line-height:1.5 !important;}
.lh14 { line-height:1.4 !important;}
.lh13 { line-height:1.3 !important;}
.lh12 { line-height:1.2 !important;}
.lh11 { line-height:1.1 !important;}
.lh1 { line-height:1 !important;}
.lh09 { line-height:0.9 !important;}
.lh08 { line-height:0.8 !important;}
.lh0 { line-height:0 !important;}


/* font-size */
/* .fns30   { font-size:3em; } */
.fns25   { font-size:2.5em; font-size: 25px;}
.fns20   { font-size:2em; font-size: 20px;}
/* .fns195   { font-size:1.95em; }
.fns19   { font-size:1.9em; }
.fns185   { font-size:1.85em; } */
/* .fns18   { font-size:1.8em; font-size: 18px;}
.fns175   { font-size:1.75em; }
.fns17   { font-size:1.7em; }
.fns165   { font-size:1.65em; }
.fns16   { font-size:1.6em; }
.fns155   { font-size:1.55em; }
.fns15   { font-size:1.5em; }
.fns145  { font-size:1.45em; } */
.fns14  { font-size:1.4em; font-size: 14px;}
/* .fns135   { font-size:1.35em; } */
.fns13   { font-size:1.3em; font-size: 13px;}
/* .fns125   { font-size:1.25em; }
.fns12   { font-size:1.2em; }
.fns115   { font-size:1.15em; }
.fns11   { font-size:1.1em; }
.fns105   { font-size:1.05em;  }
.fns10   { font-size:1em;  }
.fns095   { font-size:0.95em; }
.fns09   { font-size:0.9em; }
.fns085   { font-size:0.85em; }
.fns08   { font-size:0.8em; }
.fns075   { font-size:0.75em; }
.fns07   { font-size:0.7em; } */


/* font-weight */
.italic{font-style: italic;}
.bold,
.fn-bold{ font-weight: bold !important; }
.fn-normal{ font-weight: normal !important; }
.fn-w100{ font-weight: 100 !important;}
.fn-w200{ font-weight: 200 !important;}
.fn-w300{ font-weight: 300 !important;}
.fn-w400{ font-weight: 400 !important;}/*r*/
.fn-w500{ font-weight: 500 !important;}/*m*/
.fn-w600{ font-weight: 600 !important;}
.fn-w700{ font-weight: 700 !important;}/*bold*/
.fn-w800{ font-weight: 800 !important;}


/* letter-spacing */
.lesp-n,
.lesp-normal { letter-spacing:normal !important; }
.lesp-005{letter-spacing: 0.05em; }
.lesp-019{letter-spacing: 0.19em; }
.lesp-01{letter-spacing: 0.1em; }
.lesp-014{letter-spacing: 0.14em; }
.lesp-015{letter-spacing: 0.15em; }
.lesp-02{letter-spacing: 0.2em; }
.lesp-025{letter-spacing: 0.25em; }
.lesp-03{letter-spacing: 0.3em; }


.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.fn-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -moz-text-overflow:ellipsis; }


.h1tt { position:absolute;
    position:absolute; text-indent:-999em;
    white-space: nowrap;
    overflow: hidden;
    }


/* img
==========================================================*/
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; vertical-align: bottom;  }
video { vertical-align: bottom;}

a { outline:none;}
a:focus,
img:focus,
:focus{ outline: 0; }



/* link / hover
==========================================================*/
.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .3s; transition:all .3s;}
.cshover button:hover,
.cshover input:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.5; opacity: 0.5; }


/* WP空リンク */
.nolink{opacity: .5;}
.nolink:hover{opacity: .5;}
.product_category ul li:hover .nolink{opacity: 1; pointer-events: none;}
.sort01{cursor: default !important;}
.sort04{cursor: default !important;}
.sort05{cursor: default !important;}
.sort06{cursor: default !important;}
/* WP空リンク */


.hover_imgscale{ overflow: hidden; }
a .imgscale{-webkit-transition: all .4s; transition: all .4s}
a:hover .imgscale {-webkit-transform: scale(1.05);transform: scale(1.05);}

@media screen and (max-width: 1070px){
    .nolink{opacity: 1; color: #fff}
    .nolink:hover{opacity: 1; color: #fff}
    .dropmenu li ul li a.nolink{color: #00493950 !important}
}

/* layout
==========================================================*/

body{ -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.txc  { text-align:center; }
.txl  { text-align:left; }
.txr  { text-align:right; }
.txjus {text-align: justify; text-justify: inter-ideograph;}
.pore{ position: relative; }
.poab{ position: absolute; }

.flex{ display: flex; flex-wrap: wrap;  }
.flex-jcc { display: flex; justify-content: center; flex-wrap: wrap; }
.flex-jcs { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-jcend { display: flex; justify-content:flex-end; flex-wrap: wrap; }
.flex-aic { display: flex; align-items: center; flex-wrap: wrap; }

.disp-ib { display: inline-block; }


.Inner1500{ max-width: 1500px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1400{ max-width: 1400px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1300{ max-width: 1300px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1200{ max-width: 1200px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1100{ max-width: 1100px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner1000{ max-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner950{ max-width: 950px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner900{ max-width: 900px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner800{ max-width: 800px; width: 100%; margin: 0 auto; box-sizing: border-box;}
.Inner750{ max-width: 750px; width: 100%; margin: 0 auto; box-sizing: border-box;}

.w100{width: 100%; height: 120px;}

@media screen and (min-width: 1501px) {
    .show-1500 { display: none; }
    .hide-1500 { display: block; }
    }
    @media screen and (max-width: 1500px) {
    .show-1500 { display: block; }
    .hide-1500 { display: none; }
    }
    @media screen and (min-width: 1201px) {
    .show-1200 { display: none; }
    .hide-1200 { display: block; }
    }
    @media screen and (max-width: 1200px) {
    .show-1200 { display: block; }
    .hide-1200 { display: none; }
    }
    @media screen and (min-width: 1101px) {
    .show-1100 { display: none; }
    .hide-1100 { display: block; }
    }
    @media screen and (max-width: 1100px) {
    .show-1100 { display: block; }
    .hide-1100 { display: none; }
    }
    @media screen and (min-width: 1001px) {
    .show-1000 { display: none; }
    .hide-1000 { display: block; }
    }
    @media screen and (max-width: 1000px) {
    .show-1000 { display: block; }
    .hide-1000 { display: none; }
    }
    @media screen and (min-width: 901px) {
    .show-900 { display: none; }
    .hide-900 { display: block; }
    }
    @media screen and (max-width: 900px) {
    .show-900 { display: block; }
    .hide-900 { display: none; }
    }
    @media screen and (min-width: 801px) {
        .show-800 { display: none; }
        .hide-800 { display: block; }
    }
        @media screen and (max-width: 800px) {
        .show-800 { display: block; }
        .hide-800 { display: none; }
    }
    @media screen and (min-width: 769px) {
        .show-768 { display: none; }
        .hide-768 { display: block; }
        }
        @media screen and (max-width: 768px) {
        .show-768 { display: block; }
        .hide-768 { display: none; }
        }
    @media screen and (min-width: 751px) {
    .show-750 { display: none; }
    .hide-750 { display: block; }
    }
    @media screen and (max-width: 750px) {
    .show-750 { display: block; }
    .hide-750 { display: none; }
    .sp-br-none br{ display: none;}
    }
    
    @media screen and (min-width: 601px) {
        .show-600 {display: none;  }
        .hide-600 { display: block;  }
    }
    @media screen and (max-width: 600px) {
        .show-600 { display: block; }
        .hide-600 { display: none; }
    }
    
    @media screen and (min-width: 501px) {
        .show-500 {display: none;  }
        .hide-500 { display: block;  }
    }
    @media screen and (max-width: 500px) {
        .show-500 { display: block; }
        .hide-500 { display: none; }
    }
    
    @media screen and (min-width: 401px) {
        .show-400 {display: none;  }
        .hide-400 { display: block;  }
    }
    @media screen and (max-width: 400px) {
        .show-400 { display: block; }
        .hide-400 { display: none; }
    }



.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px  !important;}
.mt10 {margin-top: 10px  !important;}
.mt20 {margin-top: 20px  !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.pt00 {padding-top: 0 !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pb00 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb80 {padding-bottom: 80px !important;}


.zhide{ display: none;}


/*  plugin
==========================================================*/


/* slider */
.scslide{visibility:hidden}
.scslide.slick-initialized{visibility:visible}

/* aos */
[data-aos=fade-up]{transform:translate(0,20px)}
[data-aos=fade-left]{transform: translate3d(20px,0,0);}
[data-aos=fade-right]{transform: translate3d(20px,0,0);}
[data-aos=zoom-out]{transform:scale(1.05)}


/*  WP-news
==========================================================*/
.post-body {font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.post-body strong {	font-weight: bold;}
.post-body em { font-style: italic;}
.post-body del { text-decoration:line-through;}	
.post-body ul { list-style: disc; margin:0 1em 1.5em; }
.post-body ol { list-style: decimal; margin:0 1em 1.5em; }
.post-body li { list-style:inherit; margin-bottom:0.3em; }
.post-body blockquote { margin:1.2em 1.2em;} */
.post-body h1{ font-size:1.8em; line-height:1.5em; margin-top: 0em;  margin-bottom:1em; } 
.post-body h2{ font-size:1.6em; line-height:1.5em; margin-top: 4em; margin-bottom:1em; }
.post-body h3{ font-size:1.4em; line-height:1.5em; margin-top: 2em; margin-bottom:1em; } 
.post-body h4{ font-size:1.1em; line-height:1.5em; margin-top: 1em; margin-bottom:1em; } 
.post-body img{ max-width:100%; height:auto; margin-bottom: 50px;}
.post-body p{ margin-bottom: 50px; letter-spacing: .1rem; color: #005354; line-height: 2; text-align: justify;}
.post-body a{ text-decoration:underline; } 

@media screen and (max-width: 768px){
    .post-body img{ margin-bottom: 30px}
    .post-body p{ margin-bottom: 30px}
}


.post-title h1{font-size:1.8em; line-height:1.93em; margin-top: 45px; margin-bottom:50px; color: #004939; font-weight: 400;font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
@media screen and (max-width: 768px){
    .post-body h1{ font-size:1.25em; line-height:1.5em; margin-top: 20px; margin-bottom:30px; }
}



/* 3: Base Style
----------------------------------------------------------------------------------------------*/



/* common utility */

a.c_w,
.c_w, 
.c_w a{ color: #fff;}
.c_bk{ color: #000;}
.c_gr,
.c_gr a{color: #005354;}
.c_a0b,
.c_a0b a{color: #a2c3c4 !important;}
.bg_w{ background: #fff;}
.bg_bk{ background: #000;}



/*
shopifyにて本文Noto Serif指定
*/

.fn-mincho{ font-family: 'Noto Serif JP', serif !important; }
.fn-gothic{ font-family: 'Noto Sans JP', "Yu Gothic Medium", YuGothic, "Yu Gothic", sans-serif !important; }

.fn-NotoSerif{ font-family: 'Noto Serif JP', serif !important; } /*100;400;500*/
.fn-Lato{ font-family: 'Lato', sans-serif !important; }/*300;400*/



@media screen and (min-width: 750px) {
    .tellink { pointer-events: none; }
}

/* button */
.button_more{ display: inline-block; border-bottom: 1px solid #000 ; padding-bottom: 0.2em; line-height: 1.2;}
.c_w .button_more,
.c_w.button_more {border-bottom: 1px solid #fff ;}
.button_morewrap{ margin-top: 50px;}
@media screen and (max-width: 749px) {
    .button_morewrap{ margin-top: 25px;}
}


.zwrap{ width: calc(100% - 80px); margin-left: auto; margin-right: auto;}
.zwrap1100{ max-width: 1100px;  width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box;}
.zwrap1220{ max-width: 1220px;  width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box;}
.zwrap1300{ max-width: 1300px;  width: calc(100% - 80px); margin: 0 auto; box-sizing: border-box;}
.zwrap845{ max-width: 845px;  width: 90%; margin: 0 auto; box-sizing: border-box;}
.zwrap800{ max-width: 800px;  width: 90%; margin: 0 auto; box-sizing: border-box;}
.zwrap-top{margin-top: 100px;}
.zwrap-bottom{ margin-bottom: 100px;}
.zwrap-pages-bottom{ padding-bottom: 160px !important;}
.zwrap h1,
.zwrap h2,
.zwrap h3,
.zwrap h4,
.zwrap h5,
.zwrap p,
.zwrap ul,
.zwrap li,
.zwrap dl,
.zwrap dt,
.zwrap dd{ margin: 0; padding: 0;}
.zwrap ul,
.zwrap li{list-style: none;}
.zwrap1100 ul,
.zwrap1100 li{list-style: none;}
.zwrap1300 ul,
.zwrap1300 li{list-style: none;}


@media screen and (max-width: 989px) {
    .zwrap{ width: calc(100% - 60px); }
}
@media screen and (max-width: 768px) {
    .zwrap{ width: 90%; }
    .zwrap1100{width: 90%;}
    .zwrap1300{width: 90%;}
    .zwrap-bottom{ margin-bottom: 50px;}
    .zwrap-top{margin-top: 50px;}
    .zwrap-pages-bottom{ padding-bottom: 60px !important;}
}


/* common layout */

/* header */

    #g-menu{ display: none; background: #000; color: #fff;
        position: fixed; left: 0; top: 0; box-sizing: border-box ;width: 100%; height:100vh;  -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 9901 !important; overflow: scroll !important; }
    #g-menu a{ color: #fff;}
    .g-menu li { width: 100%;}
    .g-menu li a{ display: block; }
    
    #g-menuInner { padding: 12% 6% 6%; margin: 0 auto; box-sizing: border-box;}
    
    #sp_menu{ height: 25px; width: 40px; cursor:pointer; position: fixed; right: 15px; top: 10px; padding-top: 15px; z-index: 9999; }
    #sp_menu span{position:absolute;display:block;content:'';}
    #sp_menu span:before{position:absolute;height:2px;width:30px;background-color:#2A2A2A;display:block;content:'';}
    #sp_menu span:before{bottom:-12px}
    #sp_menu span:after{position:absolute;height:2px;width:30px;background-color:#2A2A2A;display:block;content:'';}
    
    #sp_menu_close{ height: 25px; width: 40px; cursor:pointer; position: fixed; right: 15px; top: 10px; padding-top: 15px; display: none; z-index: 9999; }
    #sp_menu_close span{ background:none; }
    #sp_menu_close span:before,
    #sp_menu_close span:after{top:50%;left:0;position:absolute;height:2px;width:30px;background:#fff;display:block;content:'';cursor:pointer;-webkit-transition: all .3s ease;transition: all .3s ease;  }
    #sp_menu_close span:before{transform:skewY(-45deg)}
    #sp_menu_close span:after{transform:skewY(45deg)}
    


/* footer */
.zfooter__logo{ padding: 0px 0 100px;}
.zfooter__menu{ padding-bottom: 100px;  margin-left: -3.2%;}
.zfooter__menu ul{ list-style: none; margin: 0; padding: 0; width: 16.8%; margin-left: 3.2%; }
.zfooter__menu li{margin: 0; padding: 0; }
.zfooter__menu li.zfooter__ttl{ padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #b2b2b2;}
.zfooter__menu li:not(.zfooter__ttl){ font-size: 0.85em; opacity: 0.5; margin-bottom: 0.75em;}
.zfooter__ttl{}

@media screen and (max-width: 1200px) {
    .zfooter__menu ul:nth-child(3){ width: 18.8%; }
    .zfooter__menu ul:last-child{ width: 14.8%; }
    .zfooter__menu li:not(.zfooter__ttl){ font-size: 0.75em;}
}
@media screen and (max-width: 989px) {
    .zfooter__menu ul,
    .zfooter__menu ul:nth-child(3),
    .zfooter__menu ul:last-child{ width: 30.13%; margin-bottom: 6%; }
    .zfooter__menu li:not(.zfooter__ttl){ font-size: 0.85em;}
}
@media screen and (max-width: 750px) {
    .zfooter__logo{ padding: 0px 0 50px;}
    .zfooter__menu{ padding-bottom: 50px; }
    .zfooter__menu ul,
    .zfooter__menu ul:nth-child(3),
    .zfooter__menu ul:last-child{ width: 46.7%; }
   
}

@media screen and (max-width: 500px) {
    .zfooter__menu ul,
    .zfooter__menu ul:nth-child(3),
    .zfooter__menu ul:last-child{ width: 100%; }
}


/* header */
/* ind */
#zheader{transition: all .3s ease; width: 100%; position: fixed; z-index: 200; top: 0; left: 0; letter-spacing: .2em; display: block;}
#zheader .header_Inner{width: 90%; margin: 0 auto;}
#zheader ul li{list-style: none; display: inline; font-size: 17px;}
#zheader ul li a{color: #fff;}
.znav_wrap{height: 120px; display: block;}
.zhead-img{width: 230px; position: absolute; top: 50%; left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.w-kv{display: block;}

.g-kv{display: none;}
.w-other{display: block;}
.g-other{display: none;}
.zhead-sp-menu{display: contents; transition: opacity 0.3s ease;}
.zhead-sp-menu ul{margin: 0; padding: 0;}
.zhead-nav{position: absolute;top: 50%;left: 50%;margin-right:-50%; transform:translate(-50%, -50%)}
.zhead-nav ul li:not(:nth-child(5)){margin-right: 50px;}
.zhead-nav ul li:nth-child(1){margin-right: 65px;}
.zhead-other{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); right: 0;}
.zhead-other ul li:not(:nth-child(3)):not(:nth-child(4)){margin-right: 41px;}
.zhead-other ul li:nth-child(3){margin-right: 31px;}
.zhead-other ul li img{width: 30px;}


/* fv過ぎたら付与されるclass */
.zheader-nav-js #zheader{position: fixed; animation-name: header-animation;animation-duration: .5s;animation-timing-function: ease-out;}
.zheader-nav-js #zheader ul li a{color: #005354;}
.zheader-nav-js #zheader ul li.child_menu_f::after{border-top: 1px solid #005354;border-right: 1px solid #005354;}
.zheader-nav-js .g-kv{display: block;}
.zheader-nav-js .w-kv{display: none;}
.zheader-nav-js .g-other{display: block;}
.zheader-nav-js .w-other{display: none;}
.Toggle{display: none;}
.fv{position: absolute; top: 0; height: 100vh; width: 100%;}
@keyframes header-animation {
    0% {opacity: 0;}
    100%{opacity: 1;}
}
/* fv過ぎたら付与されるclassここまで */

/* 下層fv */
.zkasou-nav #zheader ul li a{color: #005354;}
.zkasou-nav #zheader .g-kv{display: block;}
.zkasou-nav #zheader .w-kv{display: none;}
.zkasou-nav #zheader .g-other{display: block;}
.zkasou-nav #zheader .w-other{display: none;}

.child_menu_f::after{content: "";position: absolute; width: 8px;height: 8px;border-top:1px solid #fff;border-right:1px solid #fff;transform: rotate(135deg); top: 2px; margin-right: -8px;}
.child_menu_f:hover .child_menu{opacity: 1;}
.child_menu{display: block;position: absolute;top: 100%;width: 100%;left: 0;list-style: none;padding: 0;z-index: 1; opacity: 0; transition: all .5s;}
.child_menu li{margin-right: 0 !important; margin-top: 13px; display: inline-block;}
#zheader .child_menu li{display: inline-block; width: 100%; text-align: left;}
#zheader .child_menu li:nth-child(2){margin-top: 5px;}
.zkasou-nav #zheader ul li.child_menu_f::after{border-top: 1px solid #005354;border-right: 1px solid #005354;}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
    .zhead-nav ul li:not(:nth-child(5)){margin-right: 3.3vw;}
    .zhead-other ul li:not(:nth-child(3)):not(:nth-child(4)){margin-right: 2.7vw;}
}

@media screen and (max-width: 1400px){
    .zhead-nav{margin-left: 30px;}
    .zhead-nav ul li:not(:nth-child(5)){margin-right: 30px;}
    .zhead-other ul li:not(:nth-child(3)):not(:nth-child(4)){margin-right: 20px;}
    .zhead-other ul li:nth-child(3){margin-right: 15px;}
    #zheader ul li{font-size: 15px;}
}

@media screen and (max-width: 1200px){
    .zhead-nav{position: absolute; right: 0; top: 65px;left: auto;margin-right: 0;margin-left: 0px;transform: translate(0, 0); }
    .zkasou-nav #zheader .g-other{position: absolute; right: 0; top: 45px;}
    .zkasou-nav #zheader .w-other{position: absolute; right: 0; top: 45px;}
    #zheader .g-other{position: absolute; right: 0; top: 45px;}
    #zheader .w-other{position: absolute; right: 0; top: 45px;}
    /* .znav_wrap{height: 160px;} */
}

@media screen and (min-width: 1001px){
    .znav_wrap{display: block !important; opacity: 1 !important;}
}
@media screen and (max-width: 1000px){
    body.active{height: 100%; overflow: hidden;}

    .sp-Inner{width: 90%; margin: 0 auto; position: relative;}
    #zheader .header_Inner{width: 100%;}
    #zheader ul li{display: block; font-size: 17px; margin-bottom: 20px; color: #005354;}
    #zheader .znav_wrap.open .zhead-nav ul li a{color: #005354;}
    #zheader .g-other{display: none;}
    #zheader .open .g-other{position: initial; display: inline; top: auto;}
    #zheader .open .g-other ul li{display: inline; margin-right: 20px;}
    .zhead-other ul li:nth-child(3){margin-right: 0;}
    .zhead-nav ul li:not(:nth-child(5)){margin-right: 0;}
    .zhead-img{width: 140px; top: 40px;}
    .zhead-img.active .g-kv{display: block !important;}
    .zhead-img.active .w-kv{display: none !important;}
    .zhead-sp-menu{display: block; position: relative; top: 135px; width: 90%; margin: 0 auto; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .zhead-other{display: none;}
    .zhead-other ul li:not(:nth-child(3)):not(:nth-child(4)){margin-right: 0;}
    .znav_wrap.open .zhead-img{position: absolute; top: 29px; left: 0;}

    .zhead-nav{position: initial; margin-bottom: 50px;}

    .znav_wrap{height: 85px; background-color: #fff; position: fixed; width: 100vw; height: 100vh; display: none; opacity: 0 ; left: 0%; z-index: -1;}
    /* .znav_wrap.open .zhead-nav{display: block !important;} */
    /* .znav_wrap.open .zhead-other.g-other{display: block !important;}
    .znav_wrap.open .zhead-other.w-other{display: none;} */
    .znav_wrap.open .g-kv{display: block;}
    .znav_wrap.open .w-kv{display: none;}

    .Toggle{display: block;}
    .Toggle {display: block; position: absolute; width: 42px; height: 42px; cursor: pointer; z-index: 3; right:0; top: 32px;}
    .Toggle span {display: block; position: absolute; width: 40px; border-bottom: solid 1px #fff; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out;transition: .35s ease-in-out; }
    .zheader-nav-js .Toggle span{border-bottom: solid 1px #005354;}
    .Toggle.active span{border-bottom: solid 1px #005354;}
    .Toggle span:nth-child(1) {top: 3px;}
    .Toggle span:nth-child(2) {top: 16px;}
    .Toggle.active span:nth-child(1) {top: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
    .Toggle.active span:nth-child(2){top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}

    .child_menu{position: initial; opacity: 1;}
    #zheader .child_menu li{text-align: left; margin-top: 10px; margin-bottom: 0; font-size: 14px;}
    .child_menu_f::after{display: none;}

    /* 下層 */
    .zkasou-nav .Toggle span{ border-bottom: solid 1px #005354;}
    .zkasou-nav .znav_wrap .zhead-img{position: absolute; top: 29px; left: 0;}
    .zkasou-nav #zheader .g-other{display: none; right: auto; top: auto;}
    .zkasou-nav #zheader .w-other{position: initial; top: 0; right: auto;}
    .zkasou-nav #zheader .znav_wrap.open .g-other{display: block;}
}





/* 4: layout
----------------------------------------------------------------------------------------------*/





/* index */
.zind_main-Container{width: 100%; overflow: hidden; height: 100vh;}
/* .zind_main-wrapper .swiper-slide{ width: 100%; height: calc(100vh - 140px); height: calc(100dvh - 140px); } */
.zind_main-wrapper .swiper-slide{ width: 100%; height: 100%; margin: 0; padding: 0; display: block !important;}
.zind_main01 .swiper-img{ background: url(/cdn/shop/files/ind-slide01.jpg?v=1728884787)  no-repeat center; background-size: cover;}
.zind_main02 .swiper-img{ background: url(/cdn/shop/files/ind-slide02.jpg?v=1728884790)  no-repeat center; background-size: cover;}
.zind_main03 .swiper-img{ background: url(/cdn/shop/files/ind-slide03.jpg?v=1728884791)  no-repeat center; background-size: cover;}
.zind_main04 .swiper-img{ background: url(/cdn/shop/files/ind-slide04.jpg?v=1728884793)  no-repeat center; background-size: cover;}
.zind_main05 .swiper-img{ background: url(/cdn/shop/files/ind-slide05.jpg?v=1728884795)  no-repeat center; background-size: cover;}
/* .zind_main06 .swiper-img{ background: url(/assets2023/images/index/ind-slide06.jpg)  no-repeat center; background-size: cover;}
.zind_main07 .swiper-img{ background: url(/assets2023/images/index/ind-slide07.jpg)  no-repeat center; background-size: cover;} */
@keyframes zoomUp {
    0% {
      transform: scale(1.19);
    }
    100% {
      transform: scale(1);
    }
}
.swiper-slide-active .swiper-img,
.swiper-slide-duplicate-active .swiper-img,
.swiper-slide-prev .swiper-img {
    animation: zoomUp 8s ease-in-out 0s normal both;
}
.swiper-img{
    height: 100%;
    width: 100%;
}

/* @keyframes fadeZoom {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.swiper-slide-active {
  animation: fadeZoom 1s ease-in-out;
} */

.zind_maincopy{ position: absolute; left: 5%; bottom: 60px; font-size:58px; z-index: 9; width: 827px;}
.zind_maincopy .zind_maincopy-sp{width: 272px;}

.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal{display: flex; font-size: 12px;position: absolute;bottom: 20px;right: 5%;left: auto;width: auto;}
.swiper-pagination-current {color: #fff; margin-right: 40px; font-family: runda, sans-serif;font-weight: 300;}
.swiper-pagination-current::before {content: "0";position: relative; margin-right: 2px;}
.swiper-pagination-current::after{content: ""; width: 20px; display: block; height: .5px; background-color: #e4e6e6; margin: 0 auto;position: absolute; left: 27px;top: 50%;}
/* スライド総数 */
.swiper-pagination-total {color: #fff; font-family: runda, sans-serif;font-weight: 500;}
.swiper-pagination-total::before{content: "0"; margin-right: 2px;}
.swiper-pagination-total::after{content: ""; width: 20px; display: block; height: 1px; background-color: #fff; margin: 0 auto;position: absolute; left: 27px;top: 48.5%; z-index: 100;animation-name: wide-animation;animation-duration: 6.5s;animation-timing-function: ease-out;animation-iteration-count: infinite;}
@keyframes wide-animation {
    0% {width: 0%;}
    85%{opacity: 1;}
    95% {width: 20px;}
    100%{opacity: 0;}
}

@media screen and (max-width: 1100px) and (min-width: 769px){
  .zind_maincopy{width: 75vw;}
}
@media screen and (max-width: 768px) {
    .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal{font-size: 10px;bottom: 15px;}
    .swiper-pagination-current::after{left:22px}
    .swiper-pagination-total::after{left:22px}
}

/* ind-news */
.zind_news-Container h2{margin-bottom: 50px; letter-spacing: .6rem; font-weight: 400;}
.znews-content{width: 100%; list-style: none; margin: 0; padding: 0;}
.znews-content li{margin-bottom: 25px; width: 100%;}
.znews-content li:not(:nth-child(3)){margin-bottom: 25px;}
.znews-content li:nth-child(3){margin-bottom: 70px;}
.znews-content li a{color: #005354;}
.znews-left{width: 256px;}
.znews-left p{font-size: 13px; letter-spacing: .15em; font-family: runda, sans-serif; font-weight: 400;}
.znews-left span{font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 15px; letter-spacing: .1em; margin-left: 20px; width: 130px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #6b8a8b; border-radius: 50vw; overflow: hidden; font-weight: 500;}
.znews-right{width: calc(100% - 256px);}
.znews-right p{letter-spacing: .14em; font-family: 'Runda', 'Noto Sans JP' ,sans-serif; font-weight: 300;}

.zbutton{display: flex; justify-content: flex-end;}
.znews_button .zbutton a{padding-right: 20px; position: relative;}
.zbutton_pore{padding-right: 20px;}
.zNews .zbutton{margin-right: 5.8vw;}
.zbutton a span{color: #005354; font-size: 20px; letter-spacing: .2em; font-weight: 500; position: relative; bottom: 2px;}
.zbutton a span:first-of-type{width: 20px;height: 20px;top: 2px;left: 19px;margin-right: 3.5rem; position: relative; display: inline-block; overflow: hidden;}
.zbutton a span:first-of-type::before{content: "";background-image: url(/cdn/shop/files/znews_arrow.svg?v=1728884485);display: inline-block;position: absolute;left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; left: -40px; transition: all .5s;}
.zbutton a span:first-of-type::after{content: "";background-image: url(/cdn/shop/files/znews_arrow.svg?v=1728884485);display: inline-block;position: absolute;left: 0; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; transition: all .5s;}
.zbutton a::before{content: "";display: inline-block;position: absolute;border: 1px solid #669898; width: 57px;height: 45px;
border-radius: 2rem;transition: all .5s; top: 50%; left: -1%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* .zbutton:hover a::before{width: 100%;}
.zbutton:hover a span:first-of-type::before{left: 0;}
.zbutton:hover a span:first-of-type::after{left: 40px;} */


/* .zbutton{right: 0; bottom: 0;}
.zbutton a{color: #005354; font-size: 20px; letter-spacing: .2em; font-weight: 400;}
.zbutton .zbutton_arrow{width: 63px; height: 45px; position: relative; margin-right: 15px;}
.zbutton .zbutton_arrow::after{content: ""; display: block; width: 63px; height: 45px; border: 1px solid #6b8a8b; border-radius: 50vw; }
.zbutton .zbutton_arrow img{width: 20px; position: absolute; position: absolute;top: 50%;left: 50%;margin-right:-50%;transform:translate(-50%, -50%)} */

@media screen and (max-width: 768px){
    .zind_news-Container h2{margin-bottom: 25px}
    .znews-content li:not(:nth-child(3)){margin-bottom: 25px;}
    .znews-left{width: 100%;}
    .znews-left p{font-size: 11px; letter-spacing: .15em;}
    .znews-left span{font-size: 11px; margin-left: 10px; width: 90px; height: 20px; line-height: 20px;}
    .znews-left:not(:nth-child(3)){margin-bottom: 5px;}
    .znews-right{width: 100%}
    .znews-right p{font-size: 14px;}
    
    /* .zbutton a{color: #005354; font-size: 18px; letter-spacing: .15em;}
    .zbutton .zbutton_arrow{width: 53px; height: 35px; margin-right: 15px;}
    .zbutton .zbutton_arrow img{width: 15px;} */
}
@media screen and (max-width: 500px){
    .zNews .zbutton{width: 90%; margin: 0 auto;}
    .zbutton{justify-content: flex-start;}
    .zbutton a::before{width: 53px;height: 35px;}
    .zbutton a span{font-size: 18px;}
    .zbutton a span:first-of-type{width: 15px;height: 15px;top: 0px;left: 20px;}
    .zbutton a span:first-of-type::before{width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; left: -40px; transition: all .5s;}
    .zbutton a span:first-of-type::after{width: 15px; height: 15px; background-repeat: no-repeat; background-position: center center; transition: all .5s;}
}

/* ind-item */
.zitem-content{margin-bottom: 147px; min-height: 250px;}
.zitem-content .zgrid{ display: grid; gap: 2px; grid-template-columns: repeat(4, 1fr);}
.zgrid .zgrid-item img{width: 100%; box-sizing: border-box; transition:.7s all;}
.zgrid .zgrid-item .zgrid-item-img{overflow: hidden;}
.zitem-content .zgrid .zgrid-item p{ /*font-family: 'Runda', 'Noto Sans JP' ,sans-serif; font-weight: 400;*/ font-size: 13px; line-height: 1.7; margin-block-start: 17px; margin-block-end: 25px; text-align: center; transition:.7s all; letter-spacing: .14rem; padding: 0 0.8em;}
.zitem-content .zgrid .zgrid-item span.price{display: block;}
.zgrid .zgrid-item:hover img{transform:scale(1.5,1.5);}
.zitem-content .zgrid .zgrid-item:hover p{opacity: 0.5;}
.zitem-content .zbutton{margin-top: 44px; justify-content: center;}
@media screen and (max-width: 768px){
    .zitem-content{margin-bottom: 80px;}
    .zitem-content .zgrid{grid-template-columns: repeat(2, 1fr);}
    .zitem-content .zgrid .zgrid-item p{font-size: 12px; margin-block-start: 10px; margin-block-end: 20px;}
    .zitem-content .zbutton{margin-top: 22px;}
}

/* product item */
.zgridfilter{ position: relative; margin: 0 -2px; }
.zgridfilter .zgridfilter-item{ display: block; position: absolute; width: calc(25% - 1px); z-index: 1; padding-left: 2px; box-sizing: border-box;}
.zgridfilter .zgridfilter-item-content { position: relative; width: 100%; height: 100%;}
.zgridfilter .zgridfilter-item a{display: block;}
.zgridfilter .zgridfilter-item img{width: 100%; box-sizing: border-box; transition:.7s all;  vertical-align: bottom;}
.zgridfilter .zgridfilter-item .zgridfilter-item-img{overflow: hidden;}
.zgridfilter .zgridfilter-item .prodname{font-size: 13px; line-height: 1.7; margin-block-start: 17px; margin-block-end: 25px; text-align: center; transition:.7s all; letter-spacing: .14rem; min-height: 6em; padding: 0 0.8em;}
.zgridfilter .zgridfilter-item span.price{display: block;}
.zgridfilter .zgridfilter-item:hover img{transform:scale(1.5,1.5);}
.zgridfilter .zgridfilter-item:hover .prodname{opacity: 0.5;}
@media screen and (max-width: 768px){
  .zgridfilter .zgridfilter-item{ width: calc(50% - 1px); }
    .zgridfilter .zgridfilter-item .prodname{font-size: 12px; margin-block-start: 10px; margin-block-end: 20px; min-height: 8em; }
}

.prodlabel-limited{display: inline-block;
  border: 1px solid #005354; padding: 1px 0.4em 1px 0.5em; margin-right: 0.6em;line-height: 1.3;
}



/* zind-about */
.zind-about{margin-bottom: 180px;}
.zind-about p{margin: 0;}
.zind-about .zind-about-img{object-fit: cover; margin-bottom: 135px;}
.zind-about .zind-about-img img{width: 100%;}
.zind-about-flex{width: 100%; justify-content: flex-end;}
.zind-about-left{width: 410px; font-family: 'Noto Serif JP', serif; letter-spacing: .6rem; font-weight: 100;}
.zind-about-left .ttl1{font-family: 'Shippori Mincho', serif;}
.zind-about-right{font-size: 20px; width: 600px}
.zind-about-right p{line-height: 1.9; color: #005354; letter-spacing: .145rem; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zind-about .zbutton{margin-top: 55px; justify-content: flex-start;}
@media screen and (max-width: 1090px){
    .zind-about-flex{justify-content: flex-start;}
    .zind-about-left .ttl1{font-size: 3.5vw;}
    .zind-about-left{width: 41%;}
    .zind-about-right{font-size: 1.7vw;width: 59%;}
}

@media screen and (max-width: 768px){
    .zind-about{overflow: hidden;}
    .zind-about-flex{flex-flow: column;}
    .zind-about .zind-about-img{width: 120%; margin: 0 -10% 60px;}
    .zind-about{margin-bottom: 80px;}
    .zind-about-left .ttl1{font-size: 25px;}
    .zind-about-left{width: 100%; margin-bottom: 15px;}
    .zind-about-right{font-size: 1.7vw;width: 100%; font-size: 16px;}
    .zind-about .zbutton{margin-top: 40px; margin-bottom: 10px;}
}

/* zind-gallery */
.zind-gallery .h3{margin-bottom: 45px;}
.zind-gallery .ttl2{font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zind-gallery .zgrid{display: grid; gap: 2px; grid-template-columns: repeat(4, 1fr);}
.zind-gallery .zgrid .zgrid-item-img{ aspect-ratio: 1 / 1; overflow: hidden;}
.zind-gallery .zgrid .zgrid-item-img img{  width: 100%; height: 100%; object-fit: cover; }

@media screen and (max-width: 768px){
    .zind-gallery .zgrid{grid-template-columns: repeat(3, 1fr);}
}

/* zfooter */
.zfooter{width: 90%; margin: 150px auto 0; letter-spacing: .2rem;}
.zfooter ul{margin: 0; padding: 0;}
.zfooter ul li{list-style: none;}
.zfooter .zfooter-img img{width: 230px;}
.zfooter-left{width: 29%;}
.zfooter-right{width: calc(100% - 29%);}
.zfooter-right ul:not(:nth-child(3)){width: 33%; max-width: 275px;}
.zfooter-right ul:not(:nth-child(3)) li:nth-child(1){margin-bottom: 40px;}
.zfooter-right ul li{margin-bottom: 17px;}
.zfooter_other {height: 125px; width: 100%;}
.zfooter_other_left{width: 29%;}
.zfooter_other_right{width: calc(100% - 29%);}
.zfooter_other ul li:not(:nth-child(3)){margin-right: 50px;}
.zfooter_copy{left: 0; top: 40%; font-size: 19px;}
.zfooter_copy span{font-size: 18px; margin-right: 8px; color: #005354;}
.zfooter_sns{right: 0; top: 40%;}
.zfooter_sns img{width: 30px;}
.zfooter_sns a:not(:nth-child(2)){margin-right: 40px;}
.zfooter_cmt{position: relative;top: -30px; font-size: 0.8em; letter-spacing: 0.08em; padding-bottom: 10px;}
@media screen and (max-width: 1000px){
    .zfooter-left{width: 100%}
    .zfooter-right{width: 100%; margin-top: 40px;}
    .zfooter_other_left{width: 22%;}
    .zfooter_other_right{width: calc(100% - 22%);}}
    .zfooter_other ul li:not(:nth-child(3)){margin-right: 40px;}
    .zfooter_sns a:not(:nth-child(2)){margin-right: 20px;}

@media screen and (max-width: 768px){
    .zfooter{margin: 80px auto 0;}
    .zfooter .zfooter-img img{width: 140px;}
    .zfooter-left{width: 100%;}
    .zfooter-right{width:100%; margin-top: 30px;}
    .zfooter-right ul:not(:nth-child(3)){display: none;}
    .zfooter-right ul li{margin-bottom: 15px;}
    .zfooter_other_left{width: 50%; margin-top:15px}
    .zfooter_other_right{width: 50%;}
    .zfooter_other {height: 70px; margin-top: -20px;}
    .zfooter_other ul{display: none;}
    .zfooter_copy{font-size: 14px;}
    .zfooter_copy span{font-size: 13px;}
    .zfooter_sns{right: 0; top: 40%;}
    .zfooter_sns img{width: 24px;}
    .zfooter_cmt{top: auto; padding-bottom: 20px; margin-top: 40px;}

}

/* zabout */
.zabout-first{margin-top: 285px;}
.kasou-first-sttl-wrap-box{max-width: 1340px; width: 90%; margin: 0 auto;}
.kasou-first-sttl-box h1{left: 0; top: 0; color: #39a5b4; font-size: 13px; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; letter-spacing: .2rem;}
.kasou-first-left-box{width: 545px;}
.kasou-first-right{width: calc(100% - 545px); font-size: 1.125em; letter-spacing: .06em; line-height: 2; color: #005354; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-align: justify;}
.kasou-img-wrap-box{max-width: 1420px; width: 95%; margin: 0 auto; box-sizing: border-box; margin-top: 235px;}


.zaccess_content{max-width: 688px; width: 100%;}
.zaccess_img{margin-bottom: 55px;}
.zaccess .ttl4{margin-bottom: 30px; font-family: 'Noto Serif JP' serif; font-weight: 400;}
.zaccess_text p{line-height: 2.0625; letter-spacing: .1em; color: #004939; font-family: 'Runda' , 'Noto Sans JP' , serif; font-weight: 400;}
.zaccess_map_button{width: 163px; height: 45px; border: 1px solid #6b8a8b; line-height: 42px; text-align: center; border-radius: 50vw; position: absolute; right: 0; bottom: 0; font-family: 'Runda' , 'Noto Sans JP' , serif; font-weight: 400; letter-spacing: .1em; }
.zaccess_map_button a{display: block; color: #004939; position: relative; top: 1px;}

@media screen and (max-width: 1180px){
    .kasou-first-left-box{width: 49%;}
    .kasou-first-right{width: calc(100% - 49%); font-size: 1.52vw;}
}

@media screen and (max-width: 768px){
    .zabout-first{margin-top: 150px;}
    .zabout-first-flex{flex-flow: column; align-items: baseline;}
    .kasou-first-left-box{width: 100%; margin: 35px 0 20px 0;}
    .kasou-first-right{width: 100%; font-size: 14px;}
    .kasou-img-wrap-box{margin-top: 100px;}

    .zaccess_img{margin-bottom: 25px;}
    .zaccess .ttl4{margin-bottom: 15px;}
    .zaccess_text{font-size: 14px;}
    .zaccess_map_button{position: initial; margin-top: 20px; font-size: 14px; width: 150px; height: 40px; line-height: 40px;}
}



#laboratory{margin: 200px 0; }
body.is-bgactive{ transition: all 1.5s;}

.laboratory-ttlwrap{ position: absolute;left: 14.5vw ; top: 0; padding-top: 200px;}
.laboratory-ttlwrap h3{font-size: 0.8125em; color: #39a5b4; letter-spacing: .2rem;}

.laboratory__countbox{margin: 0 ;padding: 0; margin-top: 20px; font-size: 12px;}
.laboratory__countbox li{line-height:1; margin-right: 4px ;padding: 0; list-style: none; letter-spacing: .2em;}
.laboratory__countbox li:nth-child(3){margin-right: 6px;}
.laboratory__countbox li.first{font-family: runda, sans-serif;;}
.laboratory__countbox li.last{font-family: runda, sans-serif;;}
.laboratory__countbox li.laboratory__countbar{ width:20px;position:relative}
.laboratory__countbox li.laboratory__countbar::before{position:absolute;content:"";top:50%;left:0;width:100%;height:100%;border-top:.5px solid #005354}
.laboratory__countbox li.laboratory__countbar span{position:absolute;content:"";top:48.5%;left:0;width:100%;height:100%;border-top:1px solid #005354}


.side-scroll {display: flex;justify-content: center;align-items: center;}
.side-scroll-list-wrapper {position: relative;width: 100%; height: 100vh;}
.side-scroll-list {position: absolute;top: 0;left: 0;display: flex;margin: 0;padding: 0;}
.side-scroll-item {display: flex;justify-content: center; max-width: 130vw; height: 100vh; aspect-ratio: 3 / 1;}
/* .side-scroll-item {display: flex;justify-content: center; max-width: 3400px; height: 100vh; aspect-ratio: 3 / 1;} */
.sci-l{ width: 67%; max-width: 1000px;}
.sci-l .sci-lInner{margin: 15% 260px 10% 200px;}
/* .sci-l .sci-lInner{margin: 25% 260px 10% 200px; padding-top: 200px;} */
.sci-r{ width: 70.2%; object-fit: cover;}
.sci-r img{height: 100vh; object-fit: cover; width: 100%;}
.side-scroll-ttl{ margin-bottom: 2.4em;}
.side-scroll-txt{ line-height: 2; text-align: justify; letter-spacing: .1em; font-size: 17px;}

@media screen and (max-width: 1500px){
  #laboratory{margin: 13vw 0; }
 .laboratory-ttlwrap{position: absolute; left: 5% ;}
 .side-scroll-list-wrapper {height: 100vh;}
 .side-scroll-item {width: 168vw; height: 100vh;}
}

@media screen and (min-width: 768px) and (max-width: 1500px){
 .side-scroll-ttl .ttl3{font-size: 2.8vw;}
 .sci-l .sci-lInner{margin: 25% 26% 10% 19%;}
}

@media screen and (max-width: 1000px){
 #laboratory{margin: 100px auto 50px;  width: 90%;}
 .laboratory-ttlwrap{ position: inherit; left: 0; margin-bottom: 20px; padding-top: 0;}
 .laboratory__countbox{ display: none;}

 .side-scroll { display: block;}
 .side-scroll-list-wrapper {position: inherit; height: auto;}
 .side-scroll-list {position: inherit; display: block; margin: 0;}
 .side-scroll-item { width: 100%;  flex-wrap: wrap; height: auto;}
 .sci-l{ width: 100%; order: 2;  }
 .sci-l .sci-lInner{margin: 5% 0% 18%; padding-top: 0;}
 .sci-r{ width: 100%; order: 1;  } 
 .sci-r img{height: auto;}
 .side-scroll-ttl{ margin-bottom: 1em;}
.side-scroll-txt{ line-height: 1.8; font-size: 14px;}
}





/* Contact_banner_box */
#Contact_banner_box { margin-bottom: 110px; max-width: 1200px; width: 90%; margin: 0 auto; font-family: 'Noto Serif JP', serif; color: #004939;}
#Contact_banner_box a{color: #004939; letter-spacing: .05rem;}
#Contact_banner_box ul{list-style: none; margin: 0; padding: 0;}
.contact_dl { border-radius: 10px; height: 120px; line-height: 120px; font-size: 1.75rem;  background: #f5fafa; border-radius: 10px; margin-block-start:40px ;margin-block-end: 15px; font-family: 'Noto Serif JP', serif; font-weight: 500;}
.contact_dl dt { border-right: 5px solid #fff; box-sizing: border-box; padding: 0 30px;}
/* .contact_dl dt { border-right: 5px solid #fff; width: 270px; box-sizing: border-box; padding: 0 30px;} */
.contact_dl dd { box-sizing: border-box; width: -moz-calc(100% - 275px); width: -webkit-calc(100% - 275px); width: calc(100% - 275px); padding: 0 55px; margin-inline-start:0}
.contact_dl dd img { position: relative; top: -3px; vertical-align: middle;}
.Contact_banner_boxInner p { font-size: 0.8125em; letter-spacing: .1rem; font-family:'Runda', 'Noto Sans JP' ,sans-serif;}
.sp-hide{display: block;}
@media screen and (max-width: 1260px) {
  .contact_dl { font-size: 2vw;}
}
@media screen and (max-width: 1120px) {
  .contact_dl dt { width: 200px; padding: 0 10px;}
  .contact_dl dd { width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); padding: 0 45px;}
}

@media screen and (max-width: 900px) {
#Contact_banner_box { margin-bottom: 10vw;}
  .Contact_banner_boxInner { background: #f5fafa; padding-bottom: 30px;}
  .contact_dl { border-radius: 0; height: 100%; line-height: 1.4; font-size: 2rem;}
  .contact_dl dt { border-right: 0; width: 100%; padding: 25px 5px; border-bottom: 5px solid #fff; font-size: 1.5rem;}
  .contact_dl dd { width: 100%; padding: 30px 5px 20px;}
  .contact_dl dd li { line-height: 2; font-size: 1.25rem;}
  .Contact_banner_boxInner p { font-size: .75rem; margin-top: 0; text-align: center;}
  #Contact_banner_box ul { justify-content: space-evenly;}

}
@media screen and (max-width: 460px) {
#Contact_banner_box { margin-bottom: 15vw;}
  .contact_dl dd li {font-size: 5vw;}
  .Contact_banner_boxInner p { font-size: 2.9vw;}
}

/* about01-03 共通*/
#about_brand_01,
#about_brand_02,
#about_brand_03{color: #005354;}
.zwrap_ab { width: 92%; margin: 0 auto; max-width: 1100px;}
.zwrap1260_ab { width: 92%; margin: 0 auto; max-width: 1260px;}
.zwrap1100_ab { width: 92%; margin: 0 auto; max-width: 1100px;}
.tate { writing-mode: tb-rl; writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }
.sp-show { display:none;}
.sp-show-450, .sp-show-600 { display:none;}
.sp-hide-450, .sp-hide-600 { display:inline;}
.flex-sb {-webkit-box-pack: justify; /*Android4.3*/-moz-box-pack: justify;    /*Firefox21*/-ms-flex-pack: justify;    /*IE10*/-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/justify-content: space-between;}
.obf { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; height: 100%; width: 100%; }
.zh2ttl_ab h2{ font-size: 1.875rem; letter-spacing: .1rem; line-height: 1.7; font-family: 'Shippori Mincho', serif; font-weight: 500;}
.about_brand_text{transition: all .5s ease-out; line-height: 1.9375em; letter-spacing: .12em; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.about_brand_text:nth-child(3){letter-spacing: .06em;}
@media screen and (max-width: 768px) {
    .zh2ttl_ab h2 { font-size: 1.5625rem;}
    .tate { writing-mode: lr-tb; writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; }
    .about_brand_text{font-size: 0.8125rem;}
}

@media screen and (max-width: 768px) {
  .sp-no-flex { display:block;}
  .sp-hide{display: none;}
@media screen and (max-width: 600px) {
    .sp-show { display:block;}
    .sp-show-600 { display:inline;}
    .sp-hide-600 { display:none;}
}}

@media screen and (max-width: 500px){
    .zh2ttl_ab h2 { font-size: 1.25rem;}
}

/* about_brand_kv */
.about_brand_kv{width: 92%; max-width: 1420px; margin: 175px auto 150px;}
.about_brand_kv h3{font-size: 0.8125rem; color: #39a5b4; margin: 0 0 50px 40px; font-family: 'Noto Serif JP', serif; letter-spacing: .2rem;}
.about_brand_kv_img{width: 100%; height: 750px; object-fit: cover;}
.about_brand_kv_logo{width: 383px;position: absolute;top: 50%;left: 50%;margin-right:-50%;transform:translate(-50%, -50%)}
@media screen and (max-width: 768px){
    .about_brand_kv{margin: 90px auto 70px;}
    .about_brand_kv h3{font-size: 0.8125rem; color: #39a5b4; margin: 0 0 15px 0;}
    .about_brand_kv_img{width: 120%; height: 50%; margin: 0 -10%;}
    .about_brand_kv_img img{ min-height: 281px;}
    .about_brand_kv_logo{width: 39vw; min-width: 160px;}
}

/* about_brand_01 */
#about_brand_01 { margin-bottom: 90px; overflow: hidden;}
.about_brand_01Inner { transform: translateX(105px);}
.about_img { max-width: 750px; width: 75%; height: 400px; margin-bottom: 100px;}
.about_ttl { top: 0; right: 140px;}
.about_tea { bottom: -25px; right: 0; z-index: -1;}
@media screen and (max-width: 1200px) {
  .about_brand_01Inner { transform: translateX(0);}
  .about_img { max-width: 800px}
  .about_ttl { right: 40px;}
  .about_tea { right: -80px;}
}
@media screen and (max-width: 970px) {
  .about_tea { width: 30%; right: -110px; bottom: 260px;}
}
@media screen and (max-width: 900px) {
  .about_ttl { right: 20px;}
}
@media screen and (max-width: 768px) {
#about_brand_01 { margin-bottom: 12vw;}
  .about_img { max-width: 100%; width: 100%; margin-bottom: 60px;}
  .about_ttl { position: static; margin-left: 5%;}
  .about_tea { bottom: auto; top: 400px; right: 0; width: 200px;}
  .about_txt { margin-top: 60px; text-align: justify; text-justify: inter-ideograph;}
}
@media screen and (max-width: 600px) {
  .about_img { height: 55vw; margin-bottom: 50px;}
  .about_tea { top: 57vw;}
}
@media screen and (max-width: 500px) {
  #about_brand_01 { margin-bottom: 15vw;}
  .about_img { margin-bottom: 40px;}
  .about_tea { width: 125px; top: 60vw; right: -10px;}
  .about_txt { margin-top: 35px; }
}

@media screen and (min-width: 769px) {
    .delighter .about_ttl {
      transition: all .5s ease-out;
      transform: translateY(50px);
      opacity: 0;
      transition-delay: 1s;
    }
    .delighter.started .about_ttl {
      transform: none;
      opacity: 1;
    }
    .delighter .about_txt {
      transition: all .5s ease-out;
      transform: translateY(50px);
      opacity: 0;
      transition-delay: 1.5s;
    }
    .delighter.started .about_txt {
      transform: none;
      opacity: 1;
    }
    .delighter .about_tea {
      transition: all .5s ease-out;
      transform: translateY(50px);
      opacity: 0;
      transition-delay: 2s;
    }
    .delighter.started .about_tea {
      transform: none;
      opacity: 1;
    }
    }

/* about_brand_02 */
#about_brand_02 { margin-bottom: 90px;}
.about_brand_02Inner { transform: translateX(-25px);}
.town_right { width: 41.6%; margin-top: 15px;}
  .town_img02 { margin: 10px 0 25px;}
.town_left { width: 58.4%;}
  .town_ttl { right: 70px; top: 10px;}
  .town_tea { margin-left: 77px; margin-top: 3px;}
@media screen and (max-width: 1350px) {
  #about_brand_02 { margin-bottom: 120px;}
}
@media screen and (max-width: 1200px) {
  .town_ttl { right: 4vw; top: -0.5vw;}
}
@media screen and (max-width: 1100px) {
  .about_brand_02Inner { transform: translateX(0);}
  .town_tea { margin-left: 0; margin-top: 0; width: 65%;}
}
@media screen and (max-width: 768px) {
  #about_brand_02 { margin-bottom: 10vw; }
  .town_left { width: 100%; margin-bottom: 25px;}
  .town_ttl { position: static; margin-left: 5%;}
  .town_right { width: 100%; margin-top: 0;}
  .town_img02 { margin: 5px 0 25px;}
  .sp-town_map { margin-top: 20px;}
}
@media screen and (max-width: 500px) {
  #about_brand_02 { margin-bottom: 5vw;}
}

@media screen and (min-width: 769px) {
.delighter .town_img01 {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 1s;
}
.delighter.started .town_img01 {
  transform: none;
  opacity: 1;
}
.delighter .town_img02 {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 1.5s;
}
.delighter.started .town_img02 {
  transform: none;
  opacity: 1;
}
.delighter .town_right p {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 2s;
}
.delighter.started .town_right p {
  transform: none;
  opacity: 1;
}
}


/* about_brand_03 */
#about_brand_03 { margin-bottom: 50px;}
.about_brand_03Inner { transform: translateX(55px);}
.work_left { width: 36.3%; max-width: 400px;}
.work_left .work_ttl { margin-bottom: 35px; width: -moz-calc(100% + 30vw); width: -webkit-calc(100% + 30vw); width: calc(100% + 30vw);}
.work_left .work_left_img { margin-top: 50px; height: 285px;}
.work_right { width: 58.1%; max-width: 640px;}
.work_right .work_right_img { max-width: 300px; width: 47%; height: 450px;}
.work_right .work_right_img.work_right_img01 { margin-top: 145px;}
.about_brand_03_last_img{right: -83px; bottom: -25px;}
@media screen and (max-width: 1000px) {
  .about_brand_03Inner { transform: translateX(0);}
}
@media screen and (max-width: 768px) {
#about_brand_03 { margin-bottom: 0;}
  .work_left { width: 100%; max-width: 100%;}
    .work_left .work_ttl { margin-bottom: 15px; width: 100%; margin-left: 5%;}
    .work_left .work_left_img {
    margin-top: 25px; height: 60vw; }
  .work_right { display: none;}
    .sp-work_right .work_right_img { width: 47%; height: 62vw;}
    .sp-work_right .work_right_img.work_right_img01 { margin: 20vw 0 25px;}
}

@media screen and (min-width: 769px) {
.delighter .work_right .work_right_img.work_right_img01 {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 0.5s;
}
.delighter.started .work_right .work_right_img.work_right_img01 {
  transform: none;
  opacity: 1;
}
.delighter .work_left {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 1s;
}
.delighter.started .work_left {
  transform: none;
  opacity: 1;
}
.delighter .work_left_img {
  transition: all .5s ease-out;
  transform: translateY(50px);
  opacity: 0;
  transition-delay: 1.5s;
}
.delighter.started .work_left_img {
  transform: none;
  opacity: 1;
}
}



/* 背景なし、見出しのみFV */
.only-other .kasou-ttl-only-fv{margin-left: calc(25% + 5.8vw);}
.only-other ul{margin: 0; padding: 0;}
@media screen and (max-width: 768px) {
    .only-other{margin: 0 auto; width: 90%;}
    .only-other .kasou-ttl-only-fv{margin-left: 0;}
}

/* news */
.kasou-other-left{margin-left: 5.8vw; width: 25%; letter-spacing: .2rem;}
.kasou-other-right{width: calc(100% - 25% - 80px); max-width: 800px;}
.znews_detail_prev{right: 5%; letter-spacing: .2rem; font-size: 15px;margin-right: 15px; position: fixed;}
.znews_detail_prev_button::before, .znews_detail_prev_button::after {content: ""; position: absolute; right: -15px; width: 1px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 15px; background: #005354;}
.znews_detail_prev_button::before {transform: translate(-50%,-50%) rotate(45deg); }
.znews_detail_prev_button::after {transform: translate(-50%,-50%) rotate(-45deg);}
.znews .zkasouRL_category_content{position: relative; top: 15px;}
.znews .znews-content{margin-top: 40px;}
.znews .znews-right p{margin-right: 30px;}
.znews_category_ttl{font-size: 1.125em; margin-bottom: 56px; margin-left: 15px; font-weight: 400;}
ul.sp-kasou-other-category li,
.znews_category{font-size: 0.9375em; border: #6b8a8b 1px solid; width: 120px; height: 30px; line-height: 30px; border-radius: 50vw; text-align: center; font-weight: 400; letter-spacing: .05rem;}
ul.sp-kasou-other-category li a,
.znews_category a{display: block;}
ul.sp-kasou-other-category li:not(:nth-child(6)),
.znews_category:not(:nth-child(6)){margin-bottom: 20px;}
.znews .znews-content li:nth-child(3){margin-bottom: 30px;}

.znews .znews_button{height: 47px; margin-top: 150px; width: 100%;}
.znews .znews_button .flex{right: 0;}
.znews .znews_button .zbutton:nth-child(2){margin-left: 80px;}

@media screen and (max-width: 900px){
    .znews .znews_button .zbutton:nth-child(2){margin-left: 40px;}
}

@media screen and (max-width: 768px){
    .znews_detail_prev{position: initial;}
    .znews_detail_prev_button{display: block; width: 110px; margin: 50px 0 0 auto;}
    .znews_detail_prev_button::before, .znews_detail_prev_button::after{right: -8px;}
    .kasou-other-left{margin-left: 0; width: 100%;}
    .kasou-other-right{width: 100%;}
    .sp-kasou-other-category{display: flex; flex-flow: wrap;}
    .znews .znews_flex{flex-flow: column-reverse; width: 90%; margin: 0 auto;}
    .zkasouRL_category_content{margin-top: 90px;}
    ul.sp-kasou-other-category li,
    .znews_category{width: 115px; height: 25px; line-height: 25px; font-size: 0.75rem; margin-right: 15px;}
    .znews_category_ttl{margin: 0 0 20px 0;}

    .znews .znews-right p{margin-right: 0px;}
    .znews .znews_button{width: 90%; margin: 20px 0 0 0;}
    .znews .znews_button .zbutton:nth-child(2){margin-left: 0px; margin-top: 40px;}
    .znews .znews_button .flex{flex-flow: column; right: auto; left: 0;}
}
@media screen and (max-width: 500px){
    .znews .znews_button .zbutton:nth-child(2){margin-left: 0px; margin-top: 30px;}
}



/* question */
.kasou-ttl-only-fv h1{ font-size: 2.4375rem; letter-spacing: .3em; color: #004939; font-weight: 400;}
.zquestion-content{margin: 0; padding: 0;font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zquestion .sp-kasou-other-category h3{font-size: 0.8125em; color: #39a5b4; letter-spacing: .2rem;}
.zquestion-wrap{margin-top: 70px;}
.zquestion .terms-text-link{color: #808080 !important}
.qa-list{width: 100%;}
.qa-list dl:nth-child(1){padding-top: 0;}
.qa-list dl:nth-child(1)::before{top: 15px;}
.qa-list dl:nth-child(1)::after{top: 7.5px;}
.qa-list dl {position: relative;margin: 0;padding: 15px 30px 15px 0;cursor: pointer;border-bottom: 1px solid #bfd4d4;}
.qa-list dl::before {transition: ease .5s;position: absolute;top: 28px;right: 7px;display: block;width: 16px;height: 1px;margin: auto;content: '';background: #7fa9a9;}
.qa-list dl::after {transition: ease .5s;position: absolute;top: 20.5px;right: 14.5px;display: block;width: 1px;height: 16px;margin: auto;content: '';background: #7fa9a9;}
.qa-list .open::before{transition: ease .5s;transform: rotate(-180deg);opacity: 0;}
.qa-list .open::after {transition: ease .5s;transform: rotate(-90deg);}
.qa-list dl dt {position: relative;margin: 0;font-weight: 400;font-size: 1.125em;color: #005354; letter-spacing: .1rem;}
.qa-list dl dd {position: relative;display: none;height: auto;margin: 20px 0 10px 0;font-size: 1em;}
.qa-list dl dd p {margin: 30px 0 0; letter-spacing: .1rem;}
.qa-list dl dd p:first-child{margin-top: 0;color: #39a5b4;}

@media screen and (max-width: 768px) {
    .zquestion-wrap{margin-top: 40px;}
    .zquestion .zkasouRL_category_content{margin-top: 0px; margin-bottom: 20px;}
    .qa-list dl dt{font-size: 0.9375em;}
    .qa-list dl dd{font-size: 0.875em;}
    .qa-list dl:nth-child(1)::before{top: 10px;}
    .qa-list dl:nth-child(1)::after{top: 2.5px;}
    .qa-list dl::before{top: 27px;}
    .qa-list dl::after{top: 19.5px;}
    .kasou-ttl-only-fv h1{letter-spacing: .3em;}
    /* .kasou-ttl-only-fv h1{font-size: 1.6875em; letter-spacing: .3em;} */
}

/* terms */
.terms-text{width: 100%; font-size: 1.125em; line-height: 2; letter-spacing: .08em;}
.terms-text.tr::after{content: ""; width: 100%; display: block; height: 1px; background-color: #bfd4d4; margin: 15px 0;}
.terms-text.tr:nth-child(2){margin-top: 0;}
.terms-text.tr:nth-child(2)::after{margin: 15px 0 0 0;}
.terms-text:nth-child(2){margin-top: 45px;}
.terms-text .terms-text-a{border-bottom: 1px solid #39a5b4; color: #39a5b4;}
.zterms .sp-kasou-other-category h3{font-size: 0.8125em; color: #39a5b4;}
.terms-text-link{color: #39a5b4 !important; position: relative;}
.terms-text-link::after{content: ""; display: block; width: 100%; height: .75px; background-color: #000; position: absolute;bottom: -2px; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
background-color: #39a5b4;
}

.postage-text-dl-flex{display: flex;}
.postage-left{width: 60px;}
.postage-right{width: calc(100% - 60px);}
.postage-right li{ margin-left: 0; list-style: none;}
.postage-dt p{margin: 15px 0 139px 0 !important;}
.fs14{font-size: 14px; margin-top: 10px !important;}

@media screen and (max-width: 768px){
    .terms-text{font-size: 0.9375em;}
    .zterms .zkasouRL_category_content{margin-top: 0px; margin-bottom: 20px;}
    .terms-text.tr::after{margin: 10px 0;}
    .terms-text.tr:nth-child(2)::after{margin: 10px 0 0 0;}
    .terms-text:nth-child(2){margin-top: 35px;}
    .postage-left{width: 50px;}
    .postage-right{width: calc(100% - 50px);}
}
@media screen and (max-width: 400px){
  .postage-right li{ margin-left: 0; letter-spacing: .0294em;}
}

/* tokusho */
.ztokusho .kasou-ttl-only-fv{margin-bottom: 70px;}
.ztokusho dl{margin: 0; padding: 0; font-size: 0.9375rem; font-family: 'Runda' , 'Noto Sans JP' ,  sans-serif;}
.ztokusho dl dt{width: 200px; margin:0; padding:0;}
.ztokusho dl dd{width: calc(100% - 220px); margin:0; padding:0; position: relative;}
.ztokusho dl dt p{margin: 15px 0;}
.ztokusho dl dd p{margin: 15px 0;}
.ztokusho dl dt::after{content: ""; display: block; width: 100%; height: 1px; background-color: #bfd4d4;}
.ztokusho dl dd::after{content: ""; display: block; width: 100%; height: 1px; background-color: #bfd4d4; position: absolute; bottom: 0;}
@media screen and (max-width: 805px){
.ztokusho .flex-jcs{flex-flow: column;}
.ztokusho dl dd{width: 100%;}
.ztokusho dl dt p{margin: 15px 0 0 0}
.ztokusho dl dd p{margin: 5px 0 15px 0;}
.ztokusho dl dt::after{display: none;}
.postage-dt p{margin: 15px 0 0 0 !important;}
}

/* policy */
.zpolicy_ttl_sub_text{margin: 80px 0; line-height: 2rem; letter-spacing: .08rem;font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zpolicy_text{margin-bottom: 75px; line-height: 2rem; letter-spacing: .08rem;font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zpolicy_text:nth-child(11){margin-bottom: 0;}
.zpolicy_text h4{font-size: 1.3125em; color: #39a5b4; margin-bottom: 30px; letter-spacing: .2rem;}
.zpolicy_text p{font-size: 1.125em;}
.zpolicy_text span{font-size: 1.125em; margin-top: 50px; display: block;}
.zpolicy_text span li{list-style: none; margin-bottom: 5px;}
@media screen and (max-width: 768px){
    .zpolicy_ttl_sub_text{margin: 40px 0;}
    .zpolicy_text{margin-bottom: 40px;}
    .zpolicy_text h4{font-size: 1.125em; margin-bottom: 10px;}
    .zpolicy_text p{font-size: 0.9375em;}
    .zpolicy_text span{font-size: 0.9375em; margin-top: 20px; display: block;}
}

/* company */
.zcompany .kasou-img-wrap-box{margin-top: 120px;}
.zcompany .kasou-first-sttl-wrap-box{margin-top: 100px;}
.zcompany .ttl3{font-size: 1.875rem; letter-spacing: .15rem; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: 400; line-height: 3.625rem;}
.zcompany-right-img{width: 100%; display: flex; justify-content: flex-end; margin-top: 100px;}
.zcompany-right-img img{width: 51%; max-width: 555px;}
.company_profile{width: 100%; margin-top: 135px; position: relative;}
.company_profile::before{content: ""; width: 100%; display: block; height: 1px; background: #bfd4d4; position: absolute; top: 15px;}
.company_profile_content{width: 670px; margin: 0 0 0 auto; font-size: calc(15em / 16); margin-bottom: 20px;}
.company_profile dl{margin-block-start: 0;margin-block-end: 0;}
.company_profile dl p{display: flex; height: 100%; margin: 15px 0; flex-flow: column; justify-content: center; line-height: 2.2em; letter-spacing: .1rem; font-family: 'Runda' , 'Noto Sans JP' ,  sans-serif;;}
.company_profile dl dt{width: 120px; position: relative;}
.company_profile dl dt::after{content: ""; width: 83%; display: block; height: 1px; background: #bfd4d4; position: absolute; bottom: -15px;}
.company_profile dl dd{width: calc(100% - 120px); margin-inline-start: 0px; position: relative;}
.company_profile dl dd::after{content: ""; width: 100%; display: block; height: 1px; background: #bfd4d4; position: absolute; bottom: -15px;}


@media screen and (max-width: 1180px){
    .zcompany .ttl3{font-size: 2.54vw; line-height: 4.5vw;}
}

@media screen and (max-width: 768px){
    .zcompany .kasou-first-sttl-wrap-box{margin-top: 50px;}
    .zcompany .ttl3{font-size: 20px; line-height: 2.2rem;}
    .zcompany-right-img{margin-top: 50px;}
    .zcompany-right-img img{width: 100%;}
    
    .company_profile{margin-top: 80px;}
    .company_profile::before{top: 10px;}
    .company_profile dl p{margin: 10px 0;}
    .company_profile dl dt::after{bottom: -10px;}
    .company_profile dl dd::after{bottom: -10px;}
    .company_profile_content{width: 100%; font-size: calc(13em / 16);}
}






/* product */
.product-slide{margin-top: 313px;margin-bottom: 145px; }
.swiper--wrapper {width: 100%;height: 300px;}
.product-slide .swiper-slide {color: #ffffff;width: 100%;height: 100%;text-align: center;/*line-height: 300px;*/}
.product-slide .swiper-slide-flex{display: inline-flex;}
.product-slide .swiper-slide .slide-l{width: 50%; display: flex; margin: auto;}
.product-slide .swiper-slide .slide-l img{width: 100%;height: 100%;object-fit: cover;}
.product-slide .swiper-slide .slide-r{width: 50%;}
.product-slide .swiper-slide .slide-r .ttl5{font-size: 2vw; color: #005354; letter-spacing: .2em; font-weight: 400; display: flex; align-items: center; justify-content: center; height: 100%;font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-prev:after{display:none;}
.swiper-slide { width: 100% }
.product_category{margin-bottom: 70px; letter-spacing: .05rem; }
.product_category .flex-jcc{margin: 0; padding: 0;}
.product_category ul li:not(:nth-child(8)){margin-right: 50px;}
.product_category ul li.active{border-bottom: 1px solid #005354;}
.product_category ul li{padding-bottom: 5px;}
.product_category ul li a{color: #005354;}
.dropmenu{display: none;}

/* link 無効化でフィルタ */
.product_category ul li a { pointer-events: none;}
.product_category ul li{ -webkit-transition:all .3s; transition:all .3s; cursor: pointer;}
.product_category ul li:hover { -webkit-opacity: 0.5; opacity: 0.5; }
.dropmenu li a { pointer-events: none;}
.dropmenu li{ cursor: pointer;}



.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 8.8vw !important; transition: .5s all;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 8.8vw !important; transition: .5s all;}
.swiper-button-prev img{width: 0.73vw; max-width: 11px;}
.swiper-button-next img{width: 0.73vw; max-width: 11px;} 
.swiper-button-next:hover{opacity: .5;}
.swiper-button-prev:hover{opacity: .5;}



@media screen and (max-width: 1170px){
    .product-slide{margin-top: 150px; margin-bottom: 60px; }
    .product-slide .swiper-slide-flex{flex-flow: column;}
    .product-slide .swiper-slide .slide-l{width: 100%; position: relative; left: -12.5%;}
    .product-slide .swiper-slide .slide-r{width: 100%; position: relative; left: -12.5%;}
    .product-slide .swiper-slide .slide-r .ttl5{font-size: 26px; height: 80px; justify-content: flex-start;}

    .swiper-button-prev, .swiper-rtl .swiper-button-next{opacity: 0 !important;}
    .swiper-button-next, .swiper-rtl .swiper-button-prev{opacity: 0 !important;}

    /* .swiper .swiper-wrapper {transform: translate3d(5%, 0px, 0px) !important;} */
    .product-item_category{}
    .product_category{display: none; }
    .dropmenu {width: 200px;margin: 0 auto; display: block; margin-bottom: 20px; margin-left: 0; padding-left: 0;}
    .dropmenu li {position: relative;}
    .dropmenu li a {display: block;margin: 0;padding: 13px 0 13px 10px;font-size: 14px;line-height: 1; color: #004939;cursor: pointer; border-bottom: 1px solid #004939;}
    .dropmenu li a:after {content: '';display: inline-block;position: absolute;right: 15px;top: 40%;width: 0;height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color: #004939 transparent transparent transparent;}
    .dropmenu li ul {position: absolute;width: 100%;z-index: 9999;top: 100%;left: 0; margin: 0; padding: 0;}
    .dropmenu li ul li{overflow: hidden;height: 0;transition: .2s;}
    .dropmenu li ul li a{border-top: 1px solid #dddddd;background: #fff;color: #004939;}
    .dropmenu li ul li a:after {content: none;}
    .dropmenu li ul li:first-child a{border-top: none;}
    .dropmenu > li:hover a:after {transform: rotate(180deg);transition: .1s;}
    .dropmenu:not(.clicked) > li:hover ul li{overflow: visible; height: 40px;}
    .dropmenu li ul li a span{transition: .5s;}
    .dropmenu li ul li a:hover span{opacity: .4;}
}
@media screen and (max-width: 768px) {
    .dropmenu {width: 100%;}
    .product-slide .swiper-slide .slide-r .ttl5{font-size: 18px; height: 60px;}
}
/* @media screen and (max-width: 1170px){
    .product_category ul li:not(:nth-child(8)){margin: 0;}
    .product_category ul li{width: 25%;}
}

@media screen and (max-width: 768px){
    .product_category ul li{width: 33.3%; font-size: 14px;}
    .product_category .flex-jcc{justify-content: flex-start;}
} */








/* product_detail */
.product_detail_content{margin-top: 200px;}
.product__description{ margin-top: 50px;}
.product__description p{font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.product__description h2,
.product_detail_content .detail_ttl{ margin-bottom: 30px; font-size: 30px; line-height: 1.6; color: #005354; letter-spacing: .2em;
  font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.detail_left{width: 58%;}
.detail_main_img img{width: 100%;}
.detail_left-inner{width: 87%; margin: 0 auto;}
.detail_sub_img img{width: 87px;}
.product__description dl,
.detail-left_dl{margin-top: 50px !important;}
.product__description dl,
.detail-left_dl dl{position: relative; margin-block-start: 0; margin-block-end: 0;font-family: 'Runda', 'Noto Sans JP' ,sans-serif; font-weight: 400; letter-spacing: 0.14em; }
.product__description dl::after,
.detail-left_dl dl::after{position: absolute;content: ""; width: 100%; background-color: #004939; height: 1px; display: block; bottom: 0px; left: 0;opacity: .25;}
.product__description dl::before,
.detail-left_dl::before{}
.product__description dl dt,
.detail-left_dl dt{width: 110px; padding: 20px 0 ; position: relative;}
/* .detail-left_dl dt:nth-child(3){letter-spacing: .625em;} */
.product__description dl .elm_moji3,
.detail-left_dl .elm_moji3 {letter-spacing: .625em;}
.product__description dl dt::after,
.detail-left_dl dt::after{position: absolute;content: ""; width: 100%; background-color: #004939; height: 1px; display: block; top: 0px; left: 0;opacity: .25;}
.product__description dl dd,
.detail-left_dl dd{ width: calc(100% - 110px); margin-inline-start: 0px; padding: 20px 0 ; position: relative;}
.product__description dl dd::after,
.detail-left_dl dd::after{position: absolute;content: ""; width: 100%; background-color: #004939; height: 1px; display: block; top: 0px; left: 0;opacity: .25;}

.detail_right{width: calc(100% - 58%); right: 0; top: 0;}
.detail_right_Inner{width: 70%; margin: 0 auto}
.detail_right_return{text-align: right;}
.number{width: 163px; height: 45px; border: 1px solid #004939; color: #004939; border-radius: 50vw;}
.number p{text-align: center; line-height: 45px;}
.number_point{font-size: 1.1875rem;}
.number_content .plus{width: 45px; border-radius: 50%; height: 45px; border: 1px solid #004939;}
.number_content .plus::before{content: ""; position: absolute; width: 1px; height: 16px; display: inline-block; background-color: #004939; position: absolute;top: 50%;left: 50%;margin-right:-50%;transform:translate(-50%, -50%)}
.number_content .plus::after{content: ""; position: absolute; width: 16px; height: 1px; display: inline-block; background-color: #004939; position: absolute;top: 50%;left: 50%;margin-right:-50%;transform:translate(-50%, -50%)}
.number_content .minus{width: 45px; border-radius: 50%; height: 45px; border: 1px solid #004939;}
.number_content .minus::before{content: ""; position: absolute; width: 16px; height: 1px; display: inline-block; background-color: #004939; position: absolute;top: 50%;left: 50%;margin-right:-50%;transform:translate(-50%, -50%)}






/* contact */
.zcontact{}
.zcontact-text{font-size: 1.875rem; margin-top: 40px; letter-spacing: .2rem; line-height: 3.625rem; font-weight: 400;  font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.zcontact-sub{font-size: 1.0625rem; margin-top: 30px; letter-spacing: .1rem;}
.zcontact-sub span{color: #39a5b4;}
.kasou-ttl-only-fv-wrap ul{list-style: none; margin: 0; padding: 0;}
#ind_contact{ padding-bottom: 140px;}
.flex-form{width: 100%;}
.flex-form ul{margin: 0; padding: 0;}
.flex-form li{margin-block-start: 0;list-style: none;}
.error_box{display: flex; justify-content: center; margin-bottom: 50px; font-size: 14px; letter-spacing: .1rem; line-height: 1.5rem;}


.submitbtnwrap{width: 100%; text-align: center; margin-top: -30px;}
.submitbtn{background-color: #005354;border: none;cursor: pointer;outline: none;padding: 0;appearance: none; width: 323px; height: 68px; color: #fff; font-size: 1.25rem; border-radius: 50vw; letter-spacing: .2rem; font-weight: 500;}
.pageback .submitbtn { background: none; border: 1px solid #005354; color: #005354;}
.checkbox-flex{flex-flow: column; margin: 0; padding: 0;}
.formwrap dd.checkbox-flex::after{display: none;}
.checkbox01 {box-sizing: border-box;cursor: pointer;display: inline-block;padding: 20px 50px;position: relative;width: auto;font-size: 1.0625rem;top: -40px;}
.checkbox01::before {background: #fff;border: 1px solid #ccc; content: '';display: block;height: 30px;left: 5px;margin-top: -15px;position: absolute;top: 50%;width: 30px;transition: .3s ease; box-sizing: border-box;}
input[type=checkbox]:checked + .checkbox01::before {background-color: #005354; border: none;}
input[type=checkbox]:checked + .checkbox01::after {opacity: 1;}
input[type=checkbox] {display: none;}

#contact_tabInner{ margin: 60px 0 70px 0; }
#contact_tabInner ul{ margin-left: -7px;}
#contact_tabInner li{ width: 323px;  text-align: center; color: #005354; height: 68px; padding: 20px 5px; background-color: #fff; cursor: pointer;-webkit-transition: all .3s; transition: all .3s; border: #6b8a8b solid 1px; border-radius: 50vw;font-size: 1.25rem; line-height: 25px;letter-spacing: .2rem; box-sizing: border-box; font-weight: 500;}
#contact_tabInner li:hover{opacity: .5;}
#contact_tabInner li:nth-child(1){margin-right: 30px;}
#contact_tabInner li.select{ background: #005354; color: #fff; line-height: 25px; border: none;} 

.formwrap{margin-top: 0; margin-bottom: 0;}
.formwrap .txtjp{ font-size: 1.0625rem;}
.formwrap dt{width: 230px; height: 40px; position: relative;}
.formwrap dd input{margin: 0;padding:0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; position: absolute; top: 30%; left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); width: 100%; height: 100%; font-size: 1.0625rem; font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.formwrap dd input::placeholder{font-size: 1.0625rem; color: #b7cacb; position: absolute; top: 20%;}
.formwrap dd textarea{margin: 0;padding:0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; resize: none; height: 380px; width: 100%; font-family: 'Noto Serif JP', serif;}
.formwrap dd textarea::placeholder{font-size: 1.0625rem; color: #b7cacb;}
.formwrap dt::before{content: "（※）"; display: inline-block; width: 45px; font-size: 1.0625rem; color: #39a5b4;}
.formwrap dt.n-required::before{opacity: 0;}
.formwrap dd{ margin-left: 0; width: calc(100% - 265px); position: relative; margin-bottom: 20px; padding: 20px 0;}
.formwrap dd::after{content: ""; width: 100%; height: 1px; background-color: #004939; display: block; bottom: 0; position: absolute;}
.formwrap02{ padding-top: 10px; width: calc(100% - 265px); margin-left: auto;}

#contact_contentsInner li{ display: none;}
#contact_contentsInner li.select{ display:block;}

.formwrap dt::after{content: "";width: calc(100% - 45px); right: 0; height: 1px; background-color: #004939; display: block; bottom: 0; position: absolute;}
.formwrap02{display: flex;}

.formwrap dd input,
.formwrap dd textarea{font-size: 17px;}
/* .formwrap02 input{display: block !important;} */

.contact_privacyWrap a{color: #39a5b4;}
.contact_privacyWrap a::after{content: ""; width: 100%; background: #39a5b4; height: 1px; display: block;}
.contact_privacyWrap .checkbox {box-sizing: border-box;cursor: pointer;display: inline-block;padding: 30px 50px;position: relative;width: auto;font-size: 1.0625rem;top: -40px; display: flex; font-size: 1.0625rem; letter-spacing: .15rem;}
.contact_privacyWrap .checkbox::before {background: #fff;border: 1px solid #ccc; content: '';display: block;height: 30px;left: 5px;margin-top: -15px;position: absolute;top: 50%;width: 30px;transition: .3s ease; box-sizing: border-box;}
input[type=checkbox]:checked + .checkbox::before {background-color: #005354; border: none;}
input[type=checkbox]:checked + .checkbox::after {opacity: 1;}
input[type=checkbox] {display: none;}

.submitwrap{margin-top: 40px;}
.submitwrap p:nth-child(1){margin-right: 20px;}
.formTable th{text-align: left;  width: 200px; padding: 1em 0;}
.formTable td{width: calc(100% - 200px); padding: 1em 0;}


@media screen and (max-width: 768px){
    .zcontact-text{font-size: 1.125rem; margin-top: 20px; line-height: 1.8rem;}
    .zcontact-sub{font-size: 0.8125rem; margin-top: 15px;}
    #contact_tabInner{ margin: 40px 0 50px 0;}

    #contact_tabInner{ margin-bottom: 45px; }
    #contact_tabInner li:nth-child(1){margin-right: 20px; margin-bottom: 20px;}
    #contact_tabInner ul{ margin-left: -4px;}
    #contact_tabInner li{ width: 223px; margin-left: 4px;padding: 20px 4px; font-size: 0.9em; letter-spacing: normal; height: 60px; line-height: 18px;}
    #contact_tabInner li.select{line-height: 18px;}
    .contact_readtxt{ margin-bottom: 35px;}
    .costume-readInner{ margin-bottom: 70px; }

    .formwrap.flex-jcs{flex-flow: column;}
    .formwrap dt{width: 100%; height: 25px;}
    .formwrap dd{width: 100%;}
    .formwrap dt::before{font-size: 0.8125rem;}
    .formwrap dt::after{opacity: 0;}
    .formwrap .txtjp{font-size: 0.8125rem;}
    .formwrap dd input{ height: 50%; font-size: 0.8125rem; top: 60%;}
    .formwrap dd textarea{padding-top: 10px; height: 280px;}
    .formwrap dd textarea::placeholder{font-size: 0.8125rem;}
    .formwrap dd input::placeholder{font-size: 0.8125rem; top: 0%;}
    .formwrap dt.n-required::before{display: none;}
    .formwrap02{width: 100%;}
    .contact_privacyWrap .checkbox::before {height: 20px;width: 20px; margin-top: -10px;}
    .contact_privacyWrap .checkbox{font-size: 0.8125rem; padding: 20px 35px;}
    .error_box{margin-bottom: 20px; font-size: 12px; justify-content: flex-start;}

    .checkbox01 {padding: 10px 35px; font-size: 0.8125rem;top: -20px;}
    .checkbox01::before {height: 20px;width: 20px; margin-top: -10px;}
    .checkbox-flex{margin-top: 8px;}

    .submitbtn{height: 60px; font-size: 0.9rem;}
    .submitwrap{flex-flow: column;}
    .submitwrap p:nth-child(1){margin: 0 0 20px 0;}
}
@media screen and (max-width: 525px){
    #contact_tabInner li{width: 100%;}
    #contact_tabInner li:nth-child(1){margin-right: 0;}
    .submitbtn{width: 100%;}
}


.zcontact #Contact_banner_box { max-width: 800px; width: 100%; margin-top: 150px;}
.zcontact .contact_dl dt { border-right: 5px solid #fff; width: 420px; box-sizing: border-box; padding: 0 30px; letter-spacing: .05rem;}
.zcontact .contact_dl dd {width: -moz-calc(100% - 420px); width: -webkit-calc(100% - 420px); width: calc(100% - 420px); padding: 0 0px; margin-inline-start:0; margin: 0 auto;}
.zcontact #Contact_banner_box ul{justify-content: center;}
.zcontact .Contact_banner_boxInner p{width: calc(100% - 420px);margin-left: auto;padding-right: 49px;}
@media screen and (max-width: 900px) {
  .zcontact .contact_dl { font-size: 2.2vw;}
  .zcontact .contact_dl dt { width: 50%; padding: 25px 0;}
  .zcontact .contact_dl dd { width: 50%; padding: 25px 0; border-bottom: 5px solid #fff;}
  .zcontact .Contact_banner_boxInner p{margin-top: 30px; width: 100%; padding-right: 0;}
}
@media screen and (max-width: 768px) {
    .zcontact .contact_dl dt {width: 100%; padding: 25px 5px; border-right: 0; font-size: 1.25rem;}
    .zcontact .contact_dl dd{padding: 30px 5px 5px; width: 100%; border-bottom: none;}
    .zcontact #Contact_banner_box { margin-top: 80px;}
    .zcontact .Contact_banner_boxInner p{margin-top: 10px;}
}


/* thanks */
.zcontact-thanks{margin-top: 250px;  color: #004939;}
.zcontact-thanks h1{font-size: 1.75rem; margin-bottom: 15px; font-family: 'Noto Serif JP', serif; font-weight: 400; letter-spacing: .25rem;}
.zcontact-thanks h2{font-size: 1.25rem; margin-bottom: 40px; font-family: 'Noto Serif JP', serif; font-weight: 300; letter-spacing: .1rem;}
.zcontact-thanks p{margin-bottom: 15px; letter-spacing: .1rem; line-height: 1.8rem; font-size: 0.9375rem;}
@media screen and (max-width: 500px){
    .zcontact-thanks{margin-top: 150px;}
    .zcontact-thanks h1{font-size: 1.5rem; margin-bottom: 10px;}
    .zcontact-thanks h2{font-size: 1.0625rem; margin-bottom: 30px;}
    .zcontact-thanks p{margin-bottom: 10px; font-size: 0.8125rem;}
}




/* 共通 */
#zContainer{overflow: hidden;}
.fn-shi{font-family: 'Shippori Mincho', serif;}
.fn-noto-san{font-family: 'Noto Serif JP', serif;}
.fn-hiragino{font-family: "Hiragino Mincho ProN", "HiraMinProN-W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinPro-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
.fn-runda-noto{font-family: 'Runda', 'Noto Sans JP' ,sans-serif; font-weight: 400;}
.zgrid_wrap{margin: 0 1px;}
.kasou-ttl-only-fv-wrap{margin-top: 250px;}

@media screen and (max-width: 768px){
    .kasou-ttl-only-fv-wrap{margin-top: 150px;}
}

/* httl */
.ttl1{font-size: 39px; color: #005354; font-weight: 400;}
.ttl2{font-size: 20px; color: #005354; letter-spacing: .4em; margin-bottom: 45px; font-weight: 400;}
.ttl3{font-size: 46px; color: #005354; letter-spacing: .3em; font-family: 'Shippori Mincho', serif;}
.ttl4{font-size: 26px; color: #005354; letter-spacing: .2em;}

@media screen and (max-width: 1180px){
    .ttl3{font-size: 3.89vw;}
}
@media screen and (max-width: 768px){
    .ttl1{font-size: 25px; color: #005354;}
    .ttl2{margin-bottom: 20px;}
    .ttl3{font-size: 32px;}
    .ttl4{font-size: 18px;}
}