.sp440{display:none}

@media screen and (min-width: 751px) {
    a[href^="tel:"]{pointer-events: none;}
    .sp{display:none}
    .ct_contact .btn_contact li.first a:hover{transform: translateY(-7px);background: #fff1a3;box-shadow: 4px 8px 8px rgb(77 176 181 / 40%);}



    /* nav */
    .hamburger{display:none;}
    .nav_list{display: flex;margin: 8px 30px 0 0;}
    .nav_list>li>a{display:flex;align-items:center;position:relative;font-weight: 500;margin: 14px 13px;letter-spacing: 0.1em;}
    .nav_list>li.parent{position:relative;}
    .nav_list>li.parent>a{cursor:default}
    .sub{position:absolute;z-index:1;transition:all .3s;opacity:0;visibility:hidden;border-top:solid 1px #FFF;width:300px;top:100%;left:0}
    .sub ul li a{font-size:16px;display:flex;width:100%;height:60px;align-items:center;letter-spacing:.001em;padding:5px 35px;margin:0 auto;border-bottom:solid 1px #FFF;color:#fff;background:var(--mcolor);}

    /*==================== SEC02 ===================*/
    .sec02 .list_sec02 .item.item4 .ct_4 .l,.sec02 .list_sec02 .item.item5 .ct_5 .l{position: absolute}
    /*==================== SEC04 ===================*/
    .sec04 .list_case li .l{flex-direction: column;}
    /*==================== SEC05 ===================*/

    .sec05 .item_flow .list_flow li.item1{left: 15px}
    .sec05 .item_flow .list_flow li.item2{left: 27px}
    .sec05 .item_flow .list_flow li.item3{left: 37px}
    .sec05 .item_flow .list_flow li.item3 .name{left: -17px;letter-spacing: 0.05em}



     /*  FOOTER */
    .ft_bnn li:not(:last-child){margin-right: 30px;}

    /* hover */
    .ft_link ul li > a:hover,
    .nav_list>li>a:hover{color:var(--scolor);text-decoration: none;}
    .parent:hover .sub{opacity:1;transform:translate(0,0);visibility:visible}
    .sub a:hover{background-color:var(--scolor);text-decoration: none;}
    .ft_bnn li a:hover,
    .to_top img:hover,
    .btn a:hover,.h_contact_mail a:hover,.to_top:hover,.sroll a:hover{opacity:.8}
}

@media screen and (min-width: 751px) and (max-width: 1500px){
    /*header*/
    .h_contact_tel{margin: 0px 10px 15px 0px;}
    .h_contact_tel a{padding-left: 45px;font-size: 30px;}
    .h_contact_tel .time{font-size: 11px}
    header #logo{padding: 0}

    .nav_list{margin: 8px 8px 0 0;}
    .nav_list li{font-size: 14px}
    .nav_list li a{margin: 14px 8px;}

    .mv,.main_slider li.slide_item{height:100%;min-height: 600px}
    .mv:before{height:600px;padding-top: 70px;}
    .mv .inner{height: 600px}
    .mv .inner{position:relative}
    .mv .ct_slider_sub{padding-right: 10%}
    .mv .inner:before{background: url(../images/bg_slider.png) center bottom /cover no-repeat;width: 100%;height: 70px;bottom:0;left: 0;z-index: 2;}
    .mv .inner:after{background: url(../images/bg_slider02.png) center bottom /cover no-repeat;width: 85px;height: 50px;bottom:0;right: 0;z-index: 4;}
    .mv_txt{top: initial;min-height: 600px;padding-top: 90px;position: relative;width: calc(62.5% + 25px);max-width: 100%;z-index: 5;}
    .mv_txt .txt1{font-size: 20px}
    .mv_txt .txt1 span:before,.mv_txt .txt1 span:after{height: 64px}
    .mv_txt .txt2{font-size: 38px;margin-bottom: 17px;}
    .mv_txt .txt3{font-size: 32px;margin: 0 0 35px 10px;}
    .mv_txt .txt4{font-size: 52px;margin-bottom: 0;}
    .mv .ct_slider{z-index: 3;}

    .mv_txt .home{margin: 0px 0px 0 0;font-size: 65px;line-height: initial;}
    .mv_txt .txt3 span{width: calc(100% - 270px);}
    .mv_txt .desc_mv{font-size: 18px;margin: 0;position: relative;top: -8px;}
    .mv .info_slider_bt{bottom: 2px;left: calc(62.5% + 88px);transform: translateX(-50%);z-index: 55;}
    .main_slider li .bg{height: 700px;top: -90px;width: 48vw}

    .sroll{bottom: 50px;right: 160px;z-index: 6;}

    /*SEC02*/
    .sec02 .inner,.sec02 .list_sec02 .item,.sec04 .item_voice .inner{width:1200px}
    .sec02 .list_sec02 .item.item4 .ct_4 .r{margin: 0 0 0 auto;width: 54%;}
    .sec02 .list_sec02 .item.item5 .ct_5 .l{margin: 15px 0px 0 0;}
    .sec02 .list_sec02 .item.item5 .ct_5 .r{width: 54%;}
    .sec04 .item_qa .ct_qa:after{right: -80px;}
    .sec04 .list_case li .info_bt dl dd{letter-spacing: -0.04em}

    .sec05 .after_greeting{right: -90px}
    .sec05 .item_greeting .item-p-greeting .r{margin: -31px -90px 0 0;}

    footer .info_campany .r{margin-right: -200px;}

    .main_slider li .bg{width: 49%;}

    /*CUSTOM PAGE*/
    .item3_cus .user_cus.cus1{left: 60px}
    .item3_cus .user_cus.cus2{right:44px}


}

/* screen-min:750px */
@media screen and (max-width: 750px) {

    img{max-width:100%; height: auto;}
    #wrapper,
    header,
    main,
    footer,
    .inner{width:100%!important;min-width:unset!important;}
    .pc{display:none!important}
    .inner{padding: 0 15px;}

    /*header*/
    header #logo{padding: 0}

    /* NAV */
    nav{padding: 0 15px;display:block;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);overflow:auto;padding-bottom:80px;z-index:100;display:none;background: #3CB4B4}
    nav .inner{padding: 0;}
    .nav_list{flex-direction:column}
    .nav_list ul,
    .nav_list li{width:100%}
    .nav_list .parent .sub ul li{background: #fff;}
    .nav_list .parent .sub ul li:not(:last-child){border-bottom:1px solid var(--mcolor)}
    .nav_list a{display:block;padding:7px 15px 7px;color:#fff;font-size:18px;font-weight:bold;border-bottom:solid 1px #fff;font-family: var(--f-YuGothic);}
    .nav_list a:not([href]){position:relative;padding-left:15px}
    .nav_list a:not([href])::before,
    .nav_list a:not([href])::after{content:"";position:absolute;width: 16px; height: 2px; background-color: #FFF;top:calc(50% - 1px);right:10px; transition: all 0.3s;}
    .nav_list a:not([href])::after{transform: rotate(-90deg);}
    .nav_list a.open:not([href])::after{transform: rotate(0);}

    .sub{display:none}
    .sub ul:not(:last-child){margin-bottom:15px}
    .sub a{color:var(--mcolor);border-bottom:none;}
    .hamburger{position:absolute;right:1%;bottom:3px;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}

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

    /*============ HEADER ============*/
    h1{display: none;}
    .h_box{height:60px}
    .h_box.active{background: #3CB4B4}
    .h_box.active #logo{display: none}
    .h_box.active .hamburger-box span{color:#fff}
    .h_box.active .hamburger-inner::after,.h_box.active .hamburger-inner::before{background-color:#fff}
    .h_inner{padding: 0 10px;}

    /*============ Main ============*/
    main{padding-top: 60px;}

    /* MAIN VISUAL */
    .mv:before{width: 100%;height: 210px;left: 0;background-size:100% 100%;display:none}
    
    .mv_txt h2{font-size: 25px;}
    .mv{height: 630px;}
    .main_slider li.slide_item{height: 555px;}
    .main_slider li .bg{height: 555px;top: 0;width: 100%;}
    .mv_txt .txt3 span{width: 100%;height: 35px;max-width: 320px;}
    .mv_txt .txt3 span:before{width: 17px;height: 10px;bottom:-8px}
    .mv_txt{position:relative;height: 600px;margin: 0 auto;padding: 30px 0 0px 0;top: initial;}
    .mv_txt .txt2 span:before{height: 6px}
    .mv_txt .home{font-size:60px;margin: 0;position: relative;top: 15px;}
    .mv_txt .txt1{font-size: 20px;margin: 0 0 5px 0px;}
    .mv_txt .txt2{font-size: 24px;margin-bottom: 5px;}
    .mv_txt .desc_mv{font-size: 16px;padding: 15px;background: url(../images/bg_slider_after_sp.jpg) center /cover no-repeat;margin: 0;width: calc(100% + 30px);left: -15px;position: relative;right: 0;margin: 0 auto;}
    .mv_txt .txt4 .big{font-size:150%}
    .mv_txt .txt4 .txt_sub{margin-left: 0}
    .mv_txt .txt4 .txt_sub .txt_sl{margin-right: 5px}
    .mv_txt .txt3{font-size: 18px;margin: 0 0 10px 0;}
    .mv_txt .txt4{font-size: 35px;text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
    .mv .info_slider_bt{right: 0;bottom: 0;width: 100%;}
    .mv .inner{position: relative}
    .mv_txt .txt1 span:before,.mv_txt .txt1 span:after{height: 56px;}
    

    /* sec01 */
    .sec01 .sec01_item_1{padding:60px 0 0px 0;}
    .sec01 .sec01_item_1 .title{margin-bottom: 80px}
    .sec01 .list_sec01{margin: 0px auto 30px auto;max-width: 500px;width: 100%;display: flex;flex-wrap: wrap;}
    .sec01 .list_sec01 .item1{padding:40px 0 0 90px}
    .sec01 .list_sec01 .item2{padding: 50px 0 0 90px;}
    .sec01 .list_sec01 .item3{padding: 40px 0 0 60px;}
    .sec01 .list_sec01 .item4{padding: 40px 0 0 70px}
    .sec01 .list_sec01 .item5{padding:40px 0 0 75px}
    
    .sec01 .think li{padding: 10px;font-size: 14px;height: auto;border: 2px solid #f9c74f;width: 100%;border-radius: 5px;margin-bottom: 10px;}
    .sec01 .think .list_think .item1{width: 100%}
    .sec01 .think{justify-content: center;}
    .sec01 .sec01_item_3 .think{justify-content: center;margin-right: 0;align-items: center;}
    .sec01 .sec01_item_3 .think .l{margin-top: 0;left: 0;/* top: initial; */justify-content: end;}
    .sec01 .think .l{left: 0;bottom: -2px;width: 150px;height: 216px;display: flex;top: initial;align-items: center;justify-content: center;}
    .sec01 .list_sec01 .item1{left: -10px}
    .sec01 .think .r{margin-left: 20px}
    .sec01 .think .l img{max-height: 100%;width: 100%;}
    .sec01 .think .list_think{margin-left: 0}
    .sec01 .list_sec01 .item:not(.user){position: relative;top: 0;font-size: 15px;margin-bottom: 15px;}
    .sec01 .list_sec01 .item2,.sec01 .list_sec01 .item4{left: initial;right:-15px;margin-left: auto;}
    .sec01 .list_sec01 .item5{right: 10px}
    .sec01 .think li.item1:before{width: 14px;height: 14px;left: -10px;top: calc(50% - 7px);background: url(../images/ic_think_sp.png) center left /cover no-repeat;}
    .sec01 .think li.item2:before{width: 14px;height: 14px;left: -10px;top: calc(50% - 7px);background: url(../images/ic_think_sp.png) center left /cover no-repeat;}
    .sec01 .sec01_item_1 .think .r{margin-left: -30px;}
    .sec01 .think .list_think .item1{margin-left: 0}

    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle:after{right: -10px;}


    .sec01 .sec01_item_2{margin:0px 0}
    .sec01 .sec01_item_2 .inner:before, .sec01 .sec01_item_2 .inner:after{width: 40px;height: 35px;top: -30px;display: none}
    .sec01 .sec01_item_2 .inner:before{left: 15px}
    .sec01 .sec01_item_2 .inner:after{right: 15px;}
    .sec01 .sec01_item_2 .list_item_2{padding: 0px;flex-direction: column;max-width: 500px;width: 100%;margin: 0 auto;}
    .sec01 .sec01_item_2 .list_item_2 li.item1{display: flex;justify-content: space-between;width: 100%;align-items: center;}

    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle:before{top:0}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle{font-size: 15px;width: 100px;height: 100px;position: relative;top: 0;left: 0;}
     .sec01 .sec01_item_2 .list_item_2 li.item1 .txt_sp{width: calc((100% - 125px));color: #fff889;font-weight: 500;font-family: var(--f-MPRounded);font-size: 15px;text-align: left;margin: 0 0 0 8px;}
    .sec01 .sec01_item_2 .list_item_2 li.item2{font-size: 20px;margin:-20px 0 0 0;padding-top:0px;text-align: left;}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle span, .sec01 .sec01_item_2 .list_item_2 li.item1 .circle span:not(.txt1){transform: rotate(0deg);left: 0;top: 0}
    .sec01 .sec01_item_2 .user_sp{width: 80px;height: 190px;display:flex;justify-content:end;position: absolute;right: 0px;top: 21px;z-index: 2;}
    .sec01 .txt_user{font-size: 10px;top: 2px;right: -10px}
    .sec01 .sec01_item_3 .user_sp{width: 80px;height: 190px;display:flex;justify-content: center;position: absolute;right: 30px;bottom: -30px;z-index: 2;align-items: center;}
    .sec01 .sec01_item_2 .inner{width: 100%;max-width: 400px}
    .sec01 .sec01_item_3{padding: 30px 0}
     .sec01 .sec01_item_3 .item4, .sec01 .sec01_item_3 .item5{width: 100%;height: auto;padding: 15px;border: 2px solid #277da1;font-size: 12px;line-height: 1.7em;}
    .sec01 .sec01_item_3 .item4 span:not(.txt3){font-size: 17px}
    .sec01 .think li.item4:before{width: 16px;height:12px;right: -15px;top: calc(50% - 8px);display: none}
    .sec01 .think li.item5:before{width: 22px;height: 18px; top: calc(50% - 10px);right: -21px;display: none}
    .sec01 .sec01_item_3 .item5 span{font-size: 15px;}
    .sec01 .sec01_item_3 .item4{left: 0;}
    .sec01 .sec01_item_3 .item5{left: 0}
    .sec01 .txt_user{font-size: 14px;top: initial;right: 53px;bottom: 10px;width: 150px;}
    .sec01 .sec01_item_3 .think .r{margin-left:0}

    /* sec02 */
     .sec02{padding: 50px 0}
     .sec02 .inner{padding:0px}
     .sec02 .title:before{width: 120px;height: 120px;top: -20px}
     .sec02 .desc_index{margin-bottom: 60px;padding: 0 15px;}
     .sec02 .ct_inner{width: 100%;max-width: 400px;margin: 0 auto}
     .sec02 .list_sec02 .item{height: auto;width: 100%}
     .sec02 .list_sec02 .item.item1{width: 100%;margin: 0 auto 75px auto;}
     .sec02 .list_sec02 .ct{padding: 0 15px;flex-direction: column;}
     .sec02 .list_sec02 ul.ct li{width: 100%;margin-bottom: 40px;}
     .sec02 .list_sec02 ul.ct li .img img{width: auto}
     .sec02 .list_sec02 .item .tt{top: -24px;margin-bottom: 40px}
     .sec02 .list_sec02 .item .tt .tt_txt{font-size: 15px;padding: 0 5px;width: calc(100% - 120px);}
     .sec02 .list_sec02 .item .tt .tt_num{width: 100px}
     .sec02 .list_sec02 .item .tt .tt_txt span{width: 100%;height:40px;}
     .sec02 .list_sec02 .item .tt .tt_txt:before{width:calc(100% + 5px);height: 36px;left: 0px;}
     .sec02 .list_sec02 .item .tt .tt_txt span:before, .sec02 .list_sec02 .item .tt .tt_txt span:after{width: 15px;height: 40px;}
     .sec02 .list_sec02 .item .tt .tt_txt span:before{left: -20px;}
     .sec02 .list_sec02 .item .tt .tt_txt span:after {right: -20px;}
     .sec02 .list_sec02 .item .tt .tt_num .txt{font-size: 16px;position: relative;z-index: 2;left: 20px;}
     .sec02 .list_sec02 .item .tt .tt_num:before{width: 37px;height: 10px;left: 20px;bottom:-15px}
     .sec02 .list_sec02 .item .tt .tt_num .num{font-size: 75px;position: relative;top: -10px;z-index: 1;}
     .sec02 .list_sec02 ul.ct li .circle .num{font-size: 25px}
     .sec02 .list_sec02 ul.ct li .name{font-size: 18px;}
     .sec02 .list_sec02 ul.ct li .desc{font-size:14px}

     .sec02 .list_sec02 .item.item2 .tt,.sec02 .list_sec02 .item.item3 .tt{margin-bottom: 15px}
     .sec02 .list_sec02 .item.item2, .sec02 .list_sec02 .item.item4{height: auto;width: 100%;padding-bottom: 40px;}
     .sec02 .list_sec02 .item.item2 .desc_sec02{font-size: 15px;padding: 0 15px;margin-bottom: 60px;}
     .sec02 .list_sec02 .item2 .ct_2{padding: 0 15px;flex-direction: column;}
     .sec02 .list_sec02 .item2 .ct_2 .item_2.item_21{margin-bottom: 80px;width: 100%;}
     .sec02 .list_sec02 .item2 .ct_2 .item_2{width: 100%;margin-bottom: 30px;padding: 10px;}
     .sec02 .list_sec02 .item2 .ct_2 .tt_2{max-width: 100%;margin: -30px auto 21px auto; font-size: 18px;}
     .sec02 .list_sec02 .item2 .ct_2 .item_2.item22{left: 0}
     .sec02 .list_sec02 .item2 .ct_2 ul li{font-size: 15px;padding: 8px;}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2{position: relative;top: 0;}
     .sec02 .list_sec02 .item2 .ct_2 .item_2.item_21:before{width: 0;height: 0;border-style: solid;border-width:25px 15px 0 15px;border-color:var(--pink_s) transparent transparent transparent ;bottom: -50px;left: 0;right: 0;margin: 0 auto;position: absolute;content:""}
     .sec02 .list_sec02 .item.item2{padding-bottom: 130px}
     .sec02 .list_sec02 .item.item2:after{width: 183px;height: 124px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2:before{display: none}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .price{font-size: 50px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .price span{top: -6px;font-size: 30px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .txt_price{font-size: 22px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .txt_price span:before, .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .txt_price span:after{height: 35px}
     .sec02 .list_sec02 .item2 .ct_2 ul li.last{font-size: 20px}
     .sec02 .list_sec02 .item2 .ct_2 .item_2.item22 ul li.last .f-big{font-size: 30px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .txt_price span:before{left: -16px}
     .sec02 .list_sec02 .item2 .ct_2 .info_sec02_2 .txt_price span:after{right: -12px}
     .sec02 .list_sec02 .item2 .ct_2 ul li p:nth-child(1){width: 270px;max-width: 100%;}

     .sec02 .list_sec02 .item.item2, .sec02 .list_sec02 .item.item4{margin: 4px auto 75px auto;}


     .sec02 .list_sec02 .item.item3, .sec02 .list_sec02 .item.item5{height: auto;margin: 0 auto 75px auto;padding-bottom: 30px;}
     .sec02 .list_sec02 .item.item3 .desc_sec02{font-size: 15px;padding: 0 15px;}
     .sec02 .list_sec02 .item.item3 .ct_3{width: calc(100% - 30px);padding:15px;}
     .sec02 .list_sec02 .item.item3 .user_sec03_1, .sec02 .list_sec02 .item.item3 .user_sec03_2{position: relative;}
     .sec02 .list_sec02 .item.item3 .user_sec03_1{width: 103px;height: 137px;display: flex;left: 50px;top: 40px;float: left;align-items: center;justify-content: center;}
     .sec02 .list_sec02 .item.item3 .user_sec03_2{width: 125px;height: 180px;display: flex;right: -50px;bottom: 0;justify-content: center;align-items: center;}
     .sec02 .list_sec02 .item.item3 .user_sec03_1 img{max-height: 100%}
     .sec02 .list_sec02 .item.item3 .desc_index{width: 100%;padding: 0 15px;}
     .sec02 .list_sec02 .item.item3 .desc_index p{font-size: 14px}
     .sec02 .list_sec02 .item.item3 .ct_3 .tt_3{font-size: 18px;margin-bottom: 10px;}
     .sec02 .list_sec02 .item.item3 .ct_3 dl{height: 45px;justify-content: center;}
     .sec02 .list_sec02 .item.item3 .ct_3 dl dd,.sec02 .list_sec02 .item.item3 .ct_3 dl dt{font-size: 35px}
     .sec02 .list_sec02 .item.item3 .ct_3 .tt_sub.txt2{margin-top: 20px}
     .sec02 .list_sec02 .item.item3 .ct_3 .tt_sub{font-size: 16px}
     .sec02 .list_sec02 .item.item3 .ct_3 .tt_sub.txt1{font-size: 18px}
     .sec02 .list_sec02 .item.item3 .ct_3 .tt_sub.txt3{font-size: 18px}

     

     .sec02 .list_sec02 .item.item4 .ct_4, .sec02 .list_sec02 .item.item5 .ct_5{flex-direction:column;padding:15px;}
     .sec02 .list_sec02 .item.item4 .ct_4 .l, .sec02 .list_sec02 .item.item5 .ct_5 .l{padding: 15px 15px 40px 15px;width: 100%;min-height: auto;}
     .sec02 .list_sec02 .item.item4 .tt,.sec02 .list_sec02 .item.item5 .tt{margin-bottom: 10px}
     .sec02 .list_sec02 .item.item4 .ct_4 .name, .sec02 .list_sec02 .item.item5 .ct_5 .name{font-size: 17px;}
     .sec02 .list_sec02 .item.item4 .ct_4 .desc, .sec02 .list_sec02 .item.item5 .ct_5 .desc{font-size: 14px}
     .sec02 .list_sec02 .item.item4 .ct_4 .r,.sec02 .list_sec02 .item.item5 .ct_5 .r{width: calc(100% - 30px);margin:-25px auto auto auto;position: relative;z-index: 2;}
     .sec02 .list_sec02 .item.item4 .ct_4 .r:before{top: 20px;left: -20px;}
     .sec02 .list_sec02 .item.item5 .ct_5 .r:before{left: initial;top: 20px;right: -20px;}

     .sec02 .list_sec02 .item.item5 .ct_5 .l{margin: 0 auto}
     .sec02 .list_sec02 .item.item5{margin-bottom: 0}

    /* sec03 */
    /* sec04 */
    .sec04 .item_case{padding: 80px 0 10px 0;background: url(../images/bg_case.jpg) center left /cover no-repeat;}
    .sec04 .item_case:before{background: url(../images/bg_case.jpg) center left /cover no-repeat;height: 100%;display: none}
    .sec04 .title:before{top: -40px}
    .sec04 .list_case{max-width: 500px;margin: 0 auto;width: 100%}
    .sec04 .item_case .desc_index{padding: 0 15px 140px 15px;margin: 30px 0;}
    .sec04 .list_case li{padding: 15px 15px 0 15px;width: calc(100% - 30px);margin: 0 auto;flex-direction: column;margin-bottom: 30px;}
    .sec04 .list_case li .l,.sec04 .list_case li .r{width: 100%;}
    .sec04 .list_case li .l{margin-bottom: 15px;justify-content: center;}
    .sec04 .list_case li .info_tt{top: 0;left: initial;position: relative;justify-content: center;}
    .sec04 .list_case li .info_tt .num:before{bottom: -55px;left: 0;right: 0;margin: 0 auto;}
    .sec04 .list_case li .l .user{top: 0;margin-left: 0;left: 0;width: 115px;height: 135px;display: flex;justify-content: center;align-items: center;margin-top: 15px;}
    .sec04 .list_case li .info_tt .num{font-size: 75px;margin: 0px 30px 0px 0;display: flex;justify-content: center;align-items: center;width: 62px;height: 57px;}
    .sec04 .list_case li .info_h{font-size: 20px;margin-bottom: 15px;}
    .sec04 .list_case li .info_ct{padding: 15px;margin-bottom: 15px;}
    .sec04 .list_case li.item2 .info_ct{margin-bottom: 20px}
    .sec04 .list_case li .info_ct .txt{font-size: 18px}
    .sec04 .list_case li .info_ct .txt2 span, .sec04 .list_case li .info_ct .txt1 span {font-size: 15px;}
    .sec04 .list_case li .info_ct:before{border-width: 5px 10px 5px 0;left: -10px;}
    .sec04 .list_case li .info_bt{padding: 0;align-items: center;}
    
    .sec04 .list_case li .info_bt dl:nth-child(2), .sec04 .list_case li .info_bt dl:nth-child(5){margin-right: 0}
    .sec04 .list_case li .info_bt dl dt{max-width: 90px;margin-right: 5px;font-size: 14px;height: 35px;}
    .sec04 .list_case li .info_bt dl{width: calc(100% / 2);font-size: 14px;margin-bottom: 15px;}
    .sec04 .list_case li .info_bt dl dd{font-size:14px;letter-spacing: -0.02em;}
    .sec04 .list_case li.item2 .info_tt .txt{margin-left: 0}
    .sec04 .list_case li .info_tt .txt{font-size: 14px;left: 0}

    .sec04 .item_voice{padding: 80px 0 0px 0;}
    .sec04 .item_voice:before{height: 100%}
    .sec04 .item_voice .inner{padding: 0 15px}
    .sec04 .item_voice .title{margin-bottom: 100px}
    .sec04 .item_voice .list_voice {max-width: 500px;margin: 0 auto;width: 100%;}
    .sec04 .item_voice .list_voice li .date{padding-left: 0;width: calc(100% - 40px);right: 0;margin: 0 auto;font-size: 20px;height: 50px;}
    .sec04 .item_voice .list_voice li{padding: 60px 15px 15px 15px;flex-direction: column;min-height: auto; margin-bottom: 60px;}
    .sec04 .item_voice .list_voice li .l{width: 100%;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;}
    .sec04 .item_voice .list_voice li .r{width: 100%}
    .sec04 .item_voice .list_voice li .l .user{top: 0;width: 90px;}
    .sec04 .item_voice .list_voice li .l .user img{width: 90px;height: 90px;}
    .sec04 .item_voice .list_voice li .l .name {font-weight: 700;font-size: 18px;letter-spacing: 0.08em;width: calc(100% - 100px);color: #F47E9A;}
    .sec04 .item_voice .list_voice li .l .name span {line-height: 1.8em;letter-spacing: 0.01em;padding-bottom: 15px;position: relative;}
    .sec04 .item_voice .list_voice li .l .name span:before {width: calc(100% - 8px);height: 2px; bottom: -2px;left: 0;background: #f47e9a;position: absolute;content:""}
    .sec04 .item_voice .list_voice li .r .desc{font-size: 14px}
    .sec04 .item_voice .list_voice li .r .desc p{margin-bottom: 10px}

    .sec04 .item_qa{padding: 40px 0}
    .sec04 .item_qa .title{width: 100%;max-width: 300px;margin: 0 auto 40px auto;position: relative}
    .sec04 .item_qa .title:before,.sec04 .item_qa .title:after{position: absolute;content:""}
    .sec04 .item_qa:before{width: 281px;height: 290px;left: -94px;top: -61px;display: none}
    .sec04 .item_qa:after{display: none}
    .sec04 .item_qa .ct_qa .list_qa{padding:0 15px}
    .sec04 .item_qa .ct_qa .list_qa dl{padding: 0;margin-bottom: 30px;}
    .sec04 .item_qa .ct_qa .list_qa dl:before, .sec04 .item_qa .ct_qa .list_qa dl:after{display: none}
    .sec04 .item_qa .ct_qa:before,.sec04 .item_qa .ct_qa:after{display: none}
    .sec04 .item_qa .title:before{top: -6px;width: 48px;height: 83px;left: 0;background: url(../images/user_qa_img1.png) center left /cover no-repeat;border-radius: 0;right: initial;}
    .sec04 .item_qa .title:after{top: 0;bottom: initial;width: 78px;height: 69px;right: -20px;background: url(../images/user_qa_img2.png) center left /cover no-repeat;
    z-index: 1;}
    .sec04 .item_qa .ct_qa .list_qa dl dt{left: 0;font-size: 18px;margin-bottom: 20px;}
    .sec04 .item_qa .ct_qa .list_qa dl dd{width: 100%;padding: 0 15px;left: 0;}
    .sec04 .item_qa .ct_qa .list_qa dl dt span{font-size: 25px;margin-right: 10px}
    .sec04 .item_qa .ct_qa .list_qa dl dd .desc_qa .tt{font-size: 18px}
    .sec04 .item_qa .ct_qa .list_qa dl dd .ques{font-size: 25px;left: 0;top: 5px}
    .sec04 .item_qa .ct_qa .list_qa dl dd .tt{margin-right:15px}
    .sec04 .item_qa .ct_qa .list_qa dl dd .desc_qa p{font-size: 14px}
    .sec04 .item_qa .ct_qa .list_qa dl.item2{padding:0;width: 100%;}
    .sec04 .item_qa .ct_qa .list_qa dl.item2 dd{padding: 0 15px;left: 0;}
    .sec04 .item_contact .inner{padding: 0 15px}
    .sec04 .item_contact .ct_contact .btn_contact li.first a:before{left: 40px}
    .sec04 .item_contact .ct_contact .tt_contact{margin: 5px 0 60px 0;}


    /* sec05 */
    .sec05{padding:80px 0}
    .sec05 .item_greeting{margin-bottom:70px}
    .sec05 .item_greeting .title{text-align: center;}
    .sec05 .item_greeting .title:before{top: -40px;left: 0;right: 0}
    .sec05 .item_greeting .item-p-greeting{flex-direction: column;}
    .sec05 .item_greeting .item-p-greeting .l{width: 100%}
    .sec05 .item_greeting .item-p-greeting .r{width: 100%;position: relative;z-index: 2;margin: -20px 0 20px 0;text-align: center;}
    .sec05 .item_greeting:after{display: none}
    .sec05 .item_greeting .item-p-greeting .l:before{width: calc(100% + 30px);height: 600px;background: url(../images/bg_after_greeting.png) center left -17px /cover no-repeat;top: 20%;position: absolute;content:"";left: -15px;}
    .sec05 .after_greeting{position: relative;bottom:0;right: 0;width: 100%;left: 0;margin: 27px auto 0 auto;text-align: center;height: auto;}
    .sec05 .item_greeting .item-p-greeting .l{padding-bottom: 0;top: -20px;}
    .sec05 .item_greeting .item-p-greeting .l .ct_l{padding: 15px;}
    .sec05 .item_greeting .item-p-greeting .l .name{font-size: 20px;margin-bottom: 10px;text-align: center;}
    .sec05 .item_greeting .item-p-greeting .l .desc{margin-bottom: 15px}
    .sec05 .item_greeting .item-p-greeting .l .desc p{font-size: 14px}
    .sec05 .item_greeting .item-p-greeting .l .ct_l:before{width: 100%;left: 0;height: calc(100% + 70px);top: 0;}

    .sec05 .item_feature{margin-bottom: 30px;}
    .sec05 .item_feature .inner:before{height: calc(100% + 83px);}
    .sec05 .item_feature .inner .ct_inner{width: 100%}
    .sec05 .item_feature .title{margin-bottom: 90px}
    .sec05 .item_feature .ct{flex-direction: column;width:100%;max-width:400px;margin:0 auto}
    .sec05 .item_feature ul.ct li{width: 100%;margin-bottom: 25px}
    .sec05 .item_feature ul.ct li .img img{width: auto}
    .sec05 .item_feature ul.ct li .circle{line-height: 1.3em}
    .sec05 .item_feature ul.ct li .name{font-size: 18px;}
    .sec05 .item_feature ul.ct li .circle .num{font-size: 25px}
    .sec05 .item_feature ul.ct li .desc{font-size: 14px}

    .sec05 .item_flow{}
    .sec05 .item_flow .ct_inner:before{height: 100%;top: 42px;width: 100%;left: 0;}
    .sec05 .item_flow .title{margin-bottom: 60px}
    .sec05 .item_flow .inner .ct_inner{width: 100%}
    .sec05 .item_flow .list_flow{max-width: 500px;}
    .sec05 .item_flow .list_flow li .user{width:110px;height: 110px;margin: 0 auto;}
    .sec05 .item_flow .list_flow li{width: calc((100% - 45px) / 3);margin: 0 auto;}
    .sec05 .item_flow .list_flow li .user img{width: 38px;max-height: 100%;height: 35px}
    .sec05 .item_flow .list_flow li .name{font-size: 15px}
    .sec05 .item_flow .list_flow li .user .num{font-size: 17px;left: -11px;}
    .sec05 .item_flow .list_flow li .user .num:before{width: 30px;bottom: 0}
    .sec05 .item_flow .list_flow li:not(:last-child):before{width: 9px;height: 17px;right: -11px;top: calc(50% - 30px);}

    .sec05 .item_feature ul.ct li .circle .txt{font-size: 12px;line-height: 1.3;}
    .sec05 .item_feature ul.ct li .circle .num{font-size: 20px}

    /* sec06 */
    .sec06{padding: 5px 0 30px 0}
    .sec06 .tt_contact{font-size: 22px;padding: 0 15px}
    .sec06 .tt_contact_sub{font-size: 15px;padding: 0 15px;margin: 0 0 30px 0;}
    .sec06 .iframe1{padding: 5px 15px 15px 15px;width: calc(100% - 30px);margin: 0 auto;}
    .sec06 .privacy{margin:20px 0 17px 0}
    .sec06 .privacy .privacy-box{padding: 20px}

    /* sec07 */
    /* sec08 */

    /*ALL PAGE*/
    .ct_contact{padding:20px 0 30px 0}
    .ct_contact .ct_contact_sub{width: 100%;max-width: 370px;margin: 0 auto;}
    .ct_contact .ct_contact_sub .btn_contact{width: 100%;max-width: 370px;margin: 0 auto}
    .ct_contact .tt_contact{font-size: 22px;margin: 5px 0 60px 0;}
    .ct_contact .desc_index{font-size: 15px}
    .ct_contact .btn_contact li{margin: 0px 0 20px 0;}
    .ct_contact .btn_contact li.first a{flex-direction: column;}
    .ct_contact .btn_contact li.first a .l .small{left: 0;display: inline-block;margin-bottom: 5px;}
    .ct_contact .btn_contact li.first a .l{font-size: 18px;margin:0px 0 10px 0}
    .ct_contact .btn_contact li.first a .r{width: 220px;left: 0;height: 30px;max-width: 100%;}
    .ct_contact .btn_contact li.first a .r span{font-size: 14px}
    .ct_contact .btn_contact li.second{flex-direction: column;}
    .ct_contact .btn_contact li.second a{margin-bottom: 20px;max-width: 370px;}
    .ct_contact .btn_contact li.second a:last-child{margin-bottom: 0}
    .ct_contact .btn_contact li.second a span{font-size:16px}
    .ct_contact .btn_contact li.second a.line span{font-size: 20px}
    .ct_contact .btn_contact li.second a.line:before{left: 70px}
    .ct_contact .btn_contact li.second{margin-bottom: 0}
    .ct_contact .btn_contact li.second a.phone:before{left: 35px}
    /*============ FOOTER ============*/
    footer{margin-bottom: 50px;}
    footer .info_campany{padding: 40px 0;min-height: auto;}
    footer .info_campany:before{height: 100%}
    footer .info_campany .inner{flex-direction: column}
    footer .info_campany .l{width: 100%;padding: 0;margin-bottom: 20px;}
    footer .info_campany .r{width: 100%;margin-right: 0;text-align: center}
    footer .info_campany .l{order:2;margin-bottom: 0;}
    footer .info_campany .r{order:1;margin-bottom: 20px}
    footer .info_campany .l ul li{margin-bottom: 10px}
    footer .info_campany .l ul li span{padding-left: 10px;max-width: 115px;width: 100%;margin-right: 10px;height: 35px;}
    footer .box_map{height: 299px}
    footer .info_footer .txt_ft{font-size:14px}
    footer .info_footer .logo_ft{width: 120px;margin-left: 0;margin-right: 25px;height: 32px;}
    footer .info_footer .logo_ft img{max-height: 100%;width: auto;}
    footer .ct_contact .ct_contact_sub{width: 100%}
    footer .ct_contact{min-height: auto;padding: 39px 0;}
    footer .ct_contact .tt_contact{margin: 0px 0 0px 0;}
    footer .ct_contact .info_contact_user .desc_index{font-size: 15px;width:100%;margin: 60px 0 30px 0;}
    footer .ct_contact .btn_contact li.first a:before{left:40px}
    footer .ct_contact .info_contact_user:after{width: 113px;height: 124px;right: 0;top: -100px;}
    footer .ct_contact .info_contact_user .txt_user{font-size: 10px;right: 110px;bottom: initial;top: 2px;}
    footer .info_footer .inner{justify-content: center}

    address{padding: 10px}
    footer .info_footer .txt_ft{padding:10px 0}
    .ft_top .inner{flex-wrap: wrap;justify-content: center;}
    .ft_info{width: 290px;padding-right: 0;}
    .ft_map{width: 100%;margin-top: 30px;}
    .ft_map_iframe{height: 199px;}

    /*   FOOTER BANNER */
    .ft_bnn{justify-content: space-between;flex-wrap: wrap;}
    .ft_bnn li{width: 48%;margin: 0 0 30px;}
    .ft_social{padding-top: 0;}


    /* sp contact */
    .sp_contact{display:flex;justify-items:center;align-items:center;width:100%;height:50px;position:fixed;left:0;z-index:99; bottom:-55px;transition: all 0.3s;}
    .sp_contact.show{bottom: 0;}
    .sp_contact li{width:50%;height:100%;}
    .sp_contact li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-weight: bold;line-height: 1.5em;}
    .sp_contact li a span{position:relative;padding-left:25px}
    .sp_contact li a span::before{content:"";position:absolute;width:28px;height:30px;left:-5px;top:calc(50% - 14px)}
    .sp_contact_tel{background-color:#fff}
    .sp_contact li.sp_contact_tel a span::before{background:url(../images/ic_tel_sp.png) center /cover no-repeat;width:23px;height:25px;top: calc(50% - 10px);left: -7px;}
    .sp_contact_email{background-color:#E95079}
    .sp_contact_line{background-color:#00BA51}
    .sp_contact li.sp_contact_email a span::before{background:url(../images/ic_email_sp.png) center /cover  no-repeat;width:24px;height:15px;top: calc(50% - 8px);left: -8px;}
    .sp_contact li.sp_contact_line a span::before{background:url(../images/ic_line_sp.png) center /cover  no-repeat;width:25px;height:24px;top: calc(50% - 10px);left: -8px;}
    .sp_contact li.sp_contact_tel a{color:#E95079}
    .contact_menu {margin: 15px 0}
    .contact_menu .item{width:100%;max-width: 320px;margin:0 auto 15px auto;}
    .contact_menu .item a{display: flex;background: #fff;height: 75px;justify-content: center;border-radius: 10px;flex-direction: column;padding-left: 80px;font-weight: bold;font-family: var(--f-YuGothic);font-size: 20px;color:#fff;position: relative;padding-right: 30px;}
    .contact_menu .item.item2 a{background: #E95079}
    .contact_menu .item.item3 a{background: #00BA51}
    .contact_menu .item.item1 a{font-family: var(--f-Josefin);font-size: 18px;}
    .contact_menu .item.item1 a .phone{color:#E95079;line-height: 1em;}
    .contact_menu .item.item1 a .time{color:#E95079;font-size: 12px;font-family: var(--f-YuGothic);font-weight: bold;font-weight: bold;margin-left: 8px;}
    .contact_menu .item a:before{position: absolute;content:"";left: 15px;top: calc(50% - 25px);width: 50px;height: 50px}
    .contact_menu .item.item1 a:before{background: url(../images/ic_tel_sp1.png) center /cover no-repeat}
    .contact_menu .item.item2 a:before{background: url(../images/ic_email_sp1.png) center /cover no-repeat}
    .contact_menu .item.item3 a:before{background: url(../images/ic_line_sp1.png) center /cover no-repeat;width: 56px;height: 54px}
    .contact_menu .address{color:#fff;font-size: 16px;font-weight: 500}
    /* to top */
    .to_top{width:40px;height:40px;right:5px}
    .to_top a img{bottom:0;position:absolute}
    .to_top::before{width:10px;height:10px;left:15px;top:18p}
    .to_top::after{width:10px;height:10px;left:10px;top:20px}
    /*============ END 750 ============ */

    .title .ja{font-size: 23px}
    .title:before{width: 150px;height: 150px;top:-30px}
    .desc_index{font-size: 14px}

    .sec04 .item_voice .list_voice li:last-child,.sec04 .item_qa .ct_qa .list_qa dl dd .desc_qa p:last-child,.sec04 .item_qa .ct_qa .list_qa dl:last-child,.sec05 .item_feature ul.ct li:last-child{margin-bottom: 0}
    .sroll{display: none}

    /*FMAIL*/
    .sec06 .iframe1 .ct_iframe1{width: 100%}

    /*  CUSTOM PAGE*/
    .txt_smal{font-size: 13px}
    .item3_cus{padding-bottom: 150px;max-width: 500px;margin: 40px auto auto;width: 100%;}
    .item3_cus .user_cus{top: initial;bottom: 0;}
    .item3_cus .txt_cus{font-size: 16px;padding: 15px;height: 100px;line-height: 1.6em;max-width: 350px;}
    .item3_cus .user_cus.cus1{display: flex;width: 119px;height: 136px;align-items: center;justify-content: center;left: 115px;}
    .item3_cus .user_cus.cus2{display: flex;width: 147px;height: 130px;align-items: end;justify-content: end;right: 100px;top: initial;bottom: 0;}
    .item3_cus .user_cus.cus1 img,.item3_cus .user_cus.cus2 img{max-height: 100%}
    .item3_cus .txt_cus_user{font-size: 12px;}
    .item3_cus .txt_cus_user.txt1{top:0;left: -5px;display: none;}
    .item3_cus .txt_cus_user.txt2{top: 20px;right: 43px;bottom: initial;}

    .tt_content{width: 100%;max-width: 500px;margin: 0 auto}
    .tt_content .txt_user,.tt_content .txt_user.txt2{display:flex;justify-content: center;align-items: center;top: initial;bottom: 23px;font-size: 12px;}
    .tt_content .txt_user.txt2{right: 195px;bottom: 80px;}
    .tt_content .txt_user.txt1{left: 10px;display: none;}

    .tt_content:before, .tt_content:after{bottom: -30px}
    .tt_content:before{width: 118px;height: 148px;left: 110px;}
    .tt_content:after{width: 166px;height: 147px;right: 110px;}

    .sec05 .item_greeting .item-p-greeting .r .txt_user{bottom: -30px;left: 0;right: 0;margin:0 auto}
    .sec05 .after_greeting .txt_user{right: 0;left: 0;margin: 0 auto}

}



/* screen-max:460px */
@media screen and (max-width: 440px) {
    .sp440 {display: block !important;}
    .ft_bnn li{width: 100%;}
    .sp_contact li a{font-size: 12px}
    .main_slider li .bg{top: 0;width: 100%;}
    .mv:before{height: 240px}
    .mv_txt .home{font-size:50px;top:20px}
    .mv_txt .txt1{font-size: 15px}
    .mv_txt .txt1 span:before, .mv_txt .txt1 span:after{height: 40px;}
    .mv_txt .txt1 span:after{right: -60px;top: 0}
    .mv_txt .txt1 span:before{top: 0;left: -20px}

    .mv_txt .txt2{font-size: 24px}
    .mv_txt .desc_mv{font-size: 16px}
    .mv_txt .txt4 .big{font-size:150%}
    .mv_txt .txt3{font-size: 18px}
    .mv_txt .txt4{font-size: 30px}

    /*SEC01*/
    .sec01 .sec01_item_1{padding: 60px 0 0px 0;}
    .sec01 .think{/* flex-direction: column; */align-items: center;}
    .sec01 .sec01_item_1 .think .l{margin-top: 30px;}
    .sec01 .sec01_item_1 .think .r{order: 1;width: 100%;}
    .sec01 .sec01_item_2{padding: 20px 0}
    .sec01 .sec01_item_2 .inner:before,.sec01 .sec01_item_2 .inner:after{width: 35px;height: 30px;top: -40px;}
    .sec01 .sec01_item_2 .inner:before{left: 15px;}
    .sec01 .sec01_item_2 .inner:after{right: 15px;}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle{font-size: 14px;width: 90px;height: 90px;left: 0;}
    .sec01 .sec01_item_2 .list_item_2 li.item1{width: 100%}
    .sec01 .sec01_item_2 .list_item_2 li.item2{font-size: 20px;margin: -20px 0 0 0;padding-top: 0;}
    .sec01 .think .l{width: 190px;height: 189px;left: -15px;bottom: -3px;justify-content: center;align-items: center;}
    .sec01 .think .list_think .item1,.sec01 .think li{font-size: 3.2vw}
    .sec01 .sec01_item_3 .think .l{left: 25px}
    .sec01 .list_sec01{margin: 0px auto 10px auto;}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle:before{top:-15px}
    .sec01 .sec01_item_2 .user_sp{align-items: center;width: 85px;height: 200px;display:flex;justify-content:center;position: absolute;right: 15px;bottom: -20px;z-index: 2;top: initial;}
    .sec01 .sec01_item_2 .user_sp img{max-height: 100%}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .circle:after{border-width: 5px 0 5px 12px;right: -10px;top: calc(50% - 3px);}
    .sec01 .sec01_item_2 .list_item_2 li.item1 .txt_sp{width: calc((100% - 110px))}
    .sec01 .sec01_item_3{padding: 30px 0;}
    .sec01 .sec01_item_3 .think{margin-right: 0;}
    .sec01 .sec01_item_3 .think .l{margin-top: 0;}
    .sec01 .sec01_item_3 .item4, .sec01 .sec01_item_3 .item5{border-radius: 5px;width: 100%;height: auto;padding: 15px;border: 2px solid #277da1;font-size:3.4vw;line-height: 1.7em;}
    .sec01 .sec01_item_3 .item4 span:not(.txt3){font-size: 16px}
    .sec01 .think li.item4:before{width: 16px;height:12px;right: -15px;top: calc(50% - 8px);}
    .sec01 .think li.item5:before{width: 22px;height: 18px; top: calc(50% - 10px);right: -21px}
    .sec01 .sec01_item_3 .item5 span{font-size:16px;}
    .sec01 .sec01_item_3 .item4{left: 0;}
    .sec01 .sec01_item_3 .item5{left: 0}
    .sec01 .txt_user{font-size: 3vw;top: initial;right: 90px;bottom: 6px;width: 100px;}
    .sec01 .sec01_item_3 .think .r{margin-left:0}

     /*SEC02*/
     .sec02 .title .ja .f30{font-size: 24px}
     .sec02 .list_sec02 ul.ct li .circle{padding-top: 7px}
     .sec02 .list_sec02 ul.ct li .circle .txt{font-size: 12px;line-height: 1.2}
     .sec02 .list_sec02 ul.ct li .circle .num{font-size: 20px}

    /*SEC04*/

    .sec04 .list_case li .info_bt dl{font-size: 3.5vw;}
    .sec04 .list_case li .info_bt dl dt{max-width: 75px;height: 30px;font-size: 3vw;}
    .sec04 .list_case li .info_bt dl dd{font-size: 3.3vw;letter-spacing: -0.02em;}
    .sec04 .list_case li .info_ct .txt{font-size: 3.7vw}
    .sec04 .list_case li .info_ct .txt2 span, .sec04 .list_case li .info_ct .txt1 span {font-size: 3.5vw;}
    .sec04 .item_voice .list_voice li .l .name{font-size:3.4vw;}
    .sec04 .list_case li .l .user{display: flex;align-items: center;width: 252px;height: 155px;margin-top: 0;}
    .sec04 .list_case li .info_tt .num{font-size: 75px;margin: 0px 30px 0px 0;display: flex;justify-content: center;align-items: center;width: 63px;height: 57px;}
    .sec04 .list_case li .info_tt .num:before{width: 37px;height: 10px;bottom: -25px}
    .sec04 .list_case li .info_tt .txt{font-size: 16px;left: 0;}
    .sec04 .list_case li .l .user img{max-height: 100%}


    /*SEC05*/
    .sec05 .item_flow .list_flow li .user{width:22vw;height: 22vw;margin: 0 auto;}
    .sec05 .item_flow .list_flow li .name{font-size: 2.6vw}
    .sec05 .item_feature ul.ct li .name{}

    /*  contact menu SP*/
    .contact_menu .item:not(.item1) a{padding-right: 70px}
    .contact_menu .item:not(.item1) a span{text-align: center}

    /*footer*/
    footer .info_campany .l ul li,footer .info_campany .l ul li span{font-size: 3.2vw}
    footer .info_campany .l ul li span{max-width: 100px}
    footer .info_footer .txt_ft{font-size:4vw;padding: 5px 0}
    footer .ct_contact .info_contact_user .txt_user{font-size: 2.6vw;width: auto;right: 110px;bottom: initial;top: 2px;}
    footer .info_footer .inner{justify-content: space-between}
    .ct_contact .btn_contact li.second a.phone:before{left: 20px}
    footer .ct_contact .btn_contact li.first a:before,.sec04 .item_contact .ct_contact .btn_contact li.first a:before{left: 25px}
    .ct_contact .btn_contact li.second a.line:before{left: 55px}

    /*    CUSTOPM PAGE*/
    .item3_cus .txt_cus_user{font-size: 3vw}
    .item3_cus .txt_cus_user.txt1,.item3_cus .txt_cus_user.txt2{font-size:2.8vw}
    .item3_cus .user_cus.cus1{left: 25px}
    .item3_cus .user_cus.cus2{right: 25px}
    .item3_cus .txt_cus_user.txt2{right: 40px;}

    .tt_content:before{left: 50px;}
    .tt_content:after{right: 50px;}
    .tt_content .txt_user.txt1{font-size: 2.8vw;bottom: 35px;left: 10px;}
    .tt_content .txt_user.txt2{bottom: 80px;top: initial;right: 140px;font-size: 2.8vw;}


}

/* screen-max: 360px */
@media screen and (max-width: 360px) {
    .sp_contact li a{font-size: 3.5vw}
    .mv_txt .home{font-size: 14vw;}
    .mv_txt .txt1{font-size: 14px}
    .mv_txt .txt1 span:before, .mv_txt .txt1 span:after{height: 40px;}
    .mv_txt .txt1 span:after{right: -60px;top: 0}
    .mv_txt .txt1 span:before{top: 0;left: -20px}
    .mv_txt .txt2{font-size: 20px}
    .mv_txt .txt2 span:before{height: 3px}
    .mv_txt .txt3{font-size: 4.5vw}
    .mv_txt .txt3 span{max-width: 220px}
    .mv_txt .txt4{font-size: 28px}

    /*    CUSTOPM PAGE*/
    .item3_cus .txt_cus_user{font-size: 3vw}
    .item3_cus .txt_cus_user.txt1,.item3_cus .txt_cus_user.txt2{font-size:2.8vw}

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

    .mv_txt .txt1{font-size: 14px}
    .mv_txt .txt1 span:before, .mv_txt .txt1 span:after{height: 40px;}
    .mv_txt .txt1 span:after{right: -60px;top: 0}
    .mv_txt .txt1 span:before{top: 0;left: -12px}
    .mv_txt .txt2{font-size: 20px}
    .mv_txt .txt2 span:before{height: 3px}
    .mv_txt .txt3{font-size: 4.5vw}
    .mv_txt .txt3 span{max-width: 220px}
    .mv_txt .txt4{font-size: 28px}
    /*SEC01*/
    .sec01 .think li{font-size:4vw}
    .sec01 .sec01_item_2 .list_item_2 li.item2{font-size:6vw}
    .sec01 .sec01_item_2 .list_item_2 li.item2{padding-top: 10px;margin: -30px 0 10px 0;}
    .sec01 .sec01_item_3 .item5 span{font-size: 3.3vw}
    .sec01 .think .l{width: 110px;height: 124px}
    .sec01 .think .list_think .item1, .sec01 .think li{font-size: 3.1vw}

    .sec01 .sec01_item_2 .list_item_2 li.item1 .txt_sp{font-size: 3.4vw}

    .sec01 .sec01_item_3 .think .l{left:30px}
    .sec01 .sec01_item_1 .think .r{margin-left: -15px}
    .sec01 .sec01_item_3 .item4, .sec01 .sec01_item_3 .item5{padding: 10px}
    .sec01 .sec01_item_3 .item4 span:not(.txt3),.sec01 .sec01_item_3 .item4, .sec01 .sec01_item_3 .item5{font-size: 3vw}

    /*SEC02*/
    .sec02{padding: 50px 0}
    .sec02 .title .ja .f30{font-size: 20px}
    .sec02 .list_sec02 .item .tt .tt_txt{font-size: 3.8vw}
    .sec02 .list_sec02 ul.ct li .name{width: calc(100% - 20px);}
    .sec02 .list_sec02 .item2 .ct_2 ul li.last p:nth-child(1){width:200px;font-size: 18px;}
    .sec02 .list_sec02 .item2 .ct_2 ul li.last p:nth-child(3){width: 170px}
    .sec02 .list_sec02 .item.item2:after{width: 183px;height: 124px}
    .sec02 .list_sec02 .item.item2{padding-bottom: 140px}
    .sec02 .list_sec02 .item.item2 .desc_sec02{font-size: 4.1vw}
    .sec02 .list_sec02 .item.item3 .ct_3 .tt_sub.txt1{font-size: 22px}
    .sec02 .list_sec02 .item.item3 .user_sec03_1{left: 15px;}
    .sec02 .list_sec02 .item.item3 .user_sec03_2{right: -15px;}

    .sec02 .list_sec02 .item.item3 .desc_sec02{font-size: 14px}

    .sec02 .list_sec02 .item.item4 .ct_4 .name, .sec02 .list_sec02 .item.item5 .ct_5 .name{font-size: 15px}

    /*SEC04*/
    .sec04 .list_case li .info_h{font-size: 16px}
    .sec04 .list_case li .info_bt dl{font-size: 3.3vw;}
    .sec04 .list_case li .info_bt dl dt{max-width: 62px}
    .sec04 .list_case li .info_tt .num{font-size: 100px;}
    .sec04 .list_case li .info_tt .num:before{bottom: -50px;left: 8px;}
    .sec04 .list_case li .info_tt .txt{font-size: 14px;margin-left: 0;}
    .sec04 .item_voice .list_voice li .l .name{font-size:3.5vw;width: calc(100% - 90px);}
    .sec04 .item_voice .list_voice li .l .user{width: 80px}
    .sec04 .item_voice .list_voice li .l .user img{width: 80px;height: 80px}
    .sec04 .item_qa .title:before{left: 15px}
    .sec04 .item_qa .title:after{right: 0}
    .sec04 .item_contact .ct_contact .btn_contact li.first a .r{left: 5px}
    .sec04 .item_contact .ct_contact .btn_contact li.first a:before{left: 10px}
    .sec04 .list_case li .info_ct .txt{font-size: 3.5vw}

    /*SEC05*/
    .sec05 .item_greeting .item-p-greeting .l .name{font-size: 18px}
    .sec05 .item_flow .list_flow li .name{font-size: 2.5vw}
    .sec05 .item_flow .list_flow li .user .num {font-size: 15px;left: -13px;}

    /*SEC06*/
    .sec06{padding: 15px 0 80px 0}
    .sec06 .tt_contact{font-size: 20px}

    /*ALL PAGE*/
    .sp_contact li a{font-size: 3.3vw}

    footer .info_footer .txt_ft{font-size: 3.8vw}
    footer .ct_contact .btn_contact li.first a .r{left: 15px;width: 200px}
    footer .info_campany .l ul li span{max-width:85px;padding-left: 5px;}
    footer .ct_contact .info_contact_user .desc_index{font-size: 14px}
    footer .ct_contact .info_contact_user .desc_index{margin: 60px 0 20px 0;}

    .ct_contact{padding: 25px 0 30px 0}
    .ct_contact .tt_contact{font-size: 20px}
    .ct_contact .btn_contact li.first a .r span{font-size: 4vw}
    .ct_contact .btn_contact li.second a span.tel{font-size: 26px}
    .ct_contact .btn_contact li.second a.line:before{left: 40px}
    .ct_contact .btn_contact li.first a .l .small{margin-bottom: 10px}
    .ct_contact .btn_contact li.first a .l{font-size: 14px}
    .ct_contact .btn_contact li.first a:before{width: 50px;height: 50px;left: 5px}
    .tt_content:before{left: 20px;}
    .tt_content:after{right: 20px;}
    .tt_content .txt_user.txt2{right: 120px}
    .title .ja{font-size: 20px}

    /*CUSTOM PAGE*/
    .item3_cus .txt_cus{font-size: 4.4vw}
    .item3_cus .user_cus.cus1{left: 5px}
    .item3_cus .user_cus.cus2{right: 5px}
    .item3_cus .txt_cus_user.txt2{right: 30px}

}