@charset "utf-8";

#header,
h2::after {
    background-image: url("../img/color_bar_mini.png");
}

a,
a:hover {
    color: #008e61;
}

.coming-soon {
    color: #212529;
    background-color: #AFABAB;
    text-align: center;
    font-size: 2rem;
    height: 400px;
}

.coming-soon-yellow {
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #999;
    font-family:'Oswald',sans-serif;
    color: #212529;
    background-color: #f2eee7;
    text-align: center;
    font-size: 2rem;
    height: 150px;
    margin:1px 1px 10px 1px;
}

.balloon{
    position: relative;
    background:#e1e6eb;
    border-radius: 5px;
    font-weight: bold;
}
.bg-yellow {
    background-color: #fffc9a;
}

.contents-new {padding-top:30px; padding-bottom:5px;}

.bg-gray .balloon {
    background-color: #fff;
}
.balloon:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(90, 230, 40, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:30px;
    border-right-width:30px;
    margin-top: -10px;
    top:50%;
}
.balloon-left:after{
    border-left-color:#e1e6eb;
    left:100%;
}
.balloon-right:after{
    border-right-color:#e1e6eb;
    right:100%;
}
.bg-gray .balloon-left:after {
    border-left-color: #fff;
}

@media (max-width: 767px) {
    
}

@media (min-width:768px){
    ul.school-list li {
        width: 25%;
        text-align: center;
    }
}