@charset "utf-8";

/*PC（751px以上）*/

@media screen and (min-width: 750px) {
    
    .footer-area {
        width: 100%;
        background-color: #DDD;
        padding: 40px 0;
    }

    .footer-area h2 {
        font-size: 2vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        border-bottom: solid 3px #333;
        width: 40%;
        margin: 0 auto;
    }

    .footer-mainarea {
        width: 70%;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
    }

    .footer-mainarea li {
        width: 48%;
        padding: 30px 5px;
        background-color: #FFF;
    }

    .footer-subtitle {
        font-size: 1.5vw;
        font-weight: bold;
        text-align: center;
    }

    .footer-subtitle-notes , .footer-reception {
        font-size: 1vw;
        text-align: center;
    }

    .footer-button {
        text-align: center;
        font-size: 1.8vw;
        font-weight: bold;
        color: #FFF;
        display: block;
        background-color: #000;
        padding: 20px;
        margin: 0 auto;
        width: 85%;
    }

    .footer-button span {
        font-size: 1.5vw;
    }

    .footer-pointer {
        pointer-events: none;
    }

    .footer-reception-time {
        font-size: 1.5vw;
        color: #FF0000;
        text-align: center;
    }

    .footer-subarea {
        width: 70%;
        margin: 0 auto;
    }

    #footer-subarea-kinds {
        width: 40%;
        padding: 10px;
        background-color: #000;
        cursor: pointer;
        position: relative;
    }

    #footer-subarea-kinds p {
        color: #fff;
        font-size: 1.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: 40%;
        font-size: 1.3vw;
        line-height: 1.7;
        background-color: #eee;
        text-align: center;
    }

    .footer-subarea table tr th:nth-of-type(2) {
        width: 60%;
        font-size: 1.3vw;
        line-height: 1.7;
        background-color: #eee;
        text-align: center;        
    }

    .footer-subarea table tr td:nth-of-type(1) {
        width: 30%;
        font-size: 1.3vw;
        line-height: 1.7;
        padding: 5px;
    }

    .footer-subarea table tr td:nth-of-type(2) {
        width: 70%;
        font-size: 1.4vw;
        line-height: 1.7;
        padding: 5px;
    }

    .footer-subarea table tr td:nth-of-type(2) .or {
        font-size: 0.9vw;
    }

    .footer-subarea table tr td:nth-of-type(2) .a1 {
        color: #111;
        font-weight: bold;
        pointer-events: none;
    }    

    .footer-subarea table tr td:nth-of-type(2) .a2 {
        color: #0000cc;
        font-weight: bold;
        font-size: 1.1vw;
        border-bottom: solid 1px #0000cc;
    }    

    .footer-subarea table tr td:nth-of-type(2) .p1 {
        font-size: 1vw;
    }    

    .footer-subarea-attention {
        width: 70%;
        margin: 0 auto;
    }

    .footer-subarea-attention p {
        font-size: 1vw;
        line-height: 1.7;
        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;
        justify-content: center;
    }

    .footer-lastarea-contents li a {
        font-size: 1.2vw;
        color: #111;
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        margin: 0 10px;
    }

    .footer-lastarea-contents li a span {
        display: none;
    }

    .footer-lastarea h5 {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #111;
    }
}