/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	LEAVES
------------------------------------------------------------*/
.leaves {
  background: #FAECDF;
  color: #331F07;
  /*------------------------------
      FV
  ------------------------------*/
  /*------------------------------
      SECTION
  ------------------------------*/
}
.leaves .fv {
  min-height: 170lvh;
}
@media screen and (min-width: 768px) {
  .leaves .fv {
    min-height: 200lvh;
  }
}
.leaves .fv_bg {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100lvh;
  background: url("../img/leaves/sp_leaves_img.jpg") center 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .leaves .fv_bg {
    background: url("../img/leaves/leaves_img.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.leaves .fv .inner {
  display: flex;
  flex-flow: column;
  min-height: 100lvh;
  padding: 0 5.0890585242vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .inner {
    display: flex;
    flex-flow: row-reverse;
    padding: 0 5.5555555556vw;
  }
}
.leaves .fv .fv1 {
  position: relative;
  top: -100lvh;
  margin-bottom: -100lvh;
}
.leaves .fv .fv1 .fv_title {
  position: relative;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_title {
    width: 50%;
  }
}
.leaves .fv .fv1 .fv_title h1 {
  margin-left: 12.7226463104vw;
  padding-top: 95.165394402vw;
  width: 58.524173028vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_title h1 {
    position: absolute;
    bottom: 27.0833333333vw;
    right: auto;
    left: 8.0555555556vw;
    margin-left: 0;
    padding-top: 0;
    width: 32.0138888889vw;
  }
}
.leaves .fv .fv1 .fv_title h1 img {
  width: 58.524173028vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_title h1 img {
    width: 32.0138888889vw;
  }
}
.leaves .fv .fv1 .fv_title h1.-move:after {
  opacity: 1;
}
.leaves .fv .fv1 .fv_title h1:after {
  content: "";
  display: block;
  position: absolute;
  top: 67.9389312977vw;
  left: 62.0865139949vw;
  width: 19.5928753181vw;
  height: 17.8117048346vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  transition-delay: 500ms;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_title h1:after {
    top: -5.9027777778vw;
    left: -6.5972222222vw;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: translateY(20%);
  }
}
.leaves .fv .fv1 .fv_txt {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  gap: 6.106870229vw;
  padding: 14.2493638677vw 0 13.7404580153vw 0;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_txt {
    gap: 1.6666666667vw;
    padding: 0 0 5.5555555556vw 0;
    width: 52.5%;
  }
}
.leaves .fv .fv1 .fv_txt .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 12.7226463104vw;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_txt .-ja {
    padding-left: 4.1666666667vw;
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves .fv .fv1 .fv_txt .-en {
  padding-left: 17.8117048346vw;
  padding-right: 0vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.1272264631vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv1 .fv_txt .-en {
    padding-left: 6.25vw;
    padding-right: 0vw;
    font-size: 0.9722222222vw;
    line-height: 1.2857142857;
    letter-spacing: 0.0486111111vw;
  }
}
.leaves .fv .fv2 {
  justify-content: flex-end;
  min-height: 70lvh;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 {
    min-height: 100lvh;
  }
}
.leaves .fv .fv2 div {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  gap: 4.0712468193vw;
  margin-left: auto;
  padding: 0 2.5445292621vw 16.5394402036vw 12.7226463104vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 div {
    gap: 1.6666666667vw;
    padding: 0 0 5.5555555556vw 3.4722222222vw;
    width: 50%;
  }
}
.leaves .fv .fv2 h3 {
  position: relative;
  padding-left: 0;
  padding-bottom: 2.0356234097vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 h3 {
    padding-left: 0;
  }
}
.leaves .fv .fv2 h3 img {
  width: 58.524173028vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 h3 img {
    width: 22.9166666667vw;
  }
}
.leaves .fv .fv2 .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 .-ja {
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves .fv .fv2 .-ja:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.8167938931vw;
  width: 15.7760814249vw;
  height: 14.2493638677vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 .-ja:after {
    top: 0;
    bottom: 1.6666666667vw;
    right: -7.6388888889vw;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: translateY(20%);
  }
}
.leaves .fv .fv2 .-en {
  padding-left: 5.0890585242vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.1272264631vw;
}
@media screen and (min-width: 768px) {
  .leaves .fv .fv2 .-en {
    margin-right: 9.7222222222vw;
    padding-left: 2.0833333333vw;
    font-size: 0.9722222222vw;
    line-height: 1.2857142857;
    letter-spacing: 0.0486111111vw;
  }
}
.leaves .fv .fv2 .button_more {
  margin-left: 0;
}
.leaves .leaves_section {
  padding: 0 7.6335877863vw;
  background: url("../img/leaves/sp_herb_img.jpg") center 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section {
    padding: 0 5.5555555556vw;
    background: url("../img/leaves/herb_img.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.leaves .leaves_section .inner {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  gap: 6.106870229vw;
  margin-left: auto;
  padding: 0 0 14.2493638677vw 10.1781170483vw;
  min-height: 100lvh;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section .inner {
    gap: 1.6666666667vw;
    width: 50%;
    padding: 0 0 5.5555555556vw 3.4722222222vw;
  }
}
.leaves .leaves_section h3 {
  position: relative;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section h3 {
    padding-left: 0;
  }
}
.leaves .leaves_section h3 img {
  width: 40.7124681934vw;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section h3 img {
    width: 15.7638888889vw;
  }
}
.leaves .leaves_section .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 0;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section .-ja {
    padding-left: 0;
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves .leaves_section .-en {
  padding-left: 5.0890585242vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves .leaves_section .-en {
    padding-left: 2.0833333333vw;
    padding-right: 6.9444444444vw;
    font-size: 0.9722222222vw;
    line-height: 1.2857142857;
    letter-spacing: 0.0486111111vw;
  }
}
.leaves .leaves_section .button_more {
  margin-left: 0;
}

/*------------------------------------------------------------
      LEAVES GYOKURO
------------------------------------------------------------*/
.leaves_gyokuro {
  background: #FAECDF;
  color: #331F07;
  /*------------------------------
      FV
  ------------------------------*/
  /*------------------------------
      SECTION
  ------------------------------*/
  /*------------------------------
      ABOUT
  ------------------------------*/
  /*------------------------------
      EFFECT
  ------------------------------*/
}
.leaves_gyokuro .fv {
  background: url("../img/leaves/sp_leaves_kv_img.jpg") center 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv {
    background: url("../img/home/leaves_img.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.leaves_gyokuro .fv .inner {
  position: relative;
  display: flex;
  flex-flow: column;
  min-height: 100lvh;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .inner {
    flex-flow: row-reverse;
    padding: 0 5.5555555556vw;
  }
}
.leaves_gyokuro .fv .inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #FAECDF;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .inner:before {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
}
.leaves_gyokuro .fv .fv_title {
  position: relative;
  height: 50lvh;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_title {
    width: 50%;
    height: auto;
  }
}
.leaves_gyokuro .fv .fv_title h1 {
  position: absolute;
  bottom: 7.6335877863vw;
  left: 17.8117048346vw;
  width: 58.524173028vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_title h1 {
    bottom: 5.5555555556vw;
    left: 3.8888888889vw;
    width: 32.4305555556vw;
  }
}
.leaves_gyokuro .fv .fv_title h1 img {
  width: 58.524173028vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_title h1 img {
    width: 32.4305555556vw;
  }
}
.leaves_gyokuro .fv .fv_title h1.-move:after {
  opacity: 1;
}
.leaves_gyokuro .fv .fv_title h1:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -30.534351145vw;
  right: -22.1374045802vw;
  width: 19.5928753181vw;
  height: 17.8117048346vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  transition-delay: 500ms;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_title h1:after {
    top: -7.6388888889vw;
    right: -2.4305555556vw;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: translateY(20%);
  }
}
.leaves_gyokuro .fv .fv_txt {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  padding: 12.213740458vw 0 35.6234096692vw 0;
  min-height: 50lvh;
  background: #FAECDF;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_txt {
    padding: 0 0 5.5555555556vw 0;
    width: 50%;
    height: auto;
    background: none;
  }
}
.leaves_gyokuro .fv .fv_txt > div {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  gap: 7.6335877863vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_txt > div {
    gap: 2.7777777778vw;
  }
}
.leaves_gyokuro .fv .fv_txt .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 17.8117048346vw;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_txt .-ja {
    padding-left: 4.1666666667vw;
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves_gyokuro .fv .fv_txt .-en {
  position: relative;
  display: inline-block;
  padding-left: 22.9007633588vw;
  padding-right: 7.6335877863vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_txt .-en {
    padding-left: 6.25vw;
    padding-right: 2.7777777778vw;
    font-size: 0.9722222222vw;
    line-height: 1.2857142857;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .fv .fv_txt .-en br {
  display: none;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .fv .fv_txt .-en br {
    display: block;
  }
}
.leaves_gyokuro .-section {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section {
    padding: 9.0277777778vw 5.5555555556vw 0;
  }
}
.leaves_gyokuro .-section_first {
  position: relative;
}
.leaves_gyokuro .-section_first h2 {
  position: absolute;
  font-size: 4.5801526718vw;
  letter-spacing: 1.5267175573vw;
  color: #97AA82;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_first h2 {
    font-size: 1.3888888889vw;
    letter-spacing: 0.4166666667vw;
    transform: translate(-4.1666666667vw, -2.7777777778vw);
  }
}
.leaves_gyokuro .-section_first h2 + p {
  font-size: 3.0534351145vw;
  line-height: 2.5;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_first h2 + p {
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves_gyokuro .-section_first h3 {
  padding-top: 10.1781170483vw;
  padding-left: 22.9007633588vw;
  padding-right: 5.0890585242vw;
  font-size: 3.0534351145vw;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_first h3 {
    padding-top: 2.7777777778vw;
    padding-left: 2.0833333333vw;
    padding-right: 0;
    font-size: 0.9722222222vw;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .-section_first h3 + p {
  padding: 2.0356234097vw 5.0890585242vw 0 22.9007633588vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_first h3 + p {
    padding: 0.5555555556vw 0 0 2.0833333333vw;
    font-size: 0.9722222222vw;
    line-height: 1.4285714286;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .-section_second {
  position: relative;
}
.leaves_gyokuro .-section_second h3 {
  position: absolute;
  font-size: 3.0534351145vw;
  letter-spacing: 1.272264631vw;
  writing-mode: vertical-rl;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h3 {
    font-size: 1.1111111111vw;
    letter-spacing: 0.3472222222vw;
    transform: translate(-3.4722222222vw, -2.0833333333vw);
  }
}
.leaves_gyokuro .-section_second h3 + ul li {
  padding: 1.4rem 0 0;
}
.leaves_gyokuro .-section_second h3 + ul li:first-child {
  padding-top: 0;
}
.leaves_gyokuro .-section_second h3 + ul li dl dt {
  font-size: 3.0534351145vw;
  line-height: 2.1666666667;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h3 + ul li dl dt {
    font-size: 0.9722222222vw;
    line-height: 2.1428571429;
    letter-spacing: 0.0972222222vw;
  }
}
.leaves_gyokuro .-section_second h3 + ul li dl dd {
  font-size: 3.0534351145vw;
  line-height: 2.1666666667;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h3 + ul li dl dd {
    font-size: 0.9722222222vw;
    line-height: 2.1428571429;
    letter-spacing: 0.0972222222vw;
  }
}
.leaves_gyokuro .-section_second h4 {
  padding-top: 10.1781170483vw;
  padding-left: 12.7226463104vw;
  font-size: 2.5445292621vw;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h4 {
    padding-top: 2.7777777778vw;
    padding-left: 2.0833333333vw;
    font-size: 0.8333333333vw;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .-section_second h4 + ul li dl dt {
  padding-left: 12.7226463104vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h4 + ul li dl dt {
    padding-left: 2.0833333333vw;
    font-size: 0.8333333333vw;
    line-height: 1.3333333333;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .-section_second h4 + ul li dl dd {
  padding-left: 12.7226463104vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_second h4 + ul li dl dd {
    padding-left: 2.0833333333vw;
    font-size: 0.8333333333vw;
    line-height: 1.3333333333;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_gyokuro .-section_links {
  display: flex;
  flex-flow: column;
  gap: 6.3613231552vw;
  margin-top: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .-section_links {
    gap: 1.6666666667vw;
    margin-top: 4.1666666667vw;
  }
}
.leaves_gyokuro .-section_links_item .button_more {
  margin-left: 0;
}
.leaves_gyokuro_about .inner {
  position: relative;
}
.leaves_gyokuro_about .inner .-section_first {
  padding: 115.5216284987vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_first {
    padding: 23.125vw 0 0 32.0138888889vw;
  }
}
.leaves_gyokuro_about .inner .-section_first:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5.0890585242vw;
  width: 60.5597964377vw;
  height: 108.1424936387vw;
  background: url("../img/leaves/leaves_gyokuro_img1.png") 0 0 no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_first:before {
    left: 13.6805555556vw;
    width: 16.875vw;
    height: 30.0694444444vw;
  }
}
.leaves_gyokuro_about .inner .-section_first h2 {
  top: 68.7022900763vw;
  left: 63.1043256997vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_first h2 {
    top: auto;
    left: auto;
  }
}
.leaves_gyokuro_about .inner .-section_first h2 + p {
  position: relative;
  padding-left: 17.8117048346vw;
  padding-right: 7.6335877863vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_first h2 + p {
    padding-left: 0;
    padding-right: 0;
  }
}
.leaves_gyokuro_about .inner .-section_first h2 + p:after {
  content: "";
  display: block;
  position: absolute;
  top: -71.2468193384vw;
  right: 11.1959287532vw;
  width: 19.5928753181vw;
  height: 17.8117048346vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_first h2 + p:after {
    top: -11.5277777778vw;
    right: 0;
    left: -0.625vw;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: translateY(20%);
  }
}
.leaves_gyokuro_about .inner .-section_second {
  padding: 30.534351145vw 7.6335877863vw 0 15.2671755725vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_second {
    padding: 9.5138888889vw 0 0 20.7638888889vw;
  }
}
.leaves_gyokuro_about .inner .-section_second h3 {
  transform: translate(0, -7.6335877863vw);
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_second h3 {
    transform: translate(-3.4722222222vw, -2.0833333333vw);
  }
}
.leaves_gyokuro_about .inner .-section_second h3 + ul {
  margin-left: 7.6335877863vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_about .inner .-section_second h3 + ul {
    margin-left: 0vw;
  }
}
.leaves_gyokuro_effect .inner {
  position: relative;
}
.leaves_gyokuro_effect .inner .-section_first {
  padding: 158.524173028vw 0 0 0;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_first {
    padding: 20.8333333333vw 0 0 13.0555555556vw;
  }
}
.leaves_gyokuro_effect .inner .-section_first:before {
  content: "";
  display: block;
  position: absolute;
  top: 31.5521628499vw;
  right: 0;
  width: 74.6946564885vw;
  height: 75.903307888vw;
  background: url("../img/leaves/leaves_gyokuro_img2.png") 0 0 no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_first:before {
    top: 8.5416666667vw;
    right: 17.9166666667vw;
    width: 17.2222222222vw;
    height: 17.5694444444vw;
  }
}
.leaves_gyokuro_effect .inner .-section_first h2 {
  top: 115.5216284987vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_first h2 {
    top: auto;
    left: auto;
    transform: translate(-4.1666666667vw, -2.7777777778vw);
  }
}
.leaves_gyokuro_effect .inner .-section_first h2 + p {
  position: relative;
  display: inline-block;
  padding-left: 17.8117048346vw;
  padding-right: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_first h2 + p {
    padding-left: 0;
    padding-right: 0;
  }
}
.leaves_gyokuro_effect .inner .-section_first h2 + p:after {
  content: "";
  display: block;
  position: absolute;
  top: -53.4351145038vw;
  left: 12.7226463104vw;
  width: 19.5928753181vw;
  height: 17.8117048346vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  transform: translateY(20%);
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_first h2 + p:after {
    top: 7.6388888889vw;
    right: -6.9444444444vw;
    left: auto;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: translateY(20%);
  }
}
.leaves_gyokuro_effect .inner .-section_second {
  padding: 36.641221374vw 10.1781170483vw 13.9949109415vw 12.7226463104vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_second {
    padding: 7.5vw 0 16.6666666667vw 22.2222222222vw;
  }
}
.leaves_gyokuro_effect .inner .-section_second:before {
  display: none;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_second:before {
    content: "";
    display: block;
    position: absolute;
    top: 23.1944444444vw;
    left: 7.4305555556vw;
    width: 9.6527777778vw;
    height: 27.1875vw;
    background: url("../img/leaves/leaves_gyokuro_img3.png") 0 0 no-repeat;
    background-size: contain;
  }
}
.leaves_gyokuro_effect .inner .-section_second h3 {
  transform: translateY(-13.2315521628vw);
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_second h3 {
    transform: translate(-3.4722222222vw, -2.0833333333vw);
  }
}
.leaves_gyokuro_effect .inner .-section_second h3 + ul {
  margin-left: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro_effect .inner .-section_second h3 + ul {
    margin-left: 0vw;
  }
}
.leaves_gyokuro .leaves_links {
  margin: 0 17.8117048346vw;
  padding-bottom: 40.7124681934vw;
}
@media screen and (min-width: 768px) {
  .leaves_gyokuro .leaves_links {
    margin: 0 13.8888888889vw;
    padding-bottom: 16.6666666667vw;
  }
}
.leaves_gyokuro .leaves_links .button_more {
  margin-left: 0;
}

/*------------------------------------------------------------
      LEAVES HERB
------------------------------------------------------------*/
.leaves_herb {
  background: #FAECDF;
  color: #331F07;
  /*------------------------------
      FV
  ------------------------------*/
  /*------------------------------
      SECTION
  ------------------------------*/
  /*------------------------------
      HERB
  ------------------------------*/
  /*------------------------------
      SPICE
  ------------------------------*/
  /*------------------------------
      FRUITS
  ------------------------------*/
}
.leaves_herb .fv {
  background: url("../img/leaves/sp_herb_kv_img.jpg") center 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv {
    background: url("../img/home/herb_img.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.leaves_herb .fv .inner {
  position: relative;
  display: flex;
  flex-flow: column;
  min-height: 100lvh;
  padding: 0 5.0890585242vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .inner {
    flex-flow: row-reverse;
    padding: 0 5.5555555556vw;
  }
}
.leaves_herb .fv .inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #FAECDF;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .inner:before {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
}
.leaves_herb .fv .fv_title {
  position: relative;
  height: 50lvh;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_title {
    width: 50%;
    height: auto;
  }
}
.leaves_herb .fv .fv_title h1 {
  position: absolute;
  bottom: 10.1781170483vw;
  left: 8.1424936387vw;
  display: flex;
  flex-flow: column;
  gap: 4.0712468193vw;
  width: 43.5114503817vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_title h1 {
    bottom: 7.3611111111vw;
    left: 3.8888888889vw;
    gap: 3.125vw;
    width: 23.8194444444vw;
  }
}
.leaves_herb .fv .fv_title h1 span {
  display: block;
}
.leaves_herb .fv .fv_title h1 span:nth-child(1) img {
  width: 35.8778625954vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_title h1 span:nth-child(1) img {
    width: 19.5833333333vw;
  }
}
.leaves_herb .fv .fv_title h1 span:nth-child(2) img {
  width: 40.7124681934vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_title h1 span:nth-child(2) img {
    width: 22.2222222222vw;
  }
}
.leaves_herb .fv .fv_title h1 span:nth-child(3) img {
  width: 43.5114503817vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_title h1 span:nth-child(3) img {
    width: 23.75vw;
  }
}
.leaves_herb .fv .fv_txt {
  display: flex;
  flex-flow: column;
  gap: 6.106870229vw;
  padding: 12.213740458vw 0 0 0;
  min-height: 50lvh;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_txt {
    justify-content: flex-end;
    gap: 1.6666666667vw;
    padding: 0 0 5.5555555556vw 0;
    width: 50%;
    height: auto;
  }
}
.leaves_herb .fv .fv_txt .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 12.7226463104vw;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_txt .-ja {
    padding-left: 4.8611111111vw;
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.leaves_herb .fv .fv_txt .-en {
  position: relative;
  display: inline-block;
  padding-left: 17.8117048346vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_txt .-en {
    padding-left: 6.9444444444vw;
    padding-right: 2.7777777778vw;
    font-size: 0.9722222222vw;
    line-height: 1.2857142857;
    letter-spacing: 0.0694444444vw;
  }
}
.leaves_herb .fv .fv_txt .-en br {
  display: none;
}
@media screen and (min-width: 768px) {
  .leaves_herb .fv .fv_txt .-en br {
    display: block;
  }
}
.leaves_herb .-section {
  padding: 0 5.0890585242vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section {
    padding: 0 5.5555555556vw 0 13.8888888889vw;
  }
}
.leaves_herb .-section .inner {
  border-top: 1px solid #331F07;
  padding: 5.0890585242vw 0 20.3562340967vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .inner {
    display: flex;
    padding: 1.6666666667vw 1.0416666667vw 11.1111111111vw 0;
  }
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section_title {
    width: 15.1388888889vw;
  }
}
.leaves_herb .-section .leaves_herb_list {
  display: flex;
  flex-flow: column;
  gap: 20.3562340967vw;
  margin-left: 12.7226463104vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list {
    flex: 1;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin-top: 2.2222222222vw;
    margin-left: 0;
    row-gap: 5.5555555556vw;
    column-gap: 2.6388888889vw;
  }
}
.leaves_herb .-section .leaves_herb_list_item {
  width: 76.3358778626vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list_item {
    width: 19.3055555556vw;
  }
}
.leaves_herb .-section .leaves_herb_list_img {
  margin: 0 auto;
  width: 45.8015267176vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list_img {
    width: 13.8888888889vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt {
  position: relative;
}
.leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name {
  position: relative;
}
.leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name span {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name span {
    text-align: center;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name .-ja {
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.2544529262vw;
  color: #97AA82;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name .-ja {
    font-size: 1.1111111111vw;
    line-height: 2;
    letter-spacing: 0.1388888889vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name .-en {
  font-size: 3.0534351145vw;
  line-height: 1.4285714286;
  letter-spacing: 0.1526717557vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt .leaves_herb_list_item_name .-en {
    font-size: 0.9722222222vw;
    line-height: 1.4285714286;
    letter-spacing: 0.0486111111vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use {
  position: relative;
  padding-bottom: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-use {
    margin-bottom: 0.8333333333vw;
    padding-bottom: 0;
    border-bottom: 1px solid #331F07;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use.-open:before {
  bottom: 5.5979643766vw;
  width: 3.8167938931vw;
  transform: translate(-50%, 0) rotate(145deg);
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use.-open:after {
  height: 3.8167938931vw;
  transform: translate(-50%, 0) rotate(125deg);
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use:before, .leaves_herb .-section .leaves_herb_list .-txt dd.-use:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  background: #331F07;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-use:before, .leaves_herb .-section .leaves_herb_list .-txt dd.-use:after {
    display: none;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use:before {
  bottom: 5.3435114504vw;
  width: 4.5801526718vw;
  height: 1px;
  transform: translate(-50%, 0);
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use:after {
  bottom: 4.0712468193vw;
  height: 3.3078880407vw;
  width: 1px;
  transform: translate(-50%, 0);
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use dl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5.0890585242vw;
  padding: 4.0712468193vw 0 3.0534351145vw 2.2900763359vw;
  font-size: 2.5445292621vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-use dl {
    justify-content: space-between;
    gap: 1.3888888889vw;
    padding: 1.6666666667vw 0 0.8333333333vw 0.625vw;
    font-size: 0.8333333333vw;
    letter-spacing: 0.0416666667vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use dl dd {
  background: #F1E0D0;
  padding: 0 1.272264631vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-use dl dd {
    padding: 0 0.6944444444vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-use dl dd img {
  max-width: 25.4452926209vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-use dl dd img {
    max-width: 6.9444444444vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-ja {
  font-size: 3.0534351145vw;
  line-height: 2.5;
  letter-spacing: 0.2544529262vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-ja {
    font-size: 0.9722222222vw;
    line-height: 2.1428571429;
    letter-spacing: 0.0972222222vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt dd.-en {
  margin: 1.5267175573vw 0 0;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.1272264631vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt dd.-en {
    margin: 0.4166666667vw 0 0;
    font-size: 0.8333333333vw;
    line-height: 1.3333333333;
    letter-spacing: 0.0416666667vw;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt .-acc_body {
  height: 0px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .leaves_herb .-section .leaves_herb_list .-txt .-acc_body {
    height: auto;
    overflow: auto;
  }
}
.leaves_herb .-section .leaves_herb_list .-txt .-acc_body span.-acc_contents {
  display: block;
}
.leaves_herb .leaves_herb_herb {
  margin-top: 35.1145038168vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .leaves_herb_herb {
    margin-top: 16.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .leaves_herb .leaves_herb_herb .-section_title img {
    width: 6.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .leaves_herb .leaves_herb_spice .-section_title img {
    width: 7.25vw;
  }
}
@media screen and (min-width: 768px) {
  .leaves_herb .leaves_herb_fruits .-section_title img {
    width: 8.75vw;
  }
}
.leaves_herb .leaves_links {
  margin: 0 17.8117048346vw;
  padding-bottom: 40.7124681934vw;
}
@media screen and (min-width: 768px) {
  .leaves_herb .leaves_links {
    margin: 0 13.8888888889vw;
    padding-bottom: 16.6666666667vw;
  }
}
.leaves_herb .leaves_links .button_more {
  margin-left: 0;
}

/*# sourceMappingURL=leaves.css.map */