/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	MOOD
------------------------------------------------------------*/
.mood {
  background: #FAECDF;
  color: #331F07;
  /*------------------------------
      FV
  ------------------------------*/
  /*------------------------------
      MIDDLE IMG
  ------------------------------*/
  /*------------------------------
      SECTION
  ------------------------------*/
  /*------------------------------
      SECTION 1
  ------------------------------*/
  /*------------------------------
      SECTION 2
  ------------------------------*/
  /*------------------------------
      SECTION 3
  ------------------------------*/
  /*------------------------------
      SECTION 4
  ------------------------------*/
  /*------------------------------
      SECTION 5
  ------------------------------*/
}
.mood .fv .inner {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 768px) {
  .mood .fv .inner {
    flex-flow: row-reverse;
    min-height: 100lvh;
  }
}
.mood .fv_title {
  position: relative;
  height: 50lvh;
  background: url("../img/home/mood_img.jpg") 0 0 no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .fv_title {
    width: 50%;
    height: auto;
  }
}
.mood .fv_title h1 {
  position: absolute;
  bottom: 8.6513994911vw;
  left: 8.3969465649vw;
  width: 42.2391857506vw;
}
@media screen and (min-width: 768px) {
  .mood .fv_title h1 {
    bottom: 4.7222222222vw;
    left: 3.8888888889vw;
    width: 27.9166666667vw;
  }
}
.mood .fv_txt {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  gap: 6.106870229vw;
  padding: 13.9949109415vw 15.2671755725vw 13.9949109415vw 15.2671755725vw;
  height: 50lvh;
}
@media screen and (min-width: 768px) {
  .mood .fv_txt {
    justify-content: flex-end;
    gap: 1.6666666667vw;
    padding: 0 0 5.5555555556vw 5.5555555556vw;
    width: 50%;
    height: auto;
  }
}
.mood .fv_txt .-ja {
  position: relative;
  display: inline-block;
  margin-right: auto;
  padding-left: 0vw;
  font-size: 3.5623409669vw;
  line-height: 2.7142857143;
  letter-spacing: 0.3562340967vw;
}
@media screen and (min-width: 768px) {
  .mood .fv_txt .-ja {
    padding-left: 4.1666666667vw;
    font-size: 1.1111111111vw;
    line-height: 3;
    letter-spacing: 0.2vw;
  }
}
.mood .fv_txt .-en {
  padding-left: 5.0890585242vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.1272264631vw;
}
@media screen and (min-width: 768px) {
  .mood .fv_txt .-en {
    padding-left: 6.25vw;
    padding-right: 11.1111111111vw;
    font-size: 0.9722222222vw;
    line-height: 1.4285714286;
    letter-spacing: 0.0486111111vw;
  }
}
.mood .mood_section_wrap {
  min-height: 1150lvh;
}
@media screen and (min-width: 768px) {
  .mood .mood_section_wrap {
    min-height: 1400lvh;
  }
}
.mood_middle_img {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100lvh;
  background: url("../img/mood/mood_bg_img.jpg") center 0 no-repeat;
  background-size: cover;
}
.mood_middle_img .inner {
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-start;
  height: 100lvh;
  padding: 20.3562340967vw 17.8117048346vw 22.9007633588vw 17.8117048346vw;
}
@media screen and (min-width: 768px) {
  .mood_middle_img .inner {
    display: block;
    justify-content: space-between;
    padding: 12.5vw 36.8055555556vw 8.3333333333vw 22.2222222222vw;
  }
}
.mood_middle_img .inner h2 {
  position: relative;
  margin-top: 25.4452926209vw;
  font-size: 5.0890585242vw;
  letter-spacing: 3.0534351145vw;
  writing-mode: vertical-lr;
  filter: blur(5px);
  opacity: 0;
  transform: translateX(-5vw);
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (min-width: 768px) {
  .mood_middle_img .inner h2 {
    position: absolute;
    top: 24lvh;
    left: 61.1111111111vw;
    margin-top: 0;
    font-size: 1.6666666667vw;
    letter-spacing: 0.8333333333vw;
    white-space: nowrap;
    transform: none;
  }
}
.mood_middle_img .inner h2.-move {
  opacity: 1;
  filter: blur(0px);
}
.mood_middle_img .inner h2.-move:after {
  opacity: 1;
  filter: blur(0px);
}
.mood_middle_img .inner h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 59%;
  right: -17vw;
  width: 12.9770992366vw;
  height: 11.7048346056vw;
  background: url("../img/common/ymy_gyokuro_r.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  transform: translateY(-50%);
  filter: blur(5px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  transition-delay: 1000ms;
}
@media screen and (min-width: 768px) {
  .mood_middle_img .inner h2:after {
    top: 50%;
    right: -9.0277777778vw;
    width: 5.3472222222vw;
    height: 4.8611111111vw;
    transform: none;
  }
}
.mood_middle_img .inner ul {
  display: flex;
  flex-flow: column;
  gap: 7.6335877863vw;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .mood_middle_img .inner ul {
    gap: 2.0833333333vw;
  }
}
.mood_middle_img .inner ul li {
  font-size: 4.0712468193vw;
  line-height: 2;
  letter-spacing: 1.0178117048vw;
}
@media screen and (min-width: 768px) {
  .mood_middle_img .inner ul li {
    font-size: 1.1111111111vw;
    line-height: 2;
    letter-spacing: 0.2777777778vw;
  }
}
.mood_middle_img .inner ul li a {
  position: relative;
  display: inline-block;
}
.mood_middle_img .inner ul li a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
}
.mood_middle_img .inner ul li a.button_more {
  position: absolute;
  bottom: 0;
  margin-right: 0;
  margin-left: 0;
  opacity: 0;
  text-decoration: none;
  pointer-events: none;
}
.mood_middle_img .inner ul li a.button_more:hover:before {
  width: 100%;
}
.mood_middle_img .inner ul li a.button_more:before {
  height: 100%;
  width: 0%;
  background: #331F07;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.mood_middle_img .inner ul li a.button_more.-show {
  opacity: 1;
  pointer-events: auto;
}
.mood .-section {
  position: sticky;
  top: 10.1781170483vw;
  left: 0;
  margin-top: 20.3562340967vw;
  padding: 0 5.0890585242vw 20.3562340967vw;
  min-height: calc(200lvh - 20.3562340967vw);
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .mood .-section {
    top: 4.1666666667vw;
    left: 0;
    margin-top: 50lvh;
    padding: 0 5.5555555556vw 4.1666666667vw;
    min-height: calc(200lvh - 8.3333333333vw);
  }
}
.mood .-section .inner {
  display: flex;
  flex-flow: column;
}
@media screen and (min-width: 768px) {
  .mood .-section .inner {
    position: relative;
    flex-flow: row;
  }
}
.mood .-section_img {
  position: relative;
  min-height: calc(50lvh - 20.3562340967vw);
  width: 100%;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .mood .-section_img {
    width: 50%;
    min-height: calc(100lvh - 8.3333333333vw);
  }
}
.mood .-section_img .-section_title {
  position: absolute;
  display: flex;
  flex-flow: row;
  align-items: flex-end;
  gap: 3.0534351145vw;
}
@media screen and (min-width: 768px) {
  .mood .-section_img .-section_title {
    gap: 1.0416666667vw;
  }
}
.mood .-section_img .-section_title img {
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.mood .-section_img .-section_title .-ja {
  display: inline-block;
  width: 3.5623409669vw;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .mood .-section_img .-section_title .-ja {
    width: auto;
  }
}
.mood .-section_img .-section_title .-en {
  display: inline-block;
  overflow: hidden;
}
.mood .-section_img .-section_title .-en img {
  transform: translateY(120%);
}
.mood .-section_img .-section_title.-left .-ja img {
  transform: translateX(-120%);
}
.mood .-section_img .-section_title.-right .-ja img {
  transform: translateX(120%);
}
.mood .-section_img .-section_title.-move .-ja img {
  transform: translateX(0%);
}
.mood .-section_img .-section_title.-move .-en img {
  transform: translateY(0%);
}
.mood .-section_img.mood_section_img1 {
  background: url("../img/mood/mood_img1.jpg") center center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .-section_img.mood_section_img1 {
    background: url("../img/mood/mood_img1.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.mood .-section_img.mood_section_img2 {
  background: url("../img/mood/mood_img2.jpg") center bottom no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .-section_img.mood_section_img2 {
    background: url("../img/mood/mood_img2.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.mood .-section_img.mood_section_img3 {
  background: url("../img/mood/mood_img3.jpg") center top no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .-section_img.mood_section_img3 {
    background: url("../img/mood/mood_img3.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.mood .-section_img.mood_section_img4 {
  background: url("../img/mood/mood_img4.jpg") center bottom no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .-section_img.mood_section_img4 {
    background: url("../img/mood/mood_img4.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.mood .-section_img.mood_section_img5 {
  background: url("../img/mood/mood_img5.jpg") center center no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .mood .-section_img.mood_section_img5 {
    background: url("../img/mood/mood_img5.jpg") center 0 no-repeat;
    background-size: cover;
  }
}
.mood .-section_txt {
  position: relative;
  z-index: 2;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  margin-left: auto;
  padding-left: 7.6335877863vw;
  padding-bottom: 7.1246819338vw;
  padding-right: 5.0890585242vw;
  min-height: calc(50lvh - 20.3562340967vw);
  background: #FAECDF;
}
@media screen and (min-width: 768px) {
  .mood .-section_txt {
    padding: 0;
    padding-bottom: 3.3333333333vw;
    width: 50%;
    min-height: calc(100lvh - 8.3333333333vw);
  }
}
.mood .-section_txt .-ja {
  padding-top: 6.106870229vw;
  padding-left: 5.0890585242vw;
  font-size: 3.0534351145vw;
  line-height: 3.1666666667;
  letter-spacing: 0.3053435115vw;
}
@media screen and (min-width: 768px) {
  .mood .-section_txt .-ja {
    margin-left: 4.8611111111vw;
    padding-top: 0;
    padding-left: 0;
    font-size: 1.1111111111vw;
    line-height: 3.75;
    letter-spacing: 0.2333333333vw;
  }
}
.mood .-section_txt .-en {
  padding-top: 4.0712468193vw;
  padding-left: 10.1781170483vw;
  font-size: 2.5445292621vw;
  line-height: 1.4;
  letter-spacing: 0.1781170483vw;
}
@media screen and (min-width: 768px) {
  .mood .-section_txt .-en {
    padding-top: 2.7777777778vw;
    padding-left: 6.9444444444vw;
    padding-right: 4.1666666667vw;
    font-size: 0.9722222222vw;
    line-height: 1.5714285714;
    letter-spacing: 0.0486111111vw;
  }
}
.mood .-section_txt .button_more {
  margin-top: 6.106870229vw;
  margin-right: auto;
  pointer-events: auto;
}
@media screen and (min-width: 768px) {
  .mood .-section_txt .button_more {
    margin-top: 2.7777777778vw;
    margin-left: 4.8611111111vw;
  }
}
.mood_section_first .inner .mood_section_img1 .mood_section_title {
  bottom: 14.7582697201vw;
  left: 12.7226463104vw;
}
@media screen and (min-width: 768px) {
  .mood_section_first .inner .mood_section_img1 .mood_section_title {
    bottom: 4.1666666667vw;
    left: 4.7222222222vw;
  }
}
.mood_section_first .inner .mood_section_img1 .mood_section_title .-en {
  margin-bottom: 10.1781170483vw;
  width: 16.2849872774vw;
}
@media screen and (min-width: 768px) {
  .mood_section_first .inner .mood_section_img1 .mood_section_title .-en {
    margin-bottom: 73px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .mood_section_second .inner {
    flex-flow: row-reverse !important;
  }
}
.mood_section_second .inner .mood_section_img2 .mood_section_title {
  top: 13.9949109415vw;
  left: 18.5750636132vw;
}
@media screen and (min-width: 768px) {
  .mood_section_second .inner .mood_section_img2 .mood_section_title {
    top: 4.1666666667vw;
    left: 4.7222222222vw;
    align-items: flex-start;
  }
}
.mood_section_second .inner .mood_section_img2 .mood_section_title .-en {
  margin-bottom: 20.3562340967vw;
  width: 21.8829516539vw;
}
@media screen and (min-width: 768px) {
  .mood_section_second .inner .mood_section_img2 .mood_section_title .-en {
    margin-top: 72px;
    width: auto;
  }
}
.mood_section_third .inner .mood_section_img3 .mood_section_title {
  bottom: 22.3918575064vw;
  left: 14.2493638677vw;
}
@media screen and (min-width: 768px) {
  .mood_section_third .inner .mood_section_img3 .mood_section_title {
    flex-flow: row;
    bottom: 17.3611111111vw;
    left: 6.9444444444vw;
  }
}
.mood_section_third .inner .mood_section_img3 .mood_section_title .-en {
  margin-bottom: 15.2671755725vw;
  width: 15.2671755725vw;
}
@media screen and (min-width: 768px) {
  .mood_section_third .inner .mood_section_img3 .mood_section_title .-en {
    margin-bottom: 106px;
    width: auto;
  }
}
@media screen and (min-width: 768px) {
  .mood_section_fourth .inner {
    flex-flow: row-reverse !important;
  }
}
.mood_section_fourth .inner .mood_section_img4 .mood_section_title {
  flex-flow: row-reverse;
  top: 14.2493638677vw;
  right: 10.1781170483vw;
}
@media screen and (min-width: 768px) {
  .mood_section_fourth .inner .mood_section_img4 .mood_section_title {
    flex-flow: row-reverse;
    top: 5.9027777778vw;
    right: 6.9444444444vw;
  }
}
.mood_section_fourth .inner .mood_section_img4 .mood_section_title .-en {
  margin-bottom: 25.4452926209vw;
  width: 21.6284987277vw;
}
@media screen and (min-width: 768px) {
  .mood_section_fourth .inner .mood_section_img4 .mood_section_title .-en {
    margin-bottom: 179px;
    width: auto;
  }
}
.mood_section_fifth .inner .mood_section_img5 {
  z-index: 5;
}
.mood_section_fifth .inner .mood_section_img5 .mood_section_title {
  flex-flow: row-reverse;
  bottom: 10.1781170483vw;
  right: 12.213740458vw;
}
@media screen and (min-width: 768px) {
  .mood_section_fifth .inner .mood_section_img5 .mood_section_title {
    flex-flow: row-reverse;
    left: auto;
    bottom: 6.9444444444vw;
    right: 6.9444444444vw;
  }
}
.mood_section_fifth .inner .mood_section_img5 .mood_section_title .-en {
  margin-bottom: 10.1781170483vw;
  width: 15.0127226463vw;
}
@media screen and (min-width: 768px) {
  .mood_section_fifth .inner .mood_section_img5 .mood_section_title .-en {
    margin-bottom: 74px;
    width: auto;
  }
}

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