@charset "UTF-8";
#hub .header__inner {width: 100%;position: absolute;top: 0;left: 0;}
#hub .header__logo {width: 38rem;position: absolute;top: 0;left: 0;z-index:10;}


#hub .hub-slider > div:not(:first-child){display: none;}/*for CLS*/
#hub .hub-slider .slick-list {display: block !important;}

#hub .slider .slick-list {padding: 0!important; display: block !important;}
#hub .slider li {margin: 0;}
#hub .slick-dots{position: relative;margin:-35px 0 0 auto;padding:20px;display: table;background:#fff;width:auto;}
#hub .slick-dots li button:before{background: #e5e5e5;}
#hub .slick-dots li.slick-active button:before{background: #e60012;}



#hub .hero {height: 700px;position:relative;}
#hub .hero .hero__slideArea{padding:0 0 0 70px;}


#hub .hero .prev-arrow{display:none;}
#hub .hero .next-arrow{display:none;}

#hub .hero .hub-slider .slick-slide img{width:100%;}

#hub .hero .hub-slider .slick-slide {position: relative;background:#000;width:1400px;height:700px;overflow:hidden;float:left;}
#hub .hero .hub-slider .slick-slide img {height:700px;position:absolute;left:0;top:0;}

#hub .hero__iconArea {width: 7rem;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;z-index:9;position:absolute;height:100%;background:#fff;}
#hub .hero__iconList {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 11.1rem;}
#hub .hero__iconItem {text-align:center;}
#hub .hero__iconItem:not(:last-of-type) {margin-bottom: 3rem;}




#hub .information{max-width:1280px;padding:0 40px;margin:45px auto;font-size:1.6rem;}
#hub .information__dl{background:#f6f6f6;padding: 1.2rem 1.5rem 0.8rem;display:flex;gap:20px;align-items: baseline;;}
#hub .information__dt{display:table-cell;background:url(../img/common/info_ico.png) left center no-repeat;background-size:20px;color:#e60012;padding:0 20px 0 30px;font-weight:700;}
#hub .information__dd{display:table-cell;}
#hub .information__dd a{text-decoration:underline;}


#hub .education {padding: 11rem 0 2rem;background: url(../img/hub/bg_rect1.webp);background-size: contain;background-repeat: no-repeat;background-position: left;margin-bottom: 3rem;position: relative;min-width:1300px;}
#hub .education__inner {background: url(../img/hub/bg_grid.png);background-repeat: repeat;}

#hub .cont_in{width:1170px;margin:0 auto;padding:0 15px;display:flex;justify-content: center;}
#hub .cont_in2{flex-direction: row-reverse;width:1070px;margin:0 auto;padding:0 15px;display:flex;justify-content: center;}


#hub .education__textUnit {padding:0 40px 0 0;}
#hub .education__hd2 {color: #fff;font-weight: bold;margin-bottom: 3.5rem;}
#hub .education__ja {display: block;line-height: 1;font-size: 2.2rem;margin-bottom: 2rem;}
#hub .education__en {display: block;line-height: 1;font-size: 5.8rem;}
#hub .education__text {color: #fff;font-size: 2.4rem;font-weight: bold;}


#hub .education__listWrap {padding-bottom: 10rem;}
#hub .education__bgArea {background: url(../img/hub/bg_photo1.webp) right center no-repeat;background-size: 80%;padding: 9.3rem 0 10.6rem 0;height:966px;}



#hub .education__list {display: flex;justify-content: space-between;flex-wrap: wrap;max-width:795px;}
#hub .education__item {width: 49%;padding: 1.3rem 1.7rem;background-color: rgba(246, 246, 246, 0.2);margin-bottom: 1.3rem;border-radius: 0.5rem;}
#hub .education__label {font-size: 1.3rem;display: inline-block;line-height: 1;padding: 0.5rem 1rem;border-radius: 0.5rem;color: #fff;background-color: #eea822; margin-right: 0.5rem;}
#hub .education__label--yellow {background-color: #eea822;}
#hub .education__label--green {background-color: #41aaa5;}
#hub .education__label--lightblue {background-color: #198cd5;}
#hub .education__label--purple {background-color:#9b72b0;}
#hub .education__iconLink {padding: 1.3rem 1.7rem;}
#hub .education__img {display: table;margin:0 auto;height: auto;}
#hub .education__linkText {font-size: 1.4rem;line-height:1.4;padding:10px 0 0 0;text-align: center;font-weight: bold;color: #fff;}

#hub .entertainment {min-width:1300px;padding: 11rem 0 2rem;background: url(../img/hub/bg_rect2.webp);background-size: contain;background-repeat: no-repeat;background-position: right;margin-bottom: 3rem;position: relative;}
#hub .entertainment__inner {background: url(../img/hub/bg_grid.png);background-repeat: repeat;}
#hub .entertainment__textUnit {width: 420px;padding:0 0 0 40px;/*position: absolute;top: 14rem;right: 15rem;*/display: flex;flex-direction: column;align-items: flex-end;}



#hub .entertainment__hd2 {color: #fff;font-weight: bold;margin-bottom: 3.5rem;}
#hub .entertainment__ja {display: block;line-height: 1;font-size: 2.2rem;margin-bottom: 2rem;}
#hub .entertainment__en {display: block;line-height: 1;font-size: 5.8rem;}
#hub .entertainment__text {color: #fff;font-size: 2.4rem;font-weight: bold;}
#hub .entertainment__listWrap {/*padding-right: 21%;*/padding-bottom: 10rem;}


#hub .entertainment__bgArea {background: url(../img/hub/bg_photo2.webp) left center no-repeat;background-size: 80%;padding: 9.3rem 0 10.6rem 0;height:780px;}
#hub .entertainment__list {max-width: 550px;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 15rem 0;}
#hub .entertainment__item {width: 48%;background-color: rgba(246, 246, 246, 0.2);margin-bottom: 2rem;border-radius: 0.5rem;}
#hub .entertainment__item:last-of-type {margin-bottom: 0;}
#hub .entertainment__link {display: block;width: 80%;margin: 0 auto;padding: 3rem 3.5rem 5rem;} /*edit width: 70%;*/
#hub .entertainment__img {display: block;width: 100%;height: auto;}
#hub .entertainment__linkText {font-size: 1.6rem;text-align: center;font-weight: bold;color: #fff;}

#hub .facility {padding: 11rem 0 2rem;background: url(../img/hub/bg_rect1.webp);background-size: contain;background-repeat: no-repeat;background-position: left;margin-bottom: 8.5rem;position: relative;min-width:1300px;}
#hub .facility__inner {background: url(../img/hub/bg_grid.png);background-repeat: repeat;}
#hub .facility__textUnit {width: 440px;/*position: absolute;top: 12.6rem;left: 12rem;*/}
#hub .facility__hd2 {color: #fff;font-weight: bold;margin-bottom: 3.5rem;}
#hub .facility__ja {display: block;line-height: 1;font-size: 2.2rem;margin-bottom: 2rem;}
#hub .facility__en {display: block;line-height: 1;font-size: 5.8rem;}
#hub .facility__text {color: #fff;font-size: 2.4rem;font-weight: bold;padding:0 40px 0 0;}
#hub .facility__listWrap {/*padding-left: 21%;*/padding-bottom: 10rem;}
#hub .facility__bgArea {background: url(../img/hub/bg_photo3.webp) right center no-repeat;background-size: 80%;padding: 9.3rem 0 10.6rem 0;height:780px;}




#hub .facility__list {display: flex;justify-content: space-between;flex-wrap: wrap;width: 50%;padding: 20rem 0;}
#hub .facility__item {width: 49%;padding: 0rem 1.7rem;background-color: rgba(246, 246, 246, 0.2);margin-bottom: 2rem;border-radius: 0.5rem;} /*edit padding: 2.5rem 1.7rem 6.5rem;*/
#hub .facility__link {display: block;width: 100%;padding: 3.5rem 5rem 5rem;}
#hub .facility__img {display: block;width: 100%;height: auto;}
#hub .facility__linkText {font-size: 1.6rem;text-align: center;font-weight: bold;color: #fff;}

#hub .aboutUs {margin-bottom: 16rem;}
#hub .aboutUs__inner {background: url(../img/hub/bg_photo4.webp);background-size: cover;background-repeat: no-repeat;}
#hub .aboutUs__textWrap {padding: 10rem 0 15rem;color: #fff;width:530px;margin:0 auto;}
#hub .aboutUs__hd2 {margin-bottom: 5rem;}
#hub .aboutUs__ja {display: block;text-align: center;font-size: 2.2rem;font-weight: bold;line-height: 1;margin-bottom: 3.5rem;}
#hub .aboutUs__en {display: block;text-align: center;font-size: 5.8rem;font-weight: bold;line-height: 1;}
#hub .aboutUs__text {font-size: 1.6rem;font-weight: bold;margin-bottom: 10.5rem;line-height: 2.5;}
#hub .aboutUs__btn {width: 18.5rem;margin: 0 auto;background-color: #e41723;position: relative;}
#hub .aboutUs__btn::after {content: "";display: inline-block;width: 2.6rem;height: 0.9rem;background: url(../img/hub/arrow.png);background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;right: 1.5rem;transform: translateY(-50%);}
#hub .aboutUs__btnLink {display: block;font-size: 1.6rem;line-height: 1;padding: 1.5rem 5rem 1.5rem 3rem;font-weight: bold;color: #fff;}

#hub .footer {background-color: #e41723;}
#hub .footer__inner {padding: 7rem 1.5rem 5.5rem;width:1270px;margin:0 auto;color: #fff;font-size: 1.4rem;}
#hub .footer__left {float: left;width: 25%;}
#hub .footer__logo {width: 100%;margin-bottom: 4.5rem;}
#hub .footer__name {font-size: 1.6rem;/*margin-bottom: 3.5rem;*/}
#hub .footer__right {float: right;width: 48%;}
#hub .footer__navList {display: flex;justify-content: flex-start;flex-wrap: wrap;}
#hub .footer__navItem {padding: 0 1.2rem;line-height: 1;margin: 0 0 2.5rem 0;position: relative;}
#hub .footer__navItem:not(:last-of-type)::after {content: "";display: inline-block;width: 0.1rem;height: 1.7rem;background-color: #fff;position: absolute;top: 0;right: 0;}

#hub .footer__navLink {color: #fff;}
#hub .footer__copy {clear: both;text-align: right;}


#hub .bnrarea{width:1280px;margin:0 auto;padding:60px 40px 20px 40px;}
#hub .bnrarea_in{display:flex;gap:40px;}
#hub .bnrarea_in div{padding:0;width: 33%;height:70px;}
#hub .bnrarea_in div a{background: #fff url(../img/hub/bnr_bg_red.png) no-repeat right center/contain;color:#e72100;display:flex;width:100%;height:100%;justify-content: center;align-items: center;padding-right: 17%; border: 2px solid #e72100;font-size: 2.3rem;font-weight: bold;}
#hub .bnrarea_in div.bn_red a{background: #e72100 url(../img/hub/bnr_bg.png) no-repeat right center/contain;border: 2px solid #e72100;color: #fff;}
#hub .bnrarea_in div.bn_black a{background: #ffe8e4 url(../img/hub/bnr_bg_red.png) no-repeat right center/contain;}

/* add 230118 viewmore */
.viewmore__link {margin:7rem 0 0;}
.viewmore{font-size: 1.8rem;line-height: 1.4;font-weight: 600;background: #e60012 url(../img/common/arw_ico2.png) right 10px center no-repeat;color: #fff;padding: 9px 50px 10px 30px;margin: 4px 0 0 5px;background-size: 26px; display: block; width:220px;}


@media screen and (max-width: 1620px) {
  #hub .education__bgArea {background-size: 90%;}
}


@media screen and (max-width: 768px) {
  #hub header {position: static;}


  #hub .hero{height:auto;}
  #hub .hero .hub-slider .slick-slide {height:auto;width:auto;}
  #hub .hero .hub-slider .slick-slide img {width:100%;min-width:0;height:auto;position:static;left:auto;top:auto;}
  #hub .hero .hero__slideArea{padding:0 0 0 41px;}


  #hub .hero__slideArea .slick-slide{height:auto;max-height:100%;}
  #hub .hero__slideArea .slick-slide img{min-width:0;min-height:0;position: static;top: auto;left: auto;transform: translate(0, 0);}


  #hub header .sp_header {z-index: 14;position:relative;}

  #hub header .sp_header .hamburger {background: url(../img/hub/menu.png) 0 0 no-repeat;display: table;margin: 0 auto;cursor: pointer;z-index: 14;background-size: 100% 100%;width: 55px;height: 65px;}
  #hub header .sp_header .menu_ico {position:fixed;width: 55px;height: 65px;top: 0;right: 0;}
  #hub header .sp_header .hamburger.active {background: url(../img/hub/close.png) 0 0 no-repeat;position: fixed;top: 0;right: 0;left: auto;background-size: 100% 100%;width: 55px;height: 65px;}

  #hub .hub_spmenu {padding: 60px 0 20px 0;width:90%;margin:0 auto;}
  #hub .hub_spmenu p{font-size:16px;border-bottom: 2px solid #d9d9d9;color: #e80000;padding: 30px 0 10px 0;text-align: left;}
  #hub .hub_spmenu a{color: #e80000;}
  #hub .hub_spmenu ul{padding: 10px 0 0 25px;text-align: left;}


  #hub .slick-dots{margin:-35px 0 0 auto;padding:6px 20px;}




  #hub .education__bgArea {height:auto;}
  #hub .entertainment__bgArea {height:auto;}
  #hub .facility__bgArea {height:auto;}


  #hub .cont_in{width:100%;}
  #hub .cont_in2{width:100%;}

  #hub .education {min-width:0;}
  #hub .entertainment {min-width:0;}
  #hub .facility {min-width:0;}


  #hub .footer__inner {padding: 14.66667vw 5.33333vw 10.66667vw;width:auto;}
  #hub .footer__left {float: none;width: auto;margin:0 auto 17.33333vw auto;display:table;}
  #hub .footer__logo {width: 100%;padding: 0;margin-bottom: 10.66667vw;}
  #hub .footer__name {margin-bottom: 0;}

  #hub .footer__right {float: none;width: 100%;margin-bottom: 12vw;}
  #hub .footer__navList {justify-content: center;}
  #hub .footer__navItem {padding: 0 3.33333vw;margin: 0 0 4.66667vw 0;}
  #hub .footer__navItem:not(:last-of-type)::after {width: 0.1rem;height: 1.5rem;}
  #hub .footer__copy {text-align: center;}

  #hub .header__logo {display: block;width:auto;height: 65px;}
  #hub .header__logo img{height: 100%;width:auto;}
  #hub .header__toggle {position: absolute;top: 0;right: 0;width: 16vw;height: 18.66667vw;background-color: #fff;display: flex;justify-content: center;align-items: center;padding: 6.26667vw 4.93333vw;}
  #hub .header__bar {display: block;width: 6.66667vw;height: 0.2rem;background-color: #e41723;}
  #hub .header__bar:nth-of-type(1) {width: 100%;margin-bottom: 2vw;}
  #hub .header__bar:nth-of-type(2) {width: 70%;}
  #hub .header__text {color: #e41723;font-weight: bold;}

  #hub .hero__inner {display: flex;justify-content: space-between;padding: 0;}
  #hub .hero__iconArea {width: 10.66667vw;}
  #hub .hero__iconList {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 13.33333vw;}
  #hub .hero__iconItem {width: 6vw;}
  #hub .hero__iconItem:not(:last-of-type) {margin-bottom: 5.33333vw;}
  #hub .hero__scroll {width: 2vw;}
  #hub .hero__slideArea {width: 100%;}
  #hub .hero__img {width: 100%;height: auto;}


  #hub .information{font-size:1.6rem;padding:0 15px;margin:30px 0;}
  #hub .information__dl{display:block;}
  #hub .information__dt{display:block;background-size:18px;padding:0 0 0 25px;}
  #hub .information__dd{display:block;}






  #hub .education {padding: 35% 0 2rem;background: url(../img/hub/bg_rect1_sp.webp) 0 0 no-repeat;background-size: cover;margin-bottom: 6.66667vw;}
  #hub .education__inner {background: none;}
  #hub .education__textUnit {width: 100%;padding:0 28px 30px 28px;position: static;top: auto;left: auto;}
  #hub .education__hd2 {margin-bottom: 6vw;}
  #hub .education__ja {margin-bottom: 4.66667vw;font-size:15px;}
  #hub .education__en {font-size:40px;}
  #hub .education__text {font-size:16px;}
  #hub .education__listWrap {padding-left: 5.33333vw;padding-bottom: 0;}
  #hub .education__bgArea {background: url(../img/hub/bg_photo1_sp.webp);background-size: cover;background-repeat: no-repeat;padding: 8vw 5.33333vw 19vw 5.33333vw;}
  #hub .education__item {width: 100%;padding: 2.66667vw 3.33333vw;margin-bottom: 5.33333vw;}
  #hub .education__label {padding: 0.66667vw 2vw;}

  #hub .entertainment {width: 100%;padding: 40% 0 2rem;background: url(../img/hub/bg_rect2_sp.webp) 0 0 no-repeat;background-size: cover;margin-bottom: 5.33333vw;}
  #hub .entertainment__inner {background: none;}
  #hub .entertainment__textUnit {width: 100%;padding:0 28px 30px 28px;position: static;top: auto;left: auto;}
  #hub .entertainment__hd2 {margin-bottom: 6vw;}
  #hub .entertainment__ja {margin-bottom: 4vw;font-size:15px;}
  #hub .entertainment__en {font-size:40px;}
  #hub .entertainment__text {width: 100%;font-size:16px;}
  #hub .entertainment__listWrap {padding-right: 5.33333vw;padding-bottom: 0;}
  #hub .entertainment__bgArea {background: url(../img/hub/bg_photo2_sp.webp);background-size: cover;background-repeat: no-repeat;display: block; padding: 3rem 0 10.6rem 0;}
  #hub .entertainment__list {width: 100%;justify-content: center;flex-wrap: wrap;align-items: center;padding: 20px 0;}
  #hub .entertainment__item {width: 55%;background-color: rgba(246, 246, 246, 0.2);margin-bottom: 2rem;border-radius: 0.5rem;}
  #hub .entertainment__item:last-of-type {margin-bottom: 0;}
  #hub .entertainment__link {display: block;width: 100%;margin: 0 auto;padding: 3rem;}/*edit*/
  #hub .entertainment__img {display: block;width: 100%;height: auto;}
  #hub .entertainment__linkText {text-align: center;font-weight: bold;color: #fff;}

  #hub .facility {padding: 25% 0 2rem;background: url(../img/hub/bg_rect3_sp.webp);background-size: cover;background-repeat: no-repeat;background-position: top left;margin-bottom: 13.33333vw;}
  #hub .facility__inner {background: none;}
  #hub .facility__textUnit {width: 100%;padding:0 28px 30px 28px;position: static;top: auto;left: auto;}
  #hub .facility__hd2 {margin-bottom: 6vw;}
  #hub .facility__ja {margin-bottom: 4vw;font-size:15px;}
  #hub .facility__en {font-size:40px;}
  #hub .facility__text {width: 100%;font-size:16px;}
  #hub .facility__listWrap {padding-left: 5.33333vw;padding-bottom: 10rem;}
  #hub .facility__bgArea {background: url(../img/hub/bg_photo3_sp.webp);background-size: cover;background-repeat: no-repeat;}
  #hub .facility__list {width: 55%;padding: 42vw 0;}
  #hub .facility__item {width: 100%;padding: 0;margin-bottom: 5.33333vw;}
  #hub .facility__link {display: block;width: 100%;padding: 3rem;}/*edit padding: 3.5rem 5rem 5rem;*/

  #hub .aboutUs {margin-bottom: 24.66667vw;}
  #hub .aboutUs__inner {background: url(../img/hub/bg_photo4_sp.webp);background-size: cover;background-repeat: no-repeat;}
  #hub .aboutUs__textWrap {padding: 22vw 5.33333vw 26.66667vw;width:auto;}
  #hub .aboutUs__hd2 {margin-bottom: 10.66667vw;}
  #hub .aboutUs__ja {margin-bottom: 6vw;}
  #hub .aboutUs__text {margin-bottom: 14.66667vw;line-height: 2.3;}
  #hub .aboutUs__btn {width: 46.66667vw;}
  #hub .aboutUs__btn::after {content: "";display: inline-block;width: 5.73333vw;height: 2.4vw;right: 2.66667vw;}
  #hub .aboutUs__btnLink {padding: 3.33333vw 11.6vw 3.33333vw 8vw;}


  #hub .bnrarea{width:100%;padding:30px 15px 20px 15px;}
  #hub .bnrarea_in{flex-direction:column; gap:4vw;margin:0;}
  #hub .bnrarea_in div{padding:0;text-align:center;width: auto;height: 10vw;}
  #hub .bnrarea_in div a{font-size: 3.8vw;font-weight: bold;padding-right: 9%;}

  /* add 230118 viewmore */
  .viewmore__link {margin:0 auto 2rem;}
  .viewmore{font-size: 1.8rem;line-height: 1.4;font-weight: 600;background: #e60012 url(../img/common/arw_ico2.png) right 10px center no-repeat;color: #fff;padding: 9px 50px 10px 30px;margin: 4px auto 0;background-size: 26px; display: block; width:220px;}



}



@media screen and (max-width: 480px) {

  #hub .entertainment__textUnit {top: 19vw}


  #hub .footer__inner {font-size: 2.93333vw;}
  #hub .footer__name {font-size: 2.93333vw;}
  #hub .header__text {font-size: 2.13333vw;}

  #hub .information {font-size:3.3vw;}
  #hub .education__ja {font-size: 6vw;}
  #hub .education__en {font-size: 10vw;}
  #hub .education__text {font-size: 4vw;}
  #hub .education__label {font-size: 3.2vw;}
  /*#hub .education__linkText {font-size: 3.73333vw;}*/
  #hub .entertainment__ja {font-size: 6vw;}
  #hub .entertainment__en {font-size: 10vw;}
  #hub .entertainment__text {font-size: 4vw;}
  #hub .entertainment__linkText {font-size: 1.6rem;}
  #hub .facility__ja {font-size: 6vw;}
  #hub .facility__en {font-size: 10vw;}
  #hub .facility__text {font-size: 4vw;}
  /*#hub .aboutUs__ja {font-size: 4vw;}*/
  /*#hub .aboutUs__en {font-size: 9.33333vw;}*/
  #hub .aboutUs__en {font-size: 10vw;}
  #hub .aboutUs__text {font-size: 4vw;}
  #hub .aboutUs__btnLink {font-size: 3.46667vw;}

}