@-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;
  }
}

.kv {
  width: 100%;
  height: 100vh;
}

.kv-fire-anim,
.kv-fire {
  width: 111.6%;
  position: absolute;
  left: 54.2%;
  top: 28.6%;
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}

.kv-fire-anim.show,
.kv-fire.show {
  opacity: 1;
}

.kv-fire-anim {
  width: 146%;
}

.kv-pic-area {
  width: clamp(330px, 100svh - 260px, 39.37%);
  height: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  top: 56.5%;
  top: 61.5%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.kv-title {
  width: clamp(330px, 100svh - 260px, 39.37%);
  width: 100%;
  position: absolute;
  left: -26.9%;
  top: 23.1%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kv-title.show img {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.kv-title img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 0.5s ease-out,-webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out,-webkit-transform 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out,transform 0.5s ease-out;
  transition: opacity 0.5s ease-out,transform 0.5s ease-out;
  transition: opacity 0.5s ease-out,transform 0.5s ease-out,-webkit-transform 0.5s ease-out;
  -webkit-transition-delay: calc(var(--move-delay)* 0.05s);
       -o-transition-delay: calc(var(--move-delay)* 0.05s);
          transition-delay: calc(var(--move-delay)* 0.05s);
  -webkit-transform: translateX(5%);
      -ms-transform: translateX(5%);
          transform: translateX(5%);
  opacity: 0;
}

.kv-title img:first-child {
  position: relative;
  left: auto;
  top: auto;
}

.kv-pic1 {
  width: 100%;
  position: relative;
  left: 50%;
  top: auto;
  -webkit-transform: translate(-50%, 20%);
      -ms-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
}

.kv-pic1 img {
  opacity: 0;
}

.kv-pic1.show {
  -webkit-animation: char1 2s ease-out forwards;
          animation: char1 2s ease-out forwards;
}

.kv-pic1.show img {
  -webkit-animation: char2 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          animation: char2 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@-webkit-keyframes char1 {
  0% {
    -webkit-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
  }
  40% {
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
  }
  50% {
    -webkit-transform: translate(-50%, -6%);
            transform: translate(-50%, -6%);
  }
  60% {
    -webkit-transform: translate(-50%, 4%);
            transform: translate(-50%, 4%);
  }
  70% {
    -webkit-transform: translate(-50%, -3%);
            transform: translate(-50%, -3%);
  }
  80% {
    -webkit-transform: translate(-50%, 1%);
            transform: translate(-50%, 1%);
  }
  90% {
    -webkit-transform: translate(-50%, -1%);
            transform: translate(-50%, -1%);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes char1 {
  0% {
    -webkit-transform: translate(-50%, -20%);
            transform: translate(-50%, -20%);
  }
  40% {
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
  }
  50% {
    -webkit-transform: translate(-50%, -6%);
            transform: translate(-50%, -6%);
  }
  60% {
    -webkit-transform: translate(-50%, 4%);
            transform: translate(-50%, 4%);
  }
  70% {
    -webkit-transform: translate(-50%, -3%);
            transform: translate(-50%, -3%);
  }
  80% {
    -webkit-transform: translate(-50%, 1%);
            transform: translate(-50%, 1%);
  }
  90% {
    -webkit-transform: translate(-50%, -1%);
            transform: translate(-50%, -1%);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes char1sp {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  40% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  50% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  60% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  70% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
  80% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  90% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes char1sp {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  40% {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  50% {
    -webkit-transform: translateY(-7%);
            transform: translateY(-7%);
  }
  60% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
  70% {
    -webkit-transform: translateY(-3%);
            transform: translateY(-3%);
  }
  80% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  90% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes char2 {
  0% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes char2 {
  0% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes char3 {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
  }
  40% {
    -webkit-transform: translateY(-51%);
            transform: translateY(-51%);
  }
  60% {
    -webkit-transform: translateY(-49.5%);
            transform: translateY(-49.5%);
  }
  80% {
    -webkit-transform: translateY(-50.5%);
            transform: translateY(-50.5%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes char3 {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
  }
  40% {
    -webkit-transform: translateY(-51%);
            transform: translateY(-51%);
  }
  60% {
    -webkit-transform: translateY(-49.5%);
            transform: translateY(-49.5%);
  }
  80% {
    -webkit-transform: translateY(-50.5%);
            transform: translateY(-50.5%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@-webkit-keyframes char4 {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(-51%);
            transform: translateY(-51%);
  }
  40% {
    -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
  }
  60% {
    -webkit-transform: translateY(-50.5%);
            transform: translateY(-50.5%);
  }
  80% {
    -webkit-transform: translateY(-49.5%);
            transform: translateY(-49.5%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes char4 {
  0% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(-51%);
            transform: translateY(-51%);
  }
  40% {
    -webkit-transform: translateY(-49%);
            transform: translateY(-49%);
  }
  60% {
    -webkit-transform: translateY(-50.5%);
            transform: translateY(-50.5%);
  }
  80% {
    -webkit-transform: translateY(-49.5%);
            transform: translateY(-49.5%);
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

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

@keyframes char5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.kv-pic2 img {
  opacity: 0;
}

.kv-pic2.show {
  -webkit-animation: char3 5s linear infinite;
          animation: char3 5s linear infinite;
}

.kv-pic2.show img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.kv-pic5 img {
  opacity: 0;
}

.kv-pic5.show {
  -webkit-animation: char3 7s linear infinite;
          animation: char3 7s linear infinite;
}

.kv-pic5.show img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.kv-pic3 img {
  opacity: 0;
}

.kv-pic3.show {
  -webkit-animation: char4 5s linear infinite;
          animation: char4 5s linear infinite;
}

.kv-pic3.show img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.kv-pic4 img {
  opacity: 0;
}

.kv-pic4.show {
  -webkit-animation: char4 8s linear infinite;
          animation: char4 8s linear infinite;
}

.kv-pic4.show img {
  -webkit-animation: char5 5s ease-out forwards;
          animation: char5 5s ease-out forwards;
}

.kv-pic2 {
  width: 98%;
  position: absolute;
  left: -125.2%;
  top: 57.3%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kv-pic3 {
  width: 98%;
  position: absolute;
  left: -69.44%;
  top: 121.3%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kv-pic4 {
  width: 98%;
  position: absolute;
  right: -55.8%;
  top: 16.3%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kv-pic5 {
  width: 98%;
  position: absolute;
  right: -100.2%;
  top: 72.8%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.kv-pic-text {
  width: 26.86%;
  position: absolute;
  font-size: 0.81vw;
  font-weight: bold;
  line-height: 1.53;
  color: #3d272b;
  right: -4%;
  top: 96.5%;
  text-align: right;
  -webkit-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}

.kv-pic-text.show {
  opacity: 1;
}

.box-inner {
  width: 68.75%;
  margin: 0 auto;
}

.kv-bottom {
  padding: 14.2vw 0 13.6vw;
}

.kv-bottom-bg {
  width: 77.72%;
  position: absolute;
  left: 50%;
  top: -6.1vw;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.kv-bottom-title {
  width: 54.54%;
  margin: 0 auto 5.7vw;
  left: 1.7%;
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  opacity: 0;
}

.kv-bottom-title.show {
  opacity: 1;
}

.kv-bottom-title img {
  display: block;
}

.kv-bottom-title-bg {
  width: 100%;
}

.kv-bottom-title_inner {
  width: 89.16%;
  position: absolute;
  left: 2.6%;
  bottom: 10%;
}

.kv-bottom-text {
  width: 100%;
  margin: 0 auto;
  left: 28.1%;
  font-size: 1.5vw;
  font-weight: bold;
  color: #3d272b;
  line-height: 2.08;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.kv-bottom-text p {
  -webkit-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
  -webkit-transition-delay: calc(var(--move-delay)* 0.125s);
       -o-transition-delay: calc(var(--move-delay)* 0.125s);
          transition-delay: calc(var(--move-delay)* 0.125s);
  line-height: 2.08;
  opacity: 0;
}

.kv-bottom-text span {
  margin-left: -0.8vw;
}

.kv-bottom-text.show p {
  opacity: 1;
}

.box1 {
  padding-bottom: 9.5vw;
}

.box1 .box-title {
  margin-bottom: 4.6vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box1 .box-title__main {
  width: 62.72%;
  margin: 0 auto 1.34vw;
}

.box1 .box-title__sub {
  width: 25.81%;
  margin: 0 auto;
}

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

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

.box1-boxarea {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border: 0.27vw solid #3d272b;
  border-radius: 1.9vw 1.9vw 1.9vw 0;
}

.box1-boxarea__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 56.4%;
      -ms-flex: 0 0 56.4%;
          flex: 0 0 56.4%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-right: 0.27vw solid #3d272b;
}

.box1-boxarea-pic {
  margin: 0 auto;
}

.box1-boxarea-pictitle {
  width: auto;
  height: 1vw;
  position: absolute;
  right: 0.92vw;
  bottom: 1vw;
}

.box1-boxarea-pictitle img {
  width: auto;
  height: 100%;
  display: block;
}

.box1-boxarea-box1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-bottom: 0.27vw solid #3d272b;
  padding: 2.4vw 0 2.8vw;
}

.box1-boxarea-box1 .box1-boxarea-pic {
  width: 31.87%;
}

.box1-boxarea-box1 .box1-boxarea-pic img {
  -webkit-animation: char7 7s linear infinite;
          animation: char7 7s linear infinite;
}

.box1-boxarea-box2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50.3%;
      -ms-flex: 0 0 50.3%;
          flex: 0 0 50.3%;
  border-right: 0.27vw solid #3d272b;
}

.box1-boxarea-box2 .box1-boxarea-pic {
  width: 74.73%;
  padding: 4.3vw 0 3.67vw;
}

.box1-boxarea-box2 .box1-boxarea-pic img {
  -webkit-animation: char6 5s linear infinite;
          animation: char6 5s linear infinite;
}

.box1-boxarea-box3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50.3% - 0.27vw);
      -ms-flex: 0 0 calc(50.3% - 0.27vw);
          flex: 0 0 calc(50.3% - 0.27vw);
}

.box1-boxarea-box3 .box1-boxarea-pic {
  width: 61.3%;
  top: 4vw;
}

.box1-boxarea-box3 img {
  -webkit-animation: char6 5.5s linear infinite;
          animation: char6 5.5s linear infinite;
}

.box1-boxarea__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(43.6% - 0.27vw);
      -ms-flex: 0 0 calc(43.6% - 0.27vw);
          flex: 0 0 calc(43.6% - 0.27vw);
}

.box1-boxarea-box4 {
  height: 100%;
}

.box1-boxarea-box4 .box1-boxarea-pic {
  width: 80.13%;
  top: 7vw;
}

.box1-boxarea-box4 .box1-boxarea-pic img {
  -webkit-animation: char6 5s linear infinite;
          animation: char6 5s linear infinite;
}

@-webkit-keyframes char6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  40% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  60% {
    -webkit-transform: translateY(-0.5%);
            transform: translateY(-0.5%);
  }
  80% {
    -webkit-transform: translateY(0.5%);
            transform: translateY(0.5%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes char6 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  40% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  60% {
    -webkit-transform: translateY(-0.5%);
            transform: translateY(-0.5%);
  }
  80% {
    -webkit-transform: translateY(0.5%);
            transform: translateY(0.5%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes char7 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  40% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  60% {
    -webkit-transform: translateY(0.5%);
            transform: translateY(0.5%);
  }
  80% {
    -webkit-transform: translateY(-0.5%);
            transform: translateY(-0.5%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes char7 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(1%);
            transform: translateY(1%);
  }
  40% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  60% {
    -webkit-transform: translateY(0.5%);
            transform: translateY(0.5%);
  }
  80% {
    -webkit-transform: translateY(-0.5%);
            transform: translateY(-0.5%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.box1-boxarea__bottom {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.box1-boxarea-box5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 56.3%;
      -ms-flex: 0 0 56.3%;
          flex: 0 0 56.3%;
  border-radius: 0 0 0 1.9vw;
  border-left: 0.27vw solid #3d272b;
  border-right: 0.27vw solid #3d272b;
  border-bottom: 0.27vw solid #3d272b;
}

.box1-boxarea-box5 .box1-boxarea-pic {
  width: 61.19%;
  padding: 3vw 0 3.8vw;
}

.box1-boxarea-box5 .box1-boxarea-pic img {
  -webkit-animation: char7 5s linear infinite;
          animation: char7 5s linear infinite;
}

.box1-boxarea-box6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.3%;
      -ms-flex: 0 0 37.3%;
          flex: 0 0 37.3%;
  padding-right: 1.3%;
  padding-top: 3.37vw;
}

.box1-boxarea-box6 .box-link {
  width: 14.38vw;
  height: 4.38vw;
}

.box1-boxarea-box6 .box-link-text {
  font-size: 1.12vw;
  line-height: 4.1vw;
}

.box1-boxarea-title {
  font-size: 1.62vw;
  font-weight: bold;
  color: #f0642b;
  margin-bottom: 1.5vw;
}

.box1-boxarea-textarea {
  margin-bottom: 3.3vw;
}

.box1-boxarea-textarea p {
  font-size: 1.12vw;
  line-height: 1.77;
  text-align: justify;
}

.box2 {
  padding-bottom: 9.2vw;
}

.box2 .box-title__pic {
  width: 25.9%;
  margin: 0 auto 0.77vw;
}

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

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

.box2 .box-title__main {
  width: 57.63%;
  margin: 0 auto 3vw;
}

.box2 .box-textarea {
  margin-bottom: 4.6vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box2 .box-textarea p {
  font-size: 1.12vw;
  line-height: 1.77;
  text-align: center;
}

.box2 .box-link {
  width: 25vw;
  height: 5.63vw;
  margin: 0 auto;
}

.box2 .box-link-text {
  font-size: 1.37vw;
  line-height: 5.3vw;
}

.box2 .box-link-arrow {
  right: 1.3vw;
}

.box-tag-area {
  width: 100%;
  font-size: 1.12vw;
  color: #3d272b;
  border-radius: 1.8vw;
  background-color: #fff;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box-tag-list {
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 2.4vw 0 1.8vw;
  margin-bottom: 3.8vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-tag-list__item {
  margin-bottom: 0.6vw;
  padding: 0.69vw 0.9vw;
  border-radius: 2vw;
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease-out,font-weight 0.15s ease-out;
  -o-transition: background-color 0.5s ease-out,font-weight 0.15s ease-out;
  transition: background-color 0.5s ease-out,font-weight 0.15s ease-out;
  background-color: transparent;
}

.box-tag-list__item.active {
  font-weight: bold;
  background-color: #f1efeb;
}

.box-tag-list__item.box-tag-list__item-1 {
  font-size: 1vw;
  padding: 0.75vw 1.44vw;
  border-radius: 2vw;
  margin-left: 1vw;
  font-weight: normal !important;
  background-color: #fad0bf !important;
}

.box2-inner {
  -webkit-transition: height 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: height 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: height 0.5s ease-out, opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: height 0.5s ease-out, opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: height 0.5s ease-out, opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  overflow: hidden;
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
  margin-bottom: 2.2vw;
}

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

.box2-inner.notransition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.box2-list {
  width: 102.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.box2-list__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30.43%;
      -ms-flex: 0 0 30.43%;
          flex: 0 0 30.43%;
  margin-right: 2.9%;
  margin-bottom: 2.78vw;
  -webkit-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  display: none;
  opacity: 0;
}

.box2-list__item.js_selected {
  display: block;
}

.box2-list__item.show {
  -webkit-transition: opacity 0.3s ease-out 0.2s;
  -o-transition: opacity 0.3s ease-out 0.2s;
  transition: opacity 0.3s ease-out 0.2s;
  opacity: 1;
}

.box2-list__item.hide {
  display: none !important;
}

.box2-list__item.pin .box2-list__pin {
  display: block;
}

.box2-list__pic {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0.9vw;
}

.box2-list__pic img {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  display: block;
}

.box2-list-textarea {
  color: #3d272b;
}

.box2-list__pin {
  font-size: 0.875vw;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  color: #999999;
  display: none;
}

.box2-list__pin img {
  width: 0.875vw;
  vertical-align: top;
  margin-right: 0.5vw;
}

.box2-list__date {
  font-size: 0.875vw;
  color: #f0642b;
  font-weight: bold;
  margin-bottom: 0.3vw;
}

.box2-list-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: 0.875vw;
  font-weight: 500;
  margin-bottom: 0.5vw;
}

.box2-list-tag > div {
  margin-right: 0.75vw;
}

.box2-list__title {
  font-size: 1.12vw;
  line-height: 1.44;
  font-weight: bold;
}

.box3 {
  padding-bottom: 9.6vw;
}

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

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

.box3 .box-title__main {
  width: 44.9%;
  margin: 0 auto 4.6vw;
}

.box3-contents {
  width: 100%;
  border: 0.27vw solid #3d272b;
  border-radius: 1.9vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box3-contents__top {
  width: 100%;
}

.box3-contents__pic {
  width: 40.57%;
  float: left;
  left: 10%;
  padding-top: 6.25vw;
}

.box3-contents-textarea {
  width: 36.64%;
  float: right;
  right: 6%;
  padding-top: 5vw;
}

.box3-contents__title {
  width: 53%;
  margin-bottom: 2.3vw;
}

.box3-contents__text {
  margin-bottom: 4.6vw;
}

.box3-contents__text p {
  font-size: 1.12vw;
  line-height: 1.77;
  text-align: justify;
}

.box3-contents__pictitle {
  width: 6.1%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 0.27vw solid #3d272b;
  border-bottom: 0.27vw solid #3d272b;
  padding: 1.8vw 0 1.89vw;
  border-radius: 1vw 0 0.7vw 0;
}

.box3-contents__pictitle img {
  width: 25.56%;
  display: block;
  margin: 0 auto;
}

.box3-contents-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 0.27vw solid #3d272b;
}

.box3-contents-list__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  border-right: 0.27vw solid #3d272b;
}

.box3-contents-list__item:last-child {
  border-right: none;
}

.box3-contents-list__pictitle {
  width: auto;
  position: absolute;
  right: 4.5%;
  bottom: 0.8vw;
}

.box3-contents-list__pictitle img {
  width: auto;
  height: 0.75vw;
  display: block;
}

.box3-contents-list__pic {
  width: 46.47%;
  margin: 0 auto;
  padding: 2.2vw 0;
}

.box3-contents-list__pic img {
  display: block;
}

.box4 .box-title {
  margin-bottom: 2.4vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box4 .box-title__main {
  width: 84.9%;
  margin: 0 auto;
}

.box4 .box-textarea {
  margin-bottom: 4.3vw;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box4 .box-textarea p {
  font-size: 1.12vw;
  text-align: center;
  line-height: 1.77;
}

.box4-list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -o-transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  transition: opacity 0.5s ease-out, transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.13, 0.38, 0.12, 1);
  -webkit-transform: translateY(5em);
      -ms-transform: translateY(5em);
          transform: translateY(5em);
  opacity: 0;
}

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

.box4-list__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30.9%;
      -ms-flex: 0 0 30.9%;
          flex: 0 0 30.9%;
  background-color: #fff;
  border-radius: 1.9vw;
  padding: 2.77vw 0 2.8vw;
  overflow: hidden;
}

.box4-list__item a {
  display: block;
  width: 100%;
  height: 100%;
}

.box4-list-bg__inner {
  width: calc(100% - 0.5vw);
  height: calc(100% - 0.5vw);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 1.7vw;
  background-color: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box4-list-bg__line {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.box4-list-bg__line > div {
  width: 50%;
  height: 1vw;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  background-color: #eb3c13;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
  transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
  -o-transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s, -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}

.box4-list-bg__line > div:nth-child(2) {
  width: 1vw;
  height: 100%;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
  -o-transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}

.box4-list-bg__line > div:nth-child(3) {
  width: 100%;
  top: auto;
  bottom: 0;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  -o-transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}

.box4-list-bg__line > div:nth-child(4) {
  width: 1vw;
  height: 100%;
  left: auto;
  right: 0;
  top: 0;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
  transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
  -o-transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
  transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
  transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s, -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
}

.box4-list-bg__line > div:nth-child(5) {
  left: auto;
  right: 0;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
  transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
  -o-transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
  transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
}

.box4-list__title {
  font-size: 1.62vw;
  text-align: center;
  color: #3d272b;
  font-weight: 900;
  line-height: 1.46;
  margin-bottom: 2.1vw;
}

.box4-list__pic {
  margin-bottom: 1.3vw;
}

.box4-list__pic img {
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.box4-list-textarea {
  width: 100%;
  margin: 0 auto;
}

.box4-list-textarea p {
  font-size: 1vw;
  line-height: 1.75;
  text-align: center;
}

.box4-list__arrow {
  width: 1.88vw;
  height: 1.88vw;
  border-radius: 1.88vw;
  background-color: #3d272b;
  position: absolute;
  right: 1.4vw;
  bottom: 1.2vw;
  -webkit-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}

.box4-list__arrow img {
  width: 0.57vw;
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 769px) {
  .box-tag-list__item:hover {
    font-weight: bold;
    background-color: #f1efeb;
  }
  .box2-list__item:hover .box2-list__pic img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .box4-list__item:hover .box4-list__pic img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .box4-list__item:hover .box4-list-bg__line > div {
    -webkit-transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
    -o-transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .box4-list__item:hover .box4-list-bg__line > div:nth-child(2) {
    -webkit-transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
    transition: -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
    -o-transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
    transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
    transition: transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s, -webkit-transform 0.05s cubic-bezier(0.16, 1, 0.3, 1) 0.05s;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
  }
  .box4-list__item:hover .box4-list-bg__line > div:nth-child(3) {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
    transition: -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
    -o-transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, -webkit-transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .box4-list__item:hover .box4-list-bg__line > div:nth-child(4) {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    transition: -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    -o-transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, -webkit-transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
    -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
            transform: scaleY(1);
  }
  .box4-list__item:hover .box4-list-bg__line > div:nth-child(5) {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
    transition: -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
    -o-transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s, -webkit-transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0.35s;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
  .box4-list__item:hover .box4-list__arrow {
    background-color: #f0642b;
  }
}

@media screen and (max-width: 768px) {
  @supports (-webkit-touch-callout: none) {
    .kv {
      height: 90lvh;
    }
  }
  .kv-fire-anim,
  .kv-fire {
    width: 67.86%;
    left: 20.13%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .kv-fire-anim {
    width: 89.6%;
    left: 9.2%;
  }
  .kv-pic-area {
    width: 100%;
    top: 50%;
  }
  .kv-title {
    width: 86.4%;
    left: 6.6%;
    top: -4.7%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .kv-pic1 {
    width: 45.46%;
    left: 30.3%;
    padding-top: 38%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .kv-pic1.show {
    -webkit-animation: char1sp 2s ease-out forwards;
            animation: char1sp 2s ease-out forwards;
  }
  .kv-pic2 {
    width: 23.46%;
    left: -1.06%;
    top: 51%;
  }
  .kv-pic3 {
    width: 29.06%;
    left: 4%;
    top: 88%;
  }
  .kv-pic4 {
    width: 21.73%;
    left: 67.06%;
    right: auto;
    top: 31%;
  }
  .kv-pic5 {
    width: 31.06%;
    left: 80.6%;
    right: 0;
    top: 64%;
  }
  .kv-pic-text {
    width: 38.66%;
    font-size: 2.66vw;
    line-height: 1.5;
    left: 70.2%;
    right: 0;
    top: 99%;
    text-align: left;
  }
  .box-inner {
    width: 86.66%;
  }
  .kv-bottom {
    padding: 19.7vw 0 24.8vw;
  }
  .kv-bottom-bg {
    width: 92.46%;
  }
  .kv-bottom-title {
    width: 86.3%;
    left: auto;
    margin-bottom: 7.3vw;
  }
  .kv-bottom-text {
    font-size: 3.73vw;
    line-height: 2.14;
    left: 6.8%;
  }
  .kv-bottom-text span {
    margin-left: -2vw;
  }
  .box1 {
    padding-bottom: 26.5vw;
  }
  .box1 .box-title__main {
    width: 100%;
    margin-bottom: 4vw;
  }
  .box1 .box-title__sub {
    width: 43.69%;
  }
  .box1-boxarea {
    border-radius: 3.5vw 3.5vw 3.5vw 0;
    border: 0.5vw solid #3d272b;
  }
  .box1-boxarea__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56.9%;
        -ms-flex: 0 0 56.9%;
            flex: 0 0 56.9%;
    border-right: 0.5vw solid #3d272b;
  }
  .box1-boxarea-pictitle {
    height: 2vw;
    right: 2vw;
    bottom: 2.1vw;
  }
  .box1-boxarea-box1 {
    border-bottom: 0.5vw solid #3d272b;
    padding: 2.4vw 0 1.4vw;
  }
  .box1-boxarea-box1 .box1-boxarea-pic {
    width: 35.05%;
    left: -10.6%;
  }
  .box1-boxarea-box1 .box1-boxarea-pictitle {
    height: 10vw;
  }
  .box1-boxarea-box2 {
    border-right: 0.5vw solid #3d272b;
  }
  .box1-boxarea-box2 .box1-boxarea-pic {
    width: 68.8%;
    padding: 2.4vw 0 7.67vw;
  }
  .box1-boxarea-box2 .box1-boxarea-pictitle {
    height: 4.4vw;
  }
  .box1-boxarea-box3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50.3% - 0.5vw);
        -ms-flex: 0 0 calc(50.3% - 0.5vw);
            flex: 0 0 calc(50.3% - 0.5vw);
  }
  .box1-boxarea-box3 .box1-boxarea-pic {
    width: 57.26%;
    top: 2vw;
  }
  .box1-boxarea-box3 .box1-boxarea-pictitle {
    height: 4.4vw;
  }
  .box1-boxarea__right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(43.6% - 0.5vw);
        -ms-flex: 0 0 calc(43.6% - 0.5vw);
            flex: 0 0 calc(43.6% - 0.5vw);
  }
  .box1-boxarea-box4 .box1-boxarea-pic {
    width: 81.7%;
    top: 8.8vw;
  }
  .box1-boxarea-box5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 56.9%;
        -ms-flex: 0 0 56.9%;
            flex: 0 0 56.9%;
    border-left: 0.5vw solid #3d272b;
    border-right: 0.5vw solid #3d272b;
    border-bottom: 0.5vw solid #3d272b;
  }
  .box1-boxarea-box5 .box1-boxarea-pic {
    width: 57.6%;
    padding: 3.7vw 0 5.1vw;
  }
  .box1-boxarea-box6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-right: 0;
    padding-top: 9.2vw;
  }
  .box1-boxarea-box6 .box-link {
    width: 100%;
    height: 16vw;
  }
  .box1-boxarea-box6 .box-link-text {
    font-size: 4vw;
    line-height: 14.5vw;
  }
  .box1-boxarea-title {
    font-size: 4.8vw;
    margin-bottom: 4.3vw;
  }
  .box1-boxarea-textarea {
    margin-bottom: 9.7vw;
  }
  .box1-boxarea-textarea p {
    font-size: 3.78vw;
    line-height: 1.57;
  }
  .box2 {
    padding-bottom: 26.5vw;
  }
  .box2 .box-title__pic {
    width: 43.84%;
  }
  .box2 .box-title__main {
    width: 91.02%;
    margin-bottom: 5.1vw;
  }
  .box2 .box-textarea {
    margin-bottom: 9.6vw;
  }
  .box2 .box-textarea p {
    font-size: 3.78vw;
    line-height: 1.57;
  }
  .box2 .box-link {
    width: 100%;
    height: 16vw;
  }
  .box2 .box-link-text {
    font-size: 4vw;
    line-height: 14.5vw;
  }
  .box2 .box-link-arrow {
    right: 2.6vw;
  }
  .box-tag-area {
    font-size: 3.78vw;
    border-radius: 3.5vw;
  }
  .box-tag-list {
    width: 100%;
    padding: 6.6vw 0 7.2vw;
    margin-bottom: 8.7vw;
  }
  .box-tag-list__item {
    margin-right: 0;
    margin-bottom: 1vw;
    padding: 1vw 2.2vw;
    border-radius: 4vw;
  }
  .box-tag-list__item.box-tag-list__item-1 {
    font-size: 3.78vw;
    padding: 2.91vw 5.7vw;
    margin-left: 8vw;
    margin-right: 8vw;
    margin-top: 3.3vw;
    text-align: center;
    border-radius: 6vw;
  }
  .box2-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 7vw;
  }
  .box2-list__pic {
    margin-bottom: 3.8vw;
  }
  .box2-list__pin {
    font-size: 3.2vw;
    right: 2.7%;
    top: 1vw;
  }
  .box2-list__pin img {
    width: 2.8vw;
    margin-right: 1.7vw;
    padding-top: 0.1vw;
  }
  .box2-list__date {
    font-size: 3.45vw;
    margin-bottom: 2vw;
  }
  .box2-list-tag {
    font-size: 3.45vw;
    margin-bottom: 1.7vw;
  }
  .box2-list-tag > div {
    margin-right: 3.2vw;
  }
  .box2-list__title {
    font-size: 3.74vw;
    line-height: 1.57;
  }
  .box3 {
    padding-bottom: 26.5vw;
  }
  .box3 .box-title__main {
    width: 70%;
    margin-bottom: 9.2vw;
  }
  .box3-contents {
    border-radius: 3.5vw;
    border: 0.5vw solid #3d272b;
  }
  .box3-contents__pic {
    width: 60.2%;
    float: none;
    left: auto;
    margin: 0 auto;
    padding-top: 14.8vw;
  }
  .box3-contents-textarea {
    width: 85.3%;
    float: none;
    right: auto;
    margin: 0 auto;
  }
  .box3-contents__title {
    width: 28.63%;
    margin-bottom: 0;
    position: absolute;
    right: 12.6%;
    top: 8vw;
  }
  .box3-contents__text {
    margin-bottom: 9.4vw;
  }
  .box3-contents__text p {
    font-size: 3.78vw;
    line-height: 1.57;
  }
  .box3-contents__pictitle {
    width: 10.3%;
    border-right: 0.5vw solid #3d272b;
    border-bottom: 0.5vw solid #3d272b;
    border-radius: 3.5vw 0 1vw 0;
    padding: 4vw 0 4.1vw;
  }
  .box3-contents-list {
    border-top: 0.5vw solid #3d272b;
  }
  .box3-contents-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    border-right: 0.5vw solid #3d272b;
    border-bottom: 0.5vw solid #3d272b;
  }
  .box3-contents-list__item:nth-child(2n) {
    border-right: none;
  }
  .box3-contents-list__item:nth-child(3), .box3-contents-list__item:nth-child(4) {
    border-bottom: none;
  }
  .box3-contents-list__item:last-child .box3-contents-list__pictitle {
    right: 4.3%;
  }
  .box3-contents-list__pictitle {
    right: 4.2%;
    bottom: 2vw;
  }
  .box3-contents-list__pictitle img {
    height: 2.4vw;
  }
  .box3-contents-list__pic {
    width: 53.47%;
    padding: 4.9vw 0;
  }
  .box4 .box-title {
    margin-bottom: 7.9vw;
  }
  .box4 .box-title__main {
    width: 94.46%;
  }
  .box4 .box-textarea {
    margin-bottom: 9.5vw;
  }
  .box4 .box-textarea p {
    font-size: 3.7vw;
    line-height: 1.57;
    white-space: nowrap;
    letter-spacing: -0.035em;
  }
  .box4-list__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-radius: 3.5vw;
    padding-top: 3.8vw;
    margin-bottom: 5.3vw;
    overflow: hidden;
  }
  .box4-list__item:nth-child(2) .box4-list__pic {
    width: 48.5%;
    left: -2.3%;
  }
  .box4-list__item:last-child {
    margin-bottom: 0;
  }
  .box4-list__item:last-child .box4-list__pic {
    width: 51.5%;
    left: -3.6%;
  }
  .box4-list__title {
    font-size: 5.35vw;
    letter-spacing: -0.075em;
    margin-bottom: 3.3vw;
    top: -0.1vw;
  }
  .box4-list__pic {
    width: 51.5%;
    left: -3.6%;
  }
  .box4-list-textarea {
    width: 53%;
    position: absolute;
    right: 6%;
    top: 56%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .box4-list-textarea p {
    font-size: 3.78vw;
    line-height: 1.57;
    text-align: justify;
  }
  .box4-list__arrow {
    width: 7.47vw;
    height: 7.47vw;
    border-radius: 7.47vw;
    right: 2.6vw;
    bottom: 2.7vw;
  }
  .box4-list__arrow img {
    width: 2.14vw;
  }
}
/*# sourceMappingURL=index.css.map */