@charset "utf-8";
.font_0C497C{
    color: #0C497C;
}
.font_bold {
    font-weight: 700;
}

/* ====================
    背景色
======================*/
.bg_sky{
    background-image: url(../img/feature/bg_01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
/* ====================
    タイトル
======================*/
.common_headline1 {
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    padding-top: 12px;
    padding-bottom: 12px;
}
@media screen and (min-width: 768px) {
.common_headline1 {
    font-size: 30px;
    border-top: 1px solid #FFF;
    padding-top: 34px;
    padding-bottom: 34px;
}
}
.common_headline4 {
    font-size: 18px;
    font-weight: 200;
}
@media screen and (min-width: 768px) {
.common_headline4 {
    font-size: 36px;
}
}

/* ====================
   学校紹介
======================*/
.school_list_in_box {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: left;
}
@media screen and (min-width: 768px) {
.school_list_in_box {
    width: 1080px;
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}
}
.school_bottom{
    padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.school_bottom{
    padding-bottom: 50px;
}
    }
.school_box {
    margin-bottom: 10px;
    /*margin-top: 9px;*/
    text-align: center;
}
@media screen and (min-width: 768px) {
.school_box {
    margin-bottom: 9px;
    margin-top: 9px;
    text-align: center;
}
}
.school_box_img {
}
@media screen and (min-width: 768px) {
.school_box_img {
    width: 348px;
    height: 348px;
}
}
.school_btn {
    display: block;
    line-height: 150%;
    text-align: center;
    background-color: #0C497C;
    float: left;
    width: 100%;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
@media screen and (min-width: 768px) {
.school_btn {
    width: 348px;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 768px) {
.school_box a {
    transition: 0.3s;
 }
}
.school_box a .school_btn {
    color: #fff;
 }
@media screen and (min-width: 768px) {
.school_box a:hover .school_btn{
    background-color: #1164ab;
    transition: 0.3s;
}
.school_box a:hover .school_box_img{
    opacity: 0.8;
    transition: 0.3s;
}
}