/* responsive */
.pc{}
.sp560,
.sp480,
.sp420,
.sp380,
.check_bot .bot_tag.sp480,
.sec_contact .contact_content .contact_tag.sp420,
.sp340,
.sp{display: none}


@media screen and (min-width: 1441px) {
    .header_contact_box .header_contact_txt1{font-size: 15px;padding: 5px 10px;width: auto;height: auto;}
    .header_contact_box .header_contact_txt2{font-size: 19px}
    .slide_right ul li a span{position: initial;}

    #index header .w_header{min-height: 150px}
    #index .header_contact_box .header_contact_txt1{font-size: 15px;}
    .header_contact_box .header_contact_txt2{font-size: 20px}
    #index .header_contact_box .header_contact_txt3{font-size: 16px}
    .header_info .header_phone{font-size: 55px}
    .header_info .header_time{font-size: 24px;margin-top: 5px}

    .box1_top .box1_top_map img{max-height: 832px}


    

}
@media screen and (min-width: 751px) {
    .owner_bot .bot_item .b_item_ttl{width: 84px;flex-shrink: 0;}
    .greeting_top .ttl_greeting2 p{white-space: nowrap;}
.hover a:hover{opacity: 0.7}


    .btn a{position: relative;z-index: 1;transition: transform .4s cubic-bezier(.86, 0, .07, 1);overflow: hidden}
    .btn a::before{position: absolute;content: "";width: 100%;height: 100%;background: #fff;opacity: 0.3;left: 0;top: 0;bottom: 0;margin: auto 0;transform: scale(0, 1);transition: transform .4s cubic-bezier(.86, 0, .07, 1);z-index: -1;transform-origin: center right;border-radius: 50px}
    .btn a:hover::before{transform: scale(1, 1);transform-origin: center left}
    .info_content ul li a:hover{background: #2D3EAC;color: #fff}
    .info_content ul li a:hover::before{background-image: url(../images/ic_list_info_item_act.png);}
    .info_content ul li a:hover::after{background-image: url(../images/ic_list_info_item2_act.png);}
    .info_content ul li a:hover .info_more::after{background-image: url(../images/ic_btn.png);transition: transform .3s}
    .box1_bot .box1_bot_item{margin-top: 100px}
    .bot_item .bot_item_num{left: 30px;top: calc(-80px/2)}
    .box1_bot .bot_item{padding: 70px 30px 40px 30px}
    .box1_bot .bot_item2{padding: 70px 40px 40px 30px}
    .sec_box1{padding-bottom: 80px;border-top: 1px solid #303EA6}
    .bot_item .bot_item_txt_tag{top: 40px;left: calc(50% - 50px);}
    .box1_bot .bot_item_ttl{letter-spacing: 0}

    header.active .w_header .header_content_bot{box-shadow: initial;}
    header.active{top: -100%}


    .sec_slide .slide_right{position: relative;z-index: 9;right: 0;}
    .slide_right ul li a{flex-direction: initial;align-items: center;justify-content: flex-start;}
    .slide_right ul li a span{padding-left: 5px}
    .slide_right ul li a span.icon{padding-left: 80px;}
    .slide_right ul li a .icon::before{top: calc(50% - 25px);}
    .sec_slide .slide_left .slide_text1{font-size: 17px}
    .sec_slide .slide_left .slide_text2{font-size: 33px}
    .sec_slide .slide_left .slide_text3{font-size: 32px}
    .sec_slide .slide_left .slide_btn a{font-size: 20px}



    .sec_reason .reason_content{padding-top: 55px;position: relative;left: 10px}
    .reason_content_ttl .reason_ttl_1{margin-top: 5px}
    .reason_content_ttl .reason_ttl_1 .big::before{left: 15px;top: 9px}
    .reason_content_ttl .reason_ttl_1 .big::after{top: 9px;right: 5px}
    .reason_content_ttl .reason_ttl_big{margin-top: 13px;padding-left: 20px}
    .reason_content_ttl .reason_ttl_big::before{left: -40px;top: 15px}

    .reason_content_ttl .reason_ttl_big .line::before{bottom: 3px;left: 10px;width: calc(100% + 70px)}
    .sec_reason .reason_content::before{z-index: 2;}

    .promise_item .item_num_box p.num{margin-top: -20px}
    .promise_content .promise_item2,
    .promise_content .promise_item4{padding-left: 30px}
    .promise_item2 .item_num_box p.num,
    .promise_item3 .item_num_box p.num{margin-top: -10px}

    .promise_content .promise_content_ttl_2::before{left: calc(50% - 470px);top: -60px}
    .promise_item .promise_item_num .item_num_box{padding-right: 20px}

    .promise_item2 .promise_item_ttl,
    .promise_item4 .promise_item_ttl{margin-top: 25px}
    .promise_item2 .promise_item_num .item_num_box,
    .promise_item4 .promise_item_num .item_num_box{padding-top: 30px;padding-left: 30px;padding-right: 0}
    .promise_item2 .promise_img, .promise_item4 .promise_img{margin: -50px -110px 0 20px}

    .sec_contact .contact_content .contact_btn{position: relative;left: 55px}
    .sec_contact .contact_content .contact_ttl{position: relative;left: 25px;width: 100%;white-space: nowrap;text-align: center;}
    .sec_contact .contact_content::before{left: -170px}

    .howtosell_bx2 .howtosell_bx2_desc p{padding: 0 110px}

    .owner_bot .b_item_btn{padding-right: 50px}
    .owner_bot .bot_item2 .b_item_btn{padding-right: 0;padding-left: 50px}
    .owner_bot .bot_content{position: relative;left: -10px}
    .owner_bot .bot_content .bot_item{padding: 45px 45px 75px 50px}
    .owner_bot .bot_content .bot_item2{padding: 45px 50px 75px 45px}

    .sec_contact2 .contact2_content{left: 25px}

    .sec_contact .contact_content .contact_ttl .big1{padding: 0 15px;margin: 0 10px 0 25px}
    .sec_contact .contact_content .contact_ttl .big2{padding: 0 15px;margin: 0 10px}
    .sec_contact .contact_btn .contact_btn_2 a{width: 380px;padding-left: 70px}
    .sec_contact .contact_content .contact_time span{padding: 10px 70px}
    .promise_content .promise_content_ttl{margin: 10px 0 66px}
    .promise_content .promise_content_ttl::after{left: calc(50% - 41px);bottom: -28px}
    .promise_item .promise_item_main{padding: 32px 0 20px}
    .info_content ul li a span.info_name{max-width: calc(100% - 330px)}
    footer .f_top_l .f_top_info ul li.li_pad{padding-left: 23px}

    .sec_contact3 .contact_box{padding: 51px 40px 40px 150px}
    .sec_contact3 .contact_box .contact_box_ttl .big{margin-top: 3px}
    .sec_contact3 .contact_btn_bx2{margin-top: 40px}

    .sec_greeting .greeting_top{padding: 85px 30px 30px 100px}
    .greeting_top .ttl_greeting2{margin: 20px 0 0 20px}
    .greeting_img .greeting_img_txt .big{margin-left: 15px}
    footer .footer_bot .footer_link > ul{padding-left: 10px}



}

@media screen and (min-width: 751px) and (max-width: 1440px){
    .w_header .header_content_top{padding-left: 30px;}
    #index .w_header .header_content_top{align-items: flex-end;padding-bottom: 20px;padding-top: 10px}
    #index header.active .w_header .header_content_top{padding-top: 0}
    #index header.active .w_header .header_content_top{padding-bottom: 0;}
    header .header_contact_box{right: 0}
    #index header .header_contact_box{width: 260px}
    .header_content_top .header_info{padding-right: 30px;padding-top: 0;padding-bottom: 0}
    .header_info .header_phone{font-size: 29px}
    .header_info .header_time{font-size: 13px}
    .w_header .header_content_bot{padding-left: 30px}

    .header_contact_box .header_contact_txt1{font-size: 17px;width: auto;height: auto;}
    .header_contact_box .header_contact_txt2{font-size: 22px}
    .header_contact_box .header_contact_txt3{font-size: 17px}
    .header_info .header_phone{font-size: 39px;padding-left: 30px}
    .header_info .header_time{font-size: 16px;}
    .header_info .header_phone::before{width: 25px;height: 25px;top: calc(50% - 25px/2)}



    
    .slide_right ul li a span{letter-spacing: 0}
    .sec_slide .slide_left{width: 100%;padding-left: 0;min-height: 600px}
    .sec_slide .slide_right{min-height: 600px}


    nav ul{margin: 15px 0 0;}
    nav ul li a, nav ul li span{padding: 0px 21px 27px;font-size: 15px;letter-spacing: 0}
    nav ul li .nav_sub{top: 184px}
    nav .nav_sub .nav_sub_inner{padding: 30px 50px;width: 100%;}
    nav > ul > li > a::before, nav > ul > li > span::before{left: 0}

    .sec_slide{margin-top: 137px}
    .sec_slide .slide_left{height: calc(100vh - 137px);padding-bottom: 45px}
    .sec_slide .slide_right{height: calc(100vh - 137px)}

    .slide_left .header_content_bot{padding-left: 30px}
    .slide_left .header_content_bot nav ul li a, .slide_left .header_content_bot nav ul li span{padding: 0 29px 20px}
    .slide_left .header_content_bot nav ul{padding-top: 20px}
    .slide_left .header_content_bot nav ul li .nav_sub{top: 65px}

    .slide_left .slide_item{width: 80%}
    .box1_top .box1_item{padding: 150px 10vw 100px 100px}
    .box1_top .box1_item2{padding: 40px 10vw 40px 40px}
    .box1_top .box1_top_map{width: 45%;padding-left: 15px}
    .reason_img_pc{width: 45%}
    .howtosell_bx2 .howtosell_grid::before{width: 300px;height: 360px;left: -155px;}
    .howtosell_bx2 .howtosell_grid::after{width: 376px;height: 348px;right: -240px;}
    .sec_howtosell .howtosell_grid{padding: 0 70px}
    .howtosell_grid .item_txt{height: auto;}
    .sec_reason .reason_content::before{bottom: -70px;right: -60px}
    .sec_contact2 .contact2_content::before{width: 176px;height: 95px;background-size: cover;}
    .box1_top .ttl_txt1{top: calc(50% - 190px)}
    .inner_check{max-width: calc(100% - 30px);margin: 0 auto}
    .check_item .check_item_txt{height: 200px}
    .sec_contact3 .contact_bg::before{left: -60px}
    .greeting_bot .greeting_txt{padding: 50px 50px 50px 10vw;width: 50%;height: auto;}
    .greeting_img{left: inherit;right: -85px;top: -50px}
    footer .footer_bot .footer_link > ul > li.footer_row_3{width: 250px}
    footer .footer_bot .footer_link > ul{justify-content: space-around;}
    footer .footer_bot::before{width: 151px;height: 82px;}

    footer .f_top_r{width: 48%}
    footer .f_top_l{width: 50%;padding: 55px 30px 30px 30px}
    footer .f_top_l .f_top_info ul li p.f_top_info_ttl{margin-right: 40px}
    footer .f_top_l .f_top_info ul li p.f_top_info_ttl::before{left: calc(100% + 10px)}
    footer .footer_bot .footer_link{padding-bottom: 60px}
    footer .footer_bot .footer_link > ul > li{width: 33%}
    

}
@media screen and (max-width: 750px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    input,
    button,
    textarea,
    select,
    p,
    blockquote,
    th,
    td,
    pre,
    address,
    li,
    dt,
    dd{font-size: 14px;}

    #wrapper,
    header,
    main,
    footer,
    .inner,
    .inner2{width: 100% !important;min-width: inherit !important;}
    .inner {box-sizing: border-box;padding: 0 15px;}
    .sp {display: block;}
    .pc {display: none;}

    .btn_sp{position: fixed;display: flex;left: 0;bottom: 0;z-index: 92;width: 100%;transform: translateY(100%);transition: .3s;justify-content: space-between;padding: 10px 15px;}
    .btn_sp.active{transform: translateY(0);}
    .btn_sp .btn{width: 49%}
    .btn_sp .btn a{width: 100%;margin: 0;font-weight: 700;font-size: 14px;position: relative;}
    .btn_sp .btn1 a{background: #C4504A}
    .btn_sp .btn2 a{background: #5F9944}
    .btn_sp .btn a span{position: relative;}
    .btn_sp .btn a span::before{content: '';position: absolute;width: 30px;height: 30px;top: calc(50% - 15px);left: -35px;background: url(../images/ic_phone.png) center /cover no-repeat;}
    .btn_sp .btn2 a span::before{background: url(../images/ic_contact_mail.png) center /cover no-repeat}
    /*---*/


    /*==========================================================================*/
    /*                               ALL                                        */
    /*==========================================================================*/
    header{z-index: 99}
    header{padding-bottom: 0;position: fixed;top: 0}
    header .head_btn{position: fixed;bottom: 0;left: 0;width: 100%;}
    header .logo_box{padding: 10px;width: 356px;height: auto;}
    header .w_header{display: none;}
    .w-header .header_content_bot{padding-bottom: 0}
    header .header_contact_box {height: 120px}

    header{height: 70px}
    header .logo_sp{position: fixed;top: 0;left: 15px;width: 360px;height: 70px;display: flex;align-items: center;justify-content: center;}
    header .logo_sp a{width: 100%;height: 40px;background: url(../images/logo_sp.png) center /cover no-repeat;}
    .nav_sp{top: 70px}
    .sec_slide{margin-top: 70px}



    .btn_open{width: 60px;height:60px;margin: 0;position: absolute;top: calc(50% - 30px);right: 0;}
    .btn_side{display:block;cursor:pointer;width:100%;height:100%;text-align:center;z-index:9999;position:relative;margin:0 auto;position:absolute;border-radius:0}
    .btn_side span{display:block;position:absolute;height: 2px;width:15px;background:#2D3EAC;opacity:1;transform:rotate(0deg);transition:.3s ease-in-out}
    .btn_side span:nth-child(even){left:calc(50% + 1px);}
    .btn_side span:nth-child(odd){left:calc(50% - 14px);}
    .btn_side span:nth-child(1),.btn_side span:nth-child(2){top:21px}
    .btn_side span:nth-child(3),.btn_side span:nth-child(4){top:30px}
    .btn_side span:nth-child(5),.btn_side span:nth-child(6){top:39px}

    .btn_side.open{background: #2D3EAC}
    .btn_side.open span{background: #fff}
    .btn_side.open span:nth-child(1),.btn_side.open span:nth-child(6){transform:rotate(45deg)}
    .btn_side.open span:nth-child(2),.btn_side.open span:nth-child(5){transform:rotate(-45deg)}
    .btn_side.open span:nth-child(1){left:calc(50% - 12px);top:25px}
    .btn_side.open span:nth-child(2){left:calc(50% - 2px);top:25px}
    .btn_side.open span:nth-child(3){left:-50%;opacity:0}
    .btn_side.open span:nth-child(4){left:100%;opacity:0}
    .btn_side.open span:nth-child(5){left:calc(50% - 12px);top:36px}
    .btn_side.open span:nth-child(6){left:calc(50% - 2px);top:36px}

    .nav_sp{position: fixed;top: 70px;left: 0;height: calc(100vh - 60px);overflow: auto;transform: translateX(130%);transition: all ease 0.3s;background: #fff;margin:0;padding:0 0 120px;z-index: 999;width: 100%}
    .nav_sp.active{transform: translateX(0);}
    .nav_sp ul{flex-wrap: wrap;padding: 0;margin: 0}
    .nav_sp ul li{width: 100%;margin:0;}
    .nav_sp ul li a, .nav_sp ul li span{display: flex;font-size: 16px;height: 60px;padding: 0 15px;border-bottom: 1px solid #fff;background: #2D3EAC;color: #fff;justify-content: flex-start;text-align: left;align-items: center;font-weight: 700}
    .nav_sp ul li.sub{margin:0;padding: 0;}
    .nav_sp ul li.sub:hover ul{top: 0}
    .nav_sp ul li a:hover, .nav_sp ul li span:hover{color: #fff}
    .nav_sp ul li.sub::before{display: none;}
    .nav_sp ul li.sub .sub_btn{position: relative;}
    .nav_sp ul li.sub .sub_btn i{display: block;width: 2px;height: 12px;position: absolute;right: 15px;top: calc(50% - 12px/2)}
    .nav_sp ul li.sub .sub_btn i::before{content: '';width: 2px;height: 12px;background-color: #fff;position: absolute;left: 50%;margin-left: -0.06em;top: 0;transition: 0.4s ease-in-out;}
    .nav_sp ul li.sub .sub_btn i::after{content: '';width: 12px;height: 2px;background-color: #fff;position: absolute;left: -5px;top: 50%;margin-top: -0.06em;transition: 0.4s ease-in-out;}
    .nav_sp ul li.sub .sub_btn.disable i::before{transform: rotateZ(270deg);}
    .nav_sp ul li.sub .sub_btn.disable i::after{width: 0}
    .nav_sp ul li.sub .sub_btn.disable::before{transform: rotate(90deg)}
    .nav_sp ul li.sub .active::before{transform: rotate(180deg)}
    .nav_sp ul li.sub .sec_navsub {width: 100%;position: relative;top: inherit;left: inherit;visibility: visible;opacity: 1;display: none;}
    .nav_sp ul li.sub .sec_navsub ul{display: flex;flex-wrap: wrap;background: #64ACFF}
    .nav_sp ul li.sub .sec_navsub ul li{width: 100%}
    .nav_sp ul li.sub ul li a{height: 60px;background: #64ACFF;position: relative;font-size: 15px}
    .nav_sp ul li.sub ul li a::before{left: inherit;right: 15px;bottom: inherit;top: calc(50% - 8px);background: url('../images/arrow_right.png') center /cover no-repeat;z-index: 2;transition: all ease 0.3s;content: '';position: absolute;width: 10px;height: 16px;}

    .nav_sp_header_box{padding-top: 20px;}
    .nav_sp_header_box .address{text-align: center;;font-size: 20px;}
    .nav_sp .contact_btn_bx2{display: flex;justify-content: center;margin-top: 50px}
    .nav_sp .contact_btn_bx2 p{margin: 0 20px;width: 50%}
    .nav_sp .contact_phone_box a{width: 100%;height: 130px;border: 2px solid #C4504A;border-radius: 10px;padding: 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;}
    .nav_sp .contact_phone_box a::before{content: '';position: absolute;width: 50px;height: 50px;left: calc(50% - 25px);top: -25px;background: url(../images/ic_phone.png) center /cover no-repeat;}
    .nav_sp .contact_phone_box a span{font-size: 14px;}
    .nav_sp .contact_phone_box a .phone_num{font-size: 28px;color: #C4504A;font-weight: 700}

    .nav_sp .contact_mail_box a{width: 100%;height: 130px;border: 2px solid #5F9944;border-radius: 10px;padding: 25px 20px 20px 20px;display: flex;flex-direction: column;align-items: center;position: relative}
    .nav_sp .contact_mail_box a:hover{opacity: .8}
    .nav_sp .contact_mail_box a::before{content: '';position: absolute;width: 50px;height: 50px;left: calc(50% - 25px);top: -25px;background: url(../images/ic_contact_mail.png) center /cover no-repeat;}
    .nav_sp .contact_mail_box a span{font-size: 14px;}
    .nav_sp .contact_mail_box a .big{font-size: 25px;color: #5F9944;font-weight: 700;}
    .nav_sp .contact_mail_box a .line::before{content: '';position: absolute;width: 100%;height: 8px;background: #F9EE80;left: 0;bottom: 0;z-index: -1}

    
    .ttl h3{font-size: 20px;}
    .ttl p{font-size: 30px}

    /*TITLE*/
    .ttl_box1 h3{padding-left: 0}
    .ttl_box1 h3::before,
    .ttl_box2::before{left: -25px;}


    /*TITLE DOT*/
    .dot::before{width: 6px;height: 6px;top: -3px;left: calc(50% - 3px)}
    
    .btn a:after{right: 15px;}

    /*==========================================================================*/
    /*                               MAIN                                       */
    /*==========================================================================*/
    /*SEC SLIDE*/
    .sec_slide{flex-direction: column;}
    .sec_slide .slide_left{width: 100%;height: calc(100vh - 77px - 120px);min-height: 500px;padding: 15px;justify-content: center;position: relative;z-index: 2;}
	.mv_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -2;display: flex;justify-content: center;align-items: center;overflow: hidden;}
	.mv_bg img {width: 100%;height: 100%;object-fit: cover;max-width: none;}
    .sec_slide .slide_left::before{display: none;}
    .sec_slide .slide_left .slide_box{padding: 15px}
    .sec_slide .slide_right{width: 100%;height: auto;}
    .slide_right ul{display: flex;flex-wrap: wrap;}
    .slide_right ul li{height: auto;width: 25%}
    .slide_right ul li a{align-items: center;padding: 15px 0}
    .slide_right ul li a::before{width: 100%;height: 4px;box-shadow: 3px 0 4px rgba(0,0,0,0.16)}
    .slide_right ul li a::after{display: none;}
    .slide_right ul li a .icon::before{top: 10px;left: calc(50% - 25px);}
    .slide_right ul li a span{text-align: center;font-size: 14px;padding-left: 0;line-height: 1.5em;}
    .slide_right ul li a span.icon{padding: 70px 0 0;}
    .slide_left .slide_item{width: 335px;max-width: calc(100% - 30px);opacity: 1}
    .slide_right ul li.last_slide_box a .icon::before{top: calc(50% - 50px)}

    .sec_slide .slide_left .slide_btn a{font-size: 16px;height: 40px}
    .sec_slide .slide_left .slide_text3{font-size: 22px;padding-left: 15px}
    .sec_slide .slide_left .slide_text3 .big{font-size: 40px;margin-right: 14px}
    .sec_slide .slide_left .slide_text3 .small{font-size: 22px}
    .sec_slide .slide_left .slide_text2{font-size: 22px;line-height: 1.6em;margin-bottom: 20px}

    .sec_slide .slide_left .slide_btn{margin-top: 35px}


    .sec_slide .slide_left .slide_text3 .big span::before{width: 80px;height: 80px;left: calc(50% - 47px);top: calc(50% - 39px)}



    /*SEC BOX1*/
    .sec_box1{padding-bottom: 40px}
    .sec_box1 .box1_top{flex-direction: column;}
    .box1_top .box1_content{width: 100%}
    .box1_top .box1_item::before{display: none;}
    .box1_top .ttl_txt1::before{width: 300px;height: 60px;background: url(../images/chat_box_sp.png) center /cover no-repeat;transform: rotate(0);top: -10px;left: calc(50% - 150px)}
    .box1_top .ttl_txt1{transform: rotate(0);font-size: 16px;text-align: center;position: relative;top: inherit;left: inherit;}
    .box1_top .box1_item{padding: 15px;flex-direction: column;height: auto;padding: 40px 0 20px}

    .box1_top .ttl_txt2{font-size: 26px;margin-top: 25px;text-align: center;padding: 0 20px}
    .box1_top .ttl_txt2::before{width: 24px;height: 62px;background-size: cover;left: calc(50% - 170px);top: calc(50% - 20px)}
    .box1_top .ttl_txt2::after{width: 38px;height: 62px;top: calc(50% - 20px);right: calc(50% - 170px);background-size: cover;}
    .box1_top .ttl_txt2 .small{font-size: 80%}
    .box1_top .box1_item2{margin: 0;height: auto;padding: 20px 15px}
    .box1_top .box1_item2 .ttl_item2 .big{font-size: 125%;padding-right: 5px}
    .box1_top .box1_item2 .ttl_item2{font-size: 19px;padding-left: 10px;margin-left: 0}
    .box1_top .ttl_item2 .ic_quotes_l{left: 0;width: 8px;height: 7px;top: 7px}
    .box1_top .box1_item2 .ttl_item2 .big::after{width: 8px;height: 7px;background-size: cover;top: 7px}
    .box1_top .box1_item2 .txt_item2{font-size: 14px}
    .box1_bot .bot_item{padding: 60px 15px 80px;position: relative;}
    .box1_bot .bot_item_ttl{font-size: 20px}
    .bot_item .bot_item_content_l{margin-top: 30px;}
    .bot_item .bot_item_txt_tag{font-size: 18px;position: relative;top: inherit;left: inherit;margin: 0 0 15px auto;width: 140px;}
    .bot_item .bot_item_txt_tag::before{left: -20px}
    .bot_item .btn{position: absolute;bottom: 20px;left: 0;width: 100%}
    .sec_box1 .box1_gallery.pc{display: none;}
    .box1_gallery.sp{display: flex;flex-wrap: wrap;justify-content: center;grid-gap: unset;}
    .box1_gallery .box1_gallery_img{margin: 0 10px 20px;width: calc(50% - 20px)}
    .box1_gallery .box1_gallery_img:last-child{margin-bottom: 0}
    .box1_bot .box1_bot_item{grid-template-columns: repeat(2,1fr);margin-top: 40px;grid-gap: 20px}
    .box1_bot .bot_item_content{flex-direction: column-reverse;align-items: center;}
    .box1_bot .bot_item_content .bot_item_img{margin: 0 0 20px 0;width: 100%}
    .box1_bot{margin-top: 40px}

    .bot_item_num p{font-size: 14px}
    .bot_item_num p.num{font-size: 30px}
    .bot_item .bot_item_num{width: 70px;height: 70px;top: calc(-35px)}
    .bot_item .btn a{margin: 0 auto}


    .box1_top .box1_top_map{margin: 40px auto;width: 50%;}

    /*SEC REASON*/
    .sec_reason{padding: 40px 0}
    .inner_reason{flex-direction: column-reverse;}
    .reason_content_ttl .reason_ttl_1{font-size: 16px;display: flex;flex-direction: column;align-items: center;}
    .reason_content_ttl .reason_ttl_big{font-size: 27px;padding: 0 30px;display: inline-block;margin-top: 10px;text-align: center;}
    .reason_content_ttl .reason_ttl_1 .big{margin: 10px 0}
    .sec_reason .reason_content{width: 100%}
    .reason_content_ttl .reason_ttl_1 .big{font-size: 155%}
    .reason_content_ttl .reason_ttl_big::before{left: 0;width: 24px;height: 62px;top: calc(50% - 31px);background-size: cover;}
    .reason_content_ttl .reason_ttl_big::after{width: 38px;height: 62px;top: calc(50% - 31px);background-size: cover;}
    .reason_content .reason_content_txt::before{width: 50vw;height: 50vw;right: 20px}
    .reason_content .reason_content_txt{margin: 40px 0}
    .sec_reason .reason_content::before{width: 220px;height: 123px;right: 0}
    .sec_reason .reason_content{padding-bottom: 140px}
    .sec_reason .reason_img{margin-bottom: 40px}
    .sec_reason .reason_img p{padding: 10px;position: relative;}
    .sec_reason .reason_img p::after{content: '';position: absolute;width: 10px;height: 97px;background: #fff;right: 3;top: 0}
    .sec_reason .reason_img p img{box-shadow: 5px 5px #F0F7FF}
    .sec_reason .reason_img::before{display: none;}
    .reason_content .reason_content_txt p{font-size: 14px}
    .promise_content .promise_content_ttl{margin: 15px 0 30px}
    .promise_content .promise_content_ttl_1 .big{font-size: 140%}
    .promise_content .promise_content_ttl_1{font-size: 18px}
    .promise_content .promise_content_ttl_2{font-size: 24px}
    .reason_content .btn a{margin: 0 auto;max-width: 100%;}
    .sec_reason .ttl{display: flex;justify-content: center;}
    .sec_reason .reason_content_ttl{display: flex;flex-direction: column;align-items: center;}
    .sec_reason .reason_content::after{left: calc(50% - 210px)}
    .reason_content .reason_content_txt::after{left: calc(50% - 50px/2)}


    /*SEC PROMISE*/
    .sec_promise{padding: 40px 0}
    .promise_content .promise_content_ttl_2 .big{font-size: 125%}
    .promise_content .promise_content_ttl::after{bottom: -15px;z-index: 2;}
    .promise_content .promise_item{margin: 0 0 40px 0;flex-direction: column;align-items: center;padding: 20px}
    .promise_content .promise_item:last-child{margin-bottom: 0}
    .promise_item .promise_item_num{flex-direction: column;}
    .promise_item .promise_img{margin: 0 0 20px 0}
    .promise_item .item_num_box p.num_txt{font-size: 27px}
    .promise_item .item_num_box p.num{font-size: 70px}
    .promise_item .item_num_box p.num_txt span::before{height: 35px;top: calc(50% - 35px/2);right: -20px}
    .promise_item .promise_item_ttl .big{font-size: 125%;margin: 20px 0 0 0}
    .promise_item .promise_item_ttl{font-size: 20px}
    .promise_item .promise_item_ttl .line{z-index: 1}
    .promise_item .promise_item_ttl .line::before{z-index: -1}
    .promise_item .promise_item_desc{font-size: 14px}
    .promise_item .promise_item_main .btn a{margin: 0 auto}

    .promise_item .promise_item_num .item_num_box{padding-top: 0;}



    /*SEC CONTACT*/
    .sec_contact .contact_bg{padding: 40px 0 40px}
    .sec_contact .contact_content{margin: 0;width: 100%;border-radius: 10px;padding: 15px 15px 80px}
    .sec_contact .contact_content::before{width: 180px;height: 207px;left: 0;bottom: -40px;left: -15px;}
    .sec_contact .contact_content .contact_tag{width: 100%;margin: 0;font-size: 16px}
    .sec_contact .contact_content .contact_tag p{font-size: 16px;}
    .sec_contact .contact_content .contact_tag .big{font-size: 115%}
    .sec_contact .contact_content .contact_ttl .big{font-size: 115%;padding: 0 9px;margin: 0 8px;font-weight: 700}
    .sec_contact .contact_content .contact_tag .big1{margin-right: 0}
    .sec_contact .contact_content .contact_ttl p{font-size: 20px;text-align: center;margin-top: 10px;font-weight: 700}
    .sec_contact .contact_content .contact_ttl .line::before{height: 4px;}
    .sec_contact .contact_content .contact_ttl .big::before{width: 8px;height: 7px;top: 6px}
    .sec_contact .contact_content .contact_ttl .big::after{width: 8px;height: 7px;top: 6px;}
    .sec_contact .contact_content .contact_btn{flex-direction: column;}
    .sec_contact .contact_btn .contact_btn_2 a,
    .sec_contact .contact_btn .contact_btn_phone a{width: 100%}
    .sec_contact .contact_btn .contact_btn_phone a{font-size: 30px}
    .sec_contact .contact_content .contact_btn p{margin: 0}
    .sec_contact .contact_content .contact_btn  .contact_btn_phone{margin-bottom: 20px}
    .sec_contact .contact_btn .contact_btn_2 a::before{width: 45px;height: 45px;top: calc(50% - 45px/2)}
    .sec_contact .contact_btn .contact_btn_2 a{height: 50px;font-size: 16px;padding: 0 35px 0 50px;}
    .sec_contact .contact_content .contact_time span{padding: 10px;font-size: 14px}

    /*SEC HOWTOSELL*/
    .sec_howtosell .howtosell_bx1{padding: 40px 0}
    .howtosell_bx1 .howtosell_ttl::before{width: 66px;height: 60px;left: -5px;top: calc(50% - 60px/2);z-index: -1}
    .howtosell_bx1 .howtosell_ttl::after{width: 75px;height: 78px;right: -5px;top: calc(50% - 78px/2);z-index: -1}
    .howtosell_ttl p{font-size: 24px;margin-bottom: 10px}
    .howtosell_ttl p.line::before{bottom: -4px;left: 0;width: 100%;}
    .howtosell_ttl p .color{padding: 0;}
    .howtosell_ttl p .small{font-size: 90%}
    .howtosell_ttl p .color::before{left: -20px;top: 5px}
    .howtosell_ttl p .color::after{right: -20px;top: 5px}
    .howtosell_bx2{padding: 40px 0;overflow: hidden;}
    .howtosell_bx2 .howtosell_bx2_desc{margin-bottom: 40px}
    .howtosell_bx2 .howtosell_bx2_desc p{font-size: 16px;}
    .sec_howtosell .howtosell_grid{grid-template-columns: repeat(1,1fr);padding-bottom: 220px}
    .howtosell_bx2 .howtosell_grid::before{width: 225px;height: 270px;left: -60px;top: inherit;bottom: -45px}
    .howtosell_bx2 .howtosell_grid::after{width: 282px;height: 261px;right: -100px;top: inherit;bottom: -45px}
    .howtosell_grid .howtosell_item .item_txt{height: auto;padding: 20px 0}
    .howtosell_grid .item_tll{padding: 20px 0 25px}
    .howtosell_grid .howtosell_item{padding: 15px}
    .howtosell_grid .item_img{left: -10px;top: 0}
    .howtosell_grid .item_tll p{font-size: 20px}
    .howtosell_grid .item_txt p{font-size: 16px}
    .howtosell_grid .item_tll p .line::before{height: 4px}
    .howtosell_bx3{padding: 40px 0}
    .sec_howtosell .howtosell_bx3 .howtosell_grid{padding-bottom: 0}
    .howtosell_grid .howtosell_item4{text-align: center;}


    /*SEC OWN*/
    .sec_owner .owner_top{padding: 100px 0 170px}
    .owner_top .owner_top_sub{transform: rotate(0);left: calc(50% - 150px);font-size: 12px;top: 40px}
    .owner_top .owner_top_sub::before{width: 300px;height: 60px;background: url(../images/chat_box_sp.png) center /cover no-repeat;transform: rotate(0);top: -13px;left: 0;}
    .owner_bot .bot_content{flex-direction: column;align-items: center;}
    .owner_bot .bot_content .bot_item{width: 100%;background: #79AD5A;border-radius: 10px;padding: 30px 20px;flex-direction: column;}
    .owner_bot .bot_content .bot_item2{background: #2D8AAC;margin-top: 30px}
    .owner_bot .bot_content .bot_item::before{display: none;}

    .owner_bot .bot_item .b_item_ttl p{font-size: 48px}
    .owner_bot .bot_item .b_item_ttl p.b_item_btn{font-size: 14px;margin-top: 0;margin-right:  20px}
    .owner_bot .bot_item2 .b_item_ttl p.b_item_btn{margin-right: 0;margin-left: 20px}
    .owner_bot .bot_item .b_item_ttl{display: flex;align-items: center;margin-top: 20px}
    .owner_bot .b_item_content .b_item_txt{font-size: 14px}
    .owner_bot .b_item_content .b_item_ttl_small{font-size: 24px;text-align: center;}
    .owner_bot .b_item_content .b_item_btn{display: none;}
    .owner_bot .bot_item2 .b_item_content{padding: 0}
    .sec_owner .owner_top{height: auto;}
    .owner_bot .bot_content{top: 0;margin-top: -140px}
    .owner_bot{padding-bottom: 40px}
    .owner_bot .b_item_btn.sp560{display: flex;}
    .owner_bot .b_item_content{padding: 0;}

    /*SEC CONTACT2*/
    .sec_contact2{padding: 40px 0}
    .ttl_contact2 .contact2_txt1{font-size: 22px;}
    .ttl_contact2 .contact2_txt1 span{padding: 0 35px 0 25px}
    .ttl_contact2 .contact2_txt2{font-size: 16px;margin-top: 10px}
    .sec_contact2 .contact2_content{width: 100%;height: auto;background: unset;padding-bottom: 80px;margin: 0}
    .sec_contact2 .contact2_content a{width: 100%;background: #C4504A;border-radius: 10px;padding-left: 50px;height: 70px;display: flex;align-items: center;margin: 0 10px}
    .contact2_content a.contact2_btn1{font-size: 24px;text-align: center;justify-content: center;padding: 0}
    .contact2_content a.contact2_btn1::after{display: none;}
    .contact2_content a.contact2_btn1::before,
    .contact2_content a.contact2_btn2::before{left: 15px;width: 25px;height: 25px;top: calc(50% - 25px/2)}
    .contact2_content a.contact2_btn2{font-size: 18px;text-align: center;justify-content: center;padding: 0}
    .sec_contact2 .contact2_content::before{width: 176px;height: 95px;background-size: cover;right: inherit;left: 0;bottom: -25px;}

    /*SEC CHECK*/
    .sec_check .check_top{background: url(../images/bg_img_check_sp.jpg) center /cover no-repeat;height: auto;padding: 100px 0 190px}
    .content_check_top .check_top_ic{width: 120px;height: 120px;font-size: 13px;top: -125px}
    .content_check_top p{font-size: 15px}
    .content_check_top p.big{font-size: 32px}
    .check_bot .check_grid{grid-template-columns: repeat(1,1fr);grid-gap: 80px;border-radius: 0;padding: 40px 20px}
    .check_bot{height: auto;}
    .inner_check{margin-bottom: -150px;top: -160px}
    .inner_check .bot_tag p.line{width: 100%;padding-bottom: 3px}
    .check_item .check_item_txt{font-size: 14px;height: auto;padding-bottom: 20px}
    .check_item .check_item_ttl{font-size: 20px}

    /*CONTACT 3*/
    .sec_contact3 .contact_bg{padding: 40px 0}
    .sec_contact3 .contact_bg::before{width: 181px;height: 291px;left: 0}
    .sec_contact3 .contact_box{margin: 40px 0;padding: 20px 20px 0;}
    .sec_contact3 .contact_box .contact_box_ttl p{font-size: 16px;text-align: center;line-height: 1.8em;}
    .sec_contact3 .contact_box .contact_box_ttl p .line::before{width: 100%;left: 0}
    .sec_contact3 .contact_box .contact_box_ttl p .line2::before{width: calc(100% + 10px);left: -20px}
    .sec_contact3 .contact_box .contact_box_ttl .big{font-size: 23px}
    .sec_contact3 .contact_box .contact_box_ttl p .line_bold::before{width: 100%;left: 0}
    .sec_contact3 .contact_box .contact_box_ttl p.big span.line::before{width: 100%;}
    .sec_contact3 .contact_btn_bx2{align-items: center;flex-direction: column;margin-top: 30px;}
    .sec_contact3 .contact_btn_bx2 p{margin: 15px 0 30px;width: 290px}
    .sec_contact3 .contact_phone_box a .phone_num{font-size: 24px;}
    .sec_contact3 .contact_mail_box a span{font-size: 14px;}
    .sec_contact3 .contact_mail_box a .big{font-size: 20px}
    .sec_contact3 .contact_mail_box a span.icon{font-size: 16px}


    .sec_contact3 .contact_phone_box a,
    .sec_contact3 .contact_mail_box a{width: 100%;height: auto;padding-top: 30px;background: #fff;}
    .sec_contact3 .contact_mail_box a{padding: 30px 0 20px}



    /*SEC INFO*/
    .ttl_box2 .ttl{flex-direction: column;}
    .ttl_box2::before{display: none;}
    .ttl_box2 .ttl{display: flex;justify-content: center;align-items: center;}
    .ttl_box2 .ttl h3{}
    .ttl_box2 .ttl h3::before{content: '';position: absolute;width: 20px;height: 20px;left: -25px;top: calc(50% - 10px);background: url(../images/ic_ttl.png) center /cover no-repeat;}
    .ttl_box2,.ttl_box_info{flex-direction: column;align-items: center;padding-left: 0}
    .ttl_box_info .btn{margin: 20px 0 0;position: relative;z-index: 1}
    .sec_information .info_content ul li a{margin: 0;padding: 0 20px;flex-direction: column;align-items: flex-start;justify-content: center;width: 100%}
    .info_content ul li a .info_more{display: none;}
    .info_content ul li a .ic{position: absolute;top: 12px;right: 15px;}
    .info_content{margin-top: 40px;position: relative;z-index: 2;}
    .sec_information{padding:  40px 0}

    .sec_information .ttl_box2 .ttl::after{left: calc(50% - 25px);bottom: -5px}

    /*SEC GREETING*/
    .sec_greeting .greeting_top{margin: 0;padding: 40px 20px;clip-path: unset;height: auto;}
    .ttl_box_greeting .ttl{align-items: center;}
    .ttl_box_greeting .ttl::before{right: 50%}
    .ttl_box_greeting{padding-left: 0}
    .greeting_top .ttl_greeting2{flex-direction: column;align-items: center;}
    .greeting_top .ttl_greeting2 p{font-size: 24px;margin-left: 0;text-align: center;}
    .greeting_img{position: relative;left: inherit;top: inherit;width: 100%;margin-bottom: 0;padding: 0 15px}
    .greeting_img .greeting_img_box{width: 360px;max-width: 100%;margin: 0 auto;}
    .greeting_img .greeting_img_txt{display: flex;flex-direction: column;align-items: center;}
    .greeting_bot{margin-top: 0}
    .greeting_bot .greeting_txt{width: 100%;height: auto;border-radius: 0;padding: 20px 15px 40px}
    .greeting_bot .greeting_txt p{font-size: 14px}
    .greeting_bot .greeting_btn{flex-direction: column;margin: 0}
    .greeting_bot .greeting_btn .btn{margin: 0}
    .greeting_bot .greeting_btn .btn1{margin: 0 0 20px 0}
    .greeting_bot .greeting_btn .btn a{max-width: 100%;font-size: 16px;}

    

    footer .footer_top{flex-direction: column;padding: 40px 0 0}
    footer .footer_bot{margin-top: 40px;padding-bottom: 170px;display: none;}
    footer .footer_bot .footer_link > ul > li{width: 100%}
    footer .footer_bot .footer_link ul li ul li a{font-size: 14px}
    footer .footer_address .inner_address{flex-direction: column;}
    footer .footer_address .scroll_top_footer{border-top: 2px dotted #fff;margin-top: 20px;padding-top: 40px}
    footer .footer_address .scroll_top_footer::after{display: none;}
    footer address{padding: 0;text-align: center;font-size: 12px;}
    footer .footer_address .inner_address{height: auto;padding-bottom: 90px;padding-right: 0}

    footer .f_top_r{width: 100%;height: 250px;margin-top: 40px;}
    footer .f_top_l{width: 100%;padding: 0 15px}
    footer .f_top_l .logo_footer{margin: 0 auto 40px;}
    .f_top_info{width: 100%;max-width: 336px;margin: 0 auto}
    .top_info_list01 li::before{top: 7px}
    .top_info_txt01 .txt01{margin-right: 10px}
    .top_info_txt01 .txt02{margin-left: 10px}
    .top_info_list02{margin-bottom: 0;flex-direction: column;}
    .top_info_list02 li{margin-bottom: 5px}
    .top_info_txt01{font-size: 16px}
    /* ===========  OVERNOTE ===========  */
    
}

@media screen and (max-width: 640px) {


    .bot_tag p.line{padding: 20px 20px 3px 20px;font-size: 26px}
    .bot_tag p.line::before{width: calc(100% - 40px);left: 20px}


    .sec_contact3 .contact_box .contact_box_ttl p.big span.line::before{width: calc(100% + 20px);left: -20px}
    .sec_contact3 .contact_btn_bx1{flex-direction: column;;}
    .sec_contact3 .contact_btn_bx1 .btn{margin: 0 auto 15px;}

}
@media screen and (max-width: 560px) {
.pc560{display: none}
.sp560{display: block}
.promise_item .promise_item_ttl{text-align: center;}
.promise_item .promise_item_ttl p{text-align: center;font-size: 19px}

.sec_contact .contact_content{padding: 40px 15px 180px}
.sec_contact2 .contact2_content{flex-direction: column;}
.contact2_content a.contact2_btn1{margin-bottom: 20px;padding-left: 0;justify-content: center;}
.sec_contact2 .contact2_content::before{right: calc(100% - 250px);}

.content_check_top .check_top_ic{left: -10px;zoom: 0.75;}

.nav_sp .nav_sp_header_box{flex-direction: column;}
.nav_sp .header_contact_box{margin: 20px 0 0 0;}

.box1_bot .box1_bot_item{grid-template-columns: repeat(1,1fr);margin-top: 40px;grid-gap: 80px}

.nav_sp .contact_btn_bx2{align-items: center;flex-direction: column;padding: 0 15px}
.nav_sp .contact_btn_bx2 p{width: 100%;margin: 0 0 30px}
}

@media screen and (max-width: 480px) {
.pc480{display: none}
.sp480{display: block}

.nav_sp_header_box .address{font-size: 16px;}

.check_bot .bot_tag.pc480{display: none;}
.check_bot .bot_tag.sp480{display: flex;flex-direction: column;padding: 20px;background: #fff;margin-bottom: -5px;position: relative;z-index: 2;border-radius: 10px 10px 0 0}
.check_bot .bot_tag.sp480 p .line::before{content: '';position: absolute;width: 100%;height: 8px;background: #F9EE80;border-radius: 50px;left: 0;bottom: 2px}
.check_bot .bot_tag.sp480 p{font-weight: 700;border-radius: 0;padding: 0}
.check_bot .bot_tag.sp480 p{font-size: 26px}
.ttl_contact2 .contact2_txt1 span{display: block;}
.ttl_contact2 .contact2_txt1 span::before{left: calc(50% - 140px)}
.ttl_contact2 .contact2_txt1 span::after{right: calc(50% - 140px)}


.sec_contact3 .contact_btn_bx1{flex-direction: column;;}
.sec_contact3 .contact_btn_bx1 .btn{margin: 0 0 15px;}
.sec_contact3 .contact_btn_bx1 .btn a{max-width: 100%}
.sec_contact3 .contact_bg{padding: 40px 0 5px;}
.sec_contact3 .contact_bg::before{display: none;}
.sec_contact3 .contact_btn_bx2{margin-top: 15px;}
.sec_contact3 .contact_btn_bx2 p{width: 100%;}
header .logo_sp { width: calc(100% - 85px); }
	header .logo_sp a { height: 9vw; background-size: 100% auto; }
}


@media screen and (max-width: 420px) {
.pc420{display: none}
.sp420{display: block}
.btn_sp .btn a{font-size: 14px}
.check_bot .bot_tag.sp480 p{font-size: 23px}
.sec_contact .contact_content .contact_tag.pc420{display: none;}
.sec_contact .contact_content .contact_tag.sp420{display: flex;flex-direction: column;align-items: center;line-height: 1.7em}
.sec_contact .contact_btn .contact_btn_2 a{text-align: center;}

.contact_content .contact_tag p{font-weight: 700}
.contact_content .contact_tag p .big{font-size: 16px}

}


@media screen and (max-width: 380px) {
.pc380{display: none}
.sp380{display: block}
footer .f_top_l .f_top_info ul li p{font-size: 12px}

footer .f_top_l .f_top_info ul li p.f_top_info_ttl{width: 60px;margin-right: 40px}
footer .f_top_l .f_top_info ul li p.f_top_info_ttl::before{background: unset;border-top: 2px dotted #2D3EAC;width: 10px;height: 0}

.btn_sp .btn a:after{right: 20px}
.btn_sp .btn a span::before{left: -30px}
}

@media screen and (max-width: 340px) {
.pc340{display: none}
.sp340{display: block}
.btn_sp .btn a:after{display: none;}
.btn_sp .btn a span::before{display: none;}
.nav_sp ul li a{font-size: 15px}
.nav_sp ul li.sub ul li a{font-size: 14px}
.sec_contact .contact_content .contact_ttl p{font-size: 15px}
.promise_item .promise_item_ttl p{font-size: 16px;line-height: 2.3em}
footer .f_top_l .logo_footer{max-width: 100%}
.sec_contact3 .contact_box .contact_box_ttl p{font-size: 14px}
.sec_contact3 .contact_btn_bx1 .btn::before{left: calc(50% - 115px)}
.sec_contact3 .contact_btn_bx1 .btn a{justify-content: flex-start;padding-left: 55px;font-size: 16px}
.sec_contact3 .contact_ttl p.big{font-size: 32px}
.top_info_txt01 .txt01{margin-right: 5px}
.top_info_txt01 .txt02{margin-left: 5px}
.top_info_txt01{font-size: 15px}
.content_check_top p{font-size: 14px}

.bot_tag p.line{padding: 10px 5px 3px 5px}
.bot_tag p.line::before{width: calc(100% - 10px);left: 5px}
.howtosell_bx2 .howtosell_grid::before{left: -70px;}
.howtosell_bx2 .howtosell_grid::after{right: -120px}
.box1_top .box1_item2 .ttl_item2{font-size: 16px}
.reason_content_ttl .reason_ttl_big{font-size: 23px}
.dot::before{width: 7px;height: 7px}
.sec_contact3 .contact_mail_box a .big{font-size: 26px}
.sec_contact3 .contact_phone_box a .phone_num{font-size: 28px}
.sec_contact .contact_content .contact_time span{font-size: 12px}
.check_bot .bot_tag.sp480 p{font-size: 22px}
.contact2_content a.contact2_btn1::before, .contact2_content a.contact2_btn2::before{left: 10px}
	.box1_top .ttl_txt2::before {left: calc(50% - 150px);}
	.box1_top .ttl_txt2::after {right: calc(50% - 157px);}
	.reason_content_ttl .reason_ttl_big::after {right: -10px;}
	.reason_content_ttl .reason_ttl_big::before {left: 7px;}
	.contact2_content a.contact2_btn2 { padding-left: 15px; }
	.contact2_content a.contact2_btn2::after {right: 10px;}
	.sec_contact3 .contact_box .contact_box_ttl p.big span.line::before { width: calc(100% + 10px); left: -10px; }
	.nav_sp ul li a, .nav_sp ul li span {font-size: 15px;}
}

/* Safari 10.1+ (which is the latest version of Safari at this time) */

@media not all and (min-resolution:.001dpcm) {
    @media {
        
    }
}