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

h2.ttl{font-size: 100px;color: #EF8346;line-height: 1;}
.subTtl{font-size: 20px;color: #EF8346;}


/*----------------------------------------------------------------------------
 ***                                                                
ページタイトル
----------------------------------------------------------------------------*/
/*mainviewSec*/
#mainviewSec .mainBox{max-width: 1000px;width: 90%;background: url(/school_biz/common_images/under_fv01.png)no-repeat;background-position:right center;background-size: contain;margin: auto;padding: 2em 0;}


/*----------------------------------------------------------------------------
 ***                                                                
全力サポート
----------------------------------------------------------------------------*/
#fastSec .sectionInner{background: url(/school_biz/about/images/img_content01.jpg)no-repeat; padding: 5em 0px 1.5em;background-size: cover;}
#fastSec .copyBox{background-color: rgba(255,255,255,0.9);max-width: 500px;padding:1.5em 2em;margin-left: 2em;}
#fastSec .copyBox h3.ttl{font-size: 30px;margin-bottom: 0.5em;}
#fastSec .copyBox .txt{font-size:18px; }


/*----------------------------------------------------------------------------
 ***                                                                
10のこと
----------------------------------------------------------------------------*/
#electedSec .sectionInner{padding: 50px 0 0;}
#electedSec h3.ttl{font-size: 30px;text-align: center;margin-bottom: 0.5em;}
#electedSec h3 span{vertical-align: super;}
#electedSec .electedBox {max-width: 900px;width: 90%;margin: auto;}
#electedSec .electedBox li{width:calc(85%/5);border: 2px solid #EF8346;margin: 0.3em;}
#electedSec .electedBox li a{height: 145px;background: #fff;display: flex;text-align: center;justify-content: center;align-items: center;font-size: 22px;font-weight: bold;line-height: 1.4;}
#electedSec .electedBox li:nth-child(odd){border: 2px solid #6799AB;}
#electedSec .electedBox li a:hover{opacity: 0.7;}

/*----------------------------------------------------------------------------
 ***                                                                
About一覧
----------------------------------------------------------------------------*/
#aboutSec{background: url(/school_biz/common_images/hikouki.png)no-repeat;background-position:top center;background-size: 100%; }
#aboutSec .sectionInner{padding:0;display: math;}
#aboutSec .aboutBox:nth-child(1){padding-top: 250px;}
#aboutSec .aboutBox{display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-start;margin: 0em 0 8em;position: relative;width: auto;}
#aboutSec .aboutBox::before{content: "";position: absolute;width:720px;height: 183px;background: #E7EFF2;z-index: -1;right: 0;bottom: -30px; }
#aboutSec .aboutBox.orange::before{content: "";position: absolute;width:720px;height: 183px;background: #FBE6DA;z-index: -1;left: 0;bottom: -30px; }
#aboutSec .aboutBox.orange .txtBox{order: 2;}
#aboutSec .aboutBox.orange .imgBox{order: 1;}
#aboutSec .aboutBox .txtBox{width: 30%;padding: 2em;}
#aboutSec .aboutBox .txtBox .txt{font-size:18px;}
#aboutSec .aboutBox .txtBox .btn a{display: inline-block;font-size:22px;color: #6799AB;border: 2px solid #6799AB;padding: 0.3em 2.5em 0.3em 1.5em;position: relative;font-weight: bold;margin-top: 1em;}
#aboutSec .aboutBox .txtBox .btn a::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 3px solid;
    border-color: transparent #6799AB #6799AB transparent;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    bottom: 0px;
    right: 25px;
    margin: auto;}

#aboutSec .aboutBox .imgBox{width: 363px;position: relative;}
#aboutSec .aboutBox .imgBox .number{position: absolute;}
#aboutSec .aboutBox.blue .imgBox .number{right: -50px;bottom: -20px;}
#aboutSec .aboutBox.orange .imgBox .number{left: -20px;bottom: -20px;}

#aboutSec .aboutBox h4{font-size: 30px;margin-bottom: 0.5em;}
#aboutSec .aboutBox h4 span.fontM{font-size: 125%;}
#aboutSec .aboutBox h4 span.line{border-bottom: 2px solid;display: inline-block;}
#aboutSec .aboutBox.blue h4 span.fontM{color: #6799AB;}
#aboutSec .aboutBox.blue h4 span.line{border-color: #6799AB;}
#aboutSec .aboutBox.orange h4 span.fontM{color: #EF8346;}
#aboutSec .aboutBox.orange h4 span.line{border-color: #EF8346;}