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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
}
#wrap {background-color: #fff !important;
}



/*----------------------------------------------------------------------------
 ***                                            					Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaLogo {}

#areaMapSec{
	background:url(../../schools/lp/open/images/back_header01.png) left top no-repeat;
	width:950px;
	height: 180px;
	position:relative;
}

#areaMapSec h2{
	padding: 35px 0 0 200px;
	font-size: 280%;
	color: #FFF;
	line-height: 1.5em;
}

#areaMapSec h2.midashiLong{
	padding: 40px 0 0 200px;
    font-size: 280%;
    color: #FFF;
    line-height: 1.4em;
}

.ayagawa #areaMapSec h2{
	padding: 35px 0 0 200px;
	font-size: 280%;
	color: #FFF;
	line-height: 1.2em;
}

#areaMapSec h2#oneLine{
	padding-top:65px;
}
#areaMapSec h2#oneLine.midashiLong{
	padding-top:40px;
}

.ayagawa #areaMapSec h2#oneLine{
	padding-top:23px;
}

#areaMapSec br.pc_br{
	display:none;
}

#areaMapSec h2 span{
	font-size: 75%;
}
#areaMapSec p{
	position:absolute;
	top:-12px;
	left:-7px;
}

h2 {}
h3 {}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi															
----------------------------------------------------------------------------*/
#gNavi{ position: absolute; left: 0; top: 75px;}
#gNavi li{ float:left; height:42px;border-left:#CCC dotted 1px;}
#gNavi li a{ display:block; height:55px;}
#gNavi li.lastCh{border-right:#CCC dotted 1px;}
#gNavi li a:hover,
#gNavi li a.active{	background:url(../../common_images/gnavi/yajirushi.png) center 43px no-repeat;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}
h2 {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection { width:100%; margin-bottom:30px;}
.mainSectionInner {}
.mainSection h3 {}

/*----------------------------------------------------------------------------
 ***                                                                scNameBox
----------------------------------------------------------------------------*/
#scNameBox {position:relative;display: flex;flex-direction: column;margin-top: 5em;margin-bottom: 3em;}
#scNameBox p.kazari{position:absolute; top:-10px; right:-10px; width:96px; height:96px;}
#scNameBox h2{
	font-size:320%;
	vertical-align: middle;
	text-align: center;
	line-height: 1.0em;
    order: 2;
}

#scNameBox h2 span{
	font-size: 80%;
	color: #E51072;
}
#scNameBox h2 img{
	margin:0 10px 7px 0;
}
#scNameBox .subName{order: 1;font-size: 200%;font-weight:bold;text-align: center;}
#scNameBox .kaiko_badge{position: absolute;z-index: 2;top: -4em;}
#scNameBox p.lrBnr{ display:block; background:#000; border-radius:10px; color:#FFF; padding:4px 0 3px 0; width:580px; margin:-10px auto 40px auto; text-align:center; font-size:16px; line-height:1.4em;}
#scNameBox p.lrBnr img{ vertical-align:bottom; padding-bottom:2px;}





/*----------------------------------------------------------------------------
 ***                                                                      secA
----------------------------------------------------------------------------*/
#secA{
	width: 950px;
	height: 165px;
	background: url(../../schools/lp/open/images/back_contents01.jpg) bottom right no-repeat;
	margin-bottom: 30px;
}
#secA h2{
	font-size: 120%;
	color: #00A2AF;
	padding: 30px 20px 5px 30px;
}
#secA p{
	padding: 5px 0 0 30px;
	width: 450px;
}
#secA p img{
	display:none;
}
#secA p.muryo{
	padding: 0 0 0 30px;
	font-size: 180%;
	font-weight: bold;
}


#secA.ver2023{width: 950px;height: auto;background: none;border: 5px solid #e3e3e3;padding: 0 0 1.5em;box-sizing: border-box;margin: 1.8em 0 1.5em;position: relative;border-radius: 0;}
#secA.ver2023 h2{font-size: 200%;color: #fff;/* margin: 0 0 0.5em 0; */background: #c1c1c1;padding: 0.3em;}
#secA.ver2023 .dispFlex.muryouBoxInner {padding: 1.7em 2.5em 1em 7em;/* background: #f0fbff; */box-sizing: border-box;}
#secA.ver2023 .leftBox {width: 100%;}
#secA.ver2023 p{/* width: 450px; */padding: 0;width: auto;}
#secA.ver2023 p img{display: block;}
#secA.ver2023 p.muryo{font-size: 170%;font-weight: bold;line-height: 1.4;padding: 0;width: auto;margin: 0 0 0.3em;color: #0e7079;}
#secA.ver2023 p.detail {font-size: 12px;padding: 0;width: auto;margin: 0.5em 0 0 0;}
#secA.ver2023 p.novaUsaImg {position: absolute;bottom: -0.8em;right: 2.5em;display: none;}
#secA.ver2023 p.detail1{margin: 0 0 0.6em;font-weight: 600;font-size: 14px;line-height: 1.5;background: linear-gradient(transparent 60%,rgb(207 243 255 / 88%) 60%);display: initial;}

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

/*----------------------------------------------------------------------------
 ***                                                                      secB
----------------------------------------------------------------------------*/
#secB{
	width: 944px;
	margin-bottom: 0;
	padding: 20px 0 10px;
	border: 3px solid #00A2AF;
	border-radius: 10px;
	position:relative;
	margin: 3em 0;
    display: none;  /* キャンペーン期間外非表示 */
}
.setCampaign #secB{display: block;} /* キャンペーン期間中表示 */
#secB h2{
	text-align: center;
	font-size: 200%;
	line-height: 1.2em;
}
#secB h2 span.sml{
	font-size: 75%;
}
#secB h2 span.rd{
	color: #F70A62;
}
#secB p{
	text-align: center;
}
#secB p#sencyaku{ position:absolute; top:-30px; right:50px;}
#secB p.period{font-size: 130%;}

/*----------------------------------------------------------------------------
 ***                                                                      secC
----------------------------------------------------------------------------*/
#secC{
	width: 944px;
	padding: 20px 0 0;
	margin-top:-12px;
	border: 3px solid #B3EF34;
	border-radius: 10px;
	background: url(../../schools/lp/open/images/usa01.png) bottom left no-repeat;
}
#secC h2{
	text-align: center;
	font-size: 200%;
	line-height: 1.2em;
}
#secC h2 span.sml{
	font-size: 75%;
}
#secC h2 span.rd{
	color: #F70A62;
}
#secC p{
	font-size: 200%;
	text-align: center;
}

p.plus{
	padding:0;
	margin:0;
	text-align: center;
	position: relative;
	top :-295px;
}
p.plus2{
	padding:0;
	margin:0;
	text-align: center;
	position: relative;
	top :-7px;
}

/*----------------------------------------------------------------------------
 ***                                                                      secD
----------------------------------------------------------------------------*/
#secD{
	width: 950px;
	height: 210px;
	margin-top:20px;
	padding: 10px 0 20px;
	background: url(../../schools/lp/open/images/bg_usa.png) top center no-repeat;;
}

#secD h2{
	margin-top: 15px;
	font-size: 180%;
	text-align: center;
	color: #FFF;
}
#secD p{
	text-align: center;
	color: #FFF;
}

p.usa02{
	width: 950px;
	text-align: right;
	position: relative;
	top: -200px;
}
p.usa02 img{
	margin-right: 20px;
}

#secD ul{ width:574px; margin:0 auto;}
#secD li{ float:left;}
.pdb10{ padding-bottom:10px;}

/*----------------------------------------------------------------------------
 ***                                                                      secE
----------------------------------------------------------------------------*/
#secE{
	width: 914px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 3px solid #00A2AF;
	border-radius: 10px;
	padding:15px 15px 10px 15px;
}

#secE h2{
	margin-bottom:20px;
    text-align: center;
    color: #00a2af;
font-size: 22px;}

#secE div.info{
	margin:0 auto 0 auto;
	width: 96%;
	/* float: left; */
display: flex;justify-content: space-between;}

#secE div.info dl {width: 300px;}

#secE .comBox{
	clear: both;
	text-align: left;
	border-top:#999 dotted 1px;
	margin-top:10px;
	padding-top:10px;
}

#secE .comBox2{
    clear: both;
    text-align: left;
    /* border-top: #999 dotted 1px; */
    margin-top: 10px;
    padding-top: 10px;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    /* float: right; */
    padding: 2%;
    font-weight: bold;
box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;}
#secE .comBox2 .text{width: 540px;}

#secE div.info dt{
	font-size: 150%;
}
#secE div.info dd{
	border-bottom: 1px dashed #000;
	margin-bottom: 10px;
	vertical-align: baseline;
}
#secE div.info dd span{
	font-size: 200%;
	color: #F70A62;
	line-height:1.5em;
	}

#secE .gMap{
	/* float:right; */
}

#secE .gMap iframe{ width: 560px; height: 250px;margin: 0 0 0 35px;}

#secE .gMap p{ text-align:center; line-height:1.4em,}

#secE .comBox{margin-top:1em; margin-bottom:1em;}
#secE .comBox2{margin-top: 1em;margin-bottom: 1em;;}

.gosBox{text-align:center;padding:20px 0 10px 0;clear: both;}

#secE .blogBox {
    float: right;
    width: 36%;
    border: #efcfd2 11px solid;
    margin: 3%;
    padding: 3%;
    height: 32em;
    overflow-y: auto;
    background-color: #fbfbf3;
    font-size: 12px;
}

#secE .blogBox h3{font-size:18px;margin-bottom:0em; color:#00a2af;}
#secE .blogBox h4{font-size:14px;color:#5b5b5b;}
#secE .blogBox h4 span{font-size:14px;color:#5b5b5b;font-weight:normal;}
#secE .blogBox li{margin-top:1em;margin-bottom:1em; padding-top:1em; padding-bottom:1em; border-top:#999 1px dotted;}
/*#secE .blogBox ul{overflow-y: auto;height: 26em;}*/
#secE .blogBox p.text{line-height:1.5em;}



#secE .blogBox2 {
    float: right;
    width: 46%;
    margin: 3%;
    font-size: 12px;
}
#secE .blogBoxInner {
    border: #efcfd2 11px solid;
    padding: 3%;
    height: 32em;
    overflow-y: auto;
    background-color: #fbfbf3;
}

#secE .blogBox2 h3{font-size:18px;margin-bottom:0em; color:#00a2af;}
#secE .blogBox2 h4{font-size:14px;color:#5b5b5b; margin-bottom: 0.4em;}
#secE .blogBox2 h4 span{font-size:14px;color:#5b5b5b;font-weight:normal;}
#secE .blogBox2 li{margin-top:1em;margin-bottom:1em; padding-bottom:1em; border-bottom:#999 1px dotted;}
#secE .blogBox2 p.text{line-height:1.5em;}

/* WordPress*/
#secE .blogBox2 .blogLink{
    border: none;
    padding: 0;
    margin: 0;
    font-size: 120%;
    font-weight: bold;
    color: #00A2AF;
    text-align: right;
}
#secE .blogBox2 .blogLink a{color: #00A2AF;}
#secE .blogBox2 .blogBoxInner .blogLink{padding:0 0 1em; text-align:center;}
#secE .blogBox2 .blogBoxInner .blogLink a{
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #00A2AF;
    border-radius: 20px;
    line-height: 1;
    padding: 0.5em 2em 0.5em;
    text-decoration:none;
}

/*----------------------------------------------------------------------------
 ***                                                                      secF
----------------------------------------------------------------------------*/
#secF{
	width: 944px;
	height: 294px;
	border: 3px solid #ccc;
	background: url(../../schools/lp/open/images/bg_plan.jpg) right 3px no-repeat;
}
#secF h2{
	font-size: 200%;
	color: #00A2AF;
	margin: 10px 10px 0;
}
#secF p.h2txt{
	margin: 0 10px 20px;
}
#secF p.h2txt2{
	margin: 0 10px;
}
#secF table{
	margin-left: 10px;
}
#secF table th,
#secF table td{
	border: none;
	vertical-align: top;
}
#secF table p{
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2em;
}
#secF table p span{
	font-size: 80%;
}

/*----------------------------------------------------------------------------
 ***                                                                      secG
----------------------------------------------------------------------------*/
/*#secG {background:#fef4ea;padding:2.1em 0;margin:3em 0 1.5em;}*/
#secG {background:#fef4ea;padding:2.1em 0;margin: 3em 0 4.5em;}
#secG h2 {position:relative;}
#secG h2:before{content: "";display: block;width: 170px;height: 70px;position: absolute;top: -0.4em;left: 9em;background: url(../../schools/lp/open_ch/images/event/img_contents_eventbg01.png) no-repeat center;z-index: 3;}
#secG h2:after{content: "";display: block;width: 170px;height: 70px;position: absolute;top: -0.4em;right: 9em;background: url(../../schools/lp/open_ch/images/event/img_contents_eventbg02.png) no-repeat center;z-index: 3;}
#secG span.ttlEvent{color:#f9880d;font-size:160%;}
#secG span.grayC {color:#38322d;font-weight:500;font-size:124%;}
#secG p.txt.tac {font-size:127%;line-height:1.4;margin:.2em 0;}
#secG .eventBox .eventBoxInner {background:#fff;margin:0 auto;padding: 0.4em 2.6em 1.5em;border-radius:.4em;width: 790px;box-sizing: border-box;}
#secG .eventBox .eventItemBoxInner:first-of-type {/* margin-bottom:1.5em; */}
#secG .eventBox .eventItemBoxInner:nth-child(2) {margin-top:1.5em;}
#secG .eventBox .eventItemBox {margin:0 auto;}
#secG .eventItemBoxInner {width: 650px;margin:0 auto;}
#secG .eventItemBox:not(:last-child) {border-bottom:dashed;color:#f9ae64;}
#secG .detailBoxInner dl {column-gap: 2em;font-size: 153%;color: #000000;}
#secG .detailBoxInner .entry{column-gap: 1em;}
#secG .detailBoxInner .longEvent {column-gap: 2em;font-size: 100%;color: #000000;}

#secG .detailBoxInner {background:#efefef;width: 635px;margin: 0.5em auto 0;padding: 1em 2.8em;box-sizing: border-box;}
#secG .detailBoxInner span.date {background: #4f4f4f;color: #efefef;font-weight: 600;padding: 0 0.4em;font-size: 92%;margin-right: 0.5em;}
#secG .detailBoxInner span.attentionP {color: #db143a;font-size: 80%;line-height: 0;}
#secG h3 p {margin: 0.5em 0 0 1em;}
#secG span.ucolorP {font-size: 167%;line-height: 1.4;display:inline;background: linear-gradient(transparent 60%,#ffd9e8 0%);color: #000000;font-weight: bold;}
#secG .eventBox .eventBoxInner .eventItemBox:not(:last-child) {padding-bottom: 1.8em;}
#secG .eventBox .eventBoxInner .eventItemBox:not(:first-child) {padding-top: 0.7em;}
#secG .eventListBox {max-height: 770px;overflow: auto;}/*イベント数が多い場合のスクロール*/


/*----------------------------------------------------------------------------
 ***                                                            labDetailBox
----------------------------------------------------------------------------*/
#labDetailBox h3{color: #00a2af;}
#labDetailBox p{margin:0 auto;font-size: 14px;background: #e4f8f9;box-sizing: border-box;}


/*----------------------------------------------------------------------------
 ***                                                            conceptNovaBox
----------------------------------------------------------------------------*/
#conceptNovaBox{
	width: 870px; height: 210px; margin:0 auto; margin-bottom:25px; border: 5px solid #000;
	background: url(../../schools/lp/open/images/concept_nova_logo.png) left no-repeat;}	
#conceptNovaBoxInner{ }
#conceptNovaBox .textSec { width:472px; margin:20px 0 0 186px; float:left;}
#conceptNovaBox .h2Sec {border-bottom:1px solid #666666; padding-bottom:2px; margin-bottom:12px;}
#conceptNovaBox .h2Sec p{ float:right;}
#conceptNovaBox h2{	font-size: 18px; color: #00A1C9; width:230px; float:left;}
#conceptNovaBox p{ font-size: 12px;}
#conceptNovaBox p.readTxt{font-size: 14px; font-weight:bold; line-height:1em;	color: #1A1A1A;}
#conceptNovaBox p.img{ padding:0; float:right;}


/*----------------------------------------------------------------------------
 ***                                                            LRNovaBox
----------------------------------------------------------------------------*/
#lrNovaBox{ position:relative; height: 210px; margin:0 auto; margin-bottom:25px; border: 5px solid #000; background: url(../../schools/lp/open/images/lr_nova_logo.png) 25px 70px no-repeat;}	
#lrNovaBoxInner{ float:left; width:705px; margin:20px 0 12px 25px;}
#lrNovaBox .textSec { margin:3px 0 0 256px;}
#lrNovaBox .h2Sec {border-bottom:1px solid #666666; padding:0 0 5px 0; margin-bottom:10px;}
#lrNovaBox .h2Sec p{ float:right;}
#lrNovaBox h2{	font-size: 16px; width:380px; float:left;}
#lrNovaBox p{ font-size: 12px; line-height:1.5em;}
#lrNovaBox p.readTxt{ font-size:14px; line-height:1em; color:#E40038;}
#lrNovaBox p.lrLinkP{ font-size:10px;}
#lrNovaBox p.img{ padding:0; position:absolute; right:0; top:0;}
.pcHidden{ display:none;}

/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {float:right; width:245px;}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea {}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo{}
#footerCopyright{}



/*----------------------------------------------------------------------------
 ***                                                                 pagetop
----------------------------------------------------------------------------*/
.pagetop {}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { margin-bottom:20px;}
.sectionInner {}

.gMap a{ display:block; text-align:center; font-size:16px; font-weight:bold; padding: 10px 0 ;}



/*----------------------------------------------------------------------------
 ***                                                                 sLBox
----------------------------------------------------------------------------*/
#sLBox{
	width:740px;
	height:auto;
	background:#00A2AF;
	position:relative;
	padding:15px 105px 20px 105px;
	margin:0 auto;
	/*display:none; /**/
}



#conPg #sLBox{display:block;}
#sLBox h2{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:30px;
	line-height:36px;
	margin-bottom:5px;
	text-align:center;
}

#sLBox #clBtn{
	position:absolute;
	left:753px;
	top:-26px;
}

#sLBox table{ width:100%;}

#sLBox table th,
#sLBox table td{ background:#FFF; border:none;}

#sLBox .samFm4 th,
#sLBox .samFm4 td{ border:#999 dotted 1px;}





.tInp input { margin-top:7px;}


#subdouSec02{ margin-bottom:30px; padding-top:15px; width:970px;}
#subdouSec02 .sectionInner{ padding:15px 0 20px 0; border:3px solid #00A2AF; border-radius: 10px;}
#subdouSec02 .linkBox{width:calc(50% - 5px); display:block;}
#subdouSec02 .linkBox.floatR{padding-left:2px;}
#subdouSec02 .linkBox.floatL{padding-right:2px;}



/*----------------------------------------------------------------------------
 ***                                                                  form
----------------------------------------------------------------------------*/

#formSec{
	width:700px;
	float:left;
	padding:20px;
	background:#FFF; padding:20px;
	margin:0;
}

#shiForm{ float:left; width:340px;}
#sonoForm{ float:right; width:340px;}


#formSec textarea{line-height:20px; font-size:12px; height:80px;}
#formSec input{ line-height:20px; font-size:12px;}
#formSec .samFm3 input,
#formSec .samFm4 input{ line-height:20px; font-size:16px; line-height:1.6em;}
.attention3b{ font-weight:bold; font-size:140%; color:#F00; }



#timeTb table{width:100%; height:240px; border:none; margin:0;}
#timeTb td,
#timeTb th{
	padding:0 5px;
	background:#BBE4EE;
	border: #FFF solid 2px;
	line-height:20px;
	font-size:16px;
	color:#333;
	vertical-align:middle;
}
#timeTb th{ width:20px;}

#infoSec #scInfo h5{ background:#aaa; color:#FFF; text-align:center; margin-bottom:2px;}

#infoSec #scInfo p{background:#FFF; padding:0; line-height:18px; margin-bottom:5px;}
#infoSec #scInfo p.tel{ font-size:20px; line-height:28px; font-weight:bold; color:#09F;}
#subSec p{ margin:0;}
#infoSec #scInfo #infoBox{height:240px;}


#infoSec .section #scInfo2 .sectionInner p{ background:none;}


#infoSec #scInfo2 h4{ text-align:center;}
#infoSec #scInfo2 h5{ background:#aaa; color:#FFF; text-align:center; margin-bottom:2px;}
#infoSec #scInfo2 p{background:#FFF; padding:0; line-height:18px; margin-bottom:5px;}
#infoSec #scInfo2 p.tel{ font-size:20px; line-height:28px; font-weight:bold; color:#09F;}
#infoSec #scInfo2 #infoBox{}


#subBtn{
	background:url(../../schools/images/btn_sub_off.png) left top no-repeat;
	width:125px;
	height:45px;
	border:none;
}
#resetBtn{
	width:125px;
	height:45px;
	border:none;
}



/*----------------------------------------------------------------------------
 ***                                                                formsample
----------------------------------------------------------------------------*/
#sLBox2{
	width:950px;
	height:auto;
	background:#00A2AF;
	position:relative;
	padding:15px 0 20px 20px;
	margin:0 auto;
	/*display:none; /**/
}

#sLBox2 h2{ font-size:20px; font-weight:normal; border-left:#F90 solid 5px; padding-left:8px; border-bottom:#CCC dotted 1px; margin-bottom:10px;}

.formSecS1{
	width:260px;
	float:left;
	padding:20px;
	background:#FFF;
	margin-right:15px;
	margin-bottom:20px;
}
.formSecS1 .sectionInner{
	height:460px;
	border-bottom:#666 dotted 1px;
	margin-bottom:10px;
	
}
.formSecS2{
	width:910px;
	padding:10px;
	background:#FFF;
	margin-bottom:0;
}

#sLBox2 table{ border:none; border-bottom: #666 dotted 1px;}

#sLBox2 table td{ text-align:left; border:none; border-top: #666 dotted 1px;}
#sLBox2 table th{ line-height:1.2em; border:none; border-top: #666 dotted 1px; font-size:14px;}

.address3{ margin-bottom:20px;}
#addHtxt{ font-size:12px; line-height:1.2em; display:block; padding:5px 0 0 0;}

#addAdr{ background:#FFF0E8; padding:8px; font-size:12px; line-height:1.4em;}



#school_blog .sectionInner{padding: 4em 0 4em; border-top: #999 dotted 1px;}
#school_blog  .ttl-h3{/* color:#00a1c9; */font-size: 22px;margin: 0;}
#school_blog  .ttl-h4{font-size:16px;}
#school_blog  .sub_ttl{font-size: 14px;padding:0;}
/*---- スクールブログ ----*/
#blog_box{margin: 2em auto 1.5em;padding: 0 2em;}
#blog_box .blog_list_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
#blog_box .blog_list_box dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
#school_blog .blog_list{width: 30%;}
#school_blog .blog_list .blog_ttl{color:#ed1e79;font-size: 16px;font-weight:700;line-height:1.2;margin-bottom:.5em;}
#school_blog .blog_list .blog_time{font-size:16px;line-height:1;margin:1em 0 .5em;}
#school_blog .blog_list .blog_content{font-size: 12px;/* overflow:hidden; *//* white-space: pre-line; */-o-text-overflow:ellipsis;text-overflow:ellipsis;width:100%;/* height: 9em; *//* line-height: 1.5em; *//* -webkit-box-sizing:border-box; *//* box-sizing:border-box; *//* display: -webkit-box; *//* -webkit-box-orient: vertical; *//* -webkit-line-clamp: 15; */}
#school_blog .blog_list .blog_content:after{content:"…"; display:inline;}

#school_blog .blog_list .blog_thumbnail{width: 100%;height: 150px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px;}
#school_blog .blog_list .blog_thumbnail:before{content:"";display:block;width:100%;height:100%;overflow:hidden;background-color:#ffffff;background-image:inherit;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;}
#school_blog .blog_list .blog_thumbnail img{visibility:hidden;}
#school_blog .blog_link{display:block;text-decoration:none;color:#4d4d4d;}
#school_blog .blog_link:hover .blog_thumbnail:before{-webkit-transform:scale(1.1);transform:scale(1.1);}
#school_blog .blog_link_list{text-align:center;}
#school_blog .blog_link_list a{display:inline-block;font-size: 14px;color:#4d4d4d;border:1px solid #4d4d4d;padding:1em 0 .9em;line-height:1;width:16em;text-align:center;border-radius:50px;}