@charset "UTF-8";

#content {padding: 110px 0 0;}

.contents_title {width: 100%; margin: 0 0 80px;padding: 0;position: relative;}
.contents_title img {width: 100%;height: auto;}
.contents_title_text {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}

.contents_title h1 {
font-size: 4vh;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
z-index: 9;}
.school {width: 960px; margin: 0 auto 40px;text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.school .sub_title {width: 100%; background: #eeeeee;border-left: 5px solid #22b4af;margin: 0 0 20px;}
.school .sub_title h2 {font-size: 26px;line-height: 40px;height: 40px;padding: 7px 0 3px 10px;}

.school ul {width: 50%;}
.school ul li {font-size: 14px;line-height: 1.6; list-style-type: disc;margin: 0 0 5px 5%;}
.school ul li p {}
.school ul li p span {font-weight: 700;}
.school ul li p a {color: #000!important;}
.school ul li p a:hover {color: #22b4af!important;}
.school ul li.space {padding: 27px 0 0;}


@media screen and (max-width: 1060px) {
#content {padding: 90px 0 0;}
}
@media screen and (max-width: 767px) {
#content {padding: 110px 0 0;}

.contents_title {width: 100%; margin: 0 0 10%;padding: 0;position: relative;}
.contents_title img {width: 100%;height: auto;}
.contents_title_text {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);}

.contents_title h1 {
font-size: 3vh;
line-height: 1.4;
font-weight: 700;
color: #ffffff;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
z-index: 9;}
.school {width: 90%; margin: 0 auto 5%;text-align: left;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.school .sub_title {width: 100%; background: #eeeeee;border-left: 5px solid #22b4af;margin: 0 0 20px;}
.school .sub_title h2 {font-size: 18px;line-height: 38px;height: 38px;padding: 7px 0 3px 10px;}

.school ul {width: 100%;}
.school ul li {font-size: 14px;line-height: 1.6; list-style-type: disc;margin: 0 0 5px 5%;}
.school ul li p {}
.school ul li p span {font-weight: 700;}
.school ul li p a {color: #000!important;}
.school ul li p a:hover {color: #22b4af!important;}

}