@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------
																	mainContents
--------------------------------------------------------------------------------*/
#mainContents{}

#fastViewSec{
	background-image:url(../../images/headerbg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top center;
}

#fastViewSec .sectionInner{	padding:3em 1em 0;}
#fastViewSec .sectionInner h2{ font-size:250%; margin:0; color:#fff;}
#fastViewSec .sectionInner p{ color:#fff; margin:0 0 1em; line-height:1.4em;}
#fastViewSec .sectionInner .specialTag{ text-align:center; background-color:#263765; max-width:240px; box-shadow:1px 1px 3px #333;}
#fastViewSec .sectionInner .specialTag strong{ padding:0.5em; color:#fff; font-size:125%; display:block;}
#fastViewSec .sectionInner .specialTag strong span{ text-align:center; color:#fff; font-size:67.5%; font-weight:normal; display:block;}
#fastViewSec .sectionInner .sliderpanel{margin:0;height:auto;top:auto;max-width: 440px;}
#fastViewSec .sectionInner ul.slider-img-list li{ padding:0;}
#fastViewSec .sectionInner .sliderTextHolder{margin:0 0 1em;position: relative;}
#fastViewSec .sectionInner .sliderTextHolder ul li{ margin:0; line-height:1.4em;}
#fastViewSec .sectionInner .sliderTextHolder .buttons{position:absolute;right:0;top:0;bottom:0;margin:auto;padding:0;width:auto;height: auto;}
#fastViewSec .sectionInner .sliderTextHolder .buttons p{ margin:0 0.2em; padding:0; cursor:pointer; transition:opacity .3s;}
#fastViewSec .sectionInner .sliderTextHolder .buttons p:hover{ opacity:0.6;}

#fastViewSec .sectionInner .sliderBox{width:100%; max-width:440px;}

/*-----------------------------------------------------*/
#jimanBox .sectionInner li img{width: 300px; height: 150px;}
#jimanBox .sectionInner li{width: 300px;}
#jimanBox .sectionInner ul{align-items:flex-start;}
#jimanBox .sectionInner{padding: 2em 0;}
/*-----------------------------------------------------*/

/*-----------------------------------------------------*/
#schoolLocationsSec{
    background: #f7f7f7;
}
#schoolLocationsSec .sectionInner{padding-bottom: 3em;}
#schoolLocationsSec .subTtl{margin-bottom:2em;}
/*-----------------------------------------------------*/
#priorityPlacementSec{
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: #f7f7f7;
    padding-bottom: 4em;
}
#priorityPlacementSec .sectionInner > h3{margin-bottom:0;}
#priorityPlacementSec .subTtl{margin-bottom:2em;}
#priorityPlacementSec .sectionInner{border: 1px solid #808080;position: relative;padding: 2em 0em;}
#priorityPlacementSec .sectionInner:before{content:"";width:1em;height:1em;background:#f7f7f7;border-top: 1px solid #808080;border-right: 1px solid #808080;position: absolute;left: calc(50% - 0.5em);top: -0.5em;transform: rotate(-45deg);}
#priorityPlacementSec .priorityPlacementListBox{width: 860px;margin:0 auto;}
#priorityPlacementSec .listItem{width: 30%;margin: 0 auto 1em;border-bottom: 1px solid #333;}
#priorityPlacementSec .listItem p{margin:0;}
#priorityPlacementSec .location{font-size:100%;font-weight: bold;}
#priorityPlacementSec .location small{font-size: 90%;font-weight: normal;margin-left: 0.5em;}
#priorityPlacementSec .listItem .formBtn {margin-left:0.3em;}

#priorityPlacementSec .sectionInner .formBtn.allBtn {position: relative;width: 175px;font-size: 110%;margin: 0em auto 2em;}
#priorityPlacementSec .sectionInner .formBtn.allBtn::before{content: "→";top: 20%;left: -25%; font-size: 175%;position: absolute;font-weight: bold;}
#priorityPlacementSec .sectionInner .formBtn.allBtn::after{content: "←";top: 20%;right: -25%; font-size: 175%;position: absolute;font-weight: bold;}
#priorityPlacementSec .subTtl2{margin-bottom: 0em;font-weight: bold;}

/*-----------------------------------------------------*/

:root{ --photo-box-height:200px;}
#schoolSec{ background-color:#F7F7F7;}
#schoolSec .sectionInner{ padding:2em 1em 4em;}
#schoolSec h3{ position:absolute; top:-0.5em; padding:0 0 0 0.5em; text-align:left;}
#schoolSec h3:before{
	content:"";
	width:8px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	background-color:#00A1C9;
}

#schoolSec .photoSlider{ padding:2em 1em; background:rgba(251,176,59,.1); margin:0 0 1em;}
#schoolSec .photoSlider li .photo_box{ display:block; margin:0; padding:0.5em; text-align:center; max-height:200px;}
#schoolSec .photoSlider .slick-slide{ text-align:center;}
#schoolSec .photoSlider .slick-slide img{ width:100%; height:100%; object-fit:cover;}
#schoolSec .photoSlider .slick-next{ right:0;}
#schoolSec .photoSlider .slick-prev{ left:0;}
/*-----------------------------------------------------*/
#schoolSec .photoSlider .slick-next,
#schoolSec .photoSlider .slick-prev{
    font-size: 10px;
    top: calc(var(--photo-box-height)/2);
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    z-index: 1;
}
/*-----------------------------------------------------*/
#schoolSec .photoSlider .slick-next:before,
#schoolSec .photoSlider .slick-prev:before{ content:normal;}
/*-----------------------------------------------------*/
#schoolSec .schoolInfoBox{ max-width:480px;}
#schoolSec .schoolInfoBox p{ font-size:137.5%; font-weight:bold; margin:0 0 1em;}
#schoolSec .schoolInfoBox .telLink a{ font-size:200%; color:#000; text-decoration:none; transition:color .3s;}
#schoolSec .schoolInfoBox .telLink a:hover{ color:#FA387D;}
#schoolSec .schoolInfoBox .formBtn{ max-width:240px; font-size:150%; text-align:center;}
#schoolSec .mapBox{ max-width:399px; width:100%;}
#schoolSec .mapBox iframe{ border:none; width:100%; height:100%;}
/*-----------------------------------------------------*/
#overviewSec .sectionInner{ padding-bottom:0;}
#overviewSec .sectionInner p{ margin:0 0 2em; font-size:90%; line-height:2em;}
#overviewSec .sectionInner .textBox .imgBox{ float:right; margin:0 0 0 1em;}
#overviewSec .sectionInner .textBox p{ margin:0 0 1.5em; font-size:90%;}
/*-----------------------------------------------------*/
#reasonSec{ padding:4em 1em 1em;}
#reasonSec .sectionInner{ background-color:#fff; box-shadow:0 0 5px #999;}
#reasonSec .sectionInner p{ margin:0 0 2em; font-size:90%; line-height:2em;}
/*-----------------------------------------------------*/
#testimonialsSec{
    background: #f0f0f0;
}
#testimonialsSec {
}
#testimonialsSec.secBox{}
#testimonialsSec .sectionInner {
    padding-left: 0;
    padding-right: 0;
}
#testimonialsSec h3.tac {}
#testimonialsSec .sectionInner > h3{margin-bottom:0;}
#testimonialsSec .subTtl{margin-bottom:2em;}
#testimonialsSec p.tac {}
#testimonialsSec p.tac#testimonialsSec .pcNone {}
#testimonialsSec .listBox {}
#testimonialsSec .listBox#testimonialsSec .listBox#testimonialsSec .listBox#testimonialsSec .listBox{}
#testimonialsSec .listItem {background:#fff;width: 32%;}
#testimonialsSec .listItem:last-child{}
#testimonialsSec .listItem .itemBox {
    position: relative;
}
#testimonialsSec .listItem .itemBox .ttl {
    background: #7456d9;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 10em;
    text-align: center;
}
#testimonialsSec .listItem .itemBox .txt {padding:1em 1em;}
#testimonialsSec .listItem .itemBox .img {width: 100%;}
#testimonialsSec .listItem .itemBox .img img{width: 100%;}
#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox .ttl {}
#testimonialsSec .listItem .itemBox .ttl{}
#testimonialsSec .listItem .itemBox .txt{}
#testimonialsSec .listItem .itemBox .comment {height: 5em;overflow:hidden; }
#testimonialsSec .listItem .itemBox .name {}
#testimonialsSec .listItem .itemBox .moreBtn {
    text-align: right;
}
#testimonialsSec .listItem .itemBox a {}
#testimonialsSec .listItem .itemBox .img {}
#testimonialsSec .listItem .itemBox .img#testimonialsSec .listItem .itemBox img {}
#testimonialsSec .listItem .itemBox {}
#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox .ttl {}
#testimonialsSec .listItem .itemBox .ttl#testimonialsSec .listItem .itemBox .txt {}
#testimonialsSec .listItem .itemBox .txt#testimonialsSec .listItem .itemBox .comment {}
#testimonialsSec .listItem .itemBox .name {}
#testimonialsSec .listItem .itemBox .moreBtn {}
#testimonialsSec .listItem .itemBox a {}
#testimonialsSec .listItem .itemBox .img {}
#testimonialsSec .listItem .itemBox .img#testimonialsSec .listItem .itemBox img {}
#testimonialsSec .listItem .itemBox {}
#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox#testimonialsSec .listItem .itemBox .ttl {}
#testimonialsSec .listItem .itemBox .ttl#testimonialsSec .listItem .itemBox .txt {}
#testimonialsSec .listItem .itemBox .txt#testimonialsSec .listItem .itemBox .comment {}
#testimonialsSec .listItem .itemBox .name {}
#testimonialsSec .listItem .itemBox .moreBtn {}
#testimonialsSec .listItem .itemBox a {}
#testimonialsSec .listItem .itemBox .img {}
#testimonialsSec .listItem .itemBox .img#testimonialsSec .listItem .itemBox img {}
#testimonialsSec .formBtn {
    margin-bottom: 0;
}
#testimonialsSec .formBtn#testimonialsSec .formBtn a {}

/*-----------------------------------------------------*/
#jobSec{
	padding:4em 1em 1em;
	background:-webkit-gradient(linear, left top, right top, from(#7ECFE4), to(#00A1C9));
	background:-o-linear-gradient(left, #7ECFE4, #00A1C9);
	background:linear-gradient(to right, #7ECFE4, #00A1C9);
}
#jobSec .sectionInner{ background-color:#fff; box-shadow:0 0 5px #999;}
#jobSec .sectionInner .textBox .imgBox{ float:right; margin:0 0 0 1em;}
#jobSec .sectionInner .textBox p{ margin:0 0 1.5em; font-size:90%;}
#jobSec .termsBox > ul > li{ border-bottom:1px solid #ccc; padding:1em 0;}
#jobSec .termsBox dt{ width:20%; color:#00A1C9;}
#jobSec .termsBox dd{ width:80%; font-weight:500; line-height:2em;}
#jobSec .termsBox dt,
#jobSec .termsBox dd{ font-size:90%;}