@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: var(--gold);
  text-align: center;
  border-radius: 50%;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  pointer-events: none;
}

.scroll-hint-text {
  display: none;
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 1;
}

.scroll-hint-icon:before {
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 42px;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/common/scroll-hint_hand.svg);
}

.scroll-hint-icon:after {
  content: "";
  width: 13px;
  height: 7px;
  display: block;
  position: absolute;
  top: 10px;
  left: 64%;
  margin-left: -4px;
  background-repeat: no-repeat;
  background-image: url(../../assets/img/common/scroll-hint_arrow.svg);
  background-size: contain;
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/*----------  fireacademy-oneday  ----------*/
.fv-area .fv-heading {
  bottom: 30px;
}
@media screen and (max-width: 768px) {
  .fv-area .fv-heading {
    bottom: 0;
  }
}

.fv-img {
  background: url(/assets/img/school/fireacademy-oneday/fv_fireacademy-oneday.jpg) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.intro {
  max-width: 876px;
  margin-inline: auto;
  margin-bottom: 40px;
}
.intro .intro-text {
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  line-height: 1.75;
  margin-bottom: 36px;
}
.intro .intro-schdule-wrap {
  background-color: #fff;
  padding: 40px;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .intro .intro-schdule-wrap {
    padding: 20px;
  }
}
.intro .intro-schdule {
  display: flex;
  gap: 20px;
}
.intro .intro-schdule-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-top: 1px solid #ea5541;
  border-bottom: 1px solid #ea5541;
  padding: 8px 4px;
  margin-bottom: 8px;
}
.intro .intro-schdule-item::before, .intro .intro-schdule-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(50% + 2px);
  z-index: 1;
}
.intro .intro-schdule-item::before {
  top: -1px;
  right: -7px;
  border-right: 1px solid #ea5541;
  rotate: -15deg;
}
.intro .intro-schdule-item::after {
  bottom: -1px;
  right: -7px;
  border-right: 1px solid #ea5541;
  rotate: 15deg;
}
.intro .intro-schdule-item .time {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--gold);
}
.intro .intro-schdule-item .caption {
  white-space: nowrap;
  margin-top: 6px;
  font-size: 1.2rem;
}
.intro .note {
  font-size: 1.2rem;
  font-weight: 500;
}

.schedule-timeline-wrap {
  container-type: inline-size;
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .schedule-timeline-wrap {
    margin-bottom: 60px;
  }
}

.schedule-timeline {
  max-width: 1000px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  grid-template-rows: repeat(7, auto);
}
@container (max-width: 870px) {
  .schedule-timeline {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}
.schedule-timeline .timeline-item {
  position: relative;
}
.schedule-timeline .timeline-item::after {
  content: "";
  position: absolute;
  background: url(../../../../assets/img/school/fireacademy-oneday/fireacademy-oneday_arrow.png) no-repeat;
  background-size: contain;
  max-width: 34px;
  max-height: 34px;
  width: 2.75vw;
  aspect-ratio: 1;
  z-index: 1;
}
.schedule-timeline .timeline-item .info {
  position: absolute;
  background-color: #fff;
  padding: 10px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
  z-index: 1;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item .info {
    position: relative;
  }
}
.schedule-timeline .timeline-item .info-inner {
  position: relative;
  padding: 10px 20px 20px;
  border-top: 1px solid var(--gold);
  border-bottom: 1px solid var(--gold);
}
.schedule-timeline .timeline-item .info-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: calc(100% - 10px);
  border-left: 1px solid var(--gold);
  z-index: 1;
}
.schedule-timeline .timeline-item .info-inner::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: 0;
  width: 1px;
  height: calc(100% - 10px);
  border-left: 1px solid var(--gold);
  z-index: 1;
}
.schedule-timeline .timeline-item .time-group {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 8px;
}
.schedule-timeline .timeline-item .time-group .time {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--gold);
}
.schedule-timeline .timeline-item .time-group .caption {
  font-size: 1.6rem;
  font-weight: 500;
}
.schedule-timeline .timeline-item .text {
  letter-spacing: 0.01em;
  line-height: 1.429;
}
.schedule-timeline .timeline-item[data-num=item1] {
  grid-row: 1/2;
  grid-column: 1/3;
}
.schedule-timeline .timeline-item[data-num=item1]::after {
  top: 19%;
  right: -5px;
  rotate: -45deg;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item1]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item1] .img-group {
  max-width: 464px;
  margin-inline: auto;
}
.schedule-timeline .timeline-item[data-num=item1] .info {
  max-width: 212px;
  bottom: 33%;
  left: -25px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item1] .info {
    max-width: 340px;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    margin-top: -80px;
  }
}
.schedule-timeline .timeline-item[data-num=item2] {
  grid-row: 1/2;
  grid-column: 3/6;
  margin-top: 60px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item2] {
    margin-top: 0;
  }
}
.schedule-timeline .timeline-item[data-num=item2]::after {
  bottom: -10%;
  right: 25%;
  rotate: 90deg;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item2]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item2] .img-group {
  max-width: 566px;
  margin-inline: auto;
}
.schedule-timeline .timeline-item[data-num=item2] .info {
  max-width: 280px;
  bottom: 0;
  left: 0;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item2] .info {
    max-width: 340px;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    margin-top: -80px;
  }
}
.schedule-timeline .timeline-item[data-num=item3] {
  grid-row: 2/3;
  grid-column: 1/6;
  margin-top: 30px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item3] {
    margin-top: 0;
  }
}
.schedule-timeline .timeline-item[data-num=item3]::after {
  bottom: 0;
  left: 55%;
  transform: translateX(-50%);
  rotate: 45deg;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item3]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item3] .img-group {
  max-width: 902px;
  margin-inline: auto;
}
.schedule-timeline .timeline-item[data-num=item3] .info {
  max-width: 346px;
  top: 0;
  left: 8%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item3] .info {
    max-width: 340px;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    margin-top: -30px;
  }
}
.schedule-timeline .timeline-item[data-num=item4] {
  grid-row: 3/4;
  grid-column: 1/6;
}
.schedule-timeline .timeline-item[data-num=item4]::after {
  bottom: -5%;
  left: 25%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item4]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item4] .img-group {
  max-width: 950px;
  margin-inline: auto;
}
.schedule-timeline .timeline-item[data-num=item4] .info {
  max-width: 282px;
  bottom: 20px;
  right: 8%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item4] .info {
    max-width: 340px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    margin-top: -60px;
  }
}
.schedule-timeline .timeline-item[data-num=item5] {
  grid-row: 4/5;
  grid-column: 1/4;
}
.schedule-timeline .timeline-item[data-num=item5]::after {
  bottom: 20%;
  right: 15%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item5]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item5] .img-group {
  max-width: 725px;
}
.schedule-timeline .timeline-item[data-num=item5] .info {
  max-width: 350px;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item5] .info {
    max-width: 340px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    margin-top: -60px;
  }
}
.schedule-timeline .timeline-item[data-num=item6] {
  grid-row: 5/6;
  grid-column: 3/6;
  margin-top: -60px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item6] {
    margin-top: 0;
  }
}
.schedule-timeline .timeline-item[data-num=item6]::after {
  bottom: -15%;
  right: 75%;
  rotate: 90deg;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item6]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item6] .img-group {
  max-width: 410px;
  display: block;
  margin-left: auto;
}
.schedule-timeline .timeline-item[data-num=item6] .info {
  max-width: 282px;
  top: -60px;
  right: -20px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item6] .info {
    max-width: 340px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    top: initial;
    margin-top: -80px;
  }
}
.schedule-timeline .timeline-item[data-num=item7] {
  grid-row: 6/7;
  grid-column: 1/4;
  margin-top: -30px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item7] {
    margin-top: 0;
  }
}
.schedule-timeline .timeline-item[data-num=item7]::after {
  bottom: 35%;
  right: 15%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item7]::after {
    top: initial;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    rotate: 45deg;
    width: 24px;
  }
}
.schedule-timeline .timeline-item[data-num=item7] .img-group {
  max-width: 580px;
}
.schedule-timeline .timeline-item[data-num=item7] .info {
  max-width: 272px;
  top: -30px;
  right: 24%;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item7] .info {
    max-width: 340px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    top: initial;
    margin-top: -30px;
  }
}
.schedule-timeline .timeline-item[data-num=item8] {
  grid-row: 6/7;
  grid-column: 3/6;
  margin-top: 40px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item8] {
    margin-top: 0;
  }
}
.schedule-timeline .timeline-item[data-num=item8]::after {
  display: none;
}
.schedule-timeline .timeline-item[data-num=item8] .img-group {
  display: block;
  margin-left: auto;
  max-width: 340px;
}
.schedule-timeline .timeline-item[data-num=item8] .info {
  max-width: 240px;
  bottom: -30px;
  right: -20px;
}
@container (max-width: 870px) {
  .schedule-timeline .timeline-item[data-num=item8] .info {
    max-width: 340px;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    bottom: initial;
    top: initial;
    margin-top: -80px;
  }
}

.link-container.single {
  margin-bottom: 80px;
}
.link-container.double {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .link-container.double {
    margin-bottom: 50px;
  }
}

/*# sourceMappingURL=fireacademy-oneday.css.map */