@charset "utf-8";

/*SP（750px以下）*/

@media screen and (max-width: 750px) {

    .footer-area {
        width: 100%;
        background-color: #DDD;
        padding: 40px 0;
    }

    .footer-area h2 {
        font-size: 4.5vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        border-bottom: solid 3px #333;
        width: 90%;
        margin: 0 auto;
    }

    .footer-mainarea {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .footer-mainarea li {
        width: 98%;
        padding: 30px 5px;
        background-color: #FFF;
        margin: 10px auto;        
    }

    .footer-subtitle {
        font-size: 5vw;
        font-weight: bold;
        text-align: center;
    }

    .footer-subtitle-notes , .footer-reception {
        font-size: 4vw;
        text-align: center;
    }

    .footer-button {
        text-align: center;
        font-size: 6vw;
        font-weight: bold;
        color: #FFF;
        display: block;
        background-color: #000;
        padding: 20px 10px;
        margin: 0 auto;
        width: 85%;
    }

    .footer-button span {
        font-size: 5vw;
    }

    .footer-pointer {
        pointer-events: auto;
    }

    .footer-reception-time {
        font-size: 4vw;
        color: #FF0000;
        text-align: center;
    }

    .footer-subarea {
        width: 98%;
        margin: 0 auto;
    }

    #footer-subarea-kinds {
        width: 100%;
        padding: 10px;
        background-color: #000;
        cursor: pointer;
        position: relative;
    }

    #footer-subarea-kinds p {
        color: #fff;
        font-size: 4vw;
    }

    #footer-subarea-kinds p span {
        position: absolute;
        right: 10px;
    }

    .footer-subarea table {
        background-color: #fff;
        display: none;
        border-collapse:collapse;
    }

    .footer-subarea table tr th:nth-of-type(1) {
        width: 30%;
        font-size: 3vw;
        line-height: 1.7;
        background-color: #eee;
        text-align: center;
    }

    .footer-subarea table tr th:nth-of-type(2) {
        width: 70%;
        font-size: 3vw;
        line-height: 1.7;
        background-color: #eee;
        text-align: center;        
    }

    .footer-subarea table tr td:nth-of-type(1) {
        width: 30%;
        font-size: 3.5vw;
        line-height: 1.7;
        padding: 5px;
    }

    .footer-subarea table tr td:nth-of-type(1) div {
        font-size: 2.5vw;
    }    

    .footer-subarea table tr td:nth-of-type(2) {
        width: 70%;
        font-size: 3.8vw;
        line-height: 1.7;
        padding: 5px;
    }

    .footer-subarea table tr td:nth-of-type(2) .or {
        font-size: 2.5vw;
    }

    .footer-subarea table tr td:nth-of-type(2) .a1 {
        color: #111;
        font-weight: bold;
    }    

    .footer-subarea table tr td:nth-of-type(2) .a2 {
        color: #0000cc;
        font-weight: bold;
        font-size: 3.5vw;
        border-bottom: solid 1px #0000cc;
    }    

    .footer-subarea table tr td:nth-of-type(2) .p1 {
        font-size: 2.5vw;
    }    

    .footer-subarea-attention {
        width: 98%;
        margin: 0 auto;
    }

    .footer-subarea-attention p {
        font-size: 3.5vw;
        line-height: 1.5;
        color: #111;
    }

    .footer-subarea-attention p a {
        color: #0000cc;
    }

    .footer-lastarea {
        width: 100%;
        background-color: #BBB;
        padding: 40px 0;
    }

    .footer-lastarea-contents {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }

    .footer-lastarea-contents li {
        margin: 20px;
    }

    .footer-lastarea-contents li a {
        font-size: 3.5vw;
        color: #111;
        display: inline-block;
        text-align: left;
        margin-right: 30px;
    }

    .footer-lastarea h5 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #111;
    }    
}