@media (min-width:0px) and (max-width:500px){

.sub_banner.sub1 .sub_bg{background:  url("../img/sub1.png") no-repeat 20% 0;}
.sub_banner.sub2 .sub_bg{background:  url("../img/sub2.png") no-repeat 80% 20%;}
.sub_banner.sub3 .sub_bg{background:  url("../img/sub3.png") no-repeat center center;}
.sub_banner.sub4 .sub_bg{background:  url("../img/sub4.png") no-repeat 20% center;}
.sub_banner.sub5 .sub_bg{background:  url("../img/sub5.png") no-repeat 85% 0;}
.sub_banner.sub6 .sub_bg{background:  url("../img/sub6.png") no-repeat 50% 100%;}
.sub_banner.sub7 .sub_bg{background:  url("../img/sub7.png") no-repeat 60% center;}
.sub_banner .sub_banner_inner{background: rgba(35, 35, 35, 0.8) url('../img/sub_logo_bg.png') no-repeat 50% 50% / 40%;}
.sub_logo_bg{background: url('../img/logo_bg.png') no-repeat  140% calc(100% - 30px) / 80%;}
.sub_banner .sub_banner_name i{font-size: 5vw;}
/* subbanner */
.sub_banner { height: 30rem;}
.sub_banner .sub_banner_name{font-size: 3.5rem;}
/*  */
.m1_wrap>*{width: 95%;border-radius: 3rem;}
.m1_wrap .txt_box{left: 5%;}
.m1_tit img{width: 20vw;height: auto;}
.m1_tit{
    height: 90px;
    padding-top: 0;
    font-size: 6vw;
}
.m14_ul {gap: 1rem;}
.m14_ul h5 {font-size: 4vw;}
.m14_ul p {font-size: 3.3vw;}
.m2 .img_wrap { border-radius: 50px 0 0 0;}
.m2 .right_img .img_wrap {border-radius: 0 50px 0 0 ;}
.img_wrap.radius { border-radius: 50px 0 50px 0;}
.txt_wrap.box_w {padding: 1.5rem;}
.check_orange li {
    gap: .7rem;
    font-size: 1.7rem;
    padding: 0.8rem 0;
}
.m22::before {border-radius: 0 50px 0 0;}
.m34_flex{flex-direction: column;align-items: center;}
.m34_flex img{transform: rotate(90deg);}
.m24_circle{font-size: 10vw;gap: .5rem;width: 50%;}
.m24_circle .box{font-size: 5vw;padding: 1rem 4vw;}
.m29_check li{font-size: 1.6rem;margin: .6rem 0;gap: .5rem;}
.m26_txt .point{font-size: 2rem;}
.m32ul li{flex-direction: column;align-items: center; padding-top: 1rem;text-align: center;}
.m35_wrap {padding: 2rem 1rem;}
.m35_wrap li {font-size: 1.6rem; margin: 1rem 0rem;}
.m36_box{font-size: 1.6rem;}
.m36_banner{font-size: 3.5vw;padding: 2rem 0;}
.m37_ol{gap:2rem; }
.m37_tit{font-size: 4vw;}
.m34_flex.m41 .m24_circle {
    min-width: 200px;
    width: 57%;
}
}
@media (min-width:0px) and (max-width:320px){
    .sub13_ul{ grid-template-columns: repeat(1,1fr);}
    .grid2_ul{ grid-template-columns: repeat(1,1fr);}
    .quick_button {flex-direction: column; gap: 1rem; }
}