/*--------------------------------------------
  value
--------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?fsx2ee");
  src: url("../fonts/icomoon.eot?fsx2ee#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?fsx2ee") format("truetype"), url("../fonts/icomoon.woff?fsx2ee") format("woff"), url("../fonts/icomoon.svg?fsx2ee#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "avenir-next";
  src: url("../fonts/avenir-next-ultra-light.ttf") format("truetype");
}
/*--------------------------------------------
  media query
--------------------------------------------*/
/*--------------------------------------------
  transition
--------------------------------------------*/
/*--------------------------------------------
  hover image
--------------------------------------------*/
/*--------------------------------------------
  hover opacity
--------------------------------------------*/
/*--------------------------------------------
  slick slider dot nav
--------------------------------------------*/
/*--------------------------------------------
  icon
--------------------------------------------*/
html {
  scroll-behavior: smooth;
}

@media screen and (max-width: 991.9px) {
  .l-header {
    padding-bottom: 10px;
  }
}
.l-header.is-act {
  background: #fff;
}
.l-header.is-act .l-gnavi__item a {
  color: #231815;
}

@media screen and (max-width: 767.9px) {
  .l-gnavi__link {
    padding: 1.25em 0.5em;
    font-size: 1.4rem;
  }
}
.l-gnavi__privacy {
  display: flex;
  gap: 2em;
  justify-content: center;
}

.p-home__body {
  scroll-margin-top: 100px;
}

.p-home_kv__map {
  top: 29%;
}
@media screen and (max-width: 991.9px) {
  .p-home_kv__map {
    top: 35%;
  }
}

@media screen and (min-width: 992px) {
  .p-home_school__item {
    transition: all 0.6s;
  }
  .p-home_school__item .p-home_school__name .jp,
  .p-home_school__item .p-home_school__name .en,
  .p-home_school__item .p-home_school__address {
    transition: all 0.6s;
  }
  .p-home_school__item:hover .p-home_school__name .jp,
  .p-home_school__item:hover .p-home_school__name .en,
  .p-home_school__item:hover .p-home_school__address {
    color: #fff;
  }
  .p-home_school__item.-nagoya:hover .p-home_school__link {
    background: #1257A5;
  }
  .p-home_school__item.-ichinomiya:hover .p-home_school__link {
    background: #3E9E09;
  }
  .p-home_school__item.-nissin:hover .p-home_school__link {
    background: #B9024B;
  }
  .p-home_school__item.-yachiyo:hover .p-home_school__link {
    background: #33A0FF;
  }
  .p-home_school__item.-sakura:hover .p-home_school__link {
    background: #E3598F;
  }
  .p-home_school__item.-azusawa:hover .p-home_school__link {
    background: #EC6F00;
  }
  .p-home_school__item.-colton:hover .p-home_school__link {
    background: #90C43C;
  }
}
@media screen and (max-width: 991.9px) {
  .p-home_school__link {
    flex-direction: column;
  }
}
@media screen and (max-width: 991.9px) {
  .p-home_school__cnt {
    width: 100%;
    margin-top: 2rem;
    padding-left: 0;
  }
}
@media screen and (max-width: 991.9px) {
  .p-home_school__img {
    width: 100%;
  }
}

.p-home_news {
  scroll-margin-top: 150px;
}
@media (max-width: 767.9px) {
  .p-home_news {
    scroll-margin-top: 0;
  }
}
@media (max-width: 767.9px) {
  .p-home_news__tab {
    margin-bottom: 2rem;
  }
}
.p-home_news__tabItem {
  padding: 0 !important;
  transition: all 0.4s;
}
@media (max-width: 1399.9px) {
  .p-home_news__tabItem.-all {
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  .p-home_news__tabItem:hover a {
    color: #fff;
  }
  .p-home_news__tabItem:hover.-all {
    background: linear-gradient(90deg, rgb(159, 28, 76) 0%, rgb(129, 23, 62) 99%);
  }
  .p-home_news__tabItem:hover.-nagoya {
    background: #1257A5;
  }
  .p-home_news__tabItem:hover.-ichinomiya {
    background: #3E9E09;
  }
  .p-home_news__tabItem:hover.-nissin {
    background: #B9024B;
  }
  .p-home_news__tabItem:hover.-yachiyo {
    background: #33A0FF;
  }
  .p-home_news__tabItem:hover.-sakura {
    background: #E3598F;
  }
  .p-home_news__tabItem:hover.-azusawa {
    background: #EC6F00;
  }
  .p-home_news__tabItem:hover.-colton {
    background: #90C43C;
  }
}
.p-home_news__tabItem a {
  padding: 1em 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.p-home_news__tabItem.-active a {
  color: #fff;
}
.p-home_news__tabItem.-active.-nagoya {
  background: #1257A5;
}
.p-home_news__tabItem.-active.-ichinomiya {
  background: #3E9E09;
}
.p-home_news__tabItem.-active.-nissin {
  background: #B9024B;
}
.p-home_news__tabItem.-active.-yachiyo {
  background: #33A0FF;
}
.p-home_news__tabItem.-active.-sakura {
  background: #E3598F;
}
.p-home_news__tabItem.-active.-azusawa {
  background: #EC6F00;
}
.p-home_news__tabItem.-active.-colton {
  background: #90C43C;
}
.p-home_underlink__btn {
  padding: 0.65rem 3rem;
  font-size: 1.6rem;
}

#loader-wrap {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  z-index: 9999;
  overflow: hidden;
  background: radial-gradient(circle at center, #1a1a2e 0%, #000 100%);
}

#bg01 {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100svh;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.04) translateZ(0);
  animation: bgFadeIn 2.8s ease-out forwards 0.2s;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

#center01 {
  position: absolute;
  inset: 0;
  width: 100vw;
  height: 100svh;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.04) translateZ(0);
  animation: centerFocus 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards 2s;
  backface-visibility: hidden;
  will-change: transform, opacity, filter;
}

@keyframes centerFocus {
  0% {
    opacity: 0;
    transform: scale(1.04) translateZ(0);
    filter: brightness(1.3) drop-shadow(0 0 6px rgba(255, 255, 255, 0.3));
  }
  100% {
    opacity: 1;
    transform: scale(1.3) translateZ(0);
    filter: brightness(1.15) drop-shadow(0 0 4px rgba(255, 255, 255, 0.2));
  }
}
@keyframes bgFadeIn {
  0% {
    opacity: 0;
    transform: scale(1.04) translateZ(0);
  }
  100% {
    opacity: 1;
    transform: scale(1.3) translateZ(0);
  }
}
#c1 {
  animation: circleIn1 5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s;
}

#c2 {
  animation: circleIn2 5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.32s;
}

#c3 {
  animation: circleIn3 5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.44s;
}

#c4 {
  animation: circleIn4 5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.56s;
}

.circle {
  position: absolute;
  width: 130vmax;
  height: 130vmax;
  opacity: 0;
  transform: scale(0.05) rotate(0deg) translate3d(0, 0, 0);
  transform-origin: center center;
  backface-visibility: hidden;
  will-change: transform, opacity;
  contain: layout paint;
}

@keyframes circleIn1 {
  0% {
    opacity: 0;
    transform: scale(0.05) rotate(0deg) translate3d(0, 0, 0);
  }
  10% {
    opacity: 0.75;
  }
  100% {
    opacity: 0.75;
    transform: scale(1.1) rotate(40deg) translate3d(0, 0, 0);
  }
}
@keyframes circleIn2 {
  0% {
    opacity: 0;
    transform: scale(0.05) rotate(0deg) translate3d(0, 0, 0);
  }
  10% {
    opacity: 0.45;
  }
  100% {
    opacity: 0.45;
    transform: scale(1.2) rotate(-50deg) translate3d(0, 0, 0);
  }
}
@keyframes circleIn3 {
  0% {
    opacity: 0;
    transform: scale(0.05) rotate(0deg) translate3d(0, 0, 0);
  }
  10% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.25;
    transform: scale(1.3) rotate(60deg) translate3d(0, 0, 0);
  }
}
@keyframes circleIn4 {
  0% {
    opacity: 0;
    transform: scale(0.05) rotate(0deg) translate3d(0, 0, 0);
  }
  10% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.1;
    transform: scale(1.4) rotate(-70deg) translate3d(0, 0, 0);
  }
}
#circles-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.is-opening {
  overflow: hidden;
}
body.is-opening #loader-wrap {
  z-index: 99999;
}
body.is-opening header,
body.is-opening .l-header {
  z-index: 0;
}/*# sourceMappingURL=include.css.map */