@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
/*@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 index
==============================*/

/* common ----------*/
.h2d { position: relative; margin-bottom: 6rem; text-align: center; line-height: 1.4; vertical-align: baseline; }
.h2d:before { position: absolute; top: -12rem; left: 0; right: 0; content: ""; width: 1px; height: 10rem; margin: auto; background-color: #C92453; }
mark { background: linear-gradient(transparent 60%, rgba(255, 245, 0, 0.6) 60%); vertical-align: baseline; }
.h2d small { vertical-align: baseline; }
.h2d strong { vertical-align: baseline; }
.h3d { margin-bottom: 4rem; text-align: center; }
.h3d span { display: inline-block; padding: 1.5rem 4rem; color: #FFF; line-height: 1.2; font-size: 2.4rem; vertical-align: baseline; }
.youtube { width: 100%; max-width: 70rem; margin: auto; }
.youtubewrap { position: relative; width: 100%; padding-top: 56.25%; }
.youtubewrap iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  .h2d { margin-bottom: 4rem; }
	.h2d:before { top: -6rem; height: 5rem; }
  .h3d span { font-size: 2rem; }
}

/* mv ----------*/
#mv { position: relative; width: 100%; height: 56.25vw; overflow: hidden; background-image: url(../_img/index/mv.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
#mv .tw { position: relative; z-index: 2; width: 60%; padding-top: 5%; }
#mv .tw h1 img { width: 100%; }
#mv .tw2 { position: absolute; z-index: 3; bottom: 1.5vw; width: 70%; text-align: center; }
#mv .tw2 p { text-align: center; }
#mv .tw2 p span { display: inline-block; border-radius: 5rem; line-height: 1; font-weight: bold; }
#mv .tw2 .t1 span { padding: 0.75vw 1.5vw; color: #FFF; background-color: rgba(201, 36, 83, 0.9); font-size: 1.5vw; }
#mv .tw2 .t2 { margin-bottom: 0.5vw; color: #FFF; line-height: 1; font-size: 2.75vw; font-weight: bold; }
#mv .tw2 h2 { margin-bottom: 1.5vw; color: #FFF; line-height: 1; font-size: 6vw; }
#mv .tw2 h2 small { display: block; text-align: center; line-height: 1; font-size: 1.2vw; }
#mv .tw2 .t3 span { padding: 1vw 2vw; color: #C92453; background-color: #FFF; font-size: 1.2vw; }
#scroll_wrap { position: absolute; z-index: 1; bottom: -0.75vw; display: block; width: 100%; overflow: hidden; }
#scroll_wrap .scroll { display: inline-block; padding-left: 100%; color: #fff; line-height: 1.5vw; white-space: nowrap; animation: animate-banner 60s linear infinite; }
#scroll_wrap .scroll p { color: rgba(255, 255, 255, 0.4); line-height: 1; font-size: 10vw; font-weight: bold; white-space: nowrap; }
@keyframes animate-banner {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@media screen and (max-width:1024px) { /* iPad 横 l */
  #mv { height: 150vw; background-image: url(../_img/index/mv_sp.jpg); }
  #mv .tw { width: 98%; padding-top: 1rem; }
  #mv .tw2 { bottom: 3vw; width: 100%; }
  #mv .tw2 .t1 span { padding: 2.25vw 3vw; font-size: 4.5vw; }
  #mv .tw2 .t2 { margin-bottom: 1.5vw; font-size: 8.25vw; }
  #mv .tw2 h2 { margin-bottom: 4.5vw; font-size: 16vw; }
  #mv .tw2 h2 small { font-size: 3.6vw; }
  #mv .tw2 .t3 span { padding: 3vw 6vw; font-size: 3.6vw; }
  #scroll_wrap { bottom: -2.5vw; }
  #scroll_wrap .scroll { line-height: 3vw; }
  #scroll_wrap .scroll p { font-size: 20vw; }
}

/* about ----------*/
#about .h2d { font-size: 5rem; }
#about .h2d small { font-size: 5rem; }
#about .h2d mark { color: #C92453; }
#about .h3d span { background-color: #333; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #about .h2d { font-size: 4rem; }
  #about .h2d small { font-size: 3rem; }
}

/* thought ----------*/
#thought { background-image: url(../_img/index/bg_1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#thought h2 { margin-bottom: 4rem; padding-bottom: 2rem; border-bottom: solid 1px #C92453; color: #FFF; line-height: 1.4; font-size: 3rem; vertical-align: middle; }
#thought h2 span { display: inline-block; margin-right: 2rem; padding: 1rem 2rem; border-radius: 3rem; background-color: #C92453; line-height: 1; font-size: 2rem; vertical-align: middle; }
#thought p { color: #FFF; line-height: 2.5; }
@media screen and (max-width: 896px) {
  #thought .thought-txt {
    overflow: hidden;
  }
  #thought .thought-sp-img {
    width: min(150px, 26vw);
    float: right;
    margin: 0 0 1rem 2rem;
  }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
  /* #thought h2 { text-align: center; } */
  #thought h2 span { margin-bottom: 1rem; }
}

/* walk_together ----------*/
#walk_together { width: 100%; overflow: hidden; }
#walk_together .h2d { font-size: 6rem; }
#walk_together .h2d small { font-size: 4rem; }
#walk_together .h2d strong { color: #C92453; font-size: 9rem; }
#walk_together .h3d span { background-color: #C92453; }
#walk_together .homeroom { display: flex; margin-top: 12rem; }
#walk_together .homeroom .tw { position: relative; width: calc(50% - 2rem); margin-right: 4rem; margin-top: 8rem; padding: 10rem 0; }
#walk_together .homeroom .tw .tw_inner { padding-left: 3rem; border-left: solid 1rem #FFF; }
#walk_together .homeroom .tw::after { position: absolute; z-index: -1; top: 0; right: -50rem; content: ""; width: 1000%; height: 100%; border-radius: 2rem; background-color: #C92453; }
#walk_together .homeroom .tw h4 { margin-bottom: 3rem; color: #FFF; font-size: 4rem; }
#walk_together .homeroom .tw h4 small { display: block; font-size: 1.6rem; }
#walk_together .homeroom .tw p { color: #FFF; }
#walk_together .homeroom .pw { width: calc(50% - 2rem); }
#walk_together .homeroom .pw img { width: calc(100% + 16rem); max-width: none; }
#walk_together .future_flow { margin-top: 6rem; align-items: center; }
#walk_together .future_flow .future_flow_box { overflow: hidden; border-radius: 2rem; }
#walk_together .future_flow .future_flow_box h4 { text-align: center; line-height: 1.4; font-size: 2.4rem; }
#walk_together .future_flow .future_flow_box .ah1 { padding: 3rem 3rem 2rem; }
#walk_together .future_flow .future_flow_box .ah2 { padding: 3rem; line-height: 1.6; font-weight: bold; font-size: 1.8rem; }
#walk_together .future_flow .future_flow_box.box1 { background-color: #9FCE62; }
#walk_together .future_flow .future_flow_box.box1 h4 { color: #548810; }
#walk_together .future_flow .future_flow_box.box1 .ah2 { color: #548810; background-color: #ECFBD9; }
#walk_together .future_flow .future_flow_box.box2 { background-color: #FBC941; }
#walk_together .future_flow .future_flow_box.box2 h4 { color: #AE8001; }
#walk_together .future_flow .future_flow_box.box2 .ah2 { color: #AE8001; background-color: #FFEDBD; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #walk_together .h2d { font-size: 4rem; }
  #walk_together .h2d small { font-size: 3rem; }
  #walk_together .h2d strong { font-size: 7rem; }
  #walk_together .homeroom { flex-flow: wrap; margin-top: 0; }
  #walk_together .homeroom .tw { width: 100%; margin-right: 0; margin-top: 0; padding: 4rem 4rem 18rem 0; }
  #walk_together .homeroom .tw::after { right: 0; content: ""; }
  #walk_together .homeroom .pw { width: 100%; margin-top: -14rem; text-align: center; }
  #walk_together .homeroom .pw img { width: 80%; }
  #walk_together .future_flow { max-width: 85%; margin-right: auto; margin-left: auto; }
}

/* innovation_pioneer ----------*/
#innovation_pioneer { padding-right: 2rem !important; padding-left: 2rem !important; background-image: url(../_img/index/bg_2.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#innovation_pioneer h2 { color: #FFF; text-align: center; line-height: 1.4; font-size: 11rem; }
#innovation_pioneer p { margin: 0; color: #FFF; text-align: center; font-size: 1.8rem; }
#innovation_pioneer .lead { margin: 4rem 0; font-size: 4rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #innovation_pioneer h2 { line-height: 1; font-size: 15vw; }
  #innovation_pioneer .lead { font-size: 3rem; }
}

/* innovation ----------*/
#innovation { width: 100%; overflow: hidden; }
#innovation .h2d small { font-size: 4.5rem; }
#innovation .h2d strong { color: #C92453; font-size: 7rem; }
#innovation .innovation_box { position: relative; margin-top: 6rem; }
#innovation .innovation_box:after { position: absolute; z-index: -1; top: 0; content: ""; width: 1000%; height: 70%; border-radius: 2rem; background-color: #f6f6f6; }
#innovation .innovation_box h3 { display: inline-block; margin-bottom: 3rem; border-bottom: solid 1px #C92453; color: #C92453; font-size: 3rem; }
#innovation .innovation_box h3 + p { margin-bottom: 3rem; font-size: 1.8rem; }
#innovation .innovation_box ul li { padding: 2rem; border-radius: 1rem; background-color: #FFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
#innovation .innovation_box ul li span { display: block; }
#innovation .innovation_box ul li .pw { margin-bottom: 1rem; }
#innovation .innovation_box ul li .tw h4 { text-align: center; font-size: 2rem; }
#innovation .innovation_box ul li .tw p { font-size: 1.6rem; }
#innovation .innovation_box.box1 { padding: 8rem 0 0 8rem; }
#innovation .innovation_box.box1:after { left: 0; }
#innovation .innovation_box.box2 { padding: 8rem 8rem 0 0; }
#innovation .innovation_box.box2:after { right: 0; }
#innovation .innovation_box.box2 .pw { background-color: #C92453; text-align: center; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #innovation .h2d small { font-size: 3rem; }
  #innovation .h2d strong { font-size: 5rem; }
  #innovation .innovation_box h3 { margin-bottom: 2rem; font-size: 2.4rem; }
  #innovation .innovation_box.box1 { padding: 3rem 0 0 3rem; }
  #innovation .innovation_box.box2 { padding: 3rem 3rem 0 0; }
}

/* dream_point common ----------*/
.dream_point { padding-right: 2rem !important; padding-left: 2rem !important; }
.dream_point h2 { color: #FFF; text-align: center; line-height: 1.4; }
.dream_point h2:after { content: ""; display: inline-block; width: 1px; height: 4rem; margin: 3rem 0; background-color: #FFF; }
.dream_point h2 small { font-size: 3.5rem; }
.dream_point h2 strong { display: block; color: #FFC700; font-size: 6rem; }
.dream_point h2 strong small { font-size: 5rem; }
.dream_point p { color: #FFF; text-align: center; }
@media screen and (max-width:896px) {
  .dream_point h2 strong {
    font-size: 5rem;
  }
  .dream_point h2 strong small { font-size: 4rem; }
}

/* dream_point1 ----------*/
#dream_point1 { background-image: url(../_img/index/bg_3.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
.modalArea { position: fixed; z-index: 10; top: 0; left: 0; display: none; width: 100%; height: 100%; }
.modalBg { width: 100%; height: 100%; background-color: rgba(30, 30, 30, 0.9); }
.modalWrapper { position: absolute; top: 50%; left: 50%; width: 90%; max-width: 64rem; padding: 5rem; border-radius: 2rem; background-color: #fff; transform: translate(-50%, -50%); }
.closeModal { position: absolute; top: 2rem; right: 2rem; cursor: pointer; }


/* dream_point2 ----------*/
#dream_point2 { background-image: url(../_img/index/bg_4.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

/* pioneer ----------*/
#pioneer { background-color: #F8F2EB; }
#pioneer .icon { padding: 9rem 2rem; color: #AAAAAA; font-size: 7rem; }
#pioneer .icon2 { margin-top: 18rem; padding: 3rem; }
#pioneer .schoolbox.mhs2.ic { margin-top: 2rem; }
#pioneer .icon4 { padding: 0rem 7rem; }
#pioneer .example { padding: 1rem; border: solid 1px #EEEEEE; color: #999999; text-align: center; font-size: 1.4rem; }
#pioneer .example span { display: inline-block; text-align: left; }
#pioneer .title { color: #C92453; text-align: center; font-size: 2rem; font-weight: bold; }
#pioneer .mhs_title2 { margin: 4rem 0 2rem; color: #D86281; font-weight: bold; }
#pioneer .h2d strong { color: #C92453; font-size: 6rem; }
#pioneer .h2d small { font-size: 4.5rem; }
#pioneer h3 { margin-bottom: 4rem; color: #C92453; text-align: center; }
#pioneer .school { display: flex; }
#pioneer .school h4 { margin-bottom: 3rem; padding: 0.5rem; color: #fff; background-color: #E59FAE; text-align: center; font-weight: bold; }
#pioneer .school .schoolbox { display: flex; }
#pioneer .school .schoolbox.hss_img { justify-content: center; }
#pioneer .school .schoolbox.hss_img img { margin: 2rem; }
#pioneer .school .schoolbox.mhs2 { margin-bottom: 2rem; justify-content: center; }
#pioneer .school .schoolbox.mhs2 .schoolbox_info.mhs_info { width: 35%; margin: 0; padding: 0; background-color: unset !important; text-align: center; }
#pioneer .school .schoolbox.mhs2 .schoolbox_info.mhs_info_box { width: 100%; height: 100%; margin-right: 1rem; padding: 3rem; color: #fff; background-color: #D86281 !important; font-size: 1.6rem; }
#pioneer .school .schoolbox .schoolbox_info { padding: 4rem; border-radius: 1rem; background-color: #fff; font-size: 1.8rem; font-weight: bold; }
#pioneer .school .schoolbox .schoolbox_info.mhs_info { width: 33%; margin-right: 1rem; color: #fff; background-color: #D86281 !important; font-size: 1.6rem; font-weight: bold; }
#pioneer .school .schoolbox .schoolbox_info.mhs_info:last-child { margin-right: 0; }
#pioneer .school .schoolyear { display: flex; writing-mode: vertical-rl; }
#pioneer .school .schoolyear span { padding: 0.5rem; text-combine-upright: all; }
#pioneer .school .schoolyear p { height: 100%; margin-right: 3rem; margin-bottom: 0rem; padding: 0.5rem; color: #fff; background-color: #E59FAE; text-align: center; font-weight: bold; letter-spacing: 0.5rem; }
#pioneer .school .schoolyear img { margin-right: 3rem; }
#pioneer .mhs { background-color: #D86281!important; }
#pioneer .hss { background-color: #C92453!important; }
#pioneer p.mhs_title { margin-bottom: 2rem; padding: 0.5rem; border-radius: 20px; color: #C92453; background-color: #fff; text-align: center; font-weight: bold; font-size: 1.8rem; }
#pioneer p.mhs_title span { font-size: 1.4rem; vertical-align: baseline; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #pioneer .icon4 { padding: 0rem 2rem; }
  #pioneer .icon3 { width: auto !important; height: 50px; }
  #pioneer .max { width: 100% !important; }
  #pioneer .f_box { display: flex; align-items: start; }
  #pioneer .f_box p { width: 50%; margin: 0; }
  #pioneer .school .schoolbox.mhs2 { margin: 0; }
  #pioneer .school .schoolbox.mhs2 .schoolbox_info.mhs_info_box { padding: 1rem; font-size: 1.6rem; }
  #pioneer .school .schoolbox.mhs2 .schoolbox_info.mhs_info_box .mhs_title { font-size: 1.4rem; }
  #pioneer .icon2 { width: 12%; margin-top: 20rem; padding: 1rem; }
  #pioneer .school .schoolbox.mhs2 .schoolbox_info.mhs_info { width: 44%; }
  #pioneer .icon { margin: 0; padding: 0; font-size: 4rem; }
  #pioneer .h2d strong { font-size: 4rem; }
  #pioneer .h2d small { font-size: 3rem; }
  #pioneer .school .schoolyear { display: none; }
  #pioneer .school .schoolbox { flex-wrap: wrap; justify-content: center; }
  #pioneer .school .schoolbox .schoolbox_info { width: 100%; }
  #pioneer .school .schoolbox .schoolbox_info img { width: 50%; margin-right: 1rem; }
  #pioneer .school .schoolbox .schoolbox_info.mhs_info { width: 100%; margin-right: 0rem; margin-bottom: 2rem; padding: 1rem; }
}

/* dream_education ----------*/
#dream_education { background-color: #f6f6f6; }
#dream_education .h2d { color: #C92453; font-size: 4rem; }
#dream_education .h3d span { background-color: #C92453; font-size: 1.8rem; }
#dream_education ul li { padding: 1.5rem; border-radius: 1rem; background-color: #FFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); }
#dream_education ul li span { display: block; }
#dream_education ul li .pw { margin-bottom: 1rem; }
#dream_education ul li .tw h4 { text-align: center; font-size: 2rem; }
#dream_education ul li .tw p { line-height: 1.4; font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #dream_education .h2d { font-size: 3rem; }
}

/* teacher_introduction ----------*/
#teacher_introduction .h2d { color: #C92453; font-size: 4rem; }
#teacher_introduction h3 { margin-bottom: 4rem; text-align: center; }
#teacher_introduction h3 span { display: inline-block; padding-bottom: 1rem; border-bottom: solid 2px #C92453; font-size: 3rem; }
#teacher_introduction ul { margin-top: 6rem; }
#teacher_introduction ul li span { display: block; }
#teacher_introduction ul li .pw { text-align: center; }
#teacher_introduction ul li .tw { text-align: center; }
#teacher_introduction ul li .tw h4 { margin: 1rem 0; font-size: 3rem; }
#teacher_introduction ul li .tw .c { display: inline-block; margin-bottom: 2rem; padding: 1rem 2rem; color: #FFF; background-color: #C92453; line-height: 1.2; font-size: 1.6rem; font-weight: bold; }
#teacher_introduction ul li .tw .an { padding: 2rem; border: solid 1px rgba(0, 0, 0, 0.1); border-radius: 1rem; text-align: left; font-size: 1.6rem; font-weight: bold; }
#teacher_introduction .box { padding: 8rem; border: solid 1rem rgba(0, 0, 0, 0.05); }
#teacher_introduction li.quest_list { padding: 2rem; border: solid #E492A9; border-radius: 1rem; font-size: 1.8rem; }
#teacher_introduction li.quest_list span { margin-bottom: 1rem; color: #C92453; font-weight: bold; font-size: 2rem; }
#teacher_introduction .box .h3d span { background-color: #C92453; font-size: 1.8rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #teacher_introduction .h2d { font-size: 3.5rem; }
  #teacher_introduction h3 span { font-size: 2.4rem; }
  #teacher_introduction ul { width: 85%; margin-left: auto; margin-right: auto; }
  #teacher_introduction .quest { width: 100%!important; }
  #teacher_introduction .box { padding: 4rem; }
}

/* voice ----------*/
#voice { background-color: #F8F2EB; }
#voice .h2d { color: #C92453; font-size: 4rem; }
#voice .voice { display: flex; align-items: center; }
#voice .voice1 { margin-bottom: 3rem; }
#voice .voice2 { flex-direction: row-reverse; }
#voice .voice .pw { width: 18%; text-align: center; }
#voice .voice .pw span { display: block; font-weight: bold; }
#voice .voice .tw { position: relative; width: 78%; padding: 6rem; border-radius: 2rem; background-color: #FFF; }
#voice .voice .tw::before { position: absolute; top: 0; bottom: 0; content: ""; width: 0; height: 0; margin: auto; border: 3rem solid transparent; }
#voice .voice1 .tw::before { left: -6rem; border-right: 3rem solid #FFF; }
#voice .voice2 .tw::before { right: -6rem; border-left: 3rem solid #FFF; }
#voice .voice1 .tw { margin-left: 4%; }
#voice .voice2 .tw { margin-right: 4%; }
#voice .voice .tw h3 { margin-bottom: 2rem; text-align: center; font-size: 2.4rem; }
#voice .voice .tw p { font-size: 1.8rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #voice .h2d {
    font-size: 3.5rem;
  }
  #voice .voice { flex-flow: wrap; }
  #voice .voice .pw { width: 100%; margin-bottom: 3rem; }
  #voice .voice .pw img { width: 30%; }
  #voice .voice .tw { width: 100%; padding: 3rem; }
  #voice .voice1 .tw { margin-left: 0; }
  #voice .voice2 .tw { margin-right: 0; }
  #voice .voice1 .tw::before, #voice .voice2 .tw::before { top: -6rem; bottom: auto; left: 0; right: 0; border-right-color: transparent; border-left-color: transparent; border-bottom: 3rem solid #FFF !important; }
}

/* gallery ----------*/
#gallery .h2d { color: #C92453; font-size: 4rem; }
#gallery h3 span { display: inline-block; padding-bottom: 1rem; border-bottom: solid 2px #C92453; font-size: 3rem; }
#gallery .pgw { max-width: 86rem; margin: auto; }
#gallery .pgw li { position: relative; z-index: 1; }
#gallery .pgw li:after { position: absolute; z-index: -1; top: 1rem; left: 1rem; content: ""; width: 100%; height: 100%; border-radius: 100%; background-color: rgba(0, 162, 232, 0.4); }
#gallery .pgw li:hover { z-index: 10; cursor: pointer; }
#gallery .pgw span { display: block; }
#gallery .pgw .pw { overflow: hidden; border-radius: 50%; transition: all 0.2s ease-out; /*filter: drop-shadow(7px 7px 0px rgba(0, 162, 232, 0.4));*/ -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95); }
#gallery .pgw .pw img { width: 100%; }
#gallery .pgw ul div:nth-child(1) :after, #gallery .pgw ul div:nth-child(3) :after,
#gallery .pgw ul div:nth-child(6) :after, #gallery .pgw ul div:nth-child(8) :after,
#gallery .pgw ul div:nth-child(9) :after, #gallery .pgw ul div:nth-child(11) :after,
#gallery .pgw ul div:nth-child(14) :after, #gallery .pgw ul div:nth-child(16) :after { top: 2rem; left: 2rem; background-color: rgba(255, 68, 121, 0.4); }
#gallery .pgw ul div:nth-child(1) .pw, #gallery .pgw ul div:nth-child(3) .pw,
#gallery .pgw ul div:nth-child(6) .pw, #gallery .pgw ul div:nth-child(8) .pw,
#gallery .pgw ul div:nth-child(9) .pw, #gallery .pgw ul div:nth-child(11) .pw,
#gallery .pgw ul div:nth-child(14) .pw, #gallery .pgw ul div:nth-child(16) .pw { /*filter: drop-shadow(10px 10px 0px rgba(255, 68, 121, 0.4));*/ -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }
#gallery .pgw li:hover .pw { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) !important; }
#gallery .pgw .tw { position: absolute; top: 80%; left: 0; display: inline-block; width: 100%; padding: 1rem; border-radius: 1rem; opacity: 0; color: #FFF; background-color: #333; text-align: center; line-height: 1.2; font-size: 1.4rem; font-weight: bold; transition: all 0.2s ease-out; }
#gallery .pgw li:hover .tw { opacity: 1; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #gallery .h2d { font-size: 3.5rem; }
  #gallery .pgw .pw { /*filter: drop-shadow(7px 7px 0px rgba(0, 162, 232, 0.4)) !important;*/ -webkit-transform: scale(0.95, 0.95); transform: scale(0.95, 0.95) !important; }
  #gallery .pgw li:after { top: 1rem !important; left: 1rem !important; background-color: rgba(0, 162, 232, 0.4) !important; }
  #gallery .pgw ul div:nth-child(1) :after, #gallery .pgw ul div:nth-child(4) :after,
  #gallery .pgw ul div:nth-child(5) :after, #gallery .pgw ul div:nth-child(8) :after,
  #gallery .pgw ul div:nth-child(9) :after, #gallery .pgw ul div:nth-child(12) :after,
  #gallery .pgw ul div:nth-child(13) :after, #gallery .pgw ul div:nth-child(16) :after { top: 2rem !important; left: 2rem !important; background-color: rgba(255, 68, 121, 0.4) !important; }
  #gallery .pgw ul div:nth-child(1) .pw, #gallery .pgw ul div:nth-child(4) .pw,
  #gallery .pgw ul div:nth-child(5) .pw, #gallery .pgw ul div:nth-child(8) .pw,
  #gallery .pgw ul div:nth-child(9) .pw, #gallery .pgw ul div:nth-child(12) .pw,
  #gallery .pgw ul div:nth-child(13) .pw, #gallery .pgw ul div:nth-child(16) .pw { /*filter: drop-shadow(10px 10px 0px rgba(255, 68, 121, 0.4)) !important;*/ -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05) !important; }
}

/* information ----------*/
#information { background-color: #f6f6f6; }
#information .h2d { color: #C92453; font-size: 4rem; }
#information ul { margin-bottom: 3rem; }
#information ul li span { display: block; text-align: center; }
#information ul li .tw { padding-top: 1rem; font-size: 2rem; font-weight: bold; }
#information .h3d span { border: solid 1px #C92453; color: #C92453; font-size: 1.8rem; }
#information .voice_wrap { max-width: 96rem; margin: auto; }
#information .voice { display: flex; margin-bottom: 3rem; align-items: center; }
#information .voice2 { flex-direction: row-reverse; }
#information .voice .pw { width: 18%; text-align: center; }
#information .voice .pw span { display: block; font-weight: bold; }
#information .voice .tw { position: relative; width: 78%; padding: 4rem; border-radius: 2rem; background-color: #FFF; }
#information .voice .tw::before { position: absolute; top: 0; bottom: 0; content: ""; width: 0; height: 0; margin: auto; border: 3rem solid transparent; }
#information .voice1 .tw::before { left: -6rem; border-right: 3rem solid #FFF; }
#information .voice2 .tw::before { right: -6rem; border-left: 3rem solid #FFF; }
#information .voice1 .tw { margin-left: 4%; }
#information .voice2 .tw { margin-right: 4%; }
#information .voice .tw h3 { margin-bottom: 2rem; text-align: center; font-size: 2.4rem; }
#information .voice .tw p { font-size: 1.8rem; }
.bt-orange, .bt-red { width: 100%; padding: 4rem 6rem; border-radius: 1rem; text-align: center; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #information .h2d { font-size: 3.5rem; }
  #information .voice .tw { padding: 2rem; }
  #information .voice1 .tw::before { left: -4rem; border-width: 2rem; }
  #information .voice2 .tw::before { right: -4rem; border-width: 2rem; }
}

/* application ----------*/
#application { background-image: url(../_img/index/bg_5.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#application .bt-white { padding: 4rem 8rem; border-radius: 1rem; color: #C92453 !important; font-size: 3rem; }

/* tuition ----------*/
#tuition .h2d { color: #C92453; font-size: 4rem; }
#tuition .tuition_wrap { max-width: 96rem; margin: auto; text-align: center; }
#tuition .tuition_wrap .box-border { border: solid 0.5rem rgba(0, 0, 0, 0.1); }
#tuition .tuition_wrap h3 { display: inline-block; margin-bottom: 1rem; text-decoration: underline; }
#tuition .tuition_wrap table { width: 100%; }
#tuition .tuition_wrap table th, #tuition .tuition_wrap table td { padding: 1rem; font-size: 1.8rem; }
#tuition .tuition_wrap table th { width: 80%; text-align: left; font-weight: normal; }
#tuition .tuition_wrap table td { width: 20%; text-align: right; white-space: nowrap; }
#tuition .tuition_wrap table tr:nth-child(odd) th, #tuition .tuition_wrap table tr:nth-child(odd) td { background-color: #F6F6F6; }
#tuition .tuition_wrap table tr.kei th, #tuition .tuition_wrap table tr.kei td { border-top: solid 1px #DDDDDD; }
#tuition .tuition_wrap table tr.kei th { text-align: right; }
#tuition .tuition_wrap .box-dark_blue { background-color: #1D3348; }
#tuition .tuition_wrap .box-dark_blue h3 { color: #FFF500; }
#tuition .tuition_wrap .box-dark_blue p { color: #FFF; font-size: 1.6rem; }
@media screen and (max-width:896px) {
  #tuition .h2d { font-size: 3.5rem; }
}
/* access ----------*/
#access { background-color: #F8F2EB; }
#access .h2d { color: #C92453; font-size: 4rem; }
#access p { font-size: 1.8rem; }
#access .box { padding: 6rem; }
#access .box h3 { margin-bottom: 2rem; padding: 2rem; border: solid 1px #C92453; color: #C92453; line-height: 1; font-size: 1.8rem; }
#access ul li span { display: block; }
#access ul li .pw { margin-bottom: 1rem; }
#access ul li .tw h4 { font-size: 1.8rem; }
#access ul li .tw p { line-height: 1.6; font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
  #access .h2d { font-size: 3.5rem; }
  #access .box { padding: 3rem; }
}