@media (min-width:0px) and (max-width:1520px){
    
    .marketing_tit {
        font-size: 45px;
    }    
    .manager_tit {
        margin-top: 320px;
    }
    .connecting_tit h3 i {
        display: block;
        padding-left: 2em;
    }


}

@media (min-width:0px) and (max-width:1280px){
    .c1_banner img {
        height: 70px;
        margin: 15px 0;
    }
    .c1_tit {
        font-size: 46px;
    }
    .c2_tit_wrap {
        flex-direction: column;
        align-items: center;
        gap: 50px;
        font-size: 35px;
    }
    .c2_tit_wrap li {
        justify-content: center;
    }
    .c2_tit_bot {
        font-size: 42px;
    }
    .c2_flex_tit{
        font-size: 50px;
    }
    .c2_sub_tit {
        font-size: 30px;
    }
    .c2_sub_tit + em {
        font-size: 20px;
        font-weight: 400;
    }
    .c2_sub_tit i {
        display: block;
    }
    .c2_bnanner img {
        max-width: 30px;
        margin-bottom: 5px;
    }
    .c3_main_tit .box {
        padding: 12px 40px;
    }
    .c3_main_tit {
        gap: 35px;
    }
    .c3_main_tit .tit {
        font-size: 40px;
    }
    .manager_wrap {
        position: relative;
        justify-content: center;
        gap: 20px;
        top: 0;
        height: 200px;
    }
    .manager_img{
        max-width: 200px;
    }
    .manager_tit {
        margin-top: 0;
    }
    .c4_sub_tit {
        margin: 30px 0 50px;
    }
    .c6_banner .tit {
        font-size: 38px;
    }
    .inquiry_tit b {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .inquiry_wrap{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .inquiry_left{
        position: relative;
        top: 0;
        transform: none;
        width: 80%;
        max-width: 500px;
    }
    .inquiry_bottom .tit {
        font-size: 18px;
    }



}

@media (min-width:0px) and (max-width:1080px){
    
    .c3_pagination {
        flex-wrap: wrap;
        font-size: 15px;
    }
    .c3_pagination li {
        width: auto;
        z-index: 1;
        flex: 1 0 25%;
        border-radius: 8px;
    }
    .c3_pagination li.on{
        background: #fff;
    }
    .c3_pagination::before{content: none;}
    .c3_swiper .cover {
        padding: 25px;
    }
    .c3_swiper .num {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .c3_tit {
        font-size: 28px;
    }
    .c3_swiper li {
        font-size: 18px;
        gap: 10px;
        line-height: 2;
    }
    
    .c2_flex {
        gap: 20px;
        flex-direction: column-reverse;
    }
    .c2_flex.left_img{
        flex-direction: column-reverse;
    }
    .c2_bnanner {
        padding: 50px 0;
            margin-bottom: 80px;
    }
    .c2_banner_line {
        height: 80px;
    }
    .c4_swipwer_wrap .num{ 
        top: 20px;
        right: 30px;
        color: #E9E9E9;
        font-size: 62px;
    }

}

@media (min-width:0px) and (max-width:900px){
    *.m50{margin-bottom: 3rem;}
    *.m20{margin-bottom: 1.5rem;}
    *.m10{margin-bottom: 1rem;}
    p {font-size: 3vw;}

    .manager_wrap {
        height: auto;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }
    .manager_tit img {
        right: auto;
        left: 20%;
    }
    .marketing_tit {
        font-size: 38px;
    }
    .c4_swipwer_wrap .swiper-slide{    
        font-size: 18px;
        padding: 10px 20px 20px;
    }
    .c4_swipwer_wrap .swiper-slide img{
        width: 100px;
    }
    .c4_swipwer_wrap .tit {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .connecting_tit{
        flex-direction: column;
    }
    .connecting_tit h3{
        font-size: 34px;
    }
    .connecting_tit h3 i {
        font-size: 17px;
    }
    .connecting_tit p{
        font-size: 18px;
        /* padding-left: 1em; */
    }
    .online_wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .offline_wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .offline_wrap li.wide {
        grid-column: span 2;
        aspect-ratio: 3/1;
    }
    .tall {
        grid-row: span 1;
    }
    .homepage > img {
        margin: 30px 0;
    }
    .inquiry_tit b {
        font-size: 30px;
    }












}
@media (min-width:0px) and (max-width:770px){
    .inquiry_bottom ol {
        flex-direction: column;
    }
}