.main { background-color: #fffcd3; }

.home-logo { position: absolute; bottom: 0; left: 0; z-index: 9999; margin-bottom: 16rem; margin-left: 60px; }
.home-logo .home-logo-txt { display: flex; align-items: center; column-gap: 1.7rem; width: fit-content; margin-bottom: 1rem; padding: 0 1rem 5rem; background: url("../img/home/line.svg") no-repeat left bottom; background-size: 100% auto; }
.home-logo .home-logo-txt .ico { width: 7.65rem; }
.home-logo .home-logo-txt p { color: #1B1C80; font-size: 2.5rem; font-weight: 600; line-height: 1.4; }
.home-logo .home-logo-ttl { font-size: 6.8rem; font-weight: 700; line-height: 1.2; }

.wrap { position: relative; }

.ic { position: absolute; top: 0; left: 0; width: 7rem; cursor: pointer; }
.ic img { width: 100%; filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.16)); }
.ic img._move { animation: puyon 2.0s linear 0s infinite; }
.ic:hover { animation: bound 1s; }
.ic:hover img._move { animation: none; }
.ic.i01 { width: 2.5%; margin-left: 7.2447916667%; margin-top: 3.03125%; }
.ic.i02 { width: 2.5%; margin-left: 16.1510416667%; margin-top: 13.1354166667%; }
.ic.i03 { width: 1.96875%; margin-left: 27.03125%; margin-top: 17.3802083333%; }
.ic.i04 { width: 1.96875%; margin-left: 28.2291666667%; margin-top: 23.4635416667%; }
.ic.i05 { width: 1.96875%; margin-left: 40.78125%; margin-top: 11.78125%; }
.ic.i06 { width: 1.96875%; margin-left: 48.0260416667%; margin-top: 5.6770833333%; }
.ic.i07 { width: 1.96875%; margin-left: 54.8958333333%; margin-top: 38.3020833333%; }
.ic.i08 { width: 1.96875%; margin-left: 60.1041666667%; margin-top: 35.5885416667%; }
.ic.i09 { width: 2.796875%; margin-left: 58.2916666667%; margin-top: 16.8072916667%; }
.ic.i10 { width: 2.796875%; margin-left: 63.7083333333%; margin-top: 20.09375%; }
.ic.i11 { width: 2.796875%; margin-left: 66.453125%; margin-top: 15.453125%; }
.ic.i12 { width: 1.96875%; margin-left: 69.53125%; margin-top: 11.4583333333%; }
.ic.i13 { width: 2.796875%; margin-left: 71.5%; margin-top: 17.1197916667%; }
.ic.i14 { width: 2.796875%; margin-left: 62.9583333333%; margin-top: 44.2135416667%; }
.ic.i15 { width: 1.96875%; margin-left: 74.8072916667%; margin-top: 33.375%; }
.ic.i16 { width: 1.96875%; margin-left: 87.7604166667%; margin-top: 6.7291666667%; }
.ic.i17 { width: 1.96875%; margin-left: 76.78125%; margin-top: 45.4635416667%; }

@keyframes st { 0% { transform: translateY(-10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; } }
@keyframes bound { 0% { transform: translateY(0); }
  20% { transform: translateY(-15px); }
  40% { transform: translateY(0); }
  60% { transform: translateY(-5px); }
  80% { transform: translateY(0); }
  100% { transform: translateY(0); } }
@keyframes puyon { 0% { transform: scale(1, 1) translate(0%, 0%); }
  20% { transform: scale(0.95, 1.2) translate(0%, -10%); }
  25% { transform: scale(1.1, 0.9) translate(0%, 5%); }
  30% { transform: scale(0.95, 1.05) translate(0%, -3%); }
  35% { transform: scale(1.05, 0.95) translate(0%, 3%); }
  40% { transform: scale(1, 1) translate(0%, 0%); }
  50%, 100% { transform: scale(1, 1) translate(0%, 0%); } }
.slide { position: absolute; top: 0; right: 0; z-index: 5; display: flex; flex-direction: column; width: 58rem; height: 100%; padding: 4rem 5rem 3rem; background: #FFF; transform: translateX(100%); }
.slide._loaded { transition: all .3s; }
.slide._show { transform: translateX(0); }
.slide dl { flex: 1; }
.slide dl dt { margin-bottom: 2.5rem; color: #1B1C80; font-size: 3.6rem; font-weight: 700; text-align: center; line-height: 1.4; }
.slide dl dd { font-size: 1.8rem; line-height: 1.6; }
.slide dl dd .img { width: 15rem; margin: 4rem auto 0; text-align: center; }
.slide dl dd .img img { width: 100%; height: auto; }
.slide dl dd .pht { margin-top: 3rem; }
.slide dl dd .pht .slide-swiper { position: relative; padding-inline: 4rem; }
.slide dl dd .pht .swiper-slider { overflow: hidden; }
.slide dl dd .pht .swiper-slider img { width: 100%; }
.slide dl dd .pht .swiper-btn { position: absolute; top: 50%; width: 3rem; margin-top: -1.5rem; }
.slide dl dd .pht .swiper-btn._prev { left: 0; }
.slide dl dd .pht .swiper-btn._next { right: 0; }
.slide dl dd .pht .slide-cap { max-width: 40rem; margin: 1rem auto 0; font-size: 1.7rem; line-height: 1.5; }
.slide dl dd .pht .slide-cap strong { display: block; margin-left: -0.5em; margin-bottom: 0.5rem; font-size: 1.8rem; }
.slide .closeBtn { width: 4rem; margin: 0 0 4rem auto; cursor: pointer; }
.slide .modal-close { display: flex; justify-content: center; align-items: center; column-gap: 1.3rem; width: fit-content; margin-inline: auto; cursor: pointer; }
.slide .modal-close .ico { width: 3.6rem; }
.slide .modal-close span { font-size: 2.0rem; font-weight: 700; color: #1B1C80; }

/*# sourceMappingURL=home.css.map */