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

/*--------------------------------------------------------------------------------
																	mainContents
--------------------------------------------------------------------------------*/
#fastViewSec .sectionInner{ padding:1em;}
#fastViewSec .sectionInner .textBox{margin:0 auto;}
#fastViewSec .sectionInner .sliderBox{margin:0 auto;}
#fastViewSec .sectionInner h2{ font-size:200%;}
#fastViewSec .sectionInner p{ font-size:87.5%;}
#fastViewSec .sectionInner .specialTag{ background-color:#fff; max-width:240px; box-shadow:1px 1px 3px #333;}
#fastViewSec .sectionInner .specialTag strong{ color:#FA387D;}
#fastViewSec .sectionInner .specialTag strong span{ color:#FA387D; font-weight:bold;}
#fastViewSec .sectionInner .sliderpanel{/* height:200px; */}
#fastViewSec .sectionInner .sliderTextHolder{ margin:0.5em 0 0;}
#fastViewSec .sectionInner .sliderTextHolder .slick-slider{width:100%;}
#fastViewSec .sectionInner .sliderTextHolder ul li{ line-height:2em;}
#fastViewSec .sectionInner .sliderTextHolder .buttons p{ padding:0;}
#fastViewSec .sectionInner ul.slider-img-list li{ padding:0;}
#fastViewSec .sectionInner .sliderBox{width:100%; max-width:440px;}

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

#jimanBox .sectionInner ul{display: block;}
#jimanBox .sectionInner li{width: 300px; margin: 1em auto;}

/*-----------------------------------------------------*/
#schoolLocationsSec{
    margin:0 auto;
    width: 100%;
    position:relative;
    background: #f7f7f7;
}
#schoolLocationsSec .sectionInner{padding-bottom: 1px;}
#schoolLocationsSec .mapBox{
    	/*corpListSecより10px程度小さく指定*/
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
#schoolLocationsSec .mapBox .map {width: 170%;}
#schoolLocationsSec .mapBox::-webkit-scrollbar{
    height: 10px;
    margin-bottom:10px;
}
#schoolLocationsSec .mapBox::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#schoolLocationsSec .mapBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #666;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/*-----------------------------------------------------*/
#priorityPlacementSec{
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: #f7f7f7;
}
#priorityPlacementSec .sectionInner{border-top:1px solid #808080;position: relative;padding: 2em 0em;margin: 0 1em;}
#priorityPlacementSec .priorityPlacementListBox{width: auto;margin:0 auto;}
#priorityPlacementSec .listItem{width: 70%;margin: 0 auto 1em;}
#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;}

/*-----------------------------------------------------*/
:root{ --photo-box-height:8em;}
#schoolSec .sectionInner{ padding:1.5em 1em 1em;}
#schoolSec h3:before{ width:5px;}
#schoolSec .schoolInfoBox{ max-width:100%; width:100%;}
#schoolSec .schoolInfoBox p{ font-size:112.5%;}
#schoolSec .schoolInfoBox .telLink a{ font-size:150%; margin:0 0 0 0.5em;}
#schoolSec .schoolInfoBox .formBtn{ width:70%; margin:0 auto 2em;}
#schoolSec .photoSlider{ font-size:60%;}
#schoolSec .photoSlider li .photo_box{ height:80px;}
#schoolSec .photoSlider .slick-slide{ padding:0 0.5em; font-size:60%;}
#schoolSec .photoSlider .slick-next{ right:-0.5em;}
#schoolSec .photoSlider .slick-prev{ left:-0.5em;}
/*-----------------------------------------------------*/
#schoolSec .photoSlider .slick-next,
#schoolSec .photoSlider .slick-prev{ width:2em; height:2em;}
/*-----------------------------------------------------*/
#reasonSec{ padding:1.5em 1.5em 0.5em}
#reasonSec .sectionInner{ padding:1em;}
/*-----------------------------------------------------*/
#testimonialsSec .sectionInner {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
#testimonialsSec .listItem {margin-bottom:2em;}
#testimonialsSec .listItem:last-child{margin-bottom:0;}
#testimonialsSec .listItem {width: 100%;}
/*-----------------------------------------------------*/
#jobSec{ padding:1.5em 1.5em 0.5em}
#jobSec .sectionInner{ padding:1em;}
/*-----------------------------------------------------*/
#overviewSec .sectionInner{ padding:1em 1em 0;}
/*-----------------------------------------------------*/
#jobSec .termsBox li:last-child{ border:none;}
#jobSec .termsBox dt,
#jobSec .termsBox dd{ width:100%;}
#jobSec .termsBox dd li{ padding:0.5em;}
#jobSec .termsBox dd li:not(:last-child){ border-bottom:1px dashed #ccc;}
/*-----------------------------------------------------*/
#overviewSec .sectionInner .textBox .imgBox,
#jobSec .sectionInner .textBox .imgBox{ margin:0 0 0 0.5em; width:40%;}