@charset "UTF-8";
div.mv {
  position: relative;
}
div.mv h2 {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  font-size: 3.9rem;
  font-weight: bold;
  width: 2.8em;
  z-index: 2;
  writing-mode: vertical-rl;
  line-height: 1em;
  letter-spacing: 0.2em;
}
div.mv h2 span {
  display: inline-block;
  line-height: 1.4em;
  transform: scale(0);
}
div.mv h2 span:nth-of-type(1) {
  animation: mivani01 1.6s 0.6s ease forwards, mivani02 4s 0.6s ease infinite;
}
div.mv h2 span:nth-of-type(2) {
  animation: mivani01 1.6s 0.7s ease forwards, mivani02 4s 0.7s ease infinite;
}
div.mv h2 span:nth-of-type(3) {
  animation: mivani01 1.6s 0.8s ease forwards, mivani02 4s 0.8s ease infinite;
}
div.mv h2 span:nth-of-type(4) {
  animation: mivani01 1.6s 0.9s ease forwards, mivani02 4s 0.9s ease infinite;
}
div.mv h2 span:nth-of-type(5) {
  animation: mivani01 1.6s 1s ease forwards, mivani02 4s 1s ease infinite;
}
div.mv h2 span:nth-of-type(6) {
  animation: mivani01 1.6s 1.1s ease forwards, mivani02 4s 1.1s ease infinite;
}
div.mv h2 span:nth-of-type(7) {
  animation: mivani01 1.6s 1.2s ease forwards, mivani02 4s 1.2s ease infinite;
}
div.mv h2 span:nth-of-type(8) {
  animation: mivani01 1.6s 1.3s ease forwards, mivani02 4s 1.3s ease infinite;
}
div.mv h2 span:nth-of-type(9) {
  animation: mivani01 1.6s 1.4s ease forwards, mivani02 4s 1.4s ease infinite;
}
div.mv h2 span:nth-of-type(10) {
  animation: mivani01 1.6s 1.5s ease forwards, mivani02 4s 1.5s ease infinite;
}
@keyframes mivani01 {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  30% {
    transform: scale(1.4);
    opacity: 1;
  }
  60% {
    transform: scale(0.9);
  }
  80% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes mivani02 {
  0% {
    transform: scale(1);
  }
  7% {
    transform: scale(1.4);
  }
  15% {
    transform: scale(0.9);
  }
  20% {
    transform: scale(1.1);
  }
  25% {
    transform: scale(1);
  }
}

#vol02-sec1 .vol1Bg {
  background: #d7ecf0;
  padding-bottom: 20%;
}
#vol02-sec1 div.vol2img1 {
  margin: 15% 0;
}
#vol02-sec1 div.vol2img1 span {
  display: block;
  position: absolute;
  opacity: 0;
}
#vol02-sec1 div.vol2img1 span.fuki01 {
  width: 31%;
  top: 12%;
  left: 7%;
  animation: fuki 15s 0s infinite forwards;
}
#vol02-sec1 div.vol2img1 span.fuki02 {
  width: 31%;
  top: 0%;
  left: 39%;
  animation: fuki 15s 9s infinite forwards;
}
#vol02-sec1 div.vol2img1 span.fuki03 {
  width: 24%;
  top: 2%;
  right: 3%;
  animation: fuki 15s 6s infinite forwards;
}
#vol02-sec1 div.vol2img1 span.fuki04 {
  width: 31%;
  bottom: 5%;
  left: 4.8%;
  animation: fuki 15s 12s infinite forwards;
}
#vol02-sec1 div.vol2img1 span.fuki05 {
  width: 44%;
  bottom: 0%;
  right: 10%;
  animation: fuki 15s 3s infinite forwards;
}
@keyframes fuki {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#vol02-sec1 p.sec1-txt01 {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 3.9rem 0 7rem 3.9rem;
}
#vol02-sec1 p.sec1-txt02 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 3.9rem 0 2.2rem 3.9rem;
}
#vol02-sec1 p.sec1-txt03 {
  text-align: center;
  font-weight: 700;
  font-size: 2.8em;
  margin: 20% 0;
  opacity: 0;
}
#vol02-sec1 p.sec1-txt03.ani.animation {
  animation: fade 2s 0s ease forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: scale(0.9);
    filter: blur(2px);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
#vol02-sec1 div.sec1-img {
  position: relative;
}
#vol02-sec1 div.sec1-img span {
  display: block;
  position: absolute;
}
#vol02-sec1 div.sec1-img img.base {
  opacity: 0;
}
#vol02-sec1 div.sec1-img02 {
  width: 48%;
  margin: 0 0 0 auto;
}
#vol02-sec1 div.sec1-img02 span.imga {
  width: 88%;
  top: 0;
  right: 0;
}
#vol02-sec1 div.sec1-img02 span.imgb {
  width: 40%;
  bottom: 0;
  left: 0;
  opacity: 0;
}
#vol02-sec1 div.sec1-img02 span.imgb.ani.animation {
  animation: sec1img02b 1s 0s ease forwards;
}
@keyframes sec1img02b {
  0% {
    opacity: 0;
    transform: translate(-50%, 50%);
  }
  100% {
    opacity: 1;
  }
}
#vol02-sec1 div.sec1-img03 {
  width: 88.8%;
  margin-left: 5%;
}
#vol02-sec1 div.sec1-img03 span.imga {
  width: 68%;
  bottom: 0;
  right: 0;
}
#vol02-sec1 div.sec1-img03 span.imgb {
  width: 28.6%;
  bottom: 12%;
  left: 2%;
  opacity: 0;
}
#vol02-sec1 div.sec1-img03 span.imgb.ani.animation {
  animation: sec1img03b 1s 0.2s ease forwards;
}
@keyframes sec1img03b {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
  }
}
#vol02-sec1 div.sec1-img03 span.imgc {
  width: 11.6%;
  bottom: 18%;
  right: 10.4%;
  opacity: 0;
}
#vol02-sec1 div.sec1-img03 span.imgc.ani.animation {
  animation: sec1img03c 1s 0.3s ease forwards;
}
@keyframes sec1img03c {
  0% {
    opacity: 0;
    transform: translate(0%, -100%);
  }
  100% {
    opacity: 1;
  }
}
#vol02-sec1 div.sec1-img03 span.imgd {
  width: 3.3%;
  bottom: 3%;
  right: 36.2%;
  animation: sec1img03d 2s 0s ease infinite;
}
@keyframes sec1img03d {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
  20% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  40% {
    transform: rotate(-12deg);
    transform-origin: bottom center;
  }
  60% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  80% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
}
#vol02-sec1 div.sec1-img03 span.imge {
  width: 3.3%;
  bottom: 3%;
  right: 26.2%;
  animation: sec1img03d 2s 0.4s ease infinite;
}
@keyframes sec1img03d {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
  20% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  40% {
    transform: rotate(-12deg);
    transform-origin: bottom center;
  }
  60% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  80% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
}
#vol02-sec1 div.sec1-img03 span.imgf {
  width: 3.3%;
  bottom: 3%;
  right: 17.2%;
  animation: sec1img03d 2s 0.6s ease infinite;
}
@keyframes sec1img03d {
  0% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
  20% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  40% {
    transform: rotate(-12deg);
    transform-origin: bottom center;
  }
  60% {
    transform: rotate(12deg);
    transform-origin: bottom center;
  }
  80% {
    transform: rotate(0deg);
    transform-origin: bottom center;
  }
}
#vol02-sec1 div.sec1-img04 {
  width: 46.4%;
  margin-left: 5%;
}
#vol02-sec1 div.sec1-img04 span.imga {
  width: 40%;
  bottom: 11%;
  left: 5%;
}
#vol02-sec1 div.sec1-img04 span.imgb {
  width: 53.6%;
  bottom: 8%;
  right: 11%;
  opacity: 0;
  /*@keyframes sec1img04b-2 {
      0%{
          transform: scaleY(1);
          transform-origin: bottom;
      }
      50%{
          transform: scaleY(1);
          transform-origin: bottom;
      }
      60%{
          transform: scaleY(0.98);
          transform-origin: bottom;
      }
      70%{
          transform: scaleY(1);
          transform-origin: bottom;
      }
      80%{
          transform: scaleY(0.98);
          transform-origin: bottom;
      }
      90%{
          transform: scaleY(1);
          transform-origin: bottom;
      }
      100%{
          transform: scaleY(1);
          transform-origin: bottom;
      }
  }*/
}
#vol02-sec1 div.sec1-img04 span.imgb.ani.animation {
  animation: sec1img04b 1s 0s ease forwards;
}
@keyframes sec1img04b {
  0% {
    opacity: 0;
    transform: translate(30%, 0);
  }
  100% {
    opacity: 1;
  }
}
#vol02-sec1 div.sec1-img05 {
  width: 75%;
  margin: 0 0 0 auto;
  transform: translate(10%, 0);
}
#vol02-sec1 div.sec1-img05.ani.animation span.imgb {
  animation: sec1img05b 1s 0s ease forwards;
}
#vol02-sec1 div.sec1-img05.ani.animation span.imgc {
  animation: sec1img05c 1s 0.4s ease forwards;
}
@keyframes sec1img05b {
  0% {
    opacity: 0;
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes sec1img05c {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes sec1img05c-2 {
  0% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  50% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  60% {
    transform: scaleY(0.92);
    transform-origin: bottom;
  }
  70% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  80% {
    transform: scaleY(0.92);
    transform-origin: bottom;
  }
  90% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}
#vol02-sec1 div.sec1-img05 span.imga {
  width: 59%;
  bottom: 0%;
  right: 1%;
}
#vol02-sec1 div.sec1-img05 span.imgb {
  width: 34%;
  bottom: 6%;
  left: 10%;
  opacity: 0;
}
#vol02-sec1 div.sec1-img05 span.imgc {
  width: 10%;
  bottom: 6%;
  left: 0;
  opacity: 0;
}
#vol02-sec1 img {
  display: block;
  width: 100%;
}

.hint .kochira {
  letter-spacing: 0;
  width: 88%;
}

div.sec2-slide {
  margin: 10% 0;
}
div.sec2-slide div.swiper-wrapper {
  transition-timing-function: linear;
}

div.sec2-bg02 {
  margin-bottom: 5%;
}

#vol02-sec2 {
  background: #f4f3cd;
  padding: 15% 0;
}
#vol02-sec2 h2 {
  margin-bottom: 15%;
}
#vol02-sec2 p {
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 2.4em;
  font-size: 2em;
}
#vol02-sec2 ul {
  width: 95%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5.3%;
}
#vol02-sec2 ul li {
  width: 29.8%;
  position: relative;
  margin-bottom: 5.3%;
  cursor: pointer;
}
#vol02-sec2 ul li span {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-5%, 50%);
  font-size: 1em;
  display: inline-block;
  background: #fff;
  color: #111;
  border: solid 1px #111;
  border-radius: 5em;
  padding: 0.4em 1em;
  letter-spacing: 0;
}

div.iziModal {
  background: none;
  width: 91.8%;
  max-width: 550px !important;
}

div.iziModal-navigate .iziModal-navigate-prev, div.iziModal-navigate .iziModal-navigate-next {
  content: "";
  display: inline-block;
  width: 15vw;
  height: 8vw;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
}
@media screen and (min-width: 600px) {
  div.iziModal-navigate .iziModal-navigate-prev, div.iziModal-navigate .iziModal-navigate-next {
    width: 90px;
    height: 48px;
  }
}
div.iziModal-navigate .iziModal-navigate-prev {
  background-image: url("../img/top/vol02/arrow-prev.svg");
  transform: translate(-280%, 500%);
  left: 50% !important;
  right: auto;
}
div.iziModal-navigate .iziModal-navigate-next {
  background-image: url("../img/top/vol02/arrow-next.svg");
  transform: translate(280%, 500%);
  right: 50% !important;
  left: auto;
}

#vol02-sec3 .kotsuTtl .in {
  padding-left: 1.8em;
}
#vol02-sec3 .talk.--1 .hImg {
  bottom: -1.2rem;
}
#vol02-sec3 .talk.--2 .hImg {
  width: 7.4rem;
  right: 0rem;
  bottom: -1.2rem;
}
#vol02-sec3 .talk.--3 .hImg {
  width: 7rem;
  right: 0rem;
  bottom: -1rem;
}
#vol02-sec3 .shindanTtl {
  width: 90%;
  margin: auto;
}
#vol02-sec3 .talkBox .fukidashiWrap .fukidashi .in {
  width: auto;
  margin: auto;
}
#vol02-sec3 .fukidashi {
  padding: 6% 7%;
}

#vol02-sec4 {
  padding: 10% 0;
}
#vol02-sec4 div.sec4-img {
  margin: 10% 0;
}

div.educationBg {
  background: #fff;
}
div.educationBg div.educationBox-vol02 h3 {
  font-size: 3.12rem;
  font-weight: 700 !important;
  letter-spacing: 0;
  padding: 0.5em 0;
  position: relative;
  z-index: 2;
}
div.educationBg div.educationBox-vol02 p {
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0em;
  text-align: justify;
  word-break: break-all;
}
div.educationBg div.educationBox-vol02 span {
  color: #df2d84;
}

.iziModal-content {
  touch-action: pan-y; /* 縦スクロールだけ許可 */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; /* テキスト選択を無効化 */
}

.kotsuProfile span.big {
  font-size: 1.35em;
}/*# sourceMappingURL=vol02.css.map */