.fade-slide-box {
  /* overflow: hidden; */
  height: 100vh;
  background: white;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .fade-slide-box {
    height: 130vw;
    height: 75vh;
    min-height: 500px;
  }
}
.fade-slide-box #fade-slide, .fade-slide-box .inr-swiper {
  position: relative;
  height: 100vh;
}
@media screen and (max-width: 767px) {
  .fade-slide-box #fade-slide, .fade-slide-box .inr-swiper {
    height: 130vw;
    height: 75vh;
    min-height: 500px;
  }
}
.fade-slide-box .inr-swiper01 {
  background: url(../assets/img/moritomo/topimage01.jpg) center center / cover no-repeat;
}
.fade-slide-box .inr-swiper02 {
  background: url(../assets/img/moritomo/topimage02.jpg) center center / cover no-repeat;
}
.fade-slide-box .inr-swiper03 {
  background: url(../assets/img/moritomo/topimage03.jpg) center center / cover no-repeat;
}
.fade-slide-box .fg-slider {
  color: white;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 10;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .fade-slide-box .fg-slider {
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .fade-slide-box .fg-slider {
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
  }
}
.fade-slide-box .inr-fg-slider{
  margin-top: 3rem;
}
.fade-slide-box .fg-slider .hx {
  width: 12rem;
}
@media screen and (max-width: 575px) {
  .fade-slide-box .fg-slider .hx {
    width: 40vw;
  }
}
.fade-slide-box .fg-slider p {
  line-height: 3;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.9);
  max-width: 680px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 575px) {
  .fade-slide-box .fg-slider p {
    line-height: 2.2;
  }
}


/*
.fade-slide-box .icon-scroll-otr {
  font-size: 90%;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 3em;
  z-index: 10;
  width: 4.2em;
  margin-left: -2.1em;
  filter: drop-shadow(0px 0px 5px rgba(90, 90, 90, 0.1));
}
.fade-slide-box .hx-icon-scroll {
  color: white;
  letter-spacing: 0.05em;
  margin: 0 0 0.2em;
}
.fade-slide-box .icon-scroll {
  width: 1.8em;
  height: 3.6em;
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 0 1px white;
  border-radius: 1em;
}
.fade-slide-box .icon-scroll::before {
  content: '';
  width: 0.4em;
  height: 0.4em;
  background: white;
  margin-left: -0.2em;
  position: absolute;
  left: 50%;
  top: 0.8em;
  border-radius: 1em;
}
@media screen and (max-width: 767px) {
  .fade-slide-box .icon-scroll-otr {
    display: none;
  }
  .fade-slide-box .icon-scroll {
    width: 1.2em;
    height: 2.6em;
  }
  .fade-slide-box .icon-scroll:before {
    top: 0.4em;
  }
}
.fade-slide-box .icon-scroll:before {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: scrolling;
}
@media screen and (min-width: 768px) {
  @keyframes scrolling {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: translateY(1.8em);
    }
  }
}
@media screen and (max-width: 767px) {
  .fade-slide-box .icon-scroll:before {
    animation-duration: 2.6s;
  }
  @keyframes scrolling {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      transform: translateY(1.3em);
    }
  }
}
*/

.fade-slide-box .icon-scroll-otr {
  font-size: 90%;
  text-align: center;
  position: absolute;
  left: 50%;
  z-index: 10;
  width: 4.2em;
  margin-left: -2.1em;
}
@media screen and (min-width: 576px) {
  .fade-slide-box .icon-scroll-otr {bottom: 3em;}
}
@media screen and (max-width: 575px) {
  .fade-slide-box .icon-scroll-otr {bottom: 2em;}
}
.fade-slide-box .icon-scroll-otr .icon-scroll {
  position: absolute;
  right: 50%;
  top: 50%;
}
/* 線のアニメーション部分 */
.fade-slide-box .icon-scroll-otr .icon-scroll::before {
  animation: scrolling2 4s infinite;
  background-color: white;
  content: '';
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
@media screen and (min-width: 576px) {
  .fade-slide-box .icon-scroll-otr .icon-scroll::before {
    bottom: -115px;
    height: 100px;
  }
}
@media screen and (max-width: 575px) {
  .fade-slide-box .icon-scroll-otr .icon-scroll::before {
    bottom: -100px;
    height: 80px;
  }
}
/* 線のアニメーション */
@keyframes scrolling2 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.fade-slide-box .icon-scroll-otr .hx-icon-scroll{
  color: white;
}



#concept .concept-box{
  background: #333333 url(../assets/img/moritomo/bg-moritomo01.jpg) center top / cover no-repeat;
}
#concept2 .concept-box{
  background: #333333 url(../assets/img/moritomo/bg-moritomo02.jpg) center top / cover no-repeat;
}

.concept-box .box-otr{
  color: white;
  padding: 8rem 0 6rem;
  background: rgba(0, 0, 0, .72);
}

.concept-box .hx{
  font-size: 1.4rem;
  font-family: serif;
  line-height: 2.2;
  text-align: center;
  margin-bottom: 3rem;
}
.concept-box .hx::after{
  width: 2rem;
  height: 1px;
  border-bottom: 1px solid rgba(255,255,255,.5);
  margin: 2rem auto;
  content: '';
  display: block;
}
.concept-box .hx .en-hx{
  font-size: .75em;
  letter-spacing: .1em;
}
.concept-box .hx .ja-hx{
  letter-spacing: .2em;
}
.concept-box .text-concept{
  margin-bottom: 4rem;
}
.concept-box .text-concept p{
  letter-spacing: .05em;
  line-height: 3.4;
  margin-bottom: 2.5rem;
}
.concept-box .text-concept p:last-child{margin-bottom:0;}
.concept-box .text-concept p.sign{
  line-height: 2.4;
  text-align: right;
  margin-top: 3rem;
}
.concept-box .text-concept .img-sign{
  width: 15em;
  margin-top: 1rem;
  display: inline-block;
}
.concept-box .image-concept{
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  #concept .concept-box .image-concept{padding-right:0;}
  #concept2 .concept-box .image-concept{padding-right:0;}
}



.intermission-box{
  width: 100%;
  min-height: 32rem;
  position: relative;
}
#intermission .intermission-box{
  
}
#intermission .intermission-box::before{
  content: '';
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url(../assets/img/moritomo/nature01_s.jpg) center bottom / cover no-repeat;
}

#intermission2 .intermission-box{
  background: url(../assets/img/moritomo/nature02.jpg) center center / cover no-repeat;
}
@media screen and (max-width: 767px) {
  .intermission-box{min-height: 25rem;}
}


.attention-box{
  padding: 4rem 0;
}
.attention-box .hx{
  font-size: 1.3rem;
  font-family: serif;
  line-height: 2.2;
  text-align: center;
  margin-bottom: 3rem;
}
.attention-box .hx .en-hx{
  font-size: .75em;
  letter-spacing: .1em;
}
.attention-box .hx .ja-hx{
  letter-spacing: .2em;
}
.attention-box .attention li{
  list-style-type: none;
}


.lineup-box{
  padding: 4rem 0;
  background: white;
}
.lineup-box .hx{
  font-size: 1.3rem;
  font-family: serif;
  line-height: 2.2;
  text-align: center;
  margin-bottom: 3rem;
}
.lineup-box .hx .en-hx{
  font-size: .75em;
  letter-spacing: .1em;
}
.lineup-box .hx .ja-hx{
  letter-spacing: .2em;
}
.lineup-box .lineup{
  margin-bottom: 6rem;
}
.lineup-box .lineup:last-child{margin-bottom:0;}
.lineup-box .text-lineup{
  padding-top: 1rem;
}
.lineup-box .tag-lineup{
  font-size: 1rem;
  margin-bottom: 1rem;
}
.lineup-box .tag-lineup .tag{
  color: red;
  font-size: .9em;
  font-weight: bold;
  padding: 0 .5rem;
  border: 1px solid;
  margin-right: 1rem;
  display: inline-block;
}
.lineup-box .tag-lineup strong{}
.lineup-box .hx-lineup{
  font-size: 1.3rem;
  font-family: serif;
  letter-spacing: .05em;
  line-height: 1.6;
  margin-bottom: 1rem;
}
.lineup-box .price-lineup{
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  margin-bottom: 1rem;
}
.lineup-box .price-lineup strong{
  font-size: 1.6em;
  margin-right: .5rem;
  display: inline-block;
}
.lineup-box .price-lineup small{
  font-size: .8em;
}
.lineup-box .note-lineup{
  margin-bottom: 1rem;
}
.lineup-box .btn-to-shop{
  text-align: center;
  max-width: 350px;
  width: 100%;
}
.lineup-box .btn-to-shop a{
  color: white;
  width: 100%;
  padding: 1rem 3rem;
  background: #333333;
  margin-bottom: .5rem;
  display: inline-block;
}
.lineup-box .btn-to-shop a::after{
  width: 1.2em;
  height: 1.2em;
  background: url(../assets/img/moritomo/icon-open-in-new-white.svg) center center / 100% auto no-repeat;
  content: '';
  display: inline-block;
  vertical-align: text-top;
}
.lineup-box .btn-to-shop .memo{
  font-size: .7rem;
}
@media screen and (max-width: 767px) {
  .lineup-box .lineup{
    margin-bottom: 6rem;
  }
  .lineup-box .text-lineup{
    text-align: center;
    padding-top: 1rem;
  }
  .lineup-box .tag-lineup{
    font-size: .9rem;
  }
  .lineup-box .hx-lineup{
    font-size: 1.2rem;
    margin-bottom: .5rem;
  }
  .lineup-box .btn-to-shop{
    margin: 0 auto;
  }
}

.attention-box{
  background: white;
}
.attention-box .attention{
  max-width: 600px;
  margin: 0 auto;
}



.ft-moritomo-box{
  text-align: center;
  padding: 3rem 0;
  background: white;
}
.ft-moritomo-box .hx{
  width: 8em;
  margin: 0 auto 5rem;
}
.ft-moritomo-box .btn-to-site a{
  text-decoration: underline;
}