#gaiyo {
    -webkit-text-size-adjust: 100%;
}

#gaiyo .mainvisual {
    height: 220px;
    background: url(../img/mainvisual.jpg) no-repeat center/cover;
}

@media screen and (max-width: 767px) {
    #gaiyo .mainvisual {
        height: 180px;
        margin-top: 60px;
    }
}

#gaiyo .mainvisual .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

#gaiyo .mainvisual__ttl {
    color: #fff;
    font-size: 3.2rem;
    font-family: tbchibirgothicplusk-pro, sans-serif;
}

@media screen and (max-width: 767px) {
    #gaiyo .mainvisual__ttl {
        font-size: 2.6rem;
    }
}

#gaiyo .gaiyo {
    margin-top: 85px;
}

@media screen and (max-width: 767px) {
    #gaiyo .gaiyo {
        margin-top: 60px;
    }
}

#gaiyo .gaiyo__ttl {
    color: #02a4c3;
    margin-top: calc(0px - (((2.6rem * 1.6) - 2.6rem) / 2));
    padding-bottom: calc(23px - (((2.6rem * 1.6) - 2.6rem) / 2));
    font-size: 2.6rem;
    font-family: tbchibirgothicplusk-pro, sans-serif;
    background: url(../img/bg_border01@2x.jpg) no-repeat left bottom/200px, url(../img/bg_border02@2x.jpg) repeat-x left bottom/1000px;
}

@media screen and (max-width: 767px) {
    #gaiyo .gaiyo__ttl {
        font-size: 2rem;
    }
}

#gaiyo .gaiyo__txt {
    margin-top: calc(30px - (((1.6rem * 1.6) - 1.6rem) / 2));
}

#gaiyo .gaiyo__wrp {
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    #gaiyo .gaiyo__wrp {
        margin-top: 40px;
        white-space: nowrap;
        overflow: scroll;
    }
}

#gaiyo .gaiyo__wrp table {
    width: 100%;
    counter-reset: num;
}

#gaiyo .gaiyo__wrp table tbody {
    width: 100%;
}

#gaiyo .gaiyo__wrp table tbody tr {
    width: 100%;
}

#gaiyo .gaiyo__wrp table tbody tr th::before {
    counter-increment: num;
    content: counter(num);
}

#gaiyo .gaiyo__wrp table tbody tr td {
    padding: 15.5px 10px;
}

#gaiyo .gaiyo__wrp table tbody tr td:nth-of-type(1) {
    width: 5%;
}

#gaiyo .gaiyo__wrp table tbody tr td:nth-of-type(2) {
    width: 20%;
}

#gaiyo .gaiyo__wrp table tbody tr td:nth-of-type(3) {
    width: 45%;
}

#gaiyo .gaiyo__wrp table tbody tr td:nth-of-type(4) {
    width: 30%;
}

#gaiyo .gaiyo__wrp table tbody .head {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #08bba8;
}

#gaiyo .gaiyo__wrp table, #gaiyo .gaiyo__wrp td, #gaiyo .gaiyo__wrp th {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

#gaiyo .footer {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    #gaiyo .footer {
        margin-top: 60px;
    }
}