@media screen and (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
    }

    .sp {
        display: none;
    }
    .hamburger{display:none;}
}

@media screen and (min-width: 751px) and (max-width: 1500px) {

}

/* screen-min:750px */
@media screen and (max-width: 750px) {
    img {
        max-width: 100%;
        height: auto;
    }

    #wrapper,
    #header,
    #main,
    #footer,
    #footer_menu,
    .inner {
        width: 100% !important;
        box-sizing: border-box;
        min-width: unset !important
    }

    .pc {
        display: none !important
    }
    
    p,
    li{
        font-size: 14px;
        line-height: 1.6em;
    }

    /*=====================================================
                          C U S T O M
    ======================================================*/

    /*============ HEADER ============*/
    
    #header{
        position: fixed;
        box-sizing: border-box;
        padding: 5px 15px;
        background: #fff;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    #header_inquiry{
        display: none;
    }
    #header h1{
        position: relative;
        z-index: 15;
    }
    #header_logo{
        position: relative;
        z-index: 15;
        width: 300px;
    }
    .header_menu{
       display: none;
    }
    .hamburger{
        position:absolute;
        right:20px;
        font:inherit;display:block;overflow:visible;margin:0;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;z-index: 101;
        width: 40px;
        background-color: #ffa500;
    }
    .hamburger .txt { display: block; text-align: center; font-size: 12px; font-weight: 500;color: #fff;}

    .h_right_scroll { 
        margin-top: 145px;
        height: calc(100% - 65px); overflow: auto; padding: 0 0 30px; 
    }

    .h_right{
        padding-bottom: 200px;
        background-color: #fff;
    }
    /* NAV */
    nav{display: block;margin-bottom: 40px;}
    .nav_list{
        display: flex;
        flex-direction:column}
    .nav_list ul,
    .nav_list li{width:100%}
    .nav_list .parent .sub ul li:not(:last-child){
        border-bottom:1px solid #ffa500;
    }
    .nav_list .sub_btn,
    .nav_list a{
        display:block;
        padding:13px 15px 12px;
        color:#fff;
        font-size:16px;
        font-weight:600;
        text-align: left;
        text-decoration: none;
        border-bottom:solid 1px #fff;
        background: #ffa500;
    }
    .nav_list .sub_btn{position:relative;padding-left:15px; cursor: pointer;}
    .nav_list .sub_btn::before,
    .nav_list .sub_btn::after{content:"";position:absolute;width: 16px; height: 2px; background-color: #FFF;top:calc(50% - 1px);right:10px; transition: all 0.3s;}
    .nav_list .sub_btn::after{transform: rotate(-90deg);}
    .nav_list .sub_btn.open::after{transform: rotate(0);}

    .nav_list .sub{display:none}
    .nav_list .sub ul:not(:last-child){margin-bottom:15px}
    .nav_list .sub a{
        color:#ffa500;
        position: relative;
        border-bottom:none;
        background: url(../images/nav_list_ico.png) no-repeat left center #fff;
        padding-left: 28px;
        padding-right: 5px;
        font-size: 14px;
    }
    /*============ Main ============*/
    #main {
        box-sizing: border-box;
        padding: 140px 15px 0;
    }
    .top,
    .top_main{
        width: 100%;
        box-sizing: border-box;
    }

    .top_main{
        padding-bottom: 80px;
        display: flex;
        flex-direction: column-reverse;
    }

    .minakuru_bnr{
        float: unset;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 465px;
    }
    .top dl{
        float: unset;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 465px;
    }
    .top_right{
        width: 100%;
        max-width: 680px;
        float: unset;
        margin: 0 auto;
    }
    .minakuru_point{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .mirai1400_list li{
        padding-left: 30px;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.01em;
        font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        color: #454545;
        background: url(../images/mirai1400_list_ico.png) no-repeat left top 5px;
        background-size: 15px auto;
    }
    .image_r,
    .image_l{
        box-sizing: border-box;
        float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 0}

    .top_left{
        width: 100%;
        float: unset;
        margin: 0 auto;
        padding-top: 30px;
        border-top: 5px solid #ffa500;
    }
    .top_left ul{
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .top_right h4{
        line-height: 1.5em;
    }

    #main #copyright {
        text-align: center;
    }


    #footer{
        display: none;
    }
    
    .sp_contact{
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        display: flex !important;
        gap: 2px;
        background: #fff;
    }
    .sp_contact>li{
        width: 50%;
        padding: 10px 15px;
        text-align: center;
    }
    .sp_contact>li.tel{
        border: 2px solid #ffa500;
    }
    .sp_contact>li.mail{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffa500;
    }
    .sp_contact>li.mail a {
        color: #fff;
        text-decoration: none;
    }
    .sp_contact>li.mail a > span{
        font-size: 26px;
        font-weight: bold;
        padding-left: 50px;
        background: url(../images/sp_contact_mail_ico.png)no-repeat left center ;
        background-size: contain;
    }

    .to_top{
        position: fixed;
        bottom: 77px;
        right: 15px;
    }

    .bnr-in,
    .mirai-img-group{
        margin: 0 0 30px;
    }


    /*============ FOOTER ============*/
}

/* screen-max:640px */
@media screen and (max-width: 640px) {
    .sp640 {
        display: block !important;
    }

    #header h1{
        font-size: 12px;
        line-height: 1.5;
    }
    #header_logo{
        width: 220px;
        height: auto;
    }
    .hamburger{
        right: 15px;
    }
    .hamburger,
    .hamburger-inner,
    .hamburger-inner::after,
    .hamburger-inner::before{
        width: 30px;
    }
    .hamburger .txt{
        font-size: 10px;
    }
    .h_right_scroll { 
        margin-top: 135px;
    }

    /*  */

    .top_main{
        gap: 25px;
        padding-bottom: calc(12vw + 60px);
    }

    .minakuru_point{
        max-width: 360px;
        margin: 0 auto;
        align-items: center;
    }
    .minakuru_point >li{
        width: 50%;
        max-width: 170px;
    }
    .mirai1400_list{
        margin-left: 5px;
    }
    .mirai1400_list li{
        font-size: 14px;
        padding-left: 18px;
        background: url(../images/mirai1400_list_ico.png) no-repeat left top 3px;
        background-size: 15px auto;
    }



    /*  */
    .sp_contact > li {
        padding: 5px 5px;
    }
    .sp_contact > li.tel{
        border-width: 1px;
    }
    .sp_contact > li.mail a > span {
        font-size: 4vw;
        padding-left: 7vw;
    }
    .to_top{
        bottom: 12vw;
    }

}

/* screen-max:460px */
@media screen and (max-width: 460px) {
    .ft_bnn li {
        width: 100%;
    }
    .to_top{
        width: 40px;
        height: auto;
    }

}

/* screen-max: 360px */
@media screen and (max-width: 360px) {}