@media(max-width:1360px){
    /* .approach .approach_wrap .approach_txt_wrap .approach_txt_box:before{left: 60px;} */
}
@media(max-width:1220px){
    .container{width: 100%;}
    .approach .approach_wrap{width: 100%;}
    .approach .approach_wrap .approach_txt_wrap .approach_txt_box:before{width: 0;}
    .approach .approach_wrap .approach_txt_wrap .approach_txt_box{padding-left:60px; padding-right:60px; width:calc(100% - 60px); }
    .approach .approach_wrap .approach_txt_wrap .approach_title{padding-left: 120px;}
    .approach .approach_wrap .approach_txt_wrap .approach_title:before{left: 120px;}

    .login .login_item .login_form{width: 100%; text-align: center;}
    .login .login_item .login_form .login_form_wrap{float:none; display: inline-block;}
}
@media(max-width:1180px){
    .header .header_wrap .gnb_wrap{margin-left: 135px;}
}

@media(max-width:1160px){
    .firm .firm_wrap .firm_graphic{width:100%; padding-left: 60px; box-sizing:border-box; background-position: 95% 50%; background-size: 50% auto;}
    .firm .value_wrap{width: 100%; box-sizing:border-box; padding:0 40px; padding-bottom: 120px;}
    .visual{width:100%;}
    .visual .page_title{width:100%; padding:0 60px; padding-bottom: 38px;}
    .visual .page_title:before{left: 60px;}
    .visual .page_txt{width:100%; padding:0 60px;}

    


}

@media(max-width:1060px){
    .header .header_wrap .gnb_wrap{display: none;}
    .header .header_wrap .languege_wrap{display: none;}
    .header .header_wrap .btn_hambuger{display: block;}
    .header .header_wrap{height: 42px;}
    .header .header_wrap .logo{padding: 12px 0;}
    .main .main_wrap .main_adress{display: none;}
    .main .main_wrap .main_copy{width: 100%; text-align: center; font-size: 22px; color:rgba(255,255,255,0.7); right:50%; transform:translateX(50%);  box-sizing:border-box; padding: 0 60px;}

    .firm .value_wrap .value_box_wrap .value_box{width: 33.33%; margin-left: 0 !important;  box-sizing:border-box;}
    .firm .value_wrap .value_box_wrap .value_box.driven{margin-top: 50px;}
    .firm .value_wrap .value_box_wrap .value_box.creativity{margin-top: 50px;}
    .contact .contact_wrap .div__contact_item{width:calc(50% - 15px);}
    .contact .contact_wrap .div__contact_item01{margin-right: 30px;}

    .approach .approach_wrap .approach_txt_wrap .approach_txt_box p br{display: none;}
}
@media(max-width:941px){
    .contact .contact_wrap .div__contact_item dl.cont_item01 dd{min-height:66px;}
}

@media(max-width:920px){
    .row{padding: 0 40px;}
    .visual{height: 798px;}
    /* .visual:before{width: 0;} */
    .visual:before{width:calc(100% - 40px); left: 40px; width: 0;}
    .visual_firm .visual:before{width:calc(100% - 40px); left:40px; height:60px;}
    
    #visual.visual_business{background-image:url(../images/bg_business_m.png); background-size: cover;}
    #visual.visual_contact{background-image:url(../images/bg_contact_m.png); background-size: cover; background-position: 50% 50%;}
    #visual.visual_firm{background-image:url(../images/bg_firm_m.png); background-size: cover; background-position: 50% 50%;}
    .visual .page_title{padding:0 40px; padding-bottom: 20px;}
    .visual .page_title:before{left: 40px;}
    .visual .page_txt{font-size: 30px; line-height: 40px; padding: 0 40px;}
    .visual .page_txt br{display: none;}
    .visual .page_txt span{display: block;}
    #approach{height: 960px;}
    
    .firm .firm_wrap .firm_graphic{padding:120px 40px 120px 40px;}
    .firm .firm_wrap .firm_graphic strong{text-align: left;}
    .firm .firm_wrap .firm_graphic dl dt{text-align: left;}
    .firm .firm_wrap .firm_graphic dl dd{text-align: left;}

    /* .firm .value_wrap .value_box_wrap{padding: 0 40px;} */
    .firm .value_wrap .value_box_wrap .value_box{width:calc(50% - 20px); margin-right: 40px; margin-bottom: 40px;}
    .firm .value_wrap .value_box_wrap .value_box:nth-child(2n){margin-right: 0;}
    .firm .value_wrap .value_box_wrap .value_box.teamwork{padding-left: 0;}
    .firm .value_wrap .value_box_wrap .value_box.excellence{margin-top: 0; padding-left: 0;}
    .firm .value_wrap .value_box_wrap .value_box.integrity{padding-left: 0; margin-top: 0;}
    .firm .value_wrap .value_box_wrap .value_box.creativity{padding-left: 0; margin-top: 0;}
    .firm .value_wrap .value_box_wrap .value_box.driven{padding-left: 0; margin-top: 0;}
    .firm .value_wrap .value_box_wrap .value_box.teamwork a dl .value_img_area{width: 100%; height: auto;}
    .firm .value_wrap .value_box_wrap .value_box.excellence a dl .value_img_area{width: 100%; height: auto;}
    .firm .value_wrap .value_box_wrap .value_box.integrity a dl .value_img_area{width: 100%; height: auto;}
    .firm .value_wrap .value_box_wrap .value_box.creativity a dl .value_img_area{width: 100%; height: auto; }
    .firm .value_wrap .value_box_wrap .value_box.driven a dl .value_img_area{width: 100%; height: auto;}
    .firm .value_wrap .value_box_wrap .value_box a dl .value_img_area .vlaue_img_wrap{border-width:0;}
    .firm .value_wrap .value_box_wrap .value_box a dl .value_img_area .vlaue_img_wrap img{display: block;}
    .firm .value_wrap .value_box_wrap .value_box a:hover dl .value_img_area .vlaue_img_wrap{border-width:0 !important;}
    .firm .value_wrap .value_box_wrap .value_box a dl dt{padding-left: 0;}
    .firm .value_wrap .value_box_wrap .value_box a dl .value_text{padding-left: 0;}

    .approach .approach_wrap .approach_txt_wrap .approach_txt_box{width:calc(100% - 40px); padding:60px 0;padding-left:40px; padding-right:40px;}
    .approach .approach_wrap .approach_txt_wrap .approach_title{padding-left: 80px;}
    .approach .approach_wrap .approach_txt_wrap .approach_title:before{left: 80px;}

    .business .business_wrap .business_item01{width: 100%; padding-right: 0; padding-top: 0;}
    .business .business_wrap .business_item02{display: none;}
    #business .row{margin: 0 40px;}
    

    
}

@media(max-width:780px){
    
    
    .header .header_wrap .logo a{width: 340px; height:23px; background-image:url(../images/m_logo.png);}
    
    .header .header_wrap .btn_hambuger{width: 36px; height: 28px;}
    .main .main_wrap .main_copy{padding: 0 40px;}
    .main .main_wrap .main_txt_box .main_txt .main_txt{padding: 0 40px; margin-top: 16px;}
    .main .main_video_wrap video{height: 100%;}

    .approach .approach_wrap .approach_txt_wrap .approach_txt_box:before{left: 40px;}
    /* .approach .approach_wrap .approach_txt_wrap .approach_txt_box p{padding-left: 80px; padding-right: 40px;} */
    .footer .footer_wrap .footer_address .block{display: block;}

    


}

@media(max-width:720px){
    .row{padding: 0 20px;}
    .header{padding: 21.5px 0;}
    .header .header_wrap{height:14px;}
    .header .header_wrap .logo{padding: 1px 0;}
    /* .header .header_wrap .logo a{width: 170px;} */
    .header .header_wrap .logo a{width: 170px;background-size: 170px 20px;}/* 221110 */
    .menu_loop .header{padding:21.5px 0;}
    .header .header_wrap .btn_hambuger{width: 18px; height: 14px; top:calc(50% - 7px);}
    .main .main_wrap .main_txt_box .main_txt .main_logo{padding-bottom: 30px;}
    .main .main_wrap .main_txt_box .main_txt .main_logo:before{width: 40px; height: 2px; left:calc(50% - 20px);}
    .main .main_wrap .main_txt_box .main_txt .main_logo img{width: 214px;}
    .main .main_wrap .main_txt_box .main_txt .main_txt{font-size: 24px; line-height: 34px; padding-top: 20px; padding: 0 20px;}
    .main .main_wrap .main_txt_box .main_txt.main_txt_pc{display: none;}
    .main .main_wrap .main_txt_box .main_txt.main_txt_mo{display: block;}

    .main .main_wrap .main_copy{font-size: 11px; padding: 0 20px; bottom: 25px;}


    .m_gnb .m_gnb_wrap .gnb_logo{top: 21.5px;}
    .m_gnb .m_gnb_wrap .gnb_logo img{width: 170px;}
    .m_gnb .m_gnb_wrap .btn_close{width: 14px; height: 14px; top: 21.5px;}
    .m_gnb .m_gnb_wrap .gnb_list_box{padding-top: 116.5px;}
    .m_gnb .m_gnb_wrap .gnb_list_box .gnb_list{margin-bottom: 30px;}
    .m_gnb .m_gnb_wrap .gnb_list_box .gnb_list a{font-size: 25px; padding-bottom: 8px;}
    .m_gnb .m_gnb_wrap .gnb_list_box .gnb_list.active a{border-width:3px;}

    .m_gnb .m_gnb_wrap .div__bottom_box{padding:20px 0; border-width:2px;}
    .m_gnb .m_gnb_wrap .gnb_langue_box{ margin:0 10px; background-size: 11px auto; border-width:2px;}
    .m_gnb .m_gnb_wrap .gnb_langue_box li{padding:0 20px;}
    .m_gnb .m_gnb_wrap .gnb_langue_box li:first-child{padding-left: 12px;}
    .m_gnb .m_gnb_wrap .gnb_langue_box li:before{width: 3px; height: 3px; top:calc(50% - 1.5px); left: -1.5px;}
    .m_gnb .m_gnb_wrap .gnb_langue_box li a{font-size: 12px;}
    .m_gnb .m_gnb_wrap .gnb_login_box{font-size: 12px; padding-left: 14px; background-size:9px;}

    

    #approach{height: 640px; background-image:url(../images/bg_approach_m.png); background-size:cover;}
    .approach{padding-top: 121.5px;}
    .approach .approach_wrap .approach_txt_wrap .approach_txt_box{width:calc(100% - 20px); min-height:auto;  padding: 45px 0; margin-top: 60px;}
    .approach .approach_wrap .approach_txt_wrap .approach_txt_box:before{left: 20px;}
    .approach .approach_wrap .approach_txt_wrap .approach_txt_box p{ font-size: 22px; line-height: 30px; padding-left: 20px; padding-right: 20px;}
    .approach .approach_wrap .approach_txt_wrap .approach_title{font-size: 25px; padding-bottom: 15px; padding-left: 20px;}
    .approach .approach_wrap .approach_txt_wrap .approach_title:before{width: 40px; height: 2px; left:20px;}

    .footer .footer_wrap{padding:64px 0 33px; background-size: 130px auto; background-position: 50% 30px;}
    .footer .footer_wrap .footer_address{font-size: 11px; line-height: 16px;}
    .footer .footer_wrap .footer_copy{font-size: 11px; padding-top: 10px;}

    .top_scroll{width: 40px; height: 40px; background-size: 14px 20px; }

    
    .visual{height: 400px;padding: 110px 20px 0 20px;}
    #visual.visual_business{background-size: cover;}
    .visual_firm .visual:before{width:calc(100% - 20px); height:30px; left:20px;}
    .visual .page_title{font-size: 30px;  padding-bottom: 17px; margin-bottom: 14px; padding-left: 0;}
    .visual .page_title:before{left: 0; width:40px;}
    .visual .page_txt{font-size: 15px; line-height: 20px; padding-left: 0; padding-right: 0;}

 

    

    .firm .firm_wrap .firm_graphic{width:100%; padding:60px 20px 0 20px;} 
    .firm .firm_wrap .firm_graphic strong{font-size: 24px; margin-bottom: 30px;}
    .firm .firm_wrap .firm_graphic dl dt{font-size: 18px; margin-bottom: 15px;}
    .firm .firm_wrap .firm_graphic dl dd{font-size: 15px; line-height: 20px;}
    .firm .firm_wrap .firm_graphic .div__firm_graphic_img{padding-top:30px;}

    .firm .value_wrap{padding: 60px 0 50px;}
    .firm .value_wrap .value_title{font-size: 24px;margin-bottom: 30px; padding:0 20px; }
    .firm .value_wrap .value_box_wrap{padding: 0 20px;}
    .firm .value_wrap .value_box_wrap .value_box{width:50%; margin-right: 0; padding-top: 50px; margin-bottom: 30px;}
    .firm .value_wrap .value_box_wrap .value_box.teamwork{background-size: 35px auto;}
    .firm .value_wrap .value_box_wrap .value_box.excellence{background-size: 33px auto;}
    .firm .value_wrap .value_box_wrap .value_box.integrity{background-size: 37px auto;}
    .firm .value_wrap .value_box_wrap .value_box.creativity{background-size: 25px auto;}
    .firm .value_wrap .value_box_wrap .value_box.driven{background-size: 37px auto; margin-bottom: 0;}
    .firm .value_wrap .value_box_wrap .value_box a dl dt{font-size: 18px;padding-bottom: 10px;}
    .firm .value_wrap .value_box_wrap .value_box a dl .value_text{font-size: 14px; line-height: 20px; height: 40px;}
    .firm .value_wrap .value_box_wrap .value_box a dl .value_text br{display: none;}
    .firm .value_wrap .value_box_wrap .value_box a:hover dl dt{color:#151515;}
    .firm .value_wrap .value_box_wrap .value_box a:hover dl .value_text{color:#151515;}
    

    .visual .page_title.page_title_noline{padding-bottom: 0; margin-bottom: 0;padding-top: 75px;}
    .contact{padding:60px 0;}
    .contact .contact_wrap .div__contact_item{width:100%;}
    .contact .contact_wrap .div__contact_item01{margin-right: 0; margin-bottom: 50px;}
    .contact .contact_wrap .div__contact_item strong{font-size:24px; padding-bottom: 25px;}
    .contact .contact_wrap .div__contact_item dl{margin-bottom: 18px;}
    .contact .contact_wrap .div__contact_item dl dt{line-height:22px; width:80px; font-size:15px;}
    .contact .contact_wrap .div__contact_item dl dd{width:calc(100% - 80px); font-size:14px; line-height:22px;}
    .contact .contact_wrap .div__contact_item dl.cont_item01 dd.pc{display: none;}
    .contact .contact_wrap .div__contact_item dl.cont_item01 dd.mo{display: block;}
    .contact .contact_wrap .div__contact_item dl.cont_item01 dd{min-height:auto;}
    .contact .contact_wrap .div__contact_item .div__contact_map{padding-top: 12px;}

    .login{padding-top: 57px;}
    .login .login_item01{display: none;}
    .login .login_item{width: 100%;}
    .login .login_item .login_form{width: 100%;padding:0 60px; text-align: center;}
    .login .login_item .login_form .login_form_wrap{width: 100%; max-width:100%;}
    .login .login_item .login_form_title{font-size: 24px; margin-bottom: 40px;}
    .login .login_item .login_form .login_form_wrap .login_form_input{padding-top: 14px;}
    .login .login_item .login_form .login_form_wrap .login_form_input:after{height:2px; bottom:1px;}
    .login .login_item .login_form .login_form_wrap .login_form_input input{font-size: 18px;height:33px; line-height: 33px;}
    .login .login_item .login_form .login_form_wrap .login_form_input input +label{font-size: 18px;}
    .login .login_item .login_form .login_form_wrap .login_form_input.active input +label{bottom: 37px; font-size: 12px;}
    .login .login_item .login_form .login_form_button{padding-top: 40px;}
    .login .login_item .login_form .login_form_button a{height:50px; border-width:2px; line-height:46px; font-size: 16px;}

    #business .row{margin: 0 20px;}
    .business{}
    .business .business_wrap .business_item .business_desc{padding-bottom: 40px; margin-bottom: 40px;}
    .business .business_wrap .business_item .business_desc strong{font-size: 24px;}
    .business .business_wrap .business_item .business_desc p{font-size: 14px; line-height: 20px;}

    .contact .contact_wrap .div__contact_item .div__contact_map #map1{height:200px;}
    .contact .contact_wrap .div__contact_item .div__contact_map #map2{height:200px;}

    
  
}

@media(max-width:425px){
    .w425_none{display: none;}
}


@media (max-width:370px){
    .firm .firm_wrap .firm_graphic dl dd br{display: none;}
}