@charset "UTF-8";

/*normalize: http://necolas.github.io/normalize.css/*/

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
ul,
ol,
dd {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul,
ol{
  list-style: none;
}

/* Set core root defaults */

/* html:focus-within {
  scroll-behavior: smooth;
} */

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
}

@font-face {
  font-family: 'Bangla MN';
  src: url('../../fonts/bangla-mn/bangla-mn-400.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bangla MN';
  src: url('../../fonts/bangla-mn/bangla-mn-700.woff2') format('woff');
  font-weight: bold;
  font-style: normal;
}

:root {
  --body-font:'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'メイリオ',Meiryo,sans-serif;
  --en-font:'Bangla MN', sans-serif;

  --color-black1:#111111;
  --color-black2:#222222;
  --color-gray:#F9F9F9;
  --color-gray2:#707070;
  --color-gray3:#D0CECE;

  --wp--preset--color--base:#fff;
}

/* ==========================================================================
  アニメーション
========================================================================== */

@keyframes menuFadeIn {
  0%{
    display: block;
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes menuFadeOut {
  0%{
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{
    display: none;
    opacity: 0;
  }
}

@keyframes blur-in {
  from {
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
  }
  to {
    -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
  }
}

/* ==========================================================================
   英語フォント
========================================================================== */

.enFont{
  font-family: 'Bangla MN', sans-serif;
  font-family: var(--en-font);
}

/* ==========================================================================
   明朝フォント
========================================================================== */

.fontM {
  font-family: "Zen Old Mincho", serif;
}

/* ==========================================================================
   パンくず
========================================================================== */

.pankuzu{
  min-height: 36px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 10px 50px;
}

.pankuzu ol{
    display: flex;
    font-size: 1.3rem;
    letter-spacing: .5em;
  }

.pankuzu ol li:not(:last-child){
      flex-shrink: 0;
    }

.pankuzu ol li:not(:last-child)::after{
        content: '/';
        margin: 0 2em;
      }

@media (max-width: 767px) {
  .pankuzu{
    min-height: 9.23077vw;
    padding: 2.30769vw 3.84615vw;
  }
    .pankuzu ol{
      letter-spacing: .05em;
    }
        .pankuzu ol li:not(:last-child)::after{
          margin: 0 1em;
        }
      .pankuzu ol li:last-child{
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        text-align:left;
      }
}

/* ==========================================================================
   下層共通
========================================================================== */

.subPage .main{
    padding-bottom: 100px;
  }

@media (max-width: 767px) {
    .subPage .main{
      padding-bottom: 17.94872vw;
    }
}

/* ==========================================================================
   下層タイトル
========================================================================== */

.pageHeader{
  max-width: 1150px;
  margin: 100px auto 0;
}

.pageHeader .pageTitle{
    height: 36px;
    font-size: 2.6rem;
    font-weight: 700;
    border-left: 1px solid #707070;
    border-left: 1px solid var(--color-gray2);
    padding-left: 24px;
  }

.pageHeader .pageTitle >span{
      margin-top: .2em;
      display: inline-block;
    }

.pageHeaderInNavi{
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto;
  gap: 0 50px;
}

.pageHeaderInNavi::before{
    grid-column: 2;
    grid-row: 1;
    content: '';
    width: 59px;
    height: 1px;
    background: #707070;
    background: var(--color-gray2);
    margin-top: 18px;
  }

.pageHeaderInNavi h2{
    grid-column: 1;
    grid-row: 1;
  }

.pageHeaderInNavi .headerNav{
    grid-column: 3;
    grid-row: 1;
    margin-top: 8px;
  }

.pageHeaderInNavi .headerNav .current{
      color: #777777;
      pointer-events: none;
    }

.pageHeaderInNavi .headerNav .catList{
      list-style: none;
      display: flex;
      flex-flow: row wrap;
      gap: .5em 0;
      font-size: 1.5rem;
      letter-spacing: .1em;
      font-weight: 700;
    }

.pageHeaderInNavi .headerNav .catList li:not(:last-child){
        flex-shrink: 0;
      }

.pageHeaderInNavi .headerNav .catList li:not(:last-child)::after{
          content: '｜';
          margin: 0 2em;
        }

.pageHeaderInNavi .headerNav .tagList{
      margin-top: 35px;
      list-style: none;
      display: flex;
      flex-flow: row wrap;
      gap: 1.5em 1em;
    }

.pageHeaderInNavi .headerNav .tagList li{
        font-size: 1.4rem;
        line-height: 1.2;
        letter-spacing: .1em;
        font-weight: 500;
      }

@media (max-width: 767px) {
  .pageHeader{
    margin-top: 20.51282vw;
    max-width: 92.30769vw;
  }
    .pageHeader .pageTitle{
      height: 9.23077vw;
      line-height: 9.23077vw;
      border-left: 0.25641vw solid #707070;
      border-left: 0.25641vw solid var(--color-gray2);
      padding-left: 6.15385vw;
    }
  .pageHeaderInNavi{
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
    gap: 0;
  }
    .pageHeaderInNavi::before{
      display: none;
    }
    .pageHeaderInNavi h2{
      grid-column: 1;
      grid-row: 1;
    }
    .pageHeaderInNavi .headerNav{
      grid-column: 1;
      grid-row: 2;
      margin-top: 12.82051vw;
    }
      .pageHeaderInNavi .headerNav .catList{
        gap: .9em 0;
      }
          .pageHeaderInNavi .headerNav .catList li:not(:last-child)::after{
            margin: 0 1.28em;
          }
      .pageHeaderInNavi .headerNav .tagList{
        margin-top: 5.12821vw;
        display: block;
      }
        .pageHeaderInNavi .headerNav .tagList li{
          font-size: 0;
          display: inline;
        }
        .pageHeaderInNavi .headerNav .tagList li:not(:last-child){
          padding-right: 3.58974vw;
        }
        .pageHeaderInNavi .headerNav .tagList a{
          font-size: 1.4rem;
          line-height: 2.1;
          display: inline;
        }
}

/* ==========================================================================
   swiper　パーツ
========================================================================== */

.swiperParts{
  display: flex;
  align-items: center;
  gap:0 50px;
}

.swiperParts .swiper-button-prev,.swiperParts .swiper-button-next,.swiperParts .swiper-pagination{
    position: static;
  }

.swiperParts .swiper-button-prev,.swiperParts .swiper-button-next{
    flex-shrink: 0;
    width: 27px;
    height: 27px;
    margin: 0;
    background: url('../../img/slide_arrow.svg') no-repeat center center / contain;
  }

.swiperParts .swiper-button-prev::after,.swiperParts .swiper-button-next::after{
      display: none;
    }

.swiperParts .swiper-button-next{
    rotate:180deg;
  }

.swiperParts .swiper-pagination-bullets.swiper-pagination-horizontal{
    width: auto;
  }

.swiperParts .swiper-pagination{
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
    gap:5px;
  }

.swiperParts .swiper-pagination .swiper-pagination-bullet{
      width: 13px;
      height: 13px;
      border: 1px solid #707070;
      border: 1px solid var(--color-gray2);
      border-radius: 50%;
      background: #fff;
      margin: 0;
      opacity: 1;
    }

.swiperParts .swiper-pagination .swiper-pagination-bullet-active{
      background: #111111;
      background: var(--color-black1);
    }

@media (max-width: 767px) {
  .swiperParts{
    display: flex;
    align-items: center;
    gap:0 12.82051vw;
  }
    .swiperParts .swiper-button-prev,.swiperParts .swiper-button-next{
      width: 6.92308vw;
      height: 6.92308vw;
    }
    .swiperParts .swiper-pagination{
      gap:1.28205vw;
    }
      .swiperParts .swiper-pagination .swiper-pagination-bullet{
        width: 3.33333vw;
        height: 3.33333vw;
        border: 0.25641vw solid #707070;
        border: 0.25641vw solid var(--color-gray2);
      }
}

/* ==========================================================================
  luminous 画像ポップアップ表示用
========================================================================== */

.lum-lightbox{
	z-index: 1000;
}

.lum-lightbox .lum-close-button{
    display: none;
  }

.lum-lightbox-inner{
  display: flex;
  justify-content: center;
  align-items: center;
  gap:0 30px;
}

.lum-lightbox-inner .lum-lightbox-image-wrapper{
    order: 2;
    width: 563px !important;
    height: 750px !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.lum-lightbox-inner .lum-gallery-button{
    position: static;
    width: 35px;
    height: 35px;
    background: url('../../img/popup_arrow.svg') no-repeat center center / contain;
    transform: translateY(0%);
  }

.lum-lightbox-inner .lum-gallery-button::after{
      display: none;
    }

.lum-lightbox-inner .lum-previous-button{
    order: 1;
  }

.lum-lightbox-inner .lum-next-button{
    order: 3;
    rotate:180deg;
  }

.lum-lightbox-inner .lum-lightbox-position-helper{
    position: relative;
    z-index: 1;
  }

.lum-lightbox-inner .lum-lightbox-position-helper::before{
      content: '';
      width: 60px;
      height: 16px;
      background: url('../../img/popup_close.svg') no-repeat center center / contain;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 2;
    }

@media only screen and (max-width: 767px) {
  .lum-lightbox-inner{
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    width: 100vw;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    gap:5.12821vw 0;
  }
    .lum-lightbox-inner .lum-lightbox-image-wrapper{
      order: 1;
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
      max-height: 133.33333vw !important;
    }
    .lum-lightbox-inner .lum-gallery-button{
      width: 8.97436vw;
      height: 8.97436vw;
    }
    .lum-lightbox-inner .lum-previous-button{
      order: 2;
      margin-left: 5.12821vw;
    }
    .lum-lightbox-inner .lum-next-button{
      order: 3;
      margin-right: 5.12821vw;
    }
    .lum-lightbox-inner .lum-lightbox-position-helper{
      position: relative;
      z-index: 1;
    }
      .lum-lightbox-inner .lum-lightbox-position-helper::before{
        width: 10.51282vw;
        height: 2.82051vw;
        top: 3.33333vw;
        right: 3.33333vw;
      }
}

/* ==========================================================================
  ページ送り
========================================================================== */

.pagenation >.page-numbers{
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1;
  }

.pagenation >.page-numbers a,.pagenation >.page-numbers span{
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      width: 50px;
      border-radius: 3px;
    }

.pagenation >.page-numbers .current{
      background: #111111;
      background: var(--color-black1);
      color: #fff;
    }

.pagenation >.page-numbers .dots{
      width: auto;
    }

.pagenation >.page-numbers .prevArrow,.pagenation >.page-numbers .nextArrow{
      background: #fff;
      border: 1px solid #D1D1D1;
    }

.pagenation >.page-numbers .prevArrow span,.pagenation >.page-numbers .nextArrow span{
        padding-bottom: .15em;
      }

.pagenation >.page-numbers .prevArrow{
      margin-right: 30px;
      width: 134px;
      justify-content: flex-start;
      padding-left: 24px;
      
    }

.pagenation >.page-numbers .prevArrow::before{
        content: '';
        width: 18px;
        height: 11px;
        background: url('../../img/prev_arrow.svg') no-repeat center center / contain;
        flex-shrink: 0;
        margin-right: 12px;
      }

.pagenation >.page-numbers .nextArrow{
      margin-left: 30px;
      width: 134px;
      justify-content: flex-end;
      padding-right: 24px;
    }

.pagenation >.page-numbers .nextArrow::after{
        content: '';
        width: 18px;
        height: 11px;
        background: url('../../img/prev_arrow.svg') no-repeat center center / contain;
        flex-shrink: 0;
        margin-left: 12px;
        rotate:180deg;
      }

@media only screen and (max-width: 767px) {
  .pagenation{
    margin-top: 7.69231vw;
  }
      .pagenation >.page-numbers a,.pagenation >.page-numbers span{
        height: 12.82051vw;
        width: 7.69231vw;
        margin: 0 1.28205vw;
        border-radius: 0.76923vw;
      }
      .pagenation >.page-numbers .current{
        width: 7.69231vw;
      }
      .pagenation >.page-numbers .dots{
        margin: 0;
      }
      .pagenation >.page-numbers .prevArrow,.pagenation >.page-numbers .nextArrow{
        background: #fff;
        border: 0.25641vw solid #D1D1D1;
      }
      .pagenation >.page-numbers .prevArrow{
        margin-right: 0;
        width: 20.51282vw;
        padding-left: 3.07692vw;
      }
        .pagenation >.page-numbers .prevArrow::before{
          width: 4.61538vw;
          height: 2.82051vw;
          margin-right: 0.25641vw;
        }
      .pagenation >.page-numbers .nextArrow{
        margin-left: 0;
        width: 20.51282vw;
        padding-right: 3.07692vw;
      }
        .pagenation >.page-numbers .nextArrow::after{
          width: 4.61538vw;
          height: 2.82051vw;
          margin-left: 0.51282vw;
        }
}

/* ==========================================================================
  日付部分
========================================================================== */

.dateCal{
  height: 77px;
  align-self: start;
  line-height: 1;
  padding-right: 27px;
  border-right: 1px solid #707070;
  border-right: 1px solid var(--color-gray2);
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.dateCal .year{
    font-size: 1.5rem;
    letter-spacing: .35em;
    text-align: center;
    margin-bottom: 9px;
    display: block;
  }

.dateCal .dateBox{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    margin-left: 5px;
    width: 40px;
    height: 40px;
    font-size: 2.5rem;
    line-height: 1;
    position: relative;
  }

.dateCal .dateBox::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #707070;
      background-color: var(--color-gray2);
      transform-origin: 100% 0;
      transform: rotate(-45deg) scale(1.414); /* √2 = 1.414 */
    }

.dateCal .dateBox .month{
      grid-column: 1;
      grid-row: 1;
      margin: -.18em 0 0 -.4em;
    }

.dateCal .dateBox .day{
      grid-column: 1;
      grid-row: 1;
      justify-self: end;
      align-self: end;
      margin: 0 -.28em -.18em 0;
    }

@media only screen and (max-width: 767px) {
  .dateCal{
    height: 19.74359vw;
    padding-right: 6.92308vw;
    border-right: 0.25641vw solid #707070;
    border-right: 0.25641vw solid var(--color-gray2);
  }
    .dateCal .year{
      margin-bottom: 2.30769vw;
    }
    .dateCal .dateBox{
      margin-left: 1.28205vw;
      width: 10.25641vw;
      height: 10.25641vw;
    }
      .dateCal .dateBox::after {
        height: 0.25641vw;
      }
}

/* ==========================================================================
   フォーム
========================================================================== */

.formWall{
  max-width: 764px;
  margin: 60px auto 0;
}

.formWall select,
  .formWall input[type="text"],
  .formWall input[type="date"],
  .formWall input[type="tel"],
  .formWall input[type="url"],
  .formWall input[type="email"]{
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-radius: 2px;
    border:1px solid #BBBBBB;
    font-size: 1.7rem;
  }

.formWall textarea{
    width: 100%;
    padding: 20px;
    height: 300px;
    border-radius: 2px;
    border:1px solid #BBBBBB;
    font-size: 1.7rem;
  }

.formWall .formBoxRow{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:37px 20px;
  }

.formWall .formBoxRow .telBox{
      grid-column: 1 / 3;
      max-width: 372px;
    }

.formWall .formBoxRow .messageBox{
      grid-column: 1 / 3;
    }

.formWall .formBox .inputTitle{
      font-size:1.5rem;
      font-weight: 500;
      line-height: 1;
      margin-bottom: 16px;
    }

.formWall .formBox .inputTitle .required{
        color: #ED015C;
        padding-left: .5em;
      }

.formWall .privacy{
    margin-top: 40px;
    font-size: 1.3rem;
    text-align: justify;
    line-height: 2;
    border: 1px solid #BBBBBB;
    background: #fff;
    border-radius: 2px;
    padding: 15px 5px 7px 20px;
  }

.formWall .privacy .inner{
      padding: 0 30px 20px 0;
      height: 110px;
      overflow-y: auto;
      overscroll-behavior-y: none;
    }

.formWall .privacy .inner::-webkit-scrollbar{
        width: 10px;
        
      }

.formWall .privacy .inner::-webkit-scrollbar-thumb{
        background-color: #444444;
        border-radius: 7px;
      }

.formWall .privacy h2{
      font-size: 1.7rem;
      font-weight: 400;
    }

.formWall .privacy h3{
      font-size: 1.5rem;
      font-weight: 500;
      margin-top: 1em;
    }

.formWall .accept{
    margin-top: 30px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
  }

.formWall .accept span{
      display: block;
    }

.formWall .accept .wpcf7-list-item{
      margin: 0;
    }

.formWall .accept label{
      display: flex;
      align-items: center;
    }

.formWall .accept label input{
        width: 25px;
        height: 25px;
        margin:0 15px 0 0;
        accent-color:#444444;
      }

.formWall .kome{
    margin-top: 11px;
    font-size: 1.3rem;
    line-height: 2;
  }

.formWall .send{
    margin-top: 50px;
  }

.formWall .send input{
      width: 230px;
      height: 56px;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url('../../img/arrow-right.svg') no-repeat calc(100% - 20px) center / 14px auto;
      background-color:#444444;
      border-radius: 5px;
      color: #fff;
      font-weight: 500;
      margin: 0 auto;
      border: none;
    }

.formWall .send input:disabled{
        opacity: .5;
      }

.formWall .send input:disabled:hover{
          opacity: .5;
        }

.formWall .send input:hover{
        opacity: .8;
      }

.formWall .send .wpcf7-spinner{
      display: block;
      margin: 10px auto 0;
    }

.formWall .wpcf7-not-valid-tip{
    padding: .3em;
    font-size: 1.4rem;
  }

.formWall .wpcf7-response-output{
    margin: 10px 0 0 0  !important;;
    grid-column: 1 / 3;
    font-size: 1.5rem;
    padding: 1em !important;
    text-align: center;
  }

@media only screen and (max-width: 767px) {
.formWall{
  max-width: 92.30769vw;
  margin: 14.35897vw auto 0;
}
  .formWall select,
  .formWall input[type="url"],
  .formWall input[type="text"],
  .formWall input[type="tel"],
  .formWall input[type="email"]{
    padding: 0 5.12821vw;
    height: 12.82051vw;
    line-height: 12.82051vw;
    border-radius: 0.51282vw;
    border:0.25641vw solid #BBBBBB;
    font-size: 16px;
  }
  .formWall textarea{
    width: 100%;
    padding: 5.12821vw;
    height: 92.30769vw;
    border-radius: 0.51282vw;
    border:0.25641vw solid #BBBBBB;
    font-size: 16px;
  }
  .formWall .formBoxRow{
    display: grid;
    grid-template-columns:100%;
    gap:7.69231vw 0;
  }
    .formWall .formBoxRow .telBox{
      grid-column: 1;
      max-width: none;
    }
    .formWall .formBoxRow .messageBox{
      grid-column: 1;
    }
    .formWall .formBox .inputTitle{
      margin-bottom: 4.10256vw;
    }
  .formWall .privacy{
    margin-top: 7.69231vw;
    border: 0.25641vw solid #BBBBBB;
    border-radius: 0.51282vw;
    padding: 2.5641vw 1.28205vw 1.28205vw 2.5641vw;
  }
    .formWall .privacy .inner{
      padding: 0 3.58974vw 0 0vw;
      height: 25.64103vw;
      overflow-y: auto;
      overscroll-behavior-y: none;
    }
      .formWall .privacy .inner::-webkit-scrollbar{
        width: 0.76923vw;
      }
  .formWall .accept{
    margin-top: 7.69231vw;
  }
      .formWall .accept label input{
        width: 6.41026vw;
        height: 6.41026vw;
        margin:0 3.84615vw 0 0;
      }
  .formWall .kome{
    margin-top: 2.82051vw;
  }
  .formWall .send{
    margin-top: 10.25641vw;
  }
    .formWall .send input{
      width: 58.97436vw;
      height: 14.35897vw;
      background: url('../../img/arrow-right.svg') no-repeat calc(100% - 5.12821vw) center / 3.58974vw auto;
      background-color:#444444;
      border-radius: 1.28205vw;
    }

}

.is-layout-constrained,.is-root-container {
	line-height: 1.85;
}

.is-layout-constrained h2,.is-root-container h2{
		line-height: 1.4;
		color: #111111;
		color: var(--color-black1);
		font-size: 20px;
		font-weight: 700;
		border-bottom: 1px solid #BEBEBE;
		padding-bottom: .4em;
	}

.is-layout-constrained h3,.is-root-container h3{
		line-height: 1.4;
		font-size: 18px;
		font-weight: 500;
		padding-left: 0.8em;
		border-left: 1px solid #BEBEBE;
	}

.is-layout-constrained h4,.is-root-container h4{
		line-height: 1.4;
		font-size: 17px;
		font-weight: 500;
		display: flex;
		position: relative;
		align-items: flex-start;
	}

.is-layout-constrained h4::before,.is-root-container h4::before{
			content: '';
			width: 0.88em;
			height: 1px;
			flex-shrink: 0;
			margin: .6em 0.58em 0 0;
			background: #707070;
			background: var(--color-gray2);
		}

.is-layout-constrained >h2 + *,
	.is-layout-constrained >h3 + *,
	.is-layout-constrained >h4 + *,
	.is-root-container >h2 + *,
	.is-root-container >h3 + *,
	.is-root-container >h4 + *{
		margin-top: 1.05em;
	}

.is-layout-constrained ol,.is-layout-constrained ul,.is-root-container ol,.is-root-container ul{
		list-style: inherit;
		padding-left: 1.5em;
	}

.is-layout-constrained a,.is-root-container a{
		text-decoration: underline;
	}

.is-layout-constrained .wp-block-button a,.is-root-container .wp-block-button a{
			text-decoration: none;
		}

/* end .entry-content */

@media only screen and (max-width: 767px) {
	.is-layout-constrained,.is-root-container  {
		max-width: 94.87179vw;
		margin: 0 auto;
	}
		.is-layout-constrained h2,.is-root-container h2{
			font-size: 2rem;
		}
		.is-layout-constrained h3,.is-root-container h3{
			font-size: 1.8rem;
		}
		.is-layout-constrained h4,.is-root-container h4{
			font-size: 1.7rem;
		}
		.is-layout-constrained .wp-block-media-text,.is-root-container .wp-block-media-text{
			grid-template-areas:"media-text-media" "media-text-content";
			grid-template-columns:1fr;
		}
			.is-layout-constrained .wp-block-media-text .wp-block-media-text__media,.is-root-container .wp-block-media-text .wp-block-media-text__media{
				grid-area: media-text-media;
			}
			.is-layout-constrained .wp-block-media-text .wp-block-media-text__content,.is-root-container .wp-block-media-text .wp-block-media-text__content{
				grid-area: media-text-content;
				padding: 3rem 0 0;
			}
	.wp-block-columns.is-not-stacked-on-mobile{
		gap:0 .5em;
	}
}

@media only screen and (max-width: 767px){
		.is-layout-constrained .wp-block-media-text .wp-block-media-text__media,.is-root-container .wp-block-media-text .wp-block-media-text__media{
    -ms-grid-row: 1;
    -ms-grid-column: 1;
		}
		.is-layout-constrained .wp-block-media-text .wp-block-media-text__content,.is-root-container .wp-block-media-text .wp-block-media-text__content{
    -ms-grid-row: 2;
    -ms-grid-column: 1;
		}
}

/* ==========================================================================
   共通設定
========================================================================== */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	overflow-y:scroll;
  scroll-padding-top: 80px;
}

body {
  font-family: 'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'メイリオ',Meiryo,sans-serif;
  font-family: var(--body-font);
	font-feature-settings : 'pkna';
	color:#111111;
	color:var(--color-black1);
	text-align: justify;
	hanging-punctuation: allow-end;
	width:100%;
  min-width: 1190px;
	font-size: 1.4rem;
	line-height: 1.5;
	overflow: hidden;
  background: #F2F8F8;
}

img{
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
  backface-visibility: hidden;
}

a{
	color:#111111;
	color:var(--color-black1);
	text-decoration: none;
  display: inline-block;
}

a:hover{
  opacity: .8;
}

.spShow{
	display: none;
}

.pcShow{
	display: inline-block;
}

.container{
	display: grid;
	min-height: 100vh;
	grid-template-columns: 100%;
  grid-template-rows: 80px 1fr auto auto;
}

.header{
	grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
}

.pageContainer{
	grid-column: 1;
  grid-row: 2;
  position: relative;
  z-index: 1;
}

.mainCta{
	grid-column: 1;
  grid-row: 3;
  z-index: 1;
}

.footer{
	grid-column: 1;
  grid-row: 4;
  z-index: 2;
}

button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
  color: #111111;
  color: var(--color-black1);
}

button:focus{
    outline: none;
  }

button:disabled{
    opacity:1;
    color: #111111;
    color: var(--color-black1);
  }

/* ==========================================================================
   ヘッダー
========================================================================== */

.header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  min-width: 1190px;
  height: 80px;
  background: #F9F9F9;
  background: var(--color-gray);
  padding-left: 50px;
  display: grid;
  grid-template-columns: minmax(auto,230px) 1fr;
  gap:0 50px;
  transition: background-color .2s linear;
}

.header .siteTitle{
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    height: 70px;
    display: flex;
    align-items: center;
  }

.header .siteTitle a{
      width: 100%;
      line-height: 1;
    }

.header .siteTitle svg{
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      vertical-align: bottom;
      display: block;
    }

.header .siteTitle svg .cls-1{
        fill:#111;
        transition: fill .2s linear;
      }

.header .gNav{
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

/* ==========================================================================
   gNav
========================================================================== */

.gNav{
  display: flex;
  align-items: center;
}

.gNav ul{
    display: flex;
    align-items: center;
    letter-spacing: -0.05em;
    gap:0 52px;
  }

.gNav .reservationLinkPC{
    width: 160px;
    height: 80px;
    background: #111111;
    background: var(--color-black1);
    color: #fff;
    font-weight: 500;
    letter-spacing: -.05em;
    display: grid;
    place-content:center;
    margin-left: 50px;
  }

.gNav .reservationLinkSP{
    display: none;
  }

/* ==========================================================================
   footer
========================================================================== */

.footer{
  background: #111111;
  background: var(--color-black1);
  color: #fff;
  padding: 54px 0 51px;
}

.footer a{
    color: #fff;
  }

.footer .footerInner{
    width: min(100% - 40px,1320px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 500px 1fr;
    grid-template-rows: auto 1fr;
    gap:20px;
  }

.footer .footereLogo{
    grid-column: 1;
    grid-row: 1;
  }

.footer .pageLink{
    grid-column: 2;
    grid-row: 2;
    display: flex;
    justify-content: flex-end;
    gap:0 44px;
  }

.footer .pageLink ul{
      display: flex;
      justify-content: flex-end;
      letter-spacing: -.05em;
      gap:0 44px;
    }

.footer .sns{
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:0 30px;
  }

.footer .sns a{
      display: block;
    }

.footer .copyright{
    grid-column: 1;
    grid-row: 2;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;
    color: #646262;
  }

/* ==========================================================================
   mainCta
========================================================================== */

.mainCta{
  background: url('../../img/cta_bk.jpg') no-repeat center center / cover;
  height: 480px;
  padding-top: 102px;
}

.mainCta >h2{
    max-width: 1150px;
    margin: 0 auto 49px;
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
    height: 36px;
    display: flex;
    align-items: center;
  }

.mainCta >h2::before{
      content: '';
      width: 1px;
      height: 100%;
      background: #fff;
      flex-shrink: 0;
      margin-right: 24px;
    }

.mainCta >h2 >span{
      margin-top: .45em;
      display: inline-block;
    }

.mainCta .reservationLink{
    max-width: 700px;
    height: 130px;
    margin: 0 auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.33;
    padding: 0 50px 0 10px;
    border-radius: 3px;
  }

.mainCta .reservationLink:hover{
      opacity: 1;
    }

.mainCta .reservationLink:hover span{
        opacity: .7;
      }

.mainCta .reservationLink:hover::before,.mainCta .reservationLink:hover::after{
        opacity: .7;
      }

.mainCta .reservationLink::before{
      content: '';
      background: url('../../img/reservation_icon.svg') no-repeat center center / contain;
      width: 110px;
      height: 110px;
      flex-shrink: 0;
    }

.mainCta .reservationLink::after{
      content: '';
      background: url('../../img/othe_tab_black.svg') no-repeat center center / contain;
      width: 18px;
      height: 18px;
      flex-shrink: 0;
    }

/* ==========================================================================
   スタッフ
========================================================================== */

.staffArchive .pageHeader{
    margin-bottom: 100px;
  }

.staffArchive .staffRow{
    max-width: 1150px;
    margin: 0 auto;
  }

.staffArchive .staffBox{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

.staffArchive .staffBox .profile{
      grid-column: 1;
      grid-row: 1;
      z-index: 2;
      justify-self: end;
      margin-top: 30px;
      width: 790px;
      height: 446px;
      background: #fff;
      box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
      padding: 30px 15px 30px 30px;
    }

.staffArchive .staffBox .profile >header{
        padding-left: 24px;
        border-left: 1px solid #707070;
        border-left: 1px solid var(--color-gray2);
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr;
        padding-right: 30px;
        line-height: 1.5;
        margin-bottom: 20px;
      }

.staffArchive .staffBox .profile >header .name{
          grid-column: 1;
          grid-row: 1;
          font-size: 1.8rem;
          letter-spacing: .5em;
          font-weight: 700;
        }

.staffArchive .staffBox .profile >header .en{
          grid-column: 1;
          grid-row: 2;
          font-size: 1.2rem;
          font-weight: 300;
          letter-spacing: .3em;
        }

.staffArchive .staffBox .profile >header .instagram{
          grid-column: 2;
          grid-row: 1 / 3;
          align-self: center;
        }

.staffArchive .staffBox .profile .textScrollBox{
        height: 323px;
        overflow-y: auto;
        padding-right: 15px;
      }

.staffArchive .staffBox .profile .textScrollBox::-webkit-scrollbar{
          width: 1px;
          background: #D0CECE;
          background: var(--color-gray3);
        }

.staffArchive .staffBox .profile .textScrollBox::-webkit-scrollbar-thumb{
          background-color: #707070;
          background-color: var(--color-gray2);
        }

.staffArchive .staffBox .profile .textScrollBox >* + *{
          margin-top: 20px;
        }

.staffArchive .staffBox .profile p{
        font-size: 1.4rem;
        line-height: 1.57;
        font-weight: 300;
      }

.staffArchive .staffBox .profile .profSec h2{
          font-size: 1.5rem;
          line-height: 1.46;
          font-weight: 500;
          margin-bottom: 9px;
        }

.staffArchive .staffBox .slideWall{
      grid-column: 1;
      grid-row: 1;
      z-index: 1;
      width: 380px;
    }

.staffArchive .staffBox .slideWall .swiperParts{
        margin-top: 20px;
        justify-content: center;
      }

.staffArchive .staffBox:nth-child(even) .profile{
      justify-self: start;
    }

.staffArchive .staffBox:nth-child(even) .slideWall{
      justify-self: end;
    }

.staffArchive .staffBox + .staffBox{
    margin-top: 100px;
  }

/* ==========================================================================
   スタイルギャラリー
========================================================================== */

.styleGalleryArchive .pageHeader{
    margin-bottom: 100px;
  }

.styleGalleryArchive .galleryList{
    width: min(calc(100% - 40px),1200px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
  }

.styleGalleryArchive .galleryList li{
      border-radius: 3px;
      overflow: hidden;
    }

.styleGalleryArchive .galleryList li a{
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto;
      }

.styleGalleryArchive .galleryList li a:hover{
          opacity: 1;
        }

.styleGalleryArchive .galleryList li .textBoxBk{
        grid-column: 1;
        grid-row: 1;
        z-index: 2;
        justify-self: center;
        align-self: center;
        width: 86.66667%;
        height: 90%;
        border-radius: 3px;
        opacity: 0;
        -webkit-backdrop-filter: blur(0px);
                backdrop-filter: blur(0px); /* 初期値を0pxに変更 */
        background-color: rgba(0, 0, 0, 0.31);
        transition: opacity .4s,-webkit-backdrop-filter .4s;
        transition: backdrop-filter .4s,opacity .4s;
        transition: backdrop-filter .4s,opacity .4s,-webkit-backdrop-filter .4s;
      }

.styleGalleryArchive .galleryList li .textBox{
        grid-column: 1;
        grid-row: 1;
        z-index: 3;
        justify-self: center;
        align-self: center;
        width: 86.66667%;
        height: 90%;
        color: #fff;
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        padding: 30px;
        position: relative;
        opacity: 0;
        border-radius: 3px;
        border: 1px solid #fff;
        transition: opacity .4s linear;
      }

@media (hover:hover) {
            .styleGalleryArchive .galleryList li a:hover .textBoxBk{
              opacity: 0.76;
              -webkit-backdrop-filter: blur(11px);
                      backdrop-filter: blur(11px);
            }
            .styleGalleryArchive .galleryList li a:hover .textBox{
              opacity: 1;
            }
      }

.styleGalleryArchive .galleryList li .hairstyle{
        display: flex;
        flex-flow: row wrap;
        gap:0 1em;
      }

.styleGalleryArchive .galleryList li .hairstyle li{
          font-size: 1.5rem;
          letter-spacing: .1em;
          line-height: 1.66;
        }

.styleGalleryArchive .galleryList li .staff{
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        letter-spacing: -.05em;
      }

.styleGalleryArchive .galleryList li .staff::before{
          content: '';
          background: url('../../img/staff_icon.svg') no-repeat center center / contain;
          width: 13px;
          height: 17px;
          flex-shrink: 0;
          margin-right: 10px;
        }

.styleGalleryArchive .galleryList li .backImg{
        grid-column: 1;
        grid-row: 1;
        z-index: 1;
      }

.styleGalleryArchive .pagenation{
    margin-top: 50px;
  }

/* ==========================================================================
   MENU & PRICE
========================================================================== */

.menu-pricePage .main{
    max-width: 1150px;
    margin: 78px auto 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:0 50px;
  }

.menu-pricePage .menuPriceSec >h2{
      font-size: 1.3rem;
      font-weight: 500;
      line-height: 1.46;
      padding-bottom: 5px;
      border-bottom: 1px solid #707070;
      border-bottom: 1px solid var(--color-gray2);
      display: flex;
      align-items: center;
      gap:0 15px;
      margin-bottom: 20px;
    }

.menu-pricePage .menuPriceSec >h2::before{
        content: attr(data-en);
        font-size: 2.4rem;
        font-weight: 600;
        font-family: 'Bangla MN', sans-serif;
        font-family: var(--en-font);
        line-height: 1;
      }

.menu-pricePage .menuPriceSec >h2 span{
        padding-bottom: .8em;
      }

.menu-pricePage .menuPriceSec >p{
      line-height: 1.42;
    }

.menu-pricePage .menuPriceSec >dl{
      margin-top: 21px;
      display: grid;
      grid-template-columns: 1fr auto;
    }

.menu-pricePage .menuPriceSec >dl dt{
        grid-column: 1;
        font-size: 1.8rem;
        font-weight: 400;
        align-self: center;
        font-family: "Zen Old Mincho", serif;
      }

.menu-pricePage .menuPriceSec >dl .price{
        grid-column: 2;
        align-self: center;
        justify-self: end;
        font-family: 'Bangla MN', sans-serif;
        font-family: var(--en-font);
        font-size: 2.2rem;
        font-weight: 900;
        line-height: 1;
        font-family: "Zen Old Mincho", serif;
      }

.menu-pricePage .menuPriceSec >dl .price .en{
          font-size: 1.6rem;
        }

.menu-pricePage .menuPriceSec >dl .price .plus{
          font-size: 2.2rem;
        }

.menu-pricePage .menuPriceSec >dl .description{
        grid-column: 1 / 3;
        margin-top: 7px;
        max-width: 448px;
        font-size: 1.3rem;
        font-weight: 300;
        line-height: 1.46;
      }

.menu-pricePage .menuPriceSec >dl .description >* + *{
          margin-top: 1.6em;
        }

.menu-pricePage .menuPriceSec >dl .description ul li{
            text-indent: -1em;
            margin-left: 1em;
          }

.menu-pricePage .menuPriceSec >dl .description ul li::before{
              content: '・';
            }

.menu-pricePage .menuPriceSec >dl + dl{
      margin-top: 21px;
    }

.menu-pricePage .menuPriceSec .pcm{
      margin-bottom: 64px;
    }

.menu-pricePage .menuPriceSec .notice{
      font-size: 1.3rem;
      line-height: 1.46;
      margin-top: 20px;
    }

.menu-pricePage .menuPriceSec + .menuPriceSec{
    margin-top: 50px;
  }

.menu-pricePage .endText{
    margin-top: 50px;
    font-size: 1.3rem;
  }

/* ==========================================================================
   ニュース詳細
========================================================================== */

.newsSingle .pageHeader{
    margin-bottom: 70px;
  }

.newsSingle .postContent{
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 36px 30px 70px 25px;
  }

.newsSingle .postContent .newsPostHeader{
      display: grid;
      grid-template-columns: 84px 1fr;
      grid-template-rows: auto;
      gap:0 25px;
    }

.newsSingle .postContent .newsPostHeader .dateCal{
        grid-column: 1;
        grid-row: 1;
      }

.newsSingle .postContent .newsPostHeader >h2{
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        font-weight: 700;
        font-size: 2.2rem;
        line-height: 1.62;
      }

.newsSingle .postContent .singleEdit{
      margin: 50px 0 0 auto;
      max-width: 836px;
    }

.newsSingle .singlePrevNext{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap:0 20px;
  }

.newsSingle .singlePrevNext .linkBox{
      width: 134px;
      height: 50px;
    }

.newsSingle .singlePrevNext .linkBox a{
        width: 100%;
        height: 100%;
        border-radius: 3px;
        border: 1px solid #d1d1d1;
        font-size: 1.6rem;
        display: flex;
        align-items: center;
      }

.newsSingle .singlePrevNext .linkBox span{
        padding-bottom: .15em;
      }

.newsSingle .singlePrevNext .backList{
      background: #111111;
      background: var(--color-black1);
      color: #fff;
      justify-content: center;
    }

.newsSingle .singlePrevNext .prev{
      letter-spacing: .1em;
      background: #fff;
      justify-content: flex-start;
      padding-left: 24px;
    }

.newsSingle .singlePrevNext .prev::before{
        content: '';
        width: 18px;
        height: 11px;
        background: url('../../img/prev_arrow.svg') no-repeat center center / contain;
        flex-shrink: 0;
        margin-right: 12px;
      }

.newsSingle .singlePrevNext .next{
      letter-spacing: .1em;
      background: #fff;
      justify-content: flex-end;
      padding-right: 24px;
    }

.newsSingle .singlePrevNext .next::after{
        content: '';
        width: 18px;
        height: 11px;
        background: url('../../img/prev_arrow.svg') no-repeat center center / contain;
        flex-shrink: 0;
        margin-left: 12px;
        rotate:180deg;
      }

/* ==========================================================================
   ニュース一覧
========================================================================== */

.newsArchive .pageHeader{
    margin-bottom: 70px;
  }

.newsArchive .newsRow{
    max-width: 1000px;
    margin: 0 auto;
  }

.newsArchive .pagenation{
    margin-top: 50px;
  }

.newsPostBox{
  background-color: #fff;
  background-image : linear-gradient(to right, #707070 2px, transparent 2px);
  background-image : linear-gradient(to right, var(--color-gray2) 2px, transparent 2px);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}

.newsPostBox a{
    padding-left:25px;
    display: grid;
    grid-template-columns: 84px 1fr 150px;
    gap:0 25px;
  }

.newsPostBox .dateCal{
    grid-column: 1;
    align-self: center;
  }

.newsPostBox .title{
    grid-column: 2;
    align-self: center;
    font-size: 1.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align:left;
  }

.newsPostBox .tm{
    grid-column: 3;
  }

.newsPostBox:nth-child(even){
  background-color: #F9F9F9;
  background-color: var(--color-gray);
}

/* ==========================================================================
   home page
========================================================================== */

.home .container{
    grid-template-rows: 0 1fr auto auto;
  }

.home .header{
    background: transparent;
  }

.home .header .siteTitle svg .cls-1{
          fill:#fff;
        }

.home .header .gNav ul a{
          color: #fff;
          transition: color .2s linear;
        }

.home .header .gNav .reservationLinkPC{
        background: #fff;
        color: #111111;
        color: var(--color-black1);
        transition: background-color .2s linear, color .2s linear;;
      }

.home .fixHeader{
    background: #F9F9F9;
    background: var(--color-gray);
  }

.home .fixHeader .siteTitle svg .cls-1{
          fill:#111111;
          fill:var(--color-black1);
        }

.home .fixHeader .gNav ul a{
          color: #111111;
          color: var(--color-black1);
        }

.home .fixHeader .gNav .reservationLinkPC{
        background: #111111;
        background: var(--color-black1);
        color: #fff;
      }

.homePage .homeMvSlide{
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }

.homePage .homeMvSlide .swiper{
      grid-column: 1;
      grid-row: 1;
      z-index: 1;
      width: 100%;
    }

.homePage .homeMvSlide .swiper .swiper-slide{
        height: 100dvh;
        min-height: 600px;
      }

.homePage .homeMvSlide .swiper .swiper-slide picture{
          display: contents;
        }

.homePage .homeMvSlide .swiper .swiper-slide img{
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
        }

.homePage .homeMvSlide .swiper-pagination{
      position: static;
      margin-bottom: 35px;
      grid-column: 1;
      grid-row: 1;
      z-index: 2;
      justify-self: center;
      align-self: end;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: row wrap;
      gap:10px;
    }

.homePage .homeMvSlide .swiper-pagination .swiper-pagination-bullet{
        width: 13px;
        height: 13px;
        border: 1px solid #707070;
        border: 1px solid var(--color-gray2);
        border-radius: 50%;
        background: #fff;
        margin: 0;
        opacity: 1;
      }

.homePage .homeMvSlide .swiper-pagination .swiper-pagination-bullet-active{
        background: #111111;
        background: var(--color-black1);
      }

.homePage .homeMvSlide .catch{
      grid-column: 1;
      grid-row: 1;
      z-index: 2;
      justify-self: center;
      align-self: center;
    }

.homePage .homeMvSlide .catch svg{
        display: block;
      }

.homePage .homeMvSlide .catch path{
        -webkit-backdrop-filter: blur(30px);
                backdrop-filter: blur(30px);
        fill: rgba(255, 255, 255, 0.3);
      }

.homePage .homeMvSlide .catch span{
        display: block;
        text-align: center;
        font-size: 1.8rem;
        letter-spacing: 1em;
        line-height: 1;
        color: #fff;
        margin-top: 30px;
        padding-left: 1em;
      }

.homePage .secTitle{
    width: min(calc(100% - 40px),1150px);
    margin:0 auto 70px;
		font-size: 2.6rem;
		font-weight: 700;
		padding-left: 24px;
		border-left: 1px solid #707070;
		border-left: 1px solid var(--color-gray2);
    height: 36px;
  }

.homePage .secTitle >span{
      margin-top: .2em;
      display: inline-block;
    }

.homePage .about{
    margin-top: 102px;
  }

.homePage .about .aboutBox{
			width: min(100%,1400px);
			margin: 0 auto;
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto;
		}

.homePage .about .aboutBox .imgBox{
				grid-column: 1;
				grid-row: 1;
				z-index: 1;
			}

.homePage .about .aboutBox .textBox{
				grid-column: 1;
				grid-row: 1;
				z-index: 2;
				margin-top: 310px;
				background: #fff;
				width: 700px;
        min-height: 300px;
				padding: 40px 125px;
				box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.16);
        display: flex;
        justify-content: center;
        flex-flow: column;
			}

.homePage .about .aboutBox .textBox h2{
          margin-bottom: 14px;
          font-size: 2.6rem;
          font-weight: 700;
          padding-left: 24px;
          border-left: 1px solid #707070;
          border-left: 1px solid var(--color-gray2);
          line-height: 1.39;
        }

.homePage .about .aboutBox .textBox p{
          font-size: 1.5rem;
          line-height: 2;
        }

.homePage .about .aboutBox2 .imgBox{
				justify-self: end;
			}

.homePage .about .aboutBox2 .textBox{
        justify-self: end;
      }

.homePage .whiteWall{
    margin-top: 100px;
    background: #fff;
  }

.homePage .moreBtn{
    margin: 50px auto 0;
    width: 250px;
    height: 45px;
    font-family: 'Bangla MN', sans-serif;
    font-family: var(--en-font);
    font-weight: 900;
    font-size: 1.4rem;
    letter-spacing: 0.2em;
    border: 1px solid #707070;
    border: 1px solid var(--color-gray2);
    display: flex;
    align-items: center;
    padding: 0 18px 0 21px;
    font-family: "futura-pt",sans-serif;
  }

.homePage .moreBtn::before{
      content: '';
      width: 20px;
      height: 20px;
      background: url('../../img/more_btn_icon.svg') no-repeat center center / contain;
      flex-shrink: 0;
      margin-right: 35px;
    }

.homePage .moreBtn::after{
      content: '';
      width: 14px;
      height: 8px;
      background: url('../../img/more_btn_arrow.svg') no-repeat center center / contain;
      flex-shrink: 0;
      margin: 0 0 0 auto;
    }

.homePage .news{
    width: min(calc(100% - 40px),1150px);
    margin: 0 auto;
    background:#fff;
    padding-top: 100px;
  }

.homePage .news >h2{
      margin-bottom: 70px;
    }

.homePage .news .newsRow{
      max-width: 1000px;
      margin: 0 auto;
    }

.homePage .news .newsPostBox:nth-child(odd){
      background-color: #F9F9F9;
      background-color: var(--color-gray);
    }

.homePage .news .newsPostBox:nth-child(even){
      background-color: #fff;
    }

.homePage .homeSlide{
    position: relative;
  }

.homePage .homeSlide .swiperParts{
      position: absolute;
      top: -58px;
      right: 0;
    }

.homePage .homeSlide .swiperParts .swiper-pagination{
        gap:10px;
      }

.homePage .style{
    padding-top: 100px;
  }

.homePage .style .homeStyleSlide{
      max-width: 1200px;
      margin:0 auto;
    }

.homePage .staff{
    padding-top: 100px;
  }

.homePage .staff .homeStaffSlide{
      width: min(calc(100% - 40px),1290px);
      margin:0 auto;
    }

.homePage .staff .homeStaffSlide .swiper{
        padding-bottom: 1px;
      }

.homePage .staff .staffBox{
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 560px;
    }

.homePage .staff .staffBox .imgBox{
        grid-column: 1;
        grid-row: 1;
        z-index: 1;
      }

.homePage .staff .staffBox .textBox{
        grid-column: 1;
        grid-row: 1;
        z-index: 2;
        justify-self: center;
        align-self: end;
        max-width: 270px;
        min-height: 230px;
        background: #fff;
        padding: 22px 10px 22px 20px;
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
      }

.homePage .staff .staffBox .textBox >header{
          display: grid;
          grid-template-columns: 1fr auto;
          grid-template-rows: auto;
          gap:0 5px;
          line-height: 1.34;
          margin-bottom: 10px;
          padding-right: 20px;
        }

.homePage .staff .staffBox .textBox >header .nameBox{
            grid-column: 1;
            grid-row: 1;
            align-self: center;
            padding-left: 24px;
            border-left: 1px solid #707070;
            border-left: 1px solid var(--color-gray2);
          }

.homePage .staff .staffBox .textBox >header .nameBox .name{
              font-size: 1.8rem;
              letter-spacing: .5em;
              font-weight: 700;
            }

.homePage .staff .staffBox .textBox >header .nameBox .en{
              font-size: 1.2rem;
              font-weight: 300;
              letter-spacing: .3em;
              margin-top: .1em;
            }

.homePage .staff .staffBox .textBox >header .instagram{
            grid-column: 2;
            grid-row: 1;
            align-self: center;
          }

.homePage .staff .staffBox .textBox .textScrollBox{
          height: 140px;
          overflow-y: auto;
          padding-right: 15px;
          line-height: 1.57;
          font-weight: 300;
        }

.homePage .staff .staffBox .textBox .textScrollBox::-webkit-scrollbar{
            width: 1px;
            background: #D0CECE;
            background: var(--color-gray3);
          }

.homePage .staff .staffBox .textBox .textScrollBox::-webkit-scrollbar-thumb{
            background-color: #707070;
            background-color: var(--color-gray2);
          }

.homePage .staff .staffBox .textBox .textScrollBox >* + *{
            margin-top: 10px;
          }

.homePage .instagramGallery{
    padding-top: 100px;
  }

.homePage .instagramGallery .instaInner{
      width: min(calc(100% - 40px),1197px);
      margin:0 auto;
    }

.homePage .instagramGallery .instagramLink{
      background: #F3F3F3;
      height: 50px;
      border-radius: 3px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

.homePage .instagramGallery .instagramLink img{
        width: 25px;;
      }

.homePage .instagramGallery .follow{
      background: #F3F3F3;
      height: 50px;
      border-radius: 3px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 1.7rem;
      font-weight: 600;
    }

.homePage .mainCta{
    margin-top: 100px;
  }

.homePage .shopInfo{
    margin-top: 102px;
    display: grid;
    grid-template-columns: 1fr 595px 595px 1fr;
    grid-template-rows: auto 1fr;
  }

.homePage .shopInfo::after{
      content: '';
      grid-column: 4;
      grid-row: 2;
      background: #222222;
      background: var(--color-black2);
    }

.homePage .shopInfo .secTitle{
      grid-column: 1 / 5;
      grid-row: 1;
    }

.homePage .shopInfo .info{
      grid-column: 3;
      grid-row: 2;
      min-height: 560px;
      padding: 20px 20px 20px 90px;
      color: #fff;
      font-family: 'Bangla MN','Noto Sans','Noto Sans JP','Noto Sans CJK JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック','游ゴシック体', 'YuGothic M', YuGothic,'メイリオ',Meiryo,sans-serif;
      background: #222222;
      background: var(--color-black2);
      display: flex;
      align-items: center;

    }

.homePage .shopInfo .info a{
        color: #fff;
      }

.homePage .shopInfo .info .fontEn{
        letter-spacing: .2em;
      }

.homePage .shopInfo .info .infoDL{
        display: grid;
        grid-template-columns: 90px 1fr;
        gap:53px 10px;
      }

.homePage .shopInfo .info .infoDL dt{
          font-weight: 400;
          font-size: 1.5rem;
        }

.homePage .shopInfo .info .infoDL dd{
          font-weight: 400;
        }

.homePage .shopInfo .info .infoDL .mapBtn{
          width: 250px;
          height: 45px;
          background: url('../../img/googlemap_btn_bk.svg') no-repeat center center / contain;
          display: grid;
          place-content:center;
          letter-spacing: .2em;
          margin-top: 19px;
          padding-top: .5em;
        }

.homePage .shopInfo .info .infoDL .access{
          margin-top: 16px;
        }

.homePage .shopInfo .info .infoDL .openList li{
            display: grid;
            grid-template-columns: 130px 1fr;
            gap:0 10px;
          }

.homePage .shopInfo .info .infoDL .openList li + li{
            margin-top: 8px;
          }

.homePage .shopInfo .map{
      grid-column: 1 / 3;
      grid-row: 2;
      -moz-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
    }

.homePage .shopInfo .map iframe{
        width: 100%;
        height: 100%;
      }

/* ==========================================================================
   end
========================================================================== */

@media only screen and (max-width: 767px) {
  html{
    font-size: 2.5641vw;
    scroll-padding-top: 20.51282vw;
  }
body {
  min-width: 0;
	width:100%;
}
img{
	width: 100%;
}
.spShow{
	display: inline-block;
}
.pcShow{
	display: none;
}
.container{
	display: grid;
	min-height: 100vh;
	grid-template-columns: 100%;
  grid-template-rows: 20.51282vw 1fr auto auto;
}
/* ==========================================================================
   ヘッダー
========================================================================== */
.header{
  width: 100%;
  min-width: 0;
  height: 20.51282vw;
  padding: 0 5.12821vw 0 3.84615vw;
  grid-template-columns: minmax(auto,51.28205vw) 1fr;
  gap:0 12.82051vw;
}
  .header .siteTitle{
    height: 17.94872vw;
  }
  .header .menuBtn{
    grid-column: 2;
    grid-row: 1;
    width: 9.74359vw;
    justify-self: end;
    align-self: center;
    display: grid;
    justify-content: center;
  }
    .header .menuBtn button{
      line-height: 1;
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto auto 1fr;
      gap: 1.79487vw 0;
      font-size: 1.4rem;
      font-weight: 500;
      color: #111111;
      color: var(--color-black1);
    }
      .header .menuBtn button .line{
        justify-self: center;
        background: #111111;
        background: var(--color-black1);
        width: 100%;
        height: 0.25641vw;
        transition: rotate .2s linear;
      }
    .header .menuBtn .menuBtnOpen{
      gap:0;
    }
      .header .menuBtn .menuBtnOpen .line{
        background: #fff;
      }
      .header .menuBtn .menuBtnOpen .line1{
        grid-row: 1;
        transform-origin: left;
        rotate: 15deg;
      }
      .header .menuBtn .menuBtnOpen .line2{
        grid-row: 2;
        transform-origin: left;
        margin-top: 2.5641vw;
        rotate: -15deg;
      }
      .header .menuBtn .menuBtnOpen .name{
        grid-row: 3;
        color: #fff;
        margin-top: 1.28205vw;
      }
.header:has(.menuBtnOpen){
  background: #222222;
  background: var(--color-black2);
}
      .header:has(.menuBtnOpen) .siteTitle svg .cls-1{
        fill:#fff;
      }
.fixHeader{
  background: #fff;
}
/* ==========================================================================
   gNav
========================================================================== */
.gNav{
  display: none;
  position: fixed;
  top: 20.51282vw;
  left: 0;
  width: 100vw;
  height: calc(100dvh - 20.51282vw);
  background: #111111;
  background: var(--color-black1);
  padding: 25.64103vw 7.69231vw 7.69231vw;
  overflow-y: auto;
  overscroll-behavior-y: none;
  color: #fff;
}
  .gNav a{
    color: #fff;
  }
  .gNav ul{
    flex-flow: column;
    align-items: flex-start;
    gap:8.97436vw 0;
    font-size: 1.6rem;
    line-height: 1;
  }
      .gNav ul .homeLink a{
        display: inline;
      }
      .gNav ul .homeLink img{
        width: 7.69231vw;
      }
  .gNav .reservationLinkPC{
    display: none;
  }
  .gNav .reservationLinkSP{
    margin-top: 12.82051vw;
    width: 84.61538vw;
    height: 28.20513vw;
    border-radius: 0.76923vw;
    background: #fff;
    display: flex;
    align-items: center;
    color: #111111;
    color: var(--color-black1);
    padding: 2.5641vw;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.33;
  }
    .gNav .reservationLinkSP:hover{
      opacity: 1;
    }
    .gNav .reservationLinkSP::before{
      content: '';
      background: url('../../img/reservation_icon.svg') no-repeat center center / contain;
      width: 23.07692vw;
      height: 23.07692vw;
      flex-shrink: 0;
      margin-right: 8.20513vw;
    }
    .gNav .reservationLinkSP::after{
      content: '';
      background: url('../../img/othe_tab_black.svg') no-repeat center center / contain;
      width: 4.61538vw;
      height: 4.61538vw;
      flex-shrink: 0;
      margin-left: 5.64103vw;
    }
.navOpen{
  display: block;
  animation: menuFadeIn .3s 1 0s linear forwards;
}
.navClose{
  animation: menuFadeOut .2s 1 0s linear forwards;
}
/* ==========================================================================
   footer
========================================================================== */
.footer{
  padding: 8.97436vw 12.82051vw 1.28205vw;
}
  .footer .footerInner{
    width: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr;
    gap:20px;
  }
  .footer .footereLogo{
    grid-column: 1;
    grid-row: 2;
    max-width: 76.92308vw;
    margin: 15.38462vw auto 0;
  }
  .footer .pageLink{
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
    gap: 0 18.46154vw;
  }
    .footer .pageLink ul{
      flex-flow: column;
      justify-content: flex-start;
      gap:4.35897vw 0;
    }
  .footer .sns{
    grid-column: 1;
    grid-row: 3;
    margin-top: 17.94872vw;
    justify-content: center;
    gap:0 7.69231vw;
  }
    .footer .sns .instagram{
      width: 4.87179vw;
    }
    .footer .sns .x{
      width: 4.87179vw;
    }
    .footer .sns .tiktok{
      width: 4.35897vw;
    }
    .footer .sns .youtube{
      width: 4.10256vw;
    }
    .footer .sns .facebok{
      width: 2.5641vw;
    }
    .footer .sns .note{
      width: 9.48718vw;
    }
  .footer .copyright{
    grid-column: 1;
    grid-row: 4;
    margin-top: 17.94872vw;
    text-align: center;
  }
/* ==========================================================================
   mainCta
========================================================================== */
.mainCta{
  background: url('../../img/sp_cta_bk.jpg') no-repeat center center / cover;
  height: 123.07692vw;
  padding-top: 26.15385vw;
}
  .mainCta >h2{
    max-width: 92.30769vw;
    margin: 0 auto 12.5641vw;
    height: 9.23077vw;
  }
    .mainCta >h2::before{
      width: 0.25641vw;
      height: 100%;
      margin-right: 6.15385vw;
    }
  .mainCta .reservationLink{
    max-width: 92.30769vw;
    height: 33.33333vw;
    justify-content: flex-start;
    padding: 0 0 0 2.5641vw;
    border-radius: 0.76923vw;
  }
    .mainCta .reservationLink:hover{
      opacity: 1;
    }
      .mainCta .reservationLink:hover span{
        opacity: .7;
      }
      .mainCta .reservationLink:hover::before,.mainCta .reservationLink:hover::after{
        opacity: .7;
      }
    .mainCta .reservationLink::before{
      width: 28.20513vw;
      height: 28.20513vw;
      flex-shrink: 0;
      margin-right: 7.69231vw;
    }
    .mainCta .reservationLink::after{
      width: 4.61538vw;
      height: 4.61538vw;
      flex-shrink: 0;
      margin-left: 8.71795vw;
    }
/* ==========================================================================
   スタッフ
========================================================================== */
  .staffArchive .pageHeader{
    margin-bottom: 12.82051vw;
  }
    .staffArchive .pageHeader .pageTitle{
      margin: 0;
    }
    .staffArchive .pageHeader .staffList{
      display: none;
    }
  .staffArchive .staffRow{
    max-width: 94.87179vw;
  }
  .staffArchive .staffBox{
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
  }
    .staffArchive .staffBox .profile{
      grid-column: 1;
      grid-row: 2;
      justify-self: center;
      margin-top: 5.12821vw;
      width: 89.74359vw;
      height: 124.35897vw;
      background: #fff;
      padding: 7.69231vw 3.84615vw 7.69231vw 7.69231vw;
    }
      .staffArchive .staffBox .profile >header{
        padding-left: 6.15385vw;
        border-left: 0.25641vw solid #707070;
        border-left: 0.25641vw solid var(--color-gray2);
        padding-right: 3.84615vw;
        margin-bottom: 5.12821vw;
        gap:0 1em;
      }
        .staffArchive .staffBox .profile >header .instagram{
          width: 5.64103vw;
        }
      .staffArchive .staffBox .profile .textScrollBox{
        height: 91.79487vw;
        padding-right: 3.84615vw;
      }
        .staffArchive .staffBox .profile .textScrollBox::-webkit-scrollbar{
          width: 0.51282vw;
        }
        .staffArchive .staffBox .profile .textScrollBox >* + *{
          margin-top: 5.12821vw;
        }
        .staffArchive .staffBox .profile .profSec h2{
          margin-bottom: 2.30769vw;
        }
    .staffArchive .staffBox .slideWall{
      grid-column: 1;
      grid-row: 1;
      z-index: 1;
      width: 100%;
    }
      .staffArchive .staffBox .slideWall .swiperParts{
        margin-top: 5.12821vw;
      }
    .staffArchive .staffBox:nth-child(even) .profile{
      justify-self: center;
    }
    .staffArchive .staffBox:nth-child(even) .slideWall{
      justify-self: center;
    }
  .staffArchive .staffBox + .staffBox{
    margin-top: 12.82051vw;
  }
/* ==========================================================================
   スタイルギャラリー
========================================================================== */
  .styleGalleryArchive .pageHeader{
    margin-bottom: 7.69231vw;
  }
  .styleGalleryArchive .galleryList{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
    .styleGalleryArchive .galleryList li{
      border-radius: 0.76923vw;
    }
      .styleGalleryArchive .galleryList li .textBoxBk{
        display: none;
      }
      .styleGalleryArchive .galleryList li .textBox{
        display: none;
      }
  .styleGalleryArchive .pagenation{
    margin-top: 12.82051vw;
  }
/* ==========================================================================
   MENU & PRICE
========================================================================== */
  .menu-pricePage .main{
    max-width: 92.30769vw;
    margin: 12.82051vw auto 0;
    display: grid;
    grid-template-columns: 100%;
    gap:12.82051vw 0;
  }
    .menu-pricePage .menuPriceSec >h2{
      flex-flow: row wrap;
      padding-bottom: 1.28205vw;
      border-bottom: 0.25641vw solid #707070;
      border-bottom: 0.25641vw solid var(--color-gray2);
      gap:1.28205vw 3.84615vw;
      margin-bottom: 5.12821vw;
    }
    .menu-pricePage .menuPriceSec >dl{
      margin-top: 5.12821vw;
      grid-template-columns: 100%;
    }
      .menu-pricePage .menuPriceSec >dl dt{
        grid-column: 1;
        grid-row: 1;
      }
      .menu-pricePage .menuPriceSec >dl .price{
        grid-column: 1;
        grid-row: 3;
        align-self: start;
        justify-self: end;
        margin-top: 2.5641vw;
      }
      .menu-pricePage .menuPriceSec >dl .description{
        grid-column: 1;
        grid-row: 2;
        margin-top: 1.79487vw;
        max-width: none;
      }
    .menu-pricePage .menuPriceSec >dl + dl{
      margin-top: 5.12821vw;
    }
    .menu-pricePage .menuPriceSec .pcm{
      margin-bottom: 7.4359vw;
    }
    .menu-pricePage .menuPriceSec .notice{
      margin-top: 5.12821vw;
    }
  .menu-pricePage .menuPriceSec + .menuPriceSec{
    margin-top: 12.82051vw;
  }
  .menu-pricePage .endText{
    margin-top: 0;
  }

/* ==========================================================================
   ニュース詳細
========================================================================== */
  .newsSingle .pageHeader{
    margin-bottom: 12.82051vw;
  }
  .newsSingle .postContent{
    max-width: 92.30769vw;
    padding: 9.23077vw 3.84615vw 12.82051vw;
  }
      .newsSingle .postContent .newsPostHeader >h2{
        line-height: 1.18;
      }
    .newsSingle .postContent .singleEdit{
      margin: 12.82051vw 0 0 0;
      max-width: none;
    }
  .newsSingle .singlePrevNext{
    margin-top: 12.82051vw;
    gap:0 10.25641vw;
  }
    .newsSingle .singlePrevNext .linkBox{
      width: 24.10256vw;
      height: 12.82051vw;
    }
      .newsSingle .singlePrevNext .linkBox a{
        border-radius: 0.76923vw;
        border: 0.25641vw solid #d1d1d1;
        font-weight: 400;
      }
    .newsSingle .singlePrevNext .prev{
      padding-left: 3.07692vw;
    }
      .newsSingle .singlePrevNext .prev::before{
        width: 4.61538vw;
        height: 2.82051vw;
        margin-right: 2.30769vw;
      }
    .newsSingle .singlePrevNext .next{
      padding-right: 3.07692vw;
    }
      .newsSingle .singlePrevNext .next::after{
        width: 4.61538vw;
        height: 2.82051vw;
        margin-left: 2.30769vw;
      }
/* ==========================================================================
   ニュース一覧
========================================================================== */
  .newsArchive .pageHeader{
    margin-bottom: 12.5641vw;
  }
      .newsArchive .pageHeader .newsCatList .catList{
        justify-content: center;
      }
          .newsArchive .pageHeader .newsCatList .catList li:not(:last-child)::after{
            margin: 0 1em;
          }
  .newsArchive .newsRow{
    max-width: 92.30769vw;
  }
  .newsArchive .pagenation{
    margin-top: 12.82051vw;
  }
.newsPostBox{
  background-image : linear-gradient(to right, #707070 0.51282vw, transparent 0.51282vw);
  background-image : linear-gradient(to right, var(--color-gray2) 0.51282vw, transparent 0.51282vw);
  background-size: 1.28205vw 0.25641vw;
}
  .newsPostBox a{
    padding:5.12821vw 1.28205vw;
    display: grid;
    grid-template-columns: 11.79487vw 18.97436vw 1fr;
    gap:0;
  }
  .newsPostBox .dateCal{
    grid-column: 1;
    grid-row: 1;
    border-right: none;
    height: auto;
  }
    .newsPostBox .dateCal .year{
      font-size: 1rem;
      margin-bottom: 1.53846vw;
    }
    .newsPostBox .dateCal .dateBox{
      margin-left: 1.28205vw;
      width: 7.69231vw;
      height: 7.69231vw;
      font-size: 1.8rem;
    }
      .newsPostBox .dateCal .dateBox::after {
        height: 0.25641vw;
      }
  .newsPostBox .title{
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    font-size: 1.5rem;
    margin-left: 2.82051vw;
  }
  .newsPostBox .tm{
    grid-column: 2;
    grid-row: 1;
    margin-left: 1.79487vw;
  }
/* ==========================================================================
   home page
========================================================================== */
  .home .header{
    transition: background-color .4s linear;
  }
        .home .header .siteTitle svg .cls-1{
          fill:#fff;
        }
        .home .header .gNav ul a{
          color: #fff;
          transition: color .2s linear;
        }
      .home .header .menuBtn button{
        color: #fff;
      }
        .home .header .menuBtn button .line{
          background: #fff;
        }
  .home .header:has(.menuBtnOpen){
    background: #222222;
    background: var(--color-black2);
  }
        .home .header:has(.menuBtnOpen) .siteTitle svg .cls-1{
          fill:#fff;
        }
      .home .header:has(.menuBtnOpen) .menuBtn button{
        color: #fff;
      }
        .home .header:has(.menuBtnOpen) .menuBtn button .line{
          background: #fff;
        }
  .home .fixHeader{
    background: #fff;
  }
        .home .fixHeader .siteTitle svg .cls-1{
          fill: #111111;
          fill: var(--color-black1);
        }
        .home .fixHeader .gNav ul a{
          color: #fff;
        }
      .home .fixHeader .menuBtn button{
        color: #111111;
        color: var(--color-black1);
      }
        .home .fixHeader .menuBtn button .line{
          background: #111111;
          background: var(--color-black1);
        }
      .homePage .homeMvSlide .swiper .swiper-slide{
        min-height: 100vw;
      }
    .homePage .homeMvSlide .swiper-pagination{
      margin-bottom: 8.97436vw;
      gap:2.5641vw;
    }
      .homePage .homeMvSlide .swiper-pagination .swiper-pagination-bullet{
        width: 3.33333vw;
        height: 3.33333vw;
        border: 0.25641vw solid #707070;
        border: 0.25641vw solid var(--color-gray2);
      }
    .homePage .homeMvSlide .catch{
      max-width: 80vw;
    }
      .homePage .homeMvSlide .catch svg{
        width: 100%;
        height: auto;
      }
      .homePage .homeMvSlide .catch span{
        margin-top: 2.5641vw;
      }
  .homePage .secTitle{
    width: 92.30769vw;
    margin:0 auto 7.69231vw;
		padding-left: 6.15385vw;
		border-left: 0.25641vw solid #707070;
		border-left: 0.25641vw solid var(--color-gray2);
  }
  .homePage .about{
    margin-top: 12.82051vw;
  }
    .homePage .about .aboutBox{
			width: 100%;
		}
			.homePage .about .aboutBox .textBox{
				margin-top: 25.64103vw;
				width: 89.23077vw;
        min-height: 51.79487vw;
				padding: 6.92308vw;
			}
        .homePage .about .aboutBox .textBox h2{
          margin-bottom: 4.87179vw;
          border-left: none;
          padding-left: 0;
        }
        .homePage .about .aboutBox .textBox p{
          font-size: 1.4rem;
          line-height: 1.78;
        }
    .homePage .about .aboutBox + .aboutBox{
      margin-top: 12.82051vw;
    }
  .homePage .whiteWall{
    margin-top: 17.94872vw;
  }
  .homePage .moreBtn{
    margin: 7.69231vw auto 0;
    width: 64.10256vw;
    height: 11.53846vw;
    border: 0.25641vw solid #707070;
    border: 0.25641vw solid var(--color-gray2);
    padding: 0 4.61538vw 0 5.38462vw;
  }
    .homePage .moreBtn::before{
      width: 5.12821vw;
      height: 5.12821vw;
      margin-right: 8.97436vw;
    }
    .homePage .moreBtn::after{
      width: 3.58974vw;
      height: 2.05128vw;
      margin: 0 0 0 auto;
    }
  .homePage .news{
    width: 92.30769vw;
    padding-top: 17.94872vw;
  }
    .homePage .news >h2{
      margin-bottom: 7.69231vw;
    }
    .homePage .news .newsRow{
      max-width: 92.30769vw;
    }
    .homePage .news .newsPostBox:nth-child(odd){
      background-color: #fff;
    }
    .homePage .news .newsPostBox:nth-child(even){
      background-color: #fff;
    }
    .homePage .homeSlide .swiperParts{
      margin-top: 5.12821vw;
      position: static;
      justify-content: center;
    }
      .homePage .homeSlide .swiperParts .swiper-pagination{
        gap:2.5641vw;
      }
  .homePage .style{
    padding-top: 17.94872vw;
  }
    .homePage .style .homeStyleSlide{
      max-width: 100%;
      margin:0 auto;
    }
      .homePage .style .homeStyleSlide .swiper{
        height: 133.33333vw;
      }
      .homePage .style .homeStyleSlide .swiper-slide{
        height: 66.66667vw !important;
      }
  .homePage .staff{
    padding-top: 17.94872vw;
  }
    .homePage .staff .homeStaffSlide{
      width: 100%;
    }
      .homePage .staff .homeStaffSlide .swiper{
        height: 261.28205vw;
        padding-bottom: 0.25641vw;
      }
      .homePage .staff .homeStaffSlide .swiper-slide{
        height: 127.94872vw !important;
      }
    .homePage .staff .staffBox{
      grid-template-rows: 127.94872vw;
    }
      .homePage .staff .staffBox .textBox{
        justify-self: center;
        align-self: end;
        max-width: 44.87179vw;
        min-height: 71.53846vw;
        padding: 5.64103vw 2.5641vw 5.12821vw 3.84615vw;
        box-shadow: 0px 0.25641vw 0.25641vw rgba(0, 0, 0, 0.16);
      }
        .homePage .staff .staffBox .textBox >header{
          display: block;
          margin-bottom: 2.5641vw;
          padding-right: 0;
        }
          .homePage .staff .staffBox .textBox >header .nameBox{
            padding-left: 3.07692vw;
            border-left: 0.25641vw solid #707070;
            border-left: 0.25641vw solid var(--color-gray2);
          }
            .homePage .staff .staffBox .textBox >header .nameBox .name{
              letter-spacing: .05em;
            }
            .homePage .staff .staffBox .textBox >header .nameBox .en{
              letter-spacing: .05em;
            }
        .homePage .staff .staffBox .textBox .textScrollBox{
          height: 46.15385vw;
          overflow-y: auto;
          padding-right: 3.07692vw;
          line-height: 1.69;
          font-size: 1.3rem;
        }
          .homePage .staff .staffBox .textBox .textScrollBox::-webkit-scrollbar{
            width: 0.51282vw;
            background: #D0CECE;
            background: var(--color-gray3);
          }
          .homePage .staff .staffBox .textBox .textScrollBox .instagram{
            width: 5.64103vw;
            display: block;
          }
          .homePage .staff .staffBox .textBox .textScrollBox >* + *{
            margin-top: 2.5641vw;
          }
    .homePage .staff .swiper-slide:nth-child(odd){
      margin-bottom: 5.12821vw
    }
  .homePage .instagramGallery{
    padding-top: 17.94872vw;
  }
    .homePage .instagramGallery .instaInner{
      width: 100%;
      margin:0 auto;
    }
    .homePage .instagramGallery .instagramLink{
      height: 12.82051vw;
      border-radius: 0.76923vw;
    }
      .homePage .instagramGallery .instagramLink img{
        width: 6.41026vw;
      }
    .homePage .instagramGallery .follow{
      height: 12.82051vw;
      border-radius: 0.76923vw;
    }
  .homePage .mainCta{
    margin-top: 17.94872vw;
  }
  .homePage .shopInfo{
    margin-top: 17.94872vw;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr;
  }
    .homePage .shopInfo::after{
      display: none;
    }
    .homePage .shopInfo .secTitle{
      grid-column: 1;
      grid-row: 1;
      width: 92.30769vw;
    }
    .homePage .shopInfo .info{
      grid-column: 1;
      grid-row: 3;
      min-height: 0;
      padding: 25.12821vw 7.4359vw 25.12821vw 5.12821vw;

    }
      .homePage .shopInfo .info .infoDL{
        grid-template-columns: 17.94872vw 1fr;
        gap:13.58974vw 2.5641vw;
      }
        .homePage .shopInfo .info .infoDL .mapBtn{
          width: 64.10256vw;
          height: 11.53846vw;
          margin-top: 4.87179vw;
        }
        .homePage .shopInfo .info .infoDL .access{
          margin-top: 4.10256vw;
        }
          .homePage .shopInfo .info .infoDL .openList li{
            grid-template-columns: 33.33333vw 1fr;
            gap:0 2.5641vw;
          }
          .homePage .shopInfo .info .infoDL .openList li + li{
            margin-top: 2.05128vw;
          }
    .homePage .shopInfo .map{
      grid-column: 1;
      grid-row: 2;
      height: 123.07692vw;
    }
/*end*/
}