#main-visual{
    text-align:center;
    background:url(../images/concept-top-vl.jpg);
    background-position:center;
    background-repeat: no-repeat;
    background-size:cover;
}

.st-number{
    background:#F7FFF5;
    text-align: center;
    padding:2% 0;
}

.st-number > h3{
    margin-top:8%;
    color:#689576;
    font-weight:bold;
    display: inline-block;
    width:3rem;
    height: 3rem;
    background: #ffffff;
    border:2px solid #689576;
    border-radius: 1.5rem;
    line-height: 3rem;
}

.concept-sub-ttl{
    font-size:1.5rem;
    text-align:center;
    margin-bottom:14%;
}

.concept-sub-ttl::before{
    content: " ";
    display: inline-block;
    width: 0.5rem;
    height: 1.5rem;
    background: #689576;
    margin-right:7px;
    vertical-align:text-top;
}

#school-info-tbl{
    background:#F7FFF5;
}

.st-number > p{
    color:#707070;
    font-weight:bold;
}

.box-header{
    text-align: center;
}

#greeting,
#school-info-tbl > table{
    padding:5%;
}

#school-info-tbl > table{
    margin:0 auto;
}

#school-info-tbl > table > tbody > tr{
    font-size:1.2rem;
}

#school-info-tbl > table > tbody > tr > th{
    text-align:left;
    color:#689576;
    font-weight:bold;
}

#school-info-tbl > table > tbody > tr > td{
    padding-left:11%;
}

#greeting > p{
    font-family:serif;
}

#concept-closing{
    padding:5%;
}

.fnt-green{
    color:#689576;
}

section > p{
    line-height:3.1rem;
}

.catch-pc{
    display: none;
}

#contact-btn{
 margin:0 auto 13%;
 width:80%;
 height:4rem;
 text-align:center;
 background:#689576;
 border-radius:2rem;
}

#contact-btn-txt{
    margin:3%;
    font-size:1.5rem;
    font-weight:bold;
    line-height:4rem;
    color:#ffffff;
}

#contact-btn:hover{
    opacity:0.7;
    transition-duration: 1s;
}

/*スマートフォン（横向き）用の設定*/
@media screen and (min-width:667px) and (min-height:375px){
    h2{
        margin-bottom:5.5%;
    }

    .concept-sub-ttl{
        margin-bottom:6%;
    }

    #concept-closing{
        padding:5% 3%;
    }

    #contact-btn{
        margin:8% auto 5%;
    }
}

/*タブレット（縦向き）用の設定*/
@media screen and (min-width:820px) and (min-height:1180px){
    h2{
        font-size:3rem;
    }

    section,
    #concept-closing{
        text-align:center;
    }
}

/*タブレット（横向き）用の設定*/
@media screen and (min-width:1180px) and (min-height:820px){
    .concept-sub-ttl{
        font-size:2rem;
    }

    .concept-sub-ttl::before{
        height:2rem;
        margin-right:10px;
    }

    section,
    #concept-closing{
        text-align:center;
    }

}

/*PCサイト用の設定*/
@media screen and (min-width:1366px){    
    .catch-sp{
        display: none;
    }

    .catch-pc{
        display: block;
    }

    .box{
        width:100%;
        max-width:1200px;
        margin:0 auto;
    }

    .st-number{
        padding:4% 0;
    }

    .st-number > h3{
        margin:0;
    }

    .st-number > p{
        margin:20px 0 0 0;
    }

    #school-info-tbl > table{
        width:50%;
    }

    #school-info-tbl > table > tbody >tr{ 
        font-size:2rem;
        line-height:3.7rem;
    }

    section,
    #concept-closing{
        text-align:center;
    }

    #greeting{
        max-width:920px;
        margin:0 auto;
    }
}