.teacher{border:1px solid #dedede;border-top:1px solid #37326a;padding:30px}
.teacher p{background:url("/images/13_study/sub01/teacher.png") no-repeat center 0;padding:180px 0 0 0;margin:0 0 30px 0;text-align:center}
.teacher p strong{color:#37326a;font-size:18px;font-weight:bold;vertical-align:bottom}
.teacher ul{}
.teacher li{font-size:14px;line-height:1.5em;padding:0 0 0 12px;margin:0 0 5px 0;background:url("/images/01_potal/sub/li01.png") no-repeat 0 6px}
@media all and (min-width:768px) {
.teacher{overflow:hidden;padding:50px 30px;background:url("/images/13_study/sub01/teacher_bg.png") no-repeat right bottom}
.teacher p{float:left;width:30%}
.teacher ul{float:left;width:60%;border-left:1px dotted #dedede;padding:0 0 0 5%}
}

.agreement li{text-align:center;margin:0 0 15px 0}
.agreement li img{display:block;margin:0 auto 10px auto}
@media all and (min-width:768px) {
.agreement{overflow:hidden}
.agreement li{float:left;width:33.333%}
}
@media all and (min-width:1023px) {
.agreement li{width:20%}
}       

.construction li{text-align:center;margin:0 0 15px 0;background:#333;border-radius:15px;overflow:hidden}
.construction li img{width:100%}
.construction li span{display:block;padding:15px 0;color:#fff}
@media all and (min-width:768px) {
.construction{overflow:hidden}
.construction li{float:left;width:31.333%;margin:0 1% 25px 1%}
}               

.img_c3 li{text-align:center;margin:0 0 15px 0;border-radius:15px;overflow:hidden}
.img_c3 li img{width:100%}
@media all and (min-width:768px) {
.img_c3{overflow:hidden}
.img_c3 li{float:left;width:31.333%;margin:0 1% 25px 1%}
}

.org{position:relative}
.org:after{content:"";display:block;width:1px;height:150px;background:#d7d7d7;position:absolute;top:0;left:50%;z-index:-1}
.org span{display:block;padding:15px 0;margin:0 auto 30px auto;text-align:center;font-size:18px;color:#fff;font-weight:bold;border-radius:10px;width:200px}
.org01>li>span{background:#3a9da9}
.org02>li:after{content:"";display:block;width:50%;height:1px;background:#d7d7d7;position:absolute;top:150px;left:25%;z-index:-1}
.org02>li>span{background:#3286bb}
.org03{margin:40px 0 0 0}
.org03:after{content:"";display:block;clear:both}
.org03 li{box-sizing:border-box;min-height:85px;border:1px solid #d7d7d7;padding:10px 0;text-align:center;line-height:1.5em;font-size:14px;border-radius:10px;float:left;width:46%;margin:0 2%;position:relative}
.org03 li:after{content:"";display:block;width:1px;height:22px;background:#d7d7d7;position:absolute;top:-22px;left:50%;z-index:-1;}
@media all and (min-width:768px) {
.org03{width:60%;margin:40px auto 0 auto}
.org02>li:after{width:30%;left:35%}
}   

.history{letter-spacing:-0.05em}
.history h4{color:#01a89e;font-size:50px;font-weight:bold;padding:20px 15px;margin:0;background:none;border-bottom:1px solid #01a89e}
.history>ul>li{border-top:1px dotted #dedede;padding:20px 15px}
.history>ul>li:first-child{border:none}
.history li li {font-size:16px;margin:15px 0 0 0}
.history li li:first-child{margin:0}
.history strong{display:block;padding:0;margin:0 0 20px 0;background:none;color:#37326a;font-size:30px;font-weight:bold}
.history span{display:block;color:#000;margin:0 20px 5px 0}
@media all and (min-width:768px) {
.history{;background-size:30% auto;padding:0 33% 0 0;position:relative}
.history:after{content:"";display:block;width:30%;height:480px;position:absolute;bottom:0;right:0;background:url("/images/13_study/sub03/his_bg.jpg") no-repeat 0 bottom}
.history span{display:inline}
}
@media all and (min-width:1023px) {
.history{background-size:auto}
.history:after{height:410px}
.history strong{float:left;width:140px}
.history>ul>li{overflow:hidden;padding:35px 15px}
.history ul ul{float:left}
}

.nwork_int{background:url("/images/13_study/sub03/nwork_int.jpg") no-repeat center bottom;background-size:auto 200px;padding:0 0 230px 0;word-break:keep-all}
.nwork_int p{font-size:16px;line-height:1.5em;margin:15px 0}
.nwork_int strong{display:block;font-size:20px;line-height:1.25em;color:#2b9188;margin:0 0 30px 0}
.nwork_int em{display:block;font-style:normal;font-size:18px;color:#000;margin:0 0 5px 0}
@media all and (min-width:768px) {
.nwork_int{background-position:right center;padding:0 300px 0 0}
}
@media all and (min-width:1023px) {
.nwork_int{background-size:auto;padding:0 550px 0 0;min-height:405px}
.nwork_int strong{font-size:26px;padding:30px 0 0 0}
}

.nwork_system>ul>li{border-top:1px dotted #dedede;padding:30px 0}
.nwork_system>ul>li:first-child{border:none}
.nwork_system li span{display:block;font-size:20px;font-weight:bold;text-align:center;position:relative;margin:0 0 20px 0}
.nwork_system li.no1 span, .nwork_system li.no3 span{color:#37326a}
.nwork_system li.no2 span, .nwork_system li.no4 span{color:#00968d}
.nwork_system li span:before{content:"";display:block;width:120px;height:120px;background:url("/images/13_study/sub03/nwork_system.png") no-repeat;margin:0 auto 40px auto}
.nwork_system li.no2 span:before{background-position:0 -120px}
.nwork_system li.no3 span:before{background-position:0 -240px}
.nwork_system li.no4 span:before{background-position:0 -360px}
.nwork_system li span:after{content:"";display:block;width:1px;height:30px;position:absolute;top:120px;left:50%}
.nwork_system li.no1 span:after, .nwork_system li.no3 span:after{background:#37326a}
.nwork_system li.no2 span:after, .nwork_system li.no4 span:after{background:#01a89e}
.nwork_system ul ul{width:70%;margin:0 auto}
.nwork_system li li{line-height:1.5em;padding:0 0 0 8px;background:url("/images/01_potal/sub/li03.gif") no-repeat 0 9px;word-break:keep-all}
@media all and (min-width:768px) {
.nwork_system>ul{overflow:hidden}
.nwork_system>ul>li{float:left;width:49%;min-height:270px}
.nwork_system li.no2{border-top:none}
.nwork_system li.no2, .nwork_system li.no4{border-left:1px dotted #dedede}
}
@media all and (min-width:1023px) {
.nwork_system>ul>li{width:24%;min-height:315px}
.nwork_system li.no3, .nwork_system li.no4{border-top:none}
.nwork_system li.no3{border-left:1px dotted #dedede}
}                                                                           

.work_center strong{display:block;color:#fff;background:#37326a;text-align:center;font-size:20px;border-radius:6px;padding:20px 0}
.work_center li{border:1px solid #dedede;border-top:1px solid #37326a;border-radius:0 0 6px 6px;padding:10px 50px 30px 50px;margin:10px 0}
.work_center dt{color:#37326a;font-weight:bold;font-size:18px;text-align:center;margin:0 0 30px 0}
.work_center dt:before{content:"";display:block;width:80px;height:80px;background:url("/images/13_study/sub03/work_center.png") no-repeat;margin:0 auto 5px auto}
.work_center .no2 dt:before{background-position:0 -90px}
.work_center .no3 dt:before{background-position:0 -180px}
.work_center .no4 dt:before{background-position:0 -270px}
.work_center dd{line-height:1.5em;text-align:center}
@media all and (min-width:768px) {
.work_center{position:relative}
.work_center strong{position:absolute;top:160px;left:36.97916666666667%;width:26.04166666666667%;height:140px;border-radius:100%;padding:60px 0 0 0;font-size:30px;z-index:2;}
.work_center ul{overflow:hidden}
.work_center li{float:left;width:48%;padding:30px 100px;margin:10px 1%;box-sizing:border-box}
}
@media all and (min-width:1023px) {
.work_center strong{top:100px;left:40.56603773584906%;width:18.86792452830189%}
.work_center li{position:relative;min-height: 185px;padding: 70px 0 0 29%;}
.work_center dt{position:absolute;top:30px;left: 0;width: 55%;border-right:1px dotted #dedede;padding:0 0 20px 0;}
.work_center dd{padding:0 0 0 8px;background:url("/images/01_potal/sub/li03.gif") no-repeat 0 9px;text-align:left}
}   

.newlink_smain li{text-align:center;border:1px solid #dedede;padding:20px 0;margin:0 0 10px 0;font-size:18px;color:#000}
.newlink_smain li:before{content:"";display:block;width:90px;height:90px;margin:20px auto;background:url("/images/13_study/sub02/newlink_smain.png") no-repeat}
.newlink_smain li.no2:before{background-position:0 -90px}
.newlink_smain li.no3:before{background-position:0 -180px}
.newlink_smain p{margin:15px 0 0 0}
@media all and (min-width:768px) {
.newlink_smain ul{overflow:hidden}
.newlink_smain li{float:left;width:31.333%;margin:0 1% 10px 1%;box-sizing:border-box}
}