
/* モバイル・タブレット用ヘッダー */
@media (max-aspect-ratio: 14/16) {
    body{
        padding-top:18.462vw;
    }
    header{
        display:none;
    }
    .mobile-header{
        display: inline-block;
        position:fixed;
        top:0;
        z-index: 2;
        width: 100vw;
        height: 18.462vw;
        background: #FFF;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    }.mobile-header a{
        display:inline-block;
        margin:6.154vw 0 0 35.897vw;
    }.mobile-header h2{
        display:inline-block;
        color: #000;
        font-family: "Noto Serif JP";
        font-size: 4.103vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }.mobile-header img{
        float:right;
        height: 18.462vw;
    }

    .mobile-menu{
        background: #FFF;
        z-index: 2;
        display:inline-block;
        position:fixed;
        top:18.462vw;
        right:0;
        width:30vh;
        height:100%;
        padding-top: 2.2vh;
        transition: 2.5s;
    }.mobile-menu a{
        padding:2.2vh 0;
        display:inline-block;
        text-align: center;
        width:100%;
        text-decoration: none;
    }.mobile-menu p{
        display: inline-block;
        color: #000;
        font-family: "Noto Serif JP";
        font-size: 2.2vh;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .mobile-menu.inactive{
        right:-30vh;
    }
    .filter{
        z-index: 1;
        position:fixed;
        width:100vw;
        height:100vh;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .filter.inactive{
        display:none;
    }


    
}
/* モバイルコンテンツ */
@media screen and (max-width: 480px) {
    body {
        background: #FFF;
    }
    .page-links{
        text-align: center;
        margin-bottom: 100vw;
    }.page-links a{
        margin: 9.487vw 0 0 0;
        text-align: none;
        display: inline-block;
        width: 86.154vw;
        height: 20vw;
        background: #FFF;
        box-shadow: 0px 3.026px 3.026px 0px rgba(0, 0, 0, 0.25);
    }
    .page-links img{
        float:left;
        width: auto;
        height: 100%;
    }
    .page-links .pc-img{
        display:none;
    }.page-links .mobile-img{
        width: 27.949vw;
        height: 20vw;
        border-radius: 0.513vw 0px 0px 0.513vw;
    }
    .page-links .texts{
        display: inline-block;
        margin-left: 0;
        text-align:center;
        width:57.949vw;
    }
    .page-links h3{
        margin-top: 4.359vw;
        color: #363636;
        font-family: "Noto Serif JP";
        font-size: 4.793vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    
    }
    .page-links h2{
        margin-top: 4.359vw;
        color: #363636;
        font-family: "Noto Serif JP";
        font-size: 3.846vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    
    }.page-links h2 span{
        font-size: 3.333vw;
    }.page-links p{
        margin-top: 1vw;
        color: #8E8E8E;
        font-family: Inter;
        font-size: 2.051vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .page-links .mobile-arrow{
        position:absolute;
        right:3.072vw;
        top:7.692vw;
        width: 1.312vw;
        height: 4.433vw;
    }.page-links .arrow{
        display:none;
    }.link{
        position:relative;
    }
    .mobile-img{
        display: inline-block;
    }.mobile-arrow{
        display: inline-block;
    }


    .hoverAppryButton{
        position: fixed;
        right:7.051vw;
        bottom:10.256vw;
        text-decoration: none;
        display: inline-block;
        background-image: url("/resources/imgs/hoverAppryButton.svg");
        width: 52.292vw;
        height: 10vw;
        padding:1.8vw 7.949vw;
    }.hoverAppryButton p{
        position:absolute;
        top:5vw;
        left:7.949vw;
        display:inline-block;
        color: #FFF;
        font-family: "Noto Serif JP";
        font-size: 3.3vw;
        font-style: normal;
        font-weight: 500;
        line-height: 0.308vw;
    }
}   