@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Italiana&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
header {
  display: none !important;
}

.sec1 {
  overflow: hidden;
}
.sec1 .container .wrapper .box .link {
  position: relative;
  width: 50%;
  height: 768px;
  max-height: 768px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sec1 .container .wrapper .box .item {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.sec1 .container .wrapper .box .item .hero {
  position: absolute;
}
.sec1 .container .wrapper .box .item .hero_aie {
  bottom: 1.6216216216%;
  left: 4.5945945946%;
  max-width: 359px;
}
.sec1 .container .wrapper .box .item .hero_jhm {
  bottom: 0;
  right: 3.9189189189%;
  max-width: 231px;
}
.sec1 .container .wrapper .box .item .back_img {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec1 .container .wrapper .box .item .back_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sec1 .container .wrapper .box .item .j_icon {
  position: absolute;
  right: 5.15625vw;
  top: 170px;
  width: 142px;
}
@media (min-width: 1367px) {
  .sec1 .container .wrapper .box .item .j_icon {
    right: 99px;
  }
}
.sec1 .container .wrapper .box .item .j_icon img {
  width: 100%;
}
.sec1 .container .wrapper .box .item .logo_img {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.sec1 .container .wrapper .box .item .logo_img img {
  width: 100%;
}
.sec1 .container .wrapper .box .item .logo_img_aie {
  width: 47.2972972973%;
}
.sec1 .container .wrapper .box .item .logo_img_jhm {
  width: 48.2432432432%;
}
.sec1 .container .wrapper .box .item .page_link_btn {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  content: "";
  top: 15%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.sec1 .container .wrapper .box .item .page_link_btn img {
  border-radius: 50%;
}

.sec1 .container .wrapper .link_bottom {
  max-width: calc(1266px + 18%);
  margin: 0 auto;
}
.sec1 .container .wrapper .link_bottom .link_bottom_left {
  padding: 33px 4.5%;
  width: 50%;
  position: relative;
}
.sec1 .container .wrapper .link_bottom .link_bottom_left::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(to top right, rgba(38, 114, 255, 0.4), rgba(103, 235, 255, 0.4));
}
.sec1 .container .wrapper .link_bottom .link_bottom_right {
  padding: 33px 4.5%;
  width: 50%;
  position: relative;
}
.sec1 .container .wrapper .link_bottom .link_bottom_right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: linear-gradient(to top right, rgba(138, 138, 138, 0.4), rgba(0, 0, 0, 0.4));
}
.sec1 .container .wrapper .link_bottom .item {
  width: 100%;
  max-width: 600px;
  aspect-ratio: 600/110;
  display: block;
  position: relative;
  border-radius: 10px;
  /* overflow: hidden; */
}
.sec1 .container .wrapper .link_bottom .item img {
  position: absolute;
  top: -9px;
  left: 3%;
  width: 62%;
  aspect-ratio: 334 / 120;
  /* object-fit: cover; */
  object-fit: contain;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}
.sec1 .container .wrapper .link_bottom .left_item {
  background-image: url(../img/front/banner_aie_bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sec1 .container .wrapper .link_bottom .left_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  z-index: 0;
  transition: background-color 0.3s ease-in-out;
}
.sec1 .container .wrapper .link_bottom .right_item {
  background-image: url(../img/front/banner_jhm_bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
}
.sec1 .container .wrapper .link_bottom .right_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 0;
  transition: background-color 0.3s ease-in-out;
}
.sec1 .container .wrapper .link_bottom svg {
  position: absolute;
  top: 50%;
  right: 8.6666666667%;
  transform: translateY(-50%);
  transition: right 0.3s ease-in-out;
  z-index: 2;
}
.sec1 .container .wrapper .link_bottom .item:hover {
  opacity: 1;
}
.sec1 .container .wrapper .link_bottom .item:hover.left_item::after {
  background-color: rgba(255, 255, 255, 0.4);
}
.sec1 .container .wrapper .link_bottom .item:hover.right_item::after {
  background-color: rgba(0, 0, 0, 0.3);
}
.sec1 .container .wrapper .link_bottom .item:hover svg {
  right: 5.3333333333%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  .sec1 .container .wrapper .box .item .hero_aie {
    max-width: 240px;
  }
  .sec1 .container .wrapper .box .item .hero_jhm {
    max-width: 170px;
  }
}

@media screen and (max-width: 768px) {
  .sec1 .container .wrapper .box {
    flex-direction: column;
    height: 100svh;
  }
  .sec1 .container .wrapper .box .link {
    width: 100%;
    height: 50%;
  }
  .sec1 .container .wrapper .box .link .page_link_btn {
    display: none;
  }
  .sec1 .container .wrapper .box .hero {
    font-size: 30px;
  }
  .sec1 .container .wrapper .box .item .logo_img {
    top: 12px;
    left: 16px;
    width: 203px;
    transform: translateX(0);
  }
  .sec1 .container .wrapper .box .item .j_icon {
    top: 16vw;
    right: 10.6666666667vw;
    width: 18.6666666667vw;
  }
  .sec1 .container .wrapper .link_bottom {
    display: none;
  }
  .sec1 .container .wrapper .link_arrow {
    position: absolute;
  }
  .sec1 .container .wrapper .link_arrow a {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec1 .container .wrapper .link_arrow_left {
    right: 25px;
    bottom: 25px;
  }
  .sec1 .container .wrapper .link_arrow_left a {
    background-color: #F19FC3;
  }
  .sec1 .container .wrapper .link_arrow_right {
    left: 25px;
    bottom: 25px;
  }
  .sec1 .container .wrapper .link_arrow_right a {
    background-color: #E50012;
  }

  .sec1 .container .wrapper .open_campus_wrapper {
    padding-top: 64px;
    width: 86%;
    margin: 0 auto;
  }
  .sec1 .container .wrapper .open_campus_wrapper .sec_ttl {
    font-size: 8vw;
    text-align: center;
    font-weight: bold;
    font-family: "inter", sans-serif;
    color: #898989;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus {
    margin-top: 24px;
    width: 50%;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .icon {
    margin: 0 auto;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus a {
    margin-top: 14px;
    display: block;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .top {
    width: 100%;
    aspect-ratio: 160/120;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .date {
    font-family: "Roboto", sans-serif;
    width: 87.5%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
    border-radius: 100px;
    padding: 6px 20px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .date p {
    margin-bottom: 0;
    line-height: 1;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .date h4 {
    display: flex;
    align-items: flex-end;
    gap: 5px;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus .detail_ttl {
    padding: 12px 14px;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_aie .icon {
    width: 38px;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_aie .date {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_aie .detail_ttl {
    background-image: linear-gradient(to right, #F8D1E2, #E8F2D5);
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_jhm .icon {
    width: 29px;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_jhm .date {
    color: #ffffff;
    background-color: #222222;
  }
  .sec1 .container .wrapper .open_campus_wrapper .open_campus_jhm .detail_ttl {
    background-color: #222222;
    color: #ffffff;
  }
  
  .sec1 .container .wrapper .school_guide {
    padding-top: 64px;
    padding-bottom: 64px;
    width: 86%;
    margin: 0 auto;
  }
  .sec1 .container .wrapper .school_guide .sec_ttl {
    font-size: 8vw;
    text-align: center;
    font-weight: bold;
    font-family: "inter", sans-serif;
    color: #898989;
  }
  .sec1 .container .wrapper .school_guide .txt {
    text-align: center;
    margin-top: 7px;
  }
  .sec1 .container .wrapper .school_guide .banner_links {
    margin-top: 22px;
  }
  .sec1 .container .wrapper .school_guide .banner_link {
    width: 100%;
    position: relative;
  }
  .sec1 .container .wrapper .school_guide .banner_link a {
    width: 100%;
    aspect-ratio: 320/88;
    display: block;
    position: relative;
    border-radius: 10px;
  }
  .sec1 .container .wrapper .school_guide .banner_link a img {
    position: absolute;
    top: -7px;
    left: 5.9722222222%;
    width: 80%;
    aspect-ratio: 248/100;
    object-fit: cover;
    transition: opacity 0.3s ease-in-out;
    z-index: 2;
  }
  .sec1 .container .wrapper .school_guide .banner_link_aie {
    background-image: url(../img/front/banner_aie_bg_sp.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .sec1 .container .wrapper .school_guide .banner_link_aie::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 0;
    transition: background-color 0.3s ease-in-out;
  }
  .sec1 .container .wrapper .school_guide .banner_link_jhm {
    margin-top: 23px;
    background-image: url(../img/front/banner_jhm_bg_sp.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .sec1 .container .wrapper .school_guide .banner_link_jhm::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 0;
    transition: background-color 0.3s ease-in-out;
  }
}
@media screen and (max-width: 480px) {
  .sec1 .container .wrapper .box .item .j_icon {
    top: 21.3333333333vw;
    right: 10.6666666667vw;
    width: 18.6666666667vw;
  }
}


/* 20260203 */
footer .p-sitemap.-j .p-sitemap__logo,
.front-footer .p-sitemap.-j .p-sitemap__list .list__item > a,
.front-footer .p-sitemap__list .list-child__item a {
  color: #000;
}

.sec1 .container .wrapper .box .open_campus {
  position: absolute;
  z-index: 6;
  left: 36px;
  bottom: 52px;
  width: 161px;
}
.sec1 .container .wrapper .box .open_campus a {
  display: block;
  overflow: hidden;
}
.sec1 .container .wrapper .box .open_campus .ttl_img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -17%;
}
.sec1 .container .wrapper .box .open_campus .ttl_img img {
  width: 82px;
}
.sec1 .container .wrapper .box .open_campus .img {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: -17%;
}
.sec1 .container .wrapper .box .open_campus .info {
  background-color: #D8D8D8;
}
.sec1 .container .wrapper .box .open_campus .date {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 59px;
  border-radius: 100px;
  background-color: #000;
  color: #fff;
  width: 213px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 6px 17px 4px 17px;
  gap: 5px;
}

.sec1 .container .wrapper .box .open_campus .date p {
  margin-bottom: 0;
}
.sec1 .container .wrapper .box .open_campus .ttl {
  padding: 25px 5px 5px;
  
}
.sec1 .container .wrapper .box .open_campus .ttl h4 {
  line-height: 1.3125;
}

.sec1 .container .wrapper .box .open_campus.open_campus_aie {
  left: auto;
  right: 36px;
}
.sec1 .container .wrapper .box .open_campus.open_campus_aie .date  {
  background-color: #F19FC3;
}
.sec1 .container .wrapper .box .open_campus.open_campus_aie .info {
  background-color: #fff;
  color: #F19FC3;
  border: 1px solid #F19FC3;
}
.front-footer .p-sitemap.-j .p-sitemap__list .list__item > a:hover,
.front-footer .p-sitemap__list .list-child__item a:hover {
  color: #E7213F;
  opacity: 1;
}
.front-footer .p-sitemap.-i,
.front-footer .p-sitemap.-j {
  background-color: transparent;
}
.front-footer .p-sitemap.-j .p-sitemap__list .list-child {
  border-left-color: #E50012;
}

@media screen and (max-width: 480px) {
  .sec1 .container .wrapper .box .item .hero_aie {
    max-width: 155px;
  }
  .sec1 .container .wrapper .box .item .hero_jhm {
    max-width: 111px;
  }
  
}