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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
h2.ttl{font-size:250%;}
.subTtl{font-size: 85%;padding: 0.8em 0 0.4em;}

#mainviewSec .mainBox{background-position: right -25% center;margin: auto 0 auto auto;width: 95%;}

#fastSec .sectionInner{background: url(/school_biz/results/images/img_content01_sp.jpg)no-repeat; padding: 9em 0px 1em;background-size: cover;background-position: right top;}
#fastSec .copyBox{width:80%; margin-left: 1em;padding:1em 1em; }
#fastSec .copyBox h3.ttl{font-size: 130%; line-height: 1.2;}
#fastSec .copyBox .txt{font-size: 90%;}

#resultsSec h4{
 margin-bottom;2em;
 margin-bottom: 0.5em;
 font-size: 150%;
}
 #resultsSec h4 span{
  font-size: 70%;
 }
#resultsSec .tableBox{
 overflow-x: auto;
 white-space: nowrap;
}
#resultsSec .tableBox table{
 width: 100%;
 min-width: 600px; 
 border-collapse: collapse;
}
#resultsSec .small{font-size: 14px;font-weight:normal;text-align:left;margin-top: 0.4em;color: #6d6969;}
 
#caseSec .sectionInner {
    width: 85%;
    padding-top: 0;
    }
#caseSec .caseBox .case .heading .num{
 font-size:110%;
 margin-bottom: 0;
}
#caseSec .caseBox .case .heading .title{
 font-size:150%;
}

#caseSec .listBox{margin-bottom:4em;}
#caseSec .listBox .list{
 flex-direction:column;
 /* gap: 2em; */
 border: 3px solid #bdced4;
 border-bottom: 0;
 padding-bottom: 0.4em;
 border-top: none;
}
#caseSec .listBox .list .listItem{
 width: 90%;
 border-bottom: 4px dotted #bdced4;
 padding: 1em 0;
 margin: 0 auto;
}
#caseSec .listBox .list .listItem:last-child{border:none;padding-bottom:0.5em}
#caseSec .listBox .list .listItem img{
 width:30%;
}
#caseSec .listBox .list::before{width: 102%;bottom: -13px;display: block;left: -3px;height: 13px;}
#caseSec .listBox .list::after{
 left:38%;
 bottom: -57px;
}

#caseSec .listBox p{font-size: 129%;margin-top: 3.5em;}

#caseSec .listBox .heading{
 background-color: #6799ab;
 color: #fff;
 margin-bottom: 0;
 padding: 0.5em 0;
 margin-to@: 3;
 margin-top: 1em;
}

#caseSec .caseBox{width:100%;}
#caseSec .caseBox .case .info{flex-direction:column;width: 100%;}
#caseSec .caseBox .case .info .left{width:100%;}
#caseSec .caseBox .case .info .left .dlItem{gap:1em;}
#caseSec .caseBox .case .info .left dt{font-size: 85%;padding: 0.2em 0.3em;min-width: 80px;}
#caseSec .caseBox .case .info .right{width:100%;margin-top: 1.5em;}
#caseSec .caseBox .case .info .dlList .right{width:100%;}

@media (min-width:500px) and (max-width:850px){
    #mainviewSec .mainBox{background-position: right 7% center;}
    h2.ttl{font-size:350%; }
    .subTtl{font-size: 100%;}
    
}