@charset "UTF-8";
/* CSS Document */


@media screen and (max-width: 768px) {
    body {
        min-width: inherit;
    }
    .for-pc {
        display: none !important;
    }

    /*ヘッダー
******************************************/
    header {
        height: 50px;
    }
    .head-sp {
        display: flex;
        align-items: center;
        height: 50px;
        background-color: #fff;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, .1);
    }
    .head-sp-logo {
        margin: 0;
        width: 200px;
        padding-left: 3vw;
    }
    .btn-tel {
        margin-left: auto;
    }
    .btn-tel>a {
        display: block;
        width: 50px;
        height: 50px;
        padding-top: 41px;
        color: inherit;
        background: #f96e57 url(../img/common/icon_tel_sp.svg) no-repeat center top 5px/34px 34px;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
    }
    .btn-menu>a {
        display: block;
        width: 50px;
        height: 50px;
        padding: 0 15px;
        background-color: #00a1e9;
        position: relative;
        color: inherit;
    }
    .btn-menu>a>span {
        position: absolute;
        height: 2px;
        width: 34px;
        margin: auto;
        background-color: #fff;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: .5s;
    }
    .btn-menu>a>span:nth-of-type(1) {
        transform: translateY(-14px);
    }
    .btn-menu>a>span:nth-of-type(3) {
        transform: translateY(14px);
    }
    .btn-menu.active>a>span:nth-of-type(1) {
        transform: rotate(-45deg);
    }
    .btn-menu.active>a>span:nth-of-type(2) {
        opacity: 0;
    }
    .btn-menu.active>a>span:nth-of-type(3) {
        transform: rotate(45deg);
    }
    .g-nav-sp {
        display: none;
        background-color: #00a1e9;
        padding: 3%;
        position: fixed;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .g-nav-sp-in {
        overflow-y: auto;
    }
    .dropmenu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 5%;
    }
    .dropmenu li {
        background-color: #fff;
        width: 100%;
        margin-bottom: 8px;
    }
    .dropmenu li a {
        display: block;
        padding: 4%;
        color: inherit;
        font-weight: bold;
        font-size: 1.5rem;
    }
    /*フッター
    ******************************************/
    .fixed-top-btn a {
        width: 50px;
        height: 50px;
        border-width: 2px;
    }
    .fixed-top-btn a::after {
        border-right-width: 7px;
        border-bottom-width: 7px;
        border-left-width: 7px;
    }
}