@charset "UTF-8";

body {
  font-family: "Noto Serif JP", serif;
  padding: 0;
  margin: 0;
}

.p_index {}

.p_index main {
  overflow: hidden;
}

/* =========================
      KVスライド関連
    ========================= */
.kv {
  /* 下側を楕円形に切り抜く設定 */
  /* clip-path: ellipse(100% 100% at 50% 0%); */
}

.carousel {
  position: relative;
  width: 100%;
}

.viewport {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  height: 90vh;
}

.track {
  display: flex;
  height: 100%;
  will-change: transform;
}

.slide {
  position: relative;
  flex: 0 0 100%;
  height: 100vh;
  overflow: hidden;
  object-fit: cover;

}

/* フェイド用（JSで absolute に切替） */
.track.fade .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease;
  pointer-events: none;
  z-index: 1;
  height: 100%;
}

.track.fade .slide.is-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 2;
}

.slide a {
  position: absolute;
  inset: 0;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  border: none;
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  /*  */
  /* display: none; */
  /*  */
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.prev.is-disabled,
.next.is-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.carousel-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
  /*  */
  /* display: none; */
  /*  */
}

.carousel-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.carousel-dots button.is-active {
  background: #fff;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition: transform 0.5s ease-out;
  /* クラスが外れて戻る時の動きを滑らかに */
}

/* クラスが付いている間だけ拡大する */
.slide.effect-keep img {
  transform: scale(1.1);
  transition: transform 10s linear;
  /* 6秒かけて1.15倍へ */
}


@media (max-width: 750px) {
  .kv {
    clip-path: ellipse(140vw 100% at 50% 0%);
    min-height: 100vh;
  }
}

/*============================
　共通
============================*/

.section_header {
  display: inline-block;
  margin-inline: auto;
  text-align: center;
}

.section_header>h2 {
  color: var(--base_color);
  font-family: "perpetua", serif;
  font-size: clamp(calc(1.75rem * 1), calc(-0.269rem * 1 + 4.308vw), calc(3.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：28px ～ 56px */
  ;
  text-align: center;
}

.section_header>p {
  color: var(--sub_color);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(calc(0.375rem * 1), calc(-0.058rem * 1 + 0.923vw), calc(0.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：6px ～ 12px */
  ;
  text-align: center;
  margin-bottom: clamp(calc(0.781rem * 1), calc(-0.12rem * 1 + 1.923vw), calc(1.563rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：12.5px ～ 25px */
  ;
}

/*  */
.button_link_outer.vertical {
  display: inline-flex;
  flex-direction: column;
  margin-inline: auto;
}

.button_link {
  display: inline-block;
  position: relative;
}

.button_link>a {
  display: inline-flex;
  align-items: center;
  gap: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  padding-block: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  /* border-bottom: 1px solid var(--base_color); */
  font-size: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  color: var(--base_color);
}

/* 
.button_link>a::after {
  content: "";
  background-image: url(../image/icon_linkarrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: clamp(calc(1.031rem * 1), calc(-0.158rem * 1 + 2.538vw), calc(2.063rem * 1))
  ;
  aspect-ratio: 1/.4;
  transition: transform 0.3s ease;
}

.button_link>a:hover:after {
  transform: translate(-10px, 0);
} */



.button_link:before,
.button_link:after {
  content: "";
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid #968490;
  transition: width .6s cubic-bezier(0.32, 0.95, 0.6, 1)
}

.button_link:before {
  width: 0;
  right: 0
}

.button_link:after {
  width: 100%;
  left: 0
}

.button_link:hover {
  color: #4b3a45
}

.button_link:hover .ico_arw path {
  transition: stroke-dashoffset 2.4s cubic-bezier(0.32, 0.95, 0.6, 1);
  stroke-dashoffset: -48px
}

.button_link:hover:before {
  width: 100%;
  left: 0;
  right: auto;
  transition-delay: .8s
}

.button_link:hover:after {
  width: 0;
  right: 0;
  left: auto
}

.button_link .ico_arw {
  width: 32px;
  height: 32px
}

@media screen and (max-width: 1280px) {
  .button_link .ico_arw {
    width: 2.5vw;
    height: 2.5vw
  }
}

@media screen and (max-width: 768px) {
  .button_link .ico_arw {
    width: 6.4vw;
    height: 6.4vw
  }
}

.button_link .ico_arw path {
  stroke-dashoffset: 0;
  stroke-dasharray: 24px
}

.button_link:hover .ico_arw path {
  transition: stroke-dashoffset 2.4s cubic-bezier(0.32, 0.95, 0.6, 1);
  stroke-dashoffset: -48px
}

/*============================
　コンセプト関連
============================*/
.unit_conceptTop .section_header {
  margin-bottom: clamp(calc(1.563rem * 1), calc(-0.24rem * 1 + 3.846vw), calc(3.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：25px ～ 50px */
  ;
}

.conceptTop_outer {
  position: relative;
  background-image: url(../image/bg_img_concept.webp);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: top;
  padding-top: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
  padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.conceptTop_outer::after {
  content: "";
  width: 100%;
  aspect-ratio: 1/.5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(../image/bg_img_conceptTop_bottom.webp);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  pointer-events: none;
}

/*  */
.conceptTop_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.conceptTop_topBox {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.conceptTop_header {
  margin-top: clamp(calc(5.313rem * 1), calc(-0.817rem * 1 + 13.077vw), calc(10.625rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：85px ～ 170px */
  ;
  margin-bottom: clamp(calc(2.031rem * 1), calc(-0.312rem * 1 + 5vw), calc(4.063rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：32.5px ～ 65px */
  ;
}

.conceptTop_header h2 {
  text-align: center;
  font-size: clamp(calc(0.938rem * 1), calc(-0.505rem * 1 + 3.077vw), calc(2.188rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：15px ～ 35px */
  ;
  font-weight: 400;
  line-height: 1.714285714;
}

.conceptTop_topBox_cap {
  margin-bottom: clamp(calc(3.438rem * 1), calc(-0.529rem * 1 + 8.462vw), calc(6.875rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：55px ～ 110px */
  ;
  text-align: center;
  line-height: 2.777777778;
  font-size: clamp(calc(0.563rem * 1), calc(-0.231rem * 1 + 1.692vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：9px ～ 20px */
  ;
}

@media screen and (max-width: 750px) {

  .p_conceptTop main {
    background-image: url(../image/bg_img_concept_sp.webp);
  }

  .conceptTop_header h2 {
    line-height: 1.666666667;
  }

}

.conceptTop_caption {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.conceptTop_caption p {
  font-size: clamp(calc(0.563rem * 1), calc(-0.087rem * 1 + 1.385vw), calc(1.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：9px ～ 18px */
  ;
  line-height: 2.78;
  display: inline-block;
  margin-inline: auto;
  margin-top: clamp(calc(2.188rem * 1), calc(-0.337rem * 1 + 5.385vw), calc(4.375rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：35px ～ 70px */
  ;
  text-align: center;
}

.conceptTop_caption p:nth-of-type(1) {
  margin-top: 0;
}

.conceptTop_artwork.first {
  text-align: center;
  margin-top: clamp(calc(1.563rem * 1), calc(-0.24rem * 1 + 3.846vw), calc(3.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：25px ～ 50px */
  ;
  margin-bottom: clamp(calc(0.938rem * 1), calc(-0.151rem * 1 + 2.323vw), calc(1.881rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：15px ～ 30.1px */
  ;
}

.conceptTop_artwork.first img {
  width: clamp(calc(17.188rem * 1), calc(-2.644rem * 1 + 42.308vw), calc(34.375rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：275px ～ 550px */
  ;
}

/*  */
.conceptTop_topvisual {
  position: relative;
  width: 100%;
  aspect-ratio: 1/.4;
  z-index: 1;
  margin-top: clamp(calc(2.5rem * 1), calc(-0.385rem * 1 + 6.154vw), calc(5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：40px ～ 80px */
  ;
  margin-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.topvisual_img {
  position: absolute;
  left: 50%;
}

.topvisual_img.n01 {
  top: 0;
  z-index: 2;
  transform: translate(-120%, 0);
}

.topvisual_img.n01 img {
  width: clamp(calc(6.875rem * 1), calc(-1.058rem * 1 + 16.923vw), calc(13.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：110px ～ 220px */
  ;
}

.topvisual_img.n02 {
  top: 0;
  transform: translate(0, 0);
  z-index: 1;
}

.topvisual_img.n02 img {
  width: clamp(calc(6.563rem * 1), calc(-1.01rem * 1 + 16.154vw), calc(13.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：105px ～ 210px */
  ;
}

.topvisual_img.n03 {
  top: 25%;
  transform: translate(110%, 0);
  z-index: 1;
}

.topvisual_img.n03 img {
  width: clamp(calc(6.875rem * 1), calc(-1.058rem * 1 + 16.923vw), calc(13.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：110px ～ 220px */
  ;
}

.topvisual_img.n04 {
  top: 30%;
  transform: translate(-140%, 0);
  z-index: 1;
}

.topvisual_img.n04 img {
  width: clamp(calc(13.438rem * 1), calc(-2.067rem * 1 + 33.077vw), calc(26.875rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：215px ～ 430px */
  ;
}

.topvisual_img.n05 {
  top: 65%;
  transform: translate(-100%, 0);
  z-index: 1;
}

.topvisual_img.n05 img {
  width: clamp(calc(4.063rem * 1), calc(-0.625rem * 1 + 10vw), calc(8.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：65px ～ 130px */
  ;
}

.topvisual_txt {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-10%, -20%);
  z-index: 10;
}

.topvisual_txt p {
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0.08em;
  white-space: nowrap;
  font-size: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;

  line-height: 1.6;
  margin-top: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  color: var(--base_color);
}

.topvisual_txt p:nth-of-type(1) {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .conceptTop_topvisual {
    min-height: 400px;
    width: 100%;
    aspect-ratio: initial;
  }

  .conceptTop_artwork.first {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
  }

  .topvisual_img {
    left: initial;
  }

  .topvisual_img.n01 {
    top: 20%;
    right: 0;
    z-index: 2;
    transform: translate(0%, 0);
  }

  .topvisual_img.n01 img {}

  .topvisual_img.n02 {
    top: 5%;
    left: 50%;
    transform: translate(-60%, 0);
    z-index: 1;
  }

  .topvisual_img.n02 img {}

  .topvisual_img.n03 {
    top: 0;
    right: 0;
    transform: translate(0%, 0);
    z-index: 1;
  }

  .topvisual_img.n03 img {}

  .topvisual_img.n04 {
    top: 40%;
    left: 50%;
    transform: translate(-50%, 5%);
    z-index: 1;
  }

  .topvisual_img.n04 img {
    width: 215px;
    max-width: 215px;
  }

  .topvisual_img.n05 {
    top: 20%;
    transform: translate(0%, 0);
    z-index: 1;
  }

  .topvisual_img.n05 img {}

  .topvisual_txt {
    left: 50%;
    right: initial;
    bottom: 0;
    transform: translate(-50%, 5%);
  }

  .topvisual_txt p {
    margin-top: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
      /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  }
}

/*  */

.conceptTop_feature {
  align-items: flex-start;
  gap: 20px;
}

.conceptTop_feature.right {
  margin-top: clamp(calc(3.594rem * 1), calc(-0.553rem * 1 + 8.846vw), calc(7.188rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：57.5px ～ 115px */
  ;
}

.feature_section {
  display: flex;
}

.conceptTop_feature.left .feature_section {
  flex-direction: row-reverse;
}

.conceptTop_feature.right .feature_section {
  flex-direction: row-reverse;
}

.feature_section header {
  display: flex;
  flex-direction: row-reverse;
}

.feature_section header>p {
  font-size: clamp(calc(0.625rem * 1), calc(-0.096rem * 1 + 1.538vw), calc(1.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：10px ～ 20px */
  ;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-left: 1px solid var(--base_color);
  padding-left: clamp(calc(0.469rem * 1), calc(-0.072rem * 1 + 1.154vw), calc(0.938rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：7.5px ～ 15px */
  ;
  margin-left: clamp(calc(0.938rem * 1), calc(-0.144rem * 1 + 2.308vw), calc(1.875rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：15px ～ 30px */
  ;
}

.feature_section header>h3 {
  font-size: clamp(calc(0.938rem * 1), calc(-0.144rem * 1 + 2.308vw), calc(1.875rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：15px ～ 30px */
  ;
  writing-mode: vertical-rl;
  text-orientation: upright;
  margin-left: clamp(calc(1.25rem * 1), calc(-0.192rem * 1 + 3.077vw), calc(2.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：20px ～ 40px */
  ;
}

.feature_section>p {
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: justify;
  font-size: clamp(calc(0.563rem * 1), calc(-0.087rem * 1 + 1.385vw), calc(1.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：9px ～ 18px */
  ;
  line-height: 2.222222222;
}

.feature_section .horizontal-text {
  display: inline-block;
  writing-mode: horizontal-tb;
  white-space: nowrap;
  font-size: inherit;
  line-height: 1.4;
}

.conceptTop_feature .side_area {
  width: 100%;
  max-width: clamp(calc(18.75rem * 1), calc(-2.885rem * 1 + 46.154vw), calc(37.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：300px ～ 600px */
  ;
}

.conceptTop_feature .side_area.noDeco {
  border: none !important;
  border-radius: initial !important;
}

.conceptTop_feature.left .side_area {
  border: 2px solid var(--base_color);
  overflow: hidden;
  border-radius: 0 0 30px 0;
  position: relative;
}

.conceptTop_feature.left .side_area::before {
  content: "01.";
  font-family: "perpetua", serif;
  top: 0;
  right: 0;
  position: absolute;
  font-size: clamp(calc(1.875rem * 1), calc(-0.288rem * 1 + 4.615vw), calc(3.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：30px ～ 60px */
  ;
  color: var(--base_color);
  margin: clamp(calc(0.781rem * 1), calc(-0.12rem * 1 + 1.923vw), calc(1.563rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：12.5px ～ 25px */
  ;
}

.conceptTop_feature.right .side_area {
  border: 2px solid var(--base_color);
  overflow: hidden;
  border-radius: 30px 0 0 0;
  position: relative;
}

.conceptTop_feature.right .side_area::before {
  content: "02.";
  font-family: "perpetua", serif;
  top: 0;
  left: 0;
  position: absolute;
  font-size: clamp(calc(1.875rem * 1), calc(-0.288rem * 1 + 4.615vw), calc(3.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：30px ～ 60px */
  ;
  color: var(--base_color);
  margin: clamp(calc(0.781rem * 1), calc(-0.12rem * 1 + 1.923vw), calc(1.563rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：12.5px ～ 25px */
  ;
}

.conceptTop_feature .side_area.font_white::before {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .conceptTop_feature.left {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .conceptTop_feature.left .feature_section {}

  .conceptTop_feature.right {
    flex-direction: column;
    align-items: flex-start;
  }

  .conceptTop_feature.right .feature_section {}

  .conceptTop_feature.left .side_area {
    border-radius: 0 30px 0 0;
    max-width: fit-content;
    margin-right: 72.5px;
  }

  .conceptTop_feature.right .side_area {
    border-radius: 0 30px 0 0;
    max-width: fit-content;
    margin-right: 72.5px;
  }

  .conceptTop_feature.right .side_area::before {
    right: 0;
    left: initial;
  }
}


/*  */

.conceptTop_artwork.second {
  text-align: center;
}

.conceptTop_artwork.second img {
  width: clamp(calc(22.688rem * 1), calc(-44.163rem * 1 + 142.615vw), calc(80.625rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：363px ～ 1290px */
  ;
}

/*  */
/*  */
.conceptTop_leaf {
  position: relative;
}

.conceptTop_leaf::before {
  content: "";
  position: absolute;
  background-position: center;
  background-size: auto;
  background-repeat: no-repeat;
}

.conceptTop_leaf::after {
  content: "";
  position: absolute;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.conceptTop_leaf.n01::before {
  left: 0;
  bottom: 0;
  width: clamp(calc(5.625rem * 1), calc(-0.865rem * 1 + 13.846vw), calc(11.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：90px ～ 180px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf01.png);
}

.conceptTop_leaf.n01::after {
  right: 0;
  top: 0;
  width: clamp(calc(4.375rem * 1), calc(-0.673rem * 1 + 10.769vw), calc(8.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：70px ～ 140px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf01.png);
}

.conceptTop_leaf.n02::before {
  right: 0;
  bottom: 0;
  width: clamp(calc(4.375rem * 1), calc(-0.673rem * 1 + 10.769vw), calc(8.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：70px ～ 140px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf03.png);
}

/* .conceptTop_leaf.n02::after {} */

.conceptTop_leaf.n03::before {
  left: 0;
  top: 0;
  margin-top: -15vw;
  margin-left: -50px;
  width: clamp(calc(11rem * 1), calc(-10.562rem * 1 + 46vw), calc(29.688rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：176px ～ 475px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/greentea01.webp);
  background-size: contain;
}

/* .conceptTop_leaf.n03::after {} */

.conceptTop_leaf.n04::before {
  left: 0;
  top: 40%;
  width: clamp(calc(5.625rem * 1), calc(-0.865rem * 1 + 13.846vw), calc(11.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：90px ～ 180px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf04.png);
}

/* .conceptTop_leaf.n04::after {} */

/* .conceptTop_leaf.n05::before {} */

.conceptTop_leaf.n05::after {
  right: 0;
  bottom: 0;
  width: clamp(calc(4.375rem * 1), calc(-0.673rem * 1 + 10.769vw), calc(8.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：70px ～ 140px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf05.png);
}

.conceptTop_leaf.n06::before {
  left: 0;
  bottom: 20%;
  width: clamp(calc(5.625rem * 1), calc(-0.865rem * 1 + 13.846vw), calc(11.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：90px ～ 180px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf06.png);
}

/* .conceptTop_leaf.n06::after {} */

/* .conceptTop_leaf.n07::before {} */

.conceptTop_leaf.n07::after {
  right: 0;
  bottom: 0;
  margin-right: -10vw;
  margin-bottom: -5vw;
  width: clamp(calc(4.375rem * 1), calc(-0.673rem * 1 + 10.769vw), calc(8.75rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：70px ～ 140px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/concept_leaf07.png);
}

.conceptTop_leaf.n08::before {
  left: 0;
  bottom: 0;
  margin-left: -30px;
  width: clamp(calc(8rem * 1), calc(-1.303rem * 1 + 19.846vw), calc(16.063rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：128px ～ 257px */
  ;
  aspect-ratio: 1/1;
  background-image: url(../image/greentea02.webp);
  background-size: contain;
}

/* .conceptTop_leaf.n01::after {} */

@media screen and (max-width: 750px) {
  .conceptTop_leaf::after {
    display: none;
  }

  .conceptTop_leaf::before {
    display: none;
  }

  .conceptTop_leaf.n03::before {
    display: initial;
    bottom: 0;
    top: initial;
    margin-top: initial;
    left: initial;
    right: 0;
    margin-bottom: -15vw;
  }

  .conceptTop_leaf.n08::before {
    display: initial;
    bottom: 0;
    top: initial;
    margin-top: initial;
    left: initial;
    right: 0;
    margin-bottom: -15vw;
    z-index: 2;
  }
}

/*============================
　メニュー関連
============================*/

.unit_topMenu {
  padding-top: clamp(calc(8.125rem * 1), calc(-1.25rem * 1 + 20vw), calc(16.25rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：130px ～ 260px */
  ;
  padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.topMenu_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.topMenu_button {
  text-align: right;
  max-width: calc(1000px + 50px);
  padding-inline: 25px;
  width: 100%;
  margin-inline: auto;
  margin-top: clamp(calc(2.969rem * 1), calc(0.265rem * 1 + 5.769vw), calc(5.313rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：47.5px ～ 85px */
  ;
}

/*============================
　メディア関連
============================*/

.unit_topMedia {
  background-image: url(../image/bk_img_topmedia.webp);
  background-size: cover;
  padding-top: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
  padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.topMedia_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

/*============================
　アクセス関連
============================*/

.unit_topAccess {
  padding-top: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
  /* padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    可変幅：750px ～ 1400px , 入力値：100px ～ 200px
  ; */
}

.topAccess_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.map {
  margin-top: clamp(calc(4.063rem * 1), calc(-0.625rem * 1 + 10vw), calc(8.125rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：65px ～ 130px */
  ;
}

/*============================
　ショップ関連
============================*/

.unit_topShop {
  padding-top: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
  padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.topShop_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}


/*============================
　コンタクト関連
============================*/

.unit_topContact {
  background-image: url(../image/bk_img_topcontact.webp);
  background-size: cover;
  padding-top: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
  padding-bottom: clamp(calc(6.25rem * 1), calc(-0.962rem * 1 + 15.385vw), calc(12.5rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：100px ～ 200px */
  ;
}

.topContact_section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.topContact_section>p {
  text-align: center;
  font-size: clamp(calc(0.688rem * 1), calc(-0.106rem * 1 + 1.692vw), calc(1.375rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：11px ～ 22px */
  ;
  line-height: 1.590909091;
  margin-bottom: clamp(calc(0.469rem * 1), calc(-0.072rem * 1 + 1.154vw), calc(0.938rem * 1))
    /* 可変幅：750px ～ 1400px , 入力値：7.5px ～ 15px */
  ;
}