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

/* バナー */
.banner {
  position: relative;
  width: 100%;
  margin-bottom: 5%;
  margin-top: -5%;
}

/* PC用バナーのスタイル */
.banner-pc {
  display: block;
  margin: 0 auto;
}

/* スマホ用バナーのスタイル */
.banner-mobile {
  display: none;
}

/* メディアクエリで表示を切り替え */
@media (max-width: 768px) {
  .banner-pc {
    display: none;
  }

  .banner-mobile {
    display: block;
  }
}
/* バナー */

.ttl_main_tt h1{
	color: #fff;
	font-size: 7.46667vw;
	line-height: 1.5;
	font-weight: bold;
}
@media screen and (min-width: 769px){
	.ttl_main_tt h1 {
		color: #fff;
		font-size: 4rem;
		line-height: 4.8rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
}

.intro_bl h2 {
	font-size: 6vw;
	border-bottom: 2px solid #C5C5C5;
	line-height: 7.33333vw;
	padding-bottom: 2.66667vw;
	color: #333;
	padding-left: 5.33333vw;
	position: relative;
	margin-bottom: 4vw;
	font-weight: bold;
}
.intro_bl h2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.2vw;
	height: 7.33333vw;
	background: #01A8A0;
	display: block;
}
@media screen and (min-width: 769px){
.intro_bl h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1.2;
    padding-bottom: 10px;
    color: #333;
    padding-left: 20px;
    position: relative;
    margin-bottom: 30px;
    font-weight: bold;
}
.intro_bl h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 30px;
    background: #01A8A0;
    display: block;
}
}

  .intro_bl_ct .intro_box_info_ct h3 {
    font-size: 4.8vw;
    line-height: 7.46667vw;
    font-weight: bold;
    position: relative;
    padding-left: 13.33333vw;
    margin-bottom: 2.66667vw;
    min-height: 13.33333vw;
    font-weight: bold;
	border-bottom: none;
  }
  .intro_bl_ct .intro_box_info_ct h3 span {
    color: #01A8A0;
    display: inline-block;
  }
  .intro_bl_ct .intro_box_info_ct h3:before {
    counter-increment: number;
    content: counter(number);
    width: 10.66667vw;
    height: 10.66667vw;
    -moz-border-radius: 100%;
         border-radius: 100%;
    background: #01A8A0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 2.66667vw;
    position: absolute;
    top: 0.66667vw;
    left: 0;
    font-size: 5.73333vw;
    line-height: 1;
  }

@media screen and (min-width: 769px){
.intro_bl_ct .intro_box_info_ct h3 {
	font-size: 2.4rem;
	line-height: 3.7rem;
	font-weight: 500;
	position: relative;
	padding-left: 80px;
	margin-bottom: 20px;
	min-height: 70px;
	font-weight: bold;
	border-bottom: none;
}
.intro_bl_ct .intro_box_info_ct h3 span {
	color: #01A8A0;
	display: inline-block;
}
.intro_bl_ct .intro_box_info_ct h3:before {
	counter-increment: number;
	content: counter(number);
	width: 60px;
	height: 60px;
	-moz-border-radius: 100%;
		 border-radius: 100%;
	background: #01A8A0;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	margin-right: 15px;
	position: absolute;
	top: 5px;
	left: 0;
	font-size: 3.3rem;
	line-height: 1;
}
}

.list_teacher .txt_position strong{color: #333;}











  .corse .corse_content_head .df .txt h3 {
    font-size: 4.8vw;
    margin-top: 0vw;
    margin-bottom: 4vw;
    font-weight: bold;
  }

@media screen and (min-width: 769px){
  .corse .corse_content_head .df .txt h3 {
    font-size: 2.4rem;
    line-height: 32px;
    font-weight: bold;
    margin-bottom: 15px;
  }
}


  .school_list li a h2 {
    font-size: 4vw;
    line-height: 6.66667vw;
    font-weight: 500;
    border-bottom: 1px dashed #00A8A0;
    padding: 2.53333vw 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: bold;
  }
  .school_list li a h2:after {
    content: '';
    width: 4.13333vw;
    height: 4.13333vw;
    background: url("./renew/school/images/ic_arrow.svg") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    display: block;
  }
@media screen and (min-width: 769px){
  .school_list li a h2 {
    font-size: 2.6rem;
    line-height: 5rem;
    font-weight: bold;
    border-bottom: 1px dashed #00A8A0;
    padding: 11px 0;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .school_list li a h2:after {
    content: '';
    width: 19px;
    height: 19px;
    background: url("./renew/school/images/ic_arrow.svg") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    display: block;
  }
}


  .detail .d_mess h2 {
    font-size: 6vw;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 2.66667vw;
    color: #333;
    padding-left: 8.203125vw;
    position: relative;
    margin-bottom: 3.6vw;
    font-weight: bold;
  }
  .detail .d_mess h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4vw;
    height: 4.6vw;
    background: url("./renew/school/images/ic_people.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_mess h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    margin-bottom: 27px;
    font-weight: bold;
  }
  .detail .d_mess h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 23px;
    background: url("./renew/school/images/ic_people.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_mess.ic_mess h2:before {
    width: 5.2vw;
    height: 5.72vw;
    background: url("./renew/school/images/ic_mess.svg") center/contain no-repeat;
  }
@media screen and (min-width: 769px){
  .detail .d_mess.ic_mess h2:before {
    width: 26px;
    height: 24px;
    background: url("./renew/school/images/ic_mess.svg") center/contain no-repeat;
  }
}


  .sec_ttl h2 {
    font-size: 6vw;
    line-height: 1;
    color: #333;
    padding-left: 5.33333vw;
    position: relative;
    font-weight: bold;
  }
  .sec_ttl h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4.6vw;
    height: 4.6vw;
    background: url("./renew/school/images/ic_pen.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){

  .sec_ttl h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-left: 30px;
    font-weight: bold;
  }
  .sec_ttl h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background: url("./renew/school/images/ic_pen.svg") center/contain no-repeat;
    display: block;
  }
}


  .msg_ttl h2 {
    font-size: 6vw;
    line-height: 1;
    color: #333;
    padding-left: 5.33333vw;
    position: relative;
    font-weight: bold;
  }
  .msg_ttl h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4.6vw;
    height: 4.6vw;
    background: url("./renew/school/images/ic_message.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .msg_ttl h2 {
    font-size: 2.6rem;
    line-height: 3.2rem;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-left: 30px;
    font-weight: bold;
  }

  .msg_ttl h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background: url("./renew/school/images/ic_message.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_direct h2 {
    font-size: 6vw;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 2.66667vw;
    color: #333;
    padding-left: 5.33333vw;
    position: relative;
    margin-bottom: 3.6vw;
    font-weight: bold;
  }
  .detail .d_direct h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4vw;
    height: 4.8vw;
    background: url("./renew/school/images/ic_flag.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_direct h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    margin-bottom: 27px;
    font-weight: bold;
  }
  .detail .d_direct h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 24px;
    background: url("./renew/school/images/ic_flag.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_area h2 {
    font-size: 6vw;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 2.66667vw;
    color: #333;
    padding-left: 5.33333vw;
    position: relative;
    margin-bottom: 3.6vw;
    font-weight: bold;
  }
  .detail .d_area h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3.8vw;
    height: 5.2vw;
    background: url("./renew/school/images/ic_location.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_area h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    margin-bottom: 27px;
    font-weight: bold;
  }
  .detail .d_area h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 26px;
    background: url("./renew/school/images/ic_location.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_area_bl h3 {
    font-size: 4vw;
    line-height: 1;
    position: relative;
    background: #F6F6F6;
    height: 9.6vw;
    padding: 1.86667vw 8vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
  }
  .detail .d_area_bl h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3.46667vw;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.6vw;
    height: 3.6vw;
    background: url("./renew/school/images/ic_bus.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_area_bl h3 {
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
    background: #F6F6F6;
    height: 45px;
    padding: 14px 40px;
    font-weight: bold;
  }
  .detail .d_area_bl h3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 13px;
    height: 18px;
    background: url("./renew/school/images/ic_bus.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_area_bl:nth-of-type(2) h3:before {
    width: 3.2vw;
    height: 3.2vw;
    background: url("./renew/school/images/ic_dieu.svg") center/contain no-repeat;
  }
  .detail .d_area_bl:nth-of-type(3) h3:before {
    width: 3.2vw;
    height: 3.2vw;
    background: url("./renew/school/images/ic_school.svg") center/contain no-repeat;
  }
@media screen and (min-width: 769px){
  .detail .d_area_bl:nth-of-type(2) h3:before {
    width: 16px;
    height: 16px;
    background: url("./renew/school/images/ic_dieu.svg") center/contain no-repeat;
  }
  .detail .d_area_bl:nth-of-type(3) h3:before {
    width: 16px;
    height: 16px;
    background: url("./renew/school/images/ic_school.svg") center/contain no-repeat;
  }
}


  .detail .d_mem h2 {
    font-size: 6vw;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 2.66667vw;
    color: #333;
    padding-left: 8.203125vw;
    position: relative;
    margin-bottom: 3.6vw;
    font-weight: bold;
  }
  .detail .d_mem h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5.2vw;
    height: 5.72vw;
    background: url("./renew/school/images/ic_people.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_mem h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    margin-bottom: 27px;
    font-weight: bold;
  }
  .detail .d_mem h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 23px;
    background: url("./renew/school/images/ic_people.svg") center/contain no-repeat;
    display: block;
  }
}


  .detail .d_view h2 {
    font-size: 6vw;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 2.66667vw;
    color: #333;
    padding-left: 5.33333vw;
    position: relative;
    margin-bottom: 3.6vw;
    font-weight: bold;
  }
  .detail .d_view h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5.2vw;
    height: 4.8vw;
    background: url("./renew/school/images/ic_school.svg") center/contain no-repeat;
    display: block;
  }
@media screen and (min-width: 769px){
  .detail .d_view h2 {
    font-size: 2.6rem;
    border-bottom: 2px solid #C5C5C5;
    line-height: 1;
    padding-bottom: 18px;
    color: #333;
    padding-left: 30px;
    position: relative;
    margin-bottom: 27px;
    font-weight: bold;
  }
  .detail .d_view h2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 24px;
    background: url("./renew/school/images/ic_school.svg") center/contain no-repeat;
    display: block;
  }
}


  .d_direct_h3 {
    font-size: 3.73333vw !important;
    line-height: 4.93333vw !important;
    color: #01A8A0 !important;
    margin-bottom: 2.66667vw !important;
	border-bottom: none !important;
	padding-left: 0px !important;
  }
  .d_direct_h3:before{ display: none !important;}
@media screen and (min-width: 769px){
  .d_direct_h3 {
    font-size: 1.4rem !important;
    line-height: 2.3rem !important;
    color: #01A8A0 !important;
    height: 23px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
  }
}


  .detail .d_blog_list ul li h3 {
    font-size: 3.73333vw;
    line-height: 5.06667vw;
    font-weight: bold;
    font-style: normal;
    color: #333333;
  }
@media screen and (min-width: 769px){
  .detail .d_blog_list ul li h3 {
    font-size: 1.4rem;
    line-height: 23px;
    font-weight: bold;
    font-style: normal;
    color: #333333;
  }
}


  .detail .d_mess_profile_ct h3 {
    font-size: 4.26667vw;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 2.66667vw;
  }
  .detail .d_mess_profile_ct h3:before{ display: none !important;}
  .detail .d_mess_profile_ct h3 span {
    text-align: center;
    background: #fff;
    color: #00A8A0;
    font-size: 3.2vw;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20vw;
    height: 8vw;
    font-weight: 500;
    margin-right: 2.66667vw;
  }
@media screen and (min-width: 769px){
  .detail .d_mess_profile_ct h3 {
    font-size: 2.2rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .detail .d_mess_profile_ct h3 span {
    text-align: center;
    background: #fff;
    color: #00A8A0;
    font-size: 1.4rem;
    line-height: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 115px;
    height: 40px;
    font-weight: 500;
    margin-right: 20px;
  }
}


.header_top_row_menubar ._wrap{margin-top: 11px;}
@media screen and (min-width: 769px){

}


.ttl_main_tt .single_ttl {
    color: #fff;
    font-size: 7.46667vw;
    line-height: 1.5;
    font-weight: bold;
}
@media screen and (min-width: 769px){
.ttl_main_tt .single_ttl {
    color: #fff;
    font-size: 4rem;
    line-height: 4.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}


@media screen and (min-width: 769px){
.single_book_ttl {
    font-size: 2.6rem;
    line-height: 1.5;
    border-bottom: 3px solid #00A8A0;
    padding-bottom: 18px;
    margin-bottom: 25px;
    font-weight: bold;
}
}


}