/* for start phone */
@media (max-width: 950px) {

    body,#container {
        padding: 0px;
        margin: 0px;
        overflow-x: hidden;
    }

    .mobile_menu {
        display: block !important;
    }

    #container {

        /* ヘッダのバーの高さ */
        --head-bar-height: 40px;
        --menu-font-size: 18px;

        padding: 0px !important;

        #head_content_area {

            .head_area1 {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 999;
                height: var(--head-bar-height);
                padding-left: 0px !important;
                padding-right: 0px !important;
                .keyword1 {
                    margin-top: calc((var(--head-bar-height) - var(--menu-font-size)) / 3 );
                    /* font-size: clamp(12px, 2vw, 14px); */
                    font-size: var(--menu-font-size);
                    padding: 0px;
                }
                .top_link0 {
                    padding-left: 5px;
                    float: left;
                    display: none;
                }
            }
            .head_area2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                padding-left: 0px !important;
                padding-right: 0px !important;
                width: 100% !important;
                margin-top: calc(var(--head-bar-height) + 4px) !important;
                .left_pane {
                    #logo_top {
                        padding-left: 10px;
                        display: inline-block;
                        img {
                            width: 100%;
                        }
                    }
                }
                .center_pane {
                    grid-column-start: 1;
                    grid-column-end: 3;
                    margin: 0px auto 10px auto !important;
                }
                .right_pane {
                    margin: 0px !important;
                    img {
                        margin-top: 2px;
                        height: 38px;
                    }
                }
            }
        }

        /* TOPスライドショー */
        .head_image_area_top {
            display: none;
        }

        /* メニュー */
        #head_menu_area_bg {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: transparent;
            z-index: 999;
            width: unset;
            height: var(--head-bar-height);
            padding: 0px !important;
            margin: 0px !important;
            text-align: left;

            #btn_menu_wrapper {
                display: block !important;
                width: 30px;
                padding: 2px 6px 0 6px;
                background: #082780;
                color: #fff;
                height: var(--head-bar-height);
                overflow-y: hidden;
                #btn_menu {
                    margin-top: calc((var(--head-bar-height) - var(--menu-font-size)) / 3 );
                    font-size: calc(var(--menu-font-size) + 4px);
                }
            }

            .head_menu_area {
                padding-left: 0px !important;
                ul {
                    position: relative;
                    top: unset;
                    padding: 0 !important;
                    li {
                        display: block;
                        float: unset;
                        a {
                            font-size: var(--menu-font-size);
                            width: 180px;
                            height: unset;
                            background-size: 100% 100%;
                        }
                    }
                    display: none;
                }
            }
         }

        #head_menu_area_bg:has(.disp_menu) {
            ul {
                color: red;
                display: block;
            }
        }

        #content {

            /* TOPページキャッチコピー */
            #top_catchcopy {
                display: none;
                +div {
                    margin-top: 0px !important;
                }
                background-position: 0px 62px;
                * {
                    font-size: 14px !important;
                }
                img {
                    width: 100%;
                    height: 60px;
                }
                div {
                    width: unset !important;
                }
                p {
                    font-weight: bold;
                    text-shadow: 2px 2px 2px #fff;
                }
            }

            /* TOPページコンテンツ */
            #top_catchcopy + div {
                margin-left: 0px !important;
                .top_box {
                    margin-right: 0px !important;
                    width: 100% !important;
                    height: unset;
                    img {
                        width: calc(100% - 20px);
                    }
                }
            }

            /* TOPページ 問い合わせ先 */
            #content_body:has(#top_catchcopy) {

                .content_detail {
                    margin: 0px !important;
                    overflow-y: hidden;
                    &>div {
                        margin: 0px !important;
                    }
                    img {
                        width: 100%;
                    }
                    div.ml20 {
                        margin-left: unset !important;
                    }
                    .inquiry_info {
                        margin-top: 10px;
                        width: 100%;
                        background: rgba(0, 0, 0, 0.1);
                        border: 0px;
                        &:before {
                            content: "お問い合わせはこちらから";
                            font-weight: bold;
                            color: #900;
                            text-shadow: -2px 1px 4px #fff, 2px -1px 4px #fff;
                            width: 100%;
                            padding: 4px;
                            white-space: nowrap;
                            display: block;
                        }

                        display: grid;
                        grid-template-columns: 45% 45%;
                        column-gap: 5%;
                        position: relative;
                        .btn_inquiry_tel {
                            display: block;
                            /*
                            position: absolute;
                            top: 47px;
                            left: 10px;
                            width: 40%;
                            */
                            width: 40%;
                            padding: 13px 0px 13px 0px;
                            margin-top: 30px;
                            margin-left: 5%;
                            overflow-y: hidden;
                            font-size: 16px;
                            text-align: center;
                            display: inline-block;
                            color: #fff;
                            background: linear-gradient(to top, #000, 80%, #666);
                        }
                        .btn_inquiry_web {
                            position: unset;
                            display: block;
                            padding: 0px;
                            height: 50px;
                            width: 100%;
                            margin-top: 30px;
                            /*
                            top: 47px;
                            right: 10px;
                            width: 40%;
                            */
                        }
                    }
                    .onayami_box {
                        position: relative;
                        display: block;
                        img {
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                        }
                        .onayami {
                            margin: 0px 5px 0px 5px;
                            position: relative;
                            * {
                                font-weight: bold;
                                text-shadow: -2px 1px 4px #fff, 2px -1px 4px #fff;
                            }
                            ul {
                                padding: 10px 0px;
                                margin-left: 5px;
                                background: rgba(255, 255, 255, 0.8);
                                border-radius: 4px;
                            }
                        }
                    }
                }

                #note_area {
                    width: 100% !important;
                    margin-left: 0px !important;
                    #note_body {
                    }
                    ol {
                        margin-left: 20px;
                    }
                }
            }


            /* 各ページの上部コンテンツ */
            .head_image_area {
                /*
                display: none;
                */
                padding: 0px !important;
                height: unset;
                #head_image {
                    width: 100% !important;
                    height: unset;
                    margin: 0px !important;
                    background-position: unset;
                    padding-bottom: 10px;
                    img {
                        margin: 0px !important;
                        width: 100%;
                    }
                    .keyword2 {
                        width: calc(100% - 10px);
                        position: relative;
                        clear: both;
                        display: block;
                        bottom: unset;
                        right: unset;
                        margin: 0px auto;
                        h2,div {
                            width: calc(100% - 20px);
                            margin: 0px auto;
                        }
                    }
                }
            }
            .navi_menu {
                margin-left: 6px;
            }
            #content_body {
                width: 100% !important;
                .content_detail {
                    .wide_list {
                        div:has(img) {
                            float: unset;
                            margin-left: 0px !important;
                            width: 100%;
                            img {
                                width: 90%;
                            }
                        }
                        ul {
                            width: 100%;
                            margin-left: 10px !important;
                            li {
                                width: calc(100% - 30px) !important;
                                height: unset !important;
                                line-height: unset;
                            }
                            .absolute {
                                width: 100%;
                                position: unset;
                                img {
                                    width: 100%;
                                }
                            }
                        }
                        .pl40 {
                            padding-left: unset !important;
                        }
                        .ml40:not(:is(.pl20)) {
                            margin-left: 20px !important;
                        }
                        .ml40:is(.pl20) {
                            margin-left: 0px !important;
                            padding-left: 0px !important;
                        }

                    }
                    .box_question,.box_answer {
                        width: unset;
                    }

                }

                /* お問い合わせ */
                #inquiry_guide1 {
                    margin-left: 0px;
                }
                #inquiry_form {
                    padding: 0px;
                    width: 100%;
                    .tbl_l {
                        width: 100%;
                    }
                    .tbl_r {
                        width: 100%;
                        .field_area {
                            width: calc(100% - 30px);
                            padding: 4px 10px;
                            textarea {
                                width: 100% !important;
                            }
                            input {
                                width: 100% !important;
                            }
                        }
                        .inquiry_errmsg {
                            margin-top: 5px;
                        }
                    }
                    .tbl_b {
                        width: calc(100% - 40px);
                        text-align: center;
                    }
                }

            }
        }

        #footer {
            display: none;
        }

    }

    /* 会社概要 */
    #tbl_company > div {
    	padding : 5px 0px 5px 0px;
        border-bottom: 1px solid #333;
        display: block;
        grid-template-columns: unset;
        & >div:first-child {
            &:before {
                content: "[";
            }
            &:after {
                content: "]";
            }
        }
        & >div:last-child {
            padding-left: 20px;
        }
    }

    /* お問い合わせフォームのボタン */
    #btn_do_reinput,
    #btn_do_submit,
    #btn_do_confirm {
        color: #333;
    }

    /* マーキー */
    .marquee {
      overflow: hidden;
      position: relative;
    }
    .marquee::after {
      content: "";
      white-space: nowrap;
      display: inline-block;
    }
    /* マーキ(内側) */
    .marquee > .marquee-inner {
      position: absolute;
      top: 0;
      white-space: nowrap;
      animation-name: marquee;
      animation-timing-function: linear;
      animation-duration: 20s;
      animation-iteration-count: infinite;
      z-index: 999;
    }
    @keyframes marquee {
        0% { left: 100%; transform: translate(0); }
      100% { left: 0; transform: translate(-100%); }
    }

}