@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}

.content__mv .img {
    background: url(../img/school/header_img_pc.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#page_header .content__mv h2{text-align: left; font-size: 3.4em;color: #0f2340;text-shadow:0 0 10px #ffffff,0 0 10px #ffffff;line-height: 0.9em;
    z-index: 6;
    left: 6%;
    top: 35%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-35%);
position: absolute;}
.title_sub{font-size: 1.2em;
    z-index: 6;
    left: 6%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
position: absolute;}

.heading::before {
  background-color: #2ea6df; /* 線の色 */
  bottom: -13px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 0%; /* 線の中央寄せ */
  position: absolute;
  width: 120px; /* 線の長さ */
}
.contents_ttl_center {text-align: center; display: block;align-items: center;font-size: 1.8em;font-weight: bold;font-size: 1em;margin-bottom: 5em;}
.contents_ttl_center span{font-size: 2.4em;text-align: center;color: #0f2340;display: block;}
.contents_ttl_center_small span{  font-size: 1.8em;text-align: center;color: #0f2340;display: block;margin-bottom: 2em;}
.line{position: relative;text-align: center;}
.line::after {
    background-color: #2ea7e0; /* 線の色 */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.school_copy{text-align: center;margin-bottom: 2em;}
.sec_contents{margin: 0em 0 3em;}
.main-img-left{width: 60%;float: left;padding-right: 4%;box-sizing: border-box;}
.main-text-right{width: 40%;float: right;}
.business_ttl{font-size: 1.6em;border-bottom: solid 2px #2ea7e0;padding-bottom: 0.2em;margin-bottom: 0.4em;margin-top: 0.6em;}
.business_komidashi{font-size: 1.2em;font-weight: bold;margin-bottom: 0.4em;}
.main-text-right ul li{width: 60%;font-weight: bold;}
.main-text-right ul li span{float: right;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.content__mv .img {
    background: url(../img/school/header_img_sp.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
#page_header .content__mv h2{text-align: left; font-size: 2.8em;color: #0f2340;text-shadow:0 0 10px #ffffff,0 0 10px #ffffff;
    z-index: 6;
    left: 3%;
    top: 57%;  
position: absolute;}
.title_sub{font-size: 1.1em;
    z-index: 6;
    left: 4%;
    top: 90%;
position: absolute;}
	
.page_title{font-size: 1.4em;margin-bottom: 1em;margin-top: 0;position: relative;padding-bottom: 0.2em; /* 見出しと下線の間の余白 */}	
	
.main-img-left{width: 100%;float: none;padding-right: 0%;box-sizing: border-box;}
.main-text-right{width: 100%;float: none;}	
.business_ttl{font-size: 1.3em;border-bottom: solid 2px #2ea7e0;padding-bottom: 0.2em;margin-bottom: 0.4em;margin-top: 0.6em;}
.business_komidashi{font-size: 1.0em;font-weight: bold;margin-bottom: 0.4em;}
.boxitem_02{margin-bottom: 2.4em;}
.contents_ttl_center span{font-size: 1.6em;text-align: center;color: #0f2340;display: block;}
.contents_ttl_center_small span{  font-size: 1.4em;text-align: center;color: #0f2340;display: block;margin-bottom: 1.4em;}
.boxitem_03{width: 31%;
    height: auto;
    display: block;
    margin-bottom: 0%;}
}