#tourReport{}
#tourReport h1{
  text-align: center; width: 100%; padding: 40px 0; font-size: 40px;
  background:rgba(14,18,43,.8); letter-spacing: .2em; margin: 0 0 80px;
}
#tourReport .inner{
  width: 100%; min-width: 1200px; max-width: 1200px;
}
#tourReport .inner h2{font-size: 3rem; font-weight: bold;}
#tourReport .inner h2 span{ margin: 25px 0 0;}

#tourReport h2:before{top: 55%;}
#tourReport h2:after{top: calc(55% + 5px);}


#tourReport section{ margin: 0 auto; padding: 0 0 120px;}
#tourReport .inner{}
#tourReport .flexbox{
  display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;
}
#tourReport .flexbox.rev{ flex-direction: row;}
#tourReport .inner .imgs,
#tourReport .inner .content{
  width: 48%; max-width: 640px; position: relative; transition: .8s; opacity: 0;
}

#tourReport .inner .imgs{ right: -10%;}
#tourReport .inner .content{ left: -10%;}
#tourReport .inner .inview .imgs{opacity: 1; right: 0;}
#tourReport .inner .inview .content{opacity: 1; left: 0;}
#tourReport .inner .rev .imgs{ right: auto; left: -10%;}
#tourReport .inner .rev .content{ left: auto; right: -10%;}
#tourReport .inner .rev.inview .imgs{ left: 0;}
#tourReport .inner .rev.inview .content{ right: 0;}

#tourReport .inner .content.last{ width: 100%; max-width: none;}
#tourReport .inner .block:first-of-type{ align-items: stretch;}
#tourReport .inner .block:first-of-type .imgs{ margin-top: -112px;}
#tourReport .inner picture{ display: block; overflow: hidden; border-radius: 10px; font-size: 0;}
#tourReport .inner .text{ line-height: 2; padding: 0 0 30px;}
#tourReport .timeList{ line-height: 1.75;}
#tourReport .timeList li{}
#tourReport .timeList li:after{
  content: url(../img/tourreport2022-spring/arrow.svg); display: block;
  position: relative; width: 30px; padding: 15px 0; left: 20%;
}
#tourReport .timeList li:nth-last-of-type(1):after{ display: none;}

#tourReport .content.last{ opacity: 1; left: auto; right: auto;}
#tourReport .last .timeList{ margin: 0 0 40px;}
#tourReport .last .timeList li{ text-align: center;}
#tourReport .last .timeList li:after{
  left: calc(50% - 15px);
}
#tourReport .inner .cautionList li{ margin: 0 0 20px; line-height: 1.65;}
#tourReport .inner .cautionList li:nth-last-of-type(1){ margin-bottom: 0;}

#tourReport .inner .imgs .yoshi{
  position: absolute; border-radius: 100%; top:-35px; left: -35px; z-index: 1;
  width: 37%; border: 5px solid #fff;
}

@media screen and (max-width:1080px) {
#tourReport h1{
  padding: 5vw 0; font-size: 4vw;
  margin: 0 0 8vw;
}
#tourReport .inner{
  width: 90%; min-width:inherit; max-width:none; margin: 0 auto;
}
#tourReport .inner h2{font-size: 3.5vw; font-weight: bold;}
#tourReport .inner h2 span{ margin: 3.2vw 0 0;}

#tourReport section{ padding: 0 0 12vw;}
  
  #tourReport .inner .block{margin: 0 0 4vw;}
  #tourReport .inner .block:nth-last-of-type(1){margin-bottom: 0;}
#tourReport .inner .block:first-of-type{ align-items: stretch;}
#tourReport .inner .block:first-of-type .imgs{ margin-top: 0;}
#tourReport .inner picture{ border-radius: 2vw; }
#tourReport .inner .text{ padding: 0; font-size: 2vw;}
#tourReport .timeList li{
   font-size: 2vw;
}
#tourReport .timeList li:after{
  width: 3vw; padding: 1.5vw 0; left: 30%;
}
#tourReport .last .timeList{ margin: 0 0 4vw;}
#tourReport .last .timeList li:after{
  left: calc(50% - 1.5vw);
}
#tourReport .inner .cautionList li{ margin: 0 0 2vw; font-size: 2vw;}

#tourReport .inner .imgs .yoshi{
  position: absolute; border-radius: 100%; top:-3vw; left: -3vw; z-index: 1;
  width: 37%; border: 4px solid #fff;
}
}

@media screen and (max-width:520px) {
#tourReport h1{
  padding: 8vw 6vw; font-size: 6vw; text-align: left;
  margin: 0 0 12vw; letter-spacing: 0;
}
#tourReport .inner h2{font-size: 5vw; font-weight: bold;}
#tourReport .inner h2 span{ margin: 6vw 0 0;}

#tourReport h2:before{top: 49%;}
#tourReport h2:after{top: calc(49% + 5px);}


#tourReport section{ padding: 0 0 20vw;}
#tourReport .flexbox{
  flex-direction: column;
}
#tourReport .flexbox.rev{ flex-direction: column;}
#tourReport .inner .imgs,
#tourReport .inner .content{
  width: 100%; max-width: none;
}
  #tourReport .inner .imgs{margin: 0 0 4vw;}
  #tourReport .inner .block{margin: 0 0 8vw;}
  #tourReport .inner .block:nth-last-of-type(1){margin-bottom: 0;}
#tourReport .inner .block:first-of-type{ align-items: stretch;}
#tourReport .inner .block:first-of-type .imgs{ margin-top: 0;}
#tourReport .inner picture{ width: 70%; margin: 0 auto; border-radius: 3vw; }
#tourReport .inner .text{ padding: 0; font-size: 4vw;}
  
  #tourReport .timeList li{ text-align: center; font-size: 4vw;}
#tourReport .timeList li:after{
  width: 6vw; padding: 1vw 0; left: calc(50% - 3vw);
}
#tourReport .last .timeList{ margin: 0 0 4vw; font-size: 4vw;}
#tourReport .last .timeList li:after{
  left: calc(50% - 3vw);
}
#tourReport .inner .cautionList li{ margin: 0 0 2vw; font-size: 4vw;}

#tourReport .inner .imgs .yoshi{
  position: absolute; border-radius: 100%; top:-2vw; left: -2vw; z-index: 1;
  width: 32%; border: 4px solid #fff;
}
  
}