@charset "utf-8";

/* @media only screen and (min-width:0px) and (max-width: 767px) { */
@media only screen and (min-width:0px) and (max-width: 896px) {
    /* 横幅ここから */
    .contentsBlock {
        /* ★Debug Taura */
        /* width: 960px; */
        width: 100%;
        margin: 0 auto 30px;
    }

    .mainContents {
        /* ★Debug Taura */
        /* width: 660px; */
        width: 100%;
        float: left;
    }

    .box660 {
        /* ★Debug Taura */
        /* width: 660px; */
        width: 100%;
        margin-bottom: 30px;
    }

    .gNavi {
        /* ★Debug Taura */
        /* width: 966px; */
        width: 100%;
        height: 70px;
        margin: 0 0 25px -6px;
    }

    .bannerContents {
        /* ★Debug Taura */
        /* width: 250px; */
        width: 100%;
        float: right;
    }

    .bannerContents .tel,
    .bannerContents .interview {
        background-color: #FFFFFF;
        /* ★Debug Taura */
        /* width: 250px; */
        width: 100%;
        border-bottom: solid 5px #DDDDDD;
    }

    .bannerContents h3 {
        color: #FFFFFF;
        font-size: 18px;
        background-image: url(../common/bg_side_title01.jpg);
        background-position: left top;
        background-repeat: no-repeat;
        /* ★Debug Taura */
        /* width: 242px; */
        width: 100%;
        height: 42px;
        padding: 8px 0 0 8px;
        position: absolute;
        left: -4px;
        top: 15px;
    }

    *:first-child+html .footer>div {
        /*IE7*/
        /* ★Debug Taura */
        /* width: 880px; */
        width: 100%;
        margin: 0 auto;
    }

    *:first-child+html .footer ul {
        /*IE7*/
        display: block;
        /* ★Debug Taura */
        /* width: 220px; */
        width: 100%;
        margin-left: 0;
        float: left;
    }

    .contentsBlock {
        /* ★Debug Taura */
        /* width: 960px; */
        width: 100%;
        margin: 0 auto 30px;
    }

    .mainContents {
        /* ★Debug Taura */
        /* width: 660px; */
        width: 100%;
        float: left;
    }

    .box660 {
        /* ★Debug Taura */
        /* width: 660px; */
        width: 100%;
        margin-bottom: 30px;
    }

    /* 横幅ここまで */

    /* 横並び解除 */
    .mainContents {
        width: 100%;
        float: none;
    }

    .bannerContents {
        width: 100%;
        float: none;
    }

    /*newsBlock エリア調整  */
    .newsBlock {
        width: 90%;
        float: none;
        margin: 0 auto 128px;
    }

    .newsBlock.blog {
        float: none;
    }

    .newsBlock h2 {
        width: 100%;
    }

    .newsBlock li img {
        margin-bottom: 1em;
        width: 100px;
    }

    .newsBlock li a {
        font-size: 125%;
    }

    /* box660 エリア調整 */
    .koukennSeido {
        padding-bottom: 1px;
    }

    .koukennSeido .button01 {
        padding-bottom: 16px;
    }

    .box660 {
        width: 90%;
        margin: 0 auto 128px;
    }

    h2 img {
        margin-bottom: 32px;
        width: 100%;
    }

    p.button01 a img {
        width: 100%;
    }

    /********************** ハンバーガーメニューここから**********************/
    .menu-btn {
        position: relative;
        position: fixed;
        right: 24px;
        top: 32px;
        display: flex;
        height: 32px;
        width: 40px;
        justify-content: center;
        align-items: center;
        z-index: 1001;
    }

    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #3E3E3E;
        position: absolute;
    }

    .menu-btn span:before {
        bottom: 8px;
    }

    .menu-btn span:after {
        top: 8px;
    }

    #menu-btn-check:checked~.menu-btn span {
        background-color: rgba(255, 255, 255, 0);
        /*メニューオープン時は真ん中の線を透明にする*/
    }

    #menu-btn-check:checked~.menu-btn span::before {
        bottom: 0;
        transform: rotate(45deg);
    }

    #menu-btn-check:checked~.menu-btn span::after {
        top: 0;
        transform: rotate(-45deg);
    }

    #menu-btn-check {
        display: none;
    }

    .menu-content {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        /*leftの値を変更してメニューを画面外へ */
        z-index: 1000;
        background-color: #ffffffe3;
        backdrop-filter: blur(12px);
        transition: all 0.5s;
        /*アニメーション設定*/
    }

    .menu-content ul {
        padding-top: 26px;
    }

    .menu-content ul li {
        list-style: none;
        padding-bottom: 16px;
        text-align: center;
        width: 150px;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-decoration: none;
        position: relative;
    }


    .menu-content ul li a::before {
        content: '';
        width: 7px;
        height: 7px;
        transform: rotate(45deg);
        position: absolute;
        right: 11px;
        top: 16px;
    }


    #menu-btn-check:checked~.menu-content {
        left: 0;
        /* メニューを画面内へ */
    }

    @media (orientation: landscape) {

        /* デバイスが横向きの場合の記述 */
        .menu-content ul {
            padding-top: 64px;
            margin: 0 auto;
            width: 500px;
        }

        .menu-content ul li {
            list-style: none;
            padding-bottom: 16px;
            text-align: center;
        }

        .menu-content ul li {
            width: auto;
            box-sizing: border-box;
            text-decoration: none;
            position: relative;
            float: left;
            padding-right: 8px;
        }

    }

    /********************* ハンバーガーメニューここまで*************************/
    .header {
        width: auto;
    }

    .header h1 {
        margin: 16px 0 0 8px;
    }

    /* バナーここから */
    .bannerContents .tel,
    .bannerContents .interview {
        width: 250px;
    }

    .bannerContents .map {
        width: 248px;
    }

    .bannerContents li {
        display: flex;
        justify-content: center;
    }

    .bannerContents li img {
        padding: 0;
    }

    /* バナーここまで */
}