@-webkit-keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink_animation {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.box .box-text {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box .box-text.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box .box-text__q {
  font-size: 1.62em;
  color: #479bf6;
  margin-bottom: 0.45em;
}

.box .box-text__title {
  font-size: 1.87em;
  font-weight: bold;
  padding-bottom: 1.27em;
  margin-bottom: 1.1em;
}

.box .box-text__title:before {
  content: " ";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #e2dede;
}

.box .box-textarea {
  margin-bottom: 3.2em;
}

.box .box-textarea p {
  text-align: justify;
  color: #828282;
  line-height: 1.87;
  letter-spacing: 0.06em;
}

.box .box-picarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 89.09%;
  margin: 0 auto;
}

.box .box-picarea__list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.91%;
      -ms-flex: 0 0 45.91%;
          flex: 0 0 45.91%;
  margin-right: 8.16%;
  margin-bottom: 3.3em;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box .box-picarea__list.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box .box-picarea__list:nth-child(2n) {
  margin-right: 0;
}

.box .box-picarea__pic {
  border-radius: 1.2em;
  overflow: hidden;
  margin-bottom: 1.4em;
}

.box .box-picarea__pic img {
  display: block;
}

.box .box-picarea__pic .pic-note {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.875em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.15em 0.6em;
}

.box .box-picarea__text p {
  text-align: justify;
  color: #828282;
  line-height: 1.87;
  letter-spacing: 0.06em;
}

.box1 {
  margin-bottom: 8.9em;
}

.box1 .box-text {
  margin-bottom: 8.5em;
}

.box1 .box-picarea {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.box1 .box-picarea__item {
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box1 .box-picarea__item.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box1 .box-picarea__item:nth-child(1) {
  position: absolute;
  width: 38.36%;
  left: 0;
  top: -11.5%;
}

.box1 .box-picarea__item:nth-child(2) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 64.9%;
      -ms-flex: 0 0 64.9%;
          flex: 0 0 64.9%;
  margin-left: 35%;
  mix-blend-mode: multiply;
  -webkit-transition: opacity 1s ease-out 0.3s, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s;
  transition: opacity 1s ease-out 0.3s, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s;
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s, opacity 1s ease-out 0.3s;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s, opacity 1s ease-out 0.3s;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s, opacity 1s ease-out 0.3s, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1) 0.3s;
}

.box1 .box-picarea__item:nth-child(3) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  position: absolute;
  left: 0;
  top: 76.7vw;
}

.box1 .box-picarea__item img {
  display: block;
  position: relative;
}

.box1 .box-picarea__item img.bg {
  position: absolute;
  left: 0;
  top: 0;
  mix-blend-mode: multiply;
}

.box2 {
  margin-bottom: 8.2em;
}

.box3 {
  margin-bottom: 8.2em;
}

.box4 {
  margin-bottom: 8.9em;
}

.box4 .box-pic {
  border-radius: 1.2em;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box4 .box-pic.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box4 .box-pic img {
  display: block;
}

.box5 {
  margin-bottom: 11.9em;
}

.box5 .box-pic {
  border-radius: 1.2em;
  overflow: hidden;
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out;
  transition: transform 1s cubic-bezier(0.13, 0.38, 0.12, 1), opacity 1s ease-out, -webkit-transform 1s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(2.5em);
      -ms-transform: translateY(2.5em);
          transform: translateY(2.5em);
  opacity: 0;
}

.box5 .box-pic.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.box5 .box-pic img {
  display: block;
}

.box6.show .box-center-title,
.box6.show .box-linkarea {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media screen and (min-width: 769px) {
  .box .box-picarea__list:nth-last-child(2), .box .box-picarea__list:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .box .box-text__q {
    font-size: 4.25vw;
    margin-bottom: 2.6vw;
  }
  .box .box-text__title {
    font-size: 4.53vw;
    padding-bottom: 6.4vw;
    margin-bottom: 5.8vw;
  }
  .box .box-text__title:before {
    height: 0.25vw;
  }
  .box .box-textarea {
    margin-bottom: 9.7vw;
  }
  .box .box-textarea p {
    line-height: 1.53;
  }
  .box .box-picarea {
    width: 100%;
  }
  .box .box-picarea__list {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0 auto 7.1vw;
  }
  .box .box-picarea__list:last-child {
    margin-bottom: 0;
  }
  .box .box-picarea__pic {
    border-radius: 3vw;
    margin-bottom: 4.3vw;
  }
  .box .box-picarea__pic .pic-note {
    font-size: 2.67vw;
    padding: 0.2vw 1.5vw;
  }
  .box .box-picarea__text p {
    line-height: 1.53;
  }
  .box1 {
    margin-bottom: 99.8vw;
  }
  .box1 .box-text {
    margin-bottom: 9.7vw;
  }
  .box1 .box-textarea {
    margin-bottom: 0;
  }
  .box1 .box-picarea__item:nth-child(1) {
    position: relative;
    width: auto;
    left: auto;
    top: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 94.15%;
        -ms-flex: 0 0 94.15%;
            flex: 0 0 94.15%;
    margin: 0 auto;
  }
  .box1 .box-picarea__item:nth-child(2) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0;
    top: -10vw;
  }
  .box2 {
    margin-bottom: 17.3vw;
  }
  .box3 {
    margin-bottom: 17vw;
  }
  .box4 {
    margin-bottom: 18.5vw;
  }
  .box4 .box-pic {
    border-radius: 3vw;
  }
  .box5 {
    margin-bottom: 26vw;
  }
  .box5 .box-pic {
    border-radius: 3vw;
  }
  .box6 {
    padding: 0;
  }
}
/*# sourceMappingURL=field.css.map */