@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;}


/*--------------------------------------------------------------------------------
schoolSec
--------------------------------------------------------------------------------*/
:root{ --photo-box-height:8em;}
#schoolSec{margin-top: 2.7em;}
#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 .mapBox{max-height: 60%;}
#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;}

/*--------------------------------------------------------------------------------
formSec
--------------------------------------------------------------------------------*/
#formSec{ padding:1em;}
#formSec > .sectionInner{ padding:1em}
#formSec h2{ font-size:150%;}
#formSec p{ font-size:87.5%;}
#formSec form .inputBox dt,
#formSec form .inputBox dd{ width:100%;}
#formSec form .inputBox dt{ padding:1em 0;}
#formSec form .inputBox dd{ padding:0 0 1.5em;}
#formSec form .inputBox .inputItemList:not(:last-child):after{
    background:linear-gradient(-90deg, #ccc 0%, #ccc 50%, #00A1C9 50%, #00A1C9 100%);
    background: -moz-linear-gradient(180deg, #ccc 0%, #ccc 50%, #00A1C9 50%, #00A1C9 100%); 
    background: -webkit-linear-gradient(180deg, #ccc 0%, #ccc 50%, #00A1C9 50%, #00A1C9 100%);
}
#formSec .sendBtn{ margin:1em auto;}

/*--------------------------------------------------------------------------------
Confirm
--------------------------------------------------------------------------------*/
#confirmSec .sectionInner{ padding:2em 1em;}
#confirmSec .sectionInner h2{ font-size:150%; line-height:1.2em;}
#confirmSec #confirmArea .inputItemList dt,
#confirmSec #confirmArea .inputItemList dd{ width:100%;}
#confirmSec #confirmArea .inputItemList dt{ font-size:87.5%; color:#00A1C9;}
#confirmSec #confirmArea .inputItemList dd{ padding:0 0 1em;}