@media all and (max-width: 1900px){
    .ceo_wrap .right{width:40%;right:0;}
}


@media all and (max-width: 1600px){
    html{overflow-x: hidden}
    #hd {width:90%;}

    .history_wrap .his_list{margin-left:100px;}


}

@media all and (max-width: 1300px){
    .width-fixed{width:calc(100% - 30px);}

    .gnb_1da{padding:0 40px;}

    .contact #map{height:400px}
    .contact #map2{height:400px}
    .contact #map3{height:400px}
    .contact .addr_info > div + div{margin-left:30px;}

    .sub_con.product .pd_list .pd_item {}
    .sub_con.product .pd_list .pd_item .img{height:17vw;margin:50px 50px 0 50px;width:calc(100% - 100px)}
    .sub_con.product .pd_list .pd_item span{padding-bottom:50px;}

    .esg .img{width:80%;height:40vw;}
    .esg .max{width:100%;}

    .group_wrap img{width:100%;}

    .group_wrap img + img{margin-top:6em;}

    .ci_btm .color_box > div div.color_info div:first-child{width:220px;text-align: left}
    .ci_btm .color_box > div div.color_info div:nth-child(2){width:80px;}
    .ci_btm .color_box > div div.color_info div:last-child{width:calc(100% - 300px);}

    .esg_envi_flex .left{width:180px;}
    .esg_envi_flex .right{width:calc(100% - 180px);}

    .brand_wrap2 .top_img {width:80%;}
    .brand_wrap2 .value_wrap{width:100%;}

    .pd_detail table tr th br{display:none;}

}
@media all and (max-width: 1200px){
    #gnb{display:none;}
    #hd{border-radius: 0;background: transparent;top:0;width:100%;position: fixed;}
    #hd_wrapper{justify-content: space-between;height:75px;background:#fff;border-radius: 37px;width:95%;position: absolute;top:20px;left:50%;transform:translateX(-50%);margin-top:0;z-index: 12}
    #hd.scroll #hd_wrapper{width:100%;border-radius:0;}
    #logo{position: relative;top:initial;left:initial;transform:none;margin-left:30px;}
    .sub_hd #logo{position: relative;top:initial;left:initial;transform:none;margin-left:30px;width:90px;}
    #logo img.miri {width:100%;height: auto}
    .lang{top:50%;right:100px;transform:translateY(-50%);z-index:15;}
    .mobile_btn{display:block;position:absolute;right:30px;top:50%;transform:translateY(-50%);width:40px;height:30px;}
    .mobile_btn span{position:absolute;left:0;height:4px;border-radius: 2px;display: block;background:#e7272b}
    .mobile_btn span:first-child{top:0;transform:translateY(0%);width:75%}
    .mobile_btn span:nth-child(2){top:50%;transform:translateY(-50%);width:100%}
    .mobile_btn span:last-child{top:100%;transform:translateY(-100%);width:80%;}


    #hd.fixed_view {top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);position:fixed;border-radius: 0;display:block;background:#fff;}
    #hd.fixed_view #hd_wrapper{transition: all .4s;}
    #hd .mobile_btn span{transition: all .4s;}
    #hd.fixed_view .mobile_btn span:first-child{top:50%;left:50%;width:110%;transform:translate(-50%,-50%) rotate(45deg);}
    #hd.fixed_view .mobile_btn span:nth-child(2){opacity: 0;}
    #hd.fixed_view .mobile_btn span:last-child{top:50%;left:50%;width:110%;transform:translate(-50%,-50%) rotate(-45deg);}

    #hd.fixed_view #gnb_all{display:block;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;z-index: 10;}
    #hd.fixed_view #gnb_all ul {display:flex;align-items: flex-start;justify-content: center;}
    #hd.fixed_view #gnb_all > ul > li {width:calc(80% / 4);text-align: center}
    #hd.fixed_view #gnb_all > ul > li + li{margin-left:5em;}
    #hd.fixed_view #gnb_all ul li span{font-size:3em;color:#e7272b;font-weight: 600}
    #hd.fixed_view #gnb_all ul li span:after{content:"";width:0;height:2px;background:transparent;display:block;position:relative;transition: all .4s;margin:10px auto 0 auto;}
    #hd.fixed_view #gnb_all ul li:hover span:after{width:100%;background:#e7272b}
    #hd.fixed_view #gnb_all ul li > ul{display:block;margin-top:30px;}
    #hd.fixed_view #gnb_all ul li > ul li {text-align: center}
    #hd.fixed_view #gnb_all ul li > ul li + li {margin-top:1em;}
    #hd.fixed_view #gnb_all ul li > ul li a{font-size:2em;}

    .mission_wrap .item{width:33.33%;}
    .mission_wrap .item + .item{margin-left:80px;}
    .mission_wrap .item + .item:before{left:-60px;}
    .sub_padding{padding:120px 0;}

    .ceo_wrap:after{display:none;}
    .ceo_wrap .right{position:relative;margin-top:30px;top:initial;right:initial;transform: none;width:100%;height:30vw;}
    .width-fixed.ceo{padding-right:0;}

    .history_wrap{/*align-items:stretch*/}
    .history_wrap .his_left{width:50%;flex:1 auto;}
    .history_wrap .his_left img{width:100%;}
    .history_wrap .his_list{width:50%;font-size:0.95em;margin-left:50px;flex:1 auto}
    .his_list .year h3{width:90px;}
    .his_list .year .his_con{width:calc(100% - 90px);}

    .contact .addr_info{margin-top:50px;display: block}
    .contact .addr_info > div{width:100%;margin-left:0;justify-content: flex-start}
    .contact .addr_info > div + div{margin-left:0;margin-top:15px;}

    .esg_group > div img{width:90%;}

    .esg_envi_flex {display:block;}
    .esg_envi_flex .left{width:100%;}
    .esg_envi_flex .right{width:100%;margin-top:30px;}

    .esg_envi_flex .right table tr th{padding:15px 6px;font-size:1.2em;word-break: keep-all}
    .esg_envi_flex .right table tr td{padding:15px 6px;font-size:1.2em;}

    .brand_last .color_box > div div.color_info {display:block;}
    .brand_last .color_box > div div.color_info div:first-child{}
    .brand_last .color_box > div div.color_info div:nth-child(2){margin:10px 0; width:100%;height:auto;display:inline-block;}
    .brand_last .color_box > div div.color_info div:last-child{margin: 0;padding:0;width:100%;}
}
@media all and (max-width: 1024px){
    /*#hd{width:95%;}*/
    .philosophy{padding:120px 0;background-size:130% auto;}
    .philo_wrap {flex-wrap:wrap;justify-content: center;}
    .philo_wrap .item{width:calc(33.33% - 10px);height:30vw;}
    .philo_wrap .item + .item{margin-left:0;}
    .philo_wrap .item:nth-child(2){margin-left:15px;}
    .philo_wrap .item:nth-child(3){margin-left:15px;}
    .philo_wrap .item:nth-child(4){margin-top:30px;}
    .philo_wrap .item:nth-child(5){margin-left:15px;margin-top:30px;}

    .sub_con.product .pd_part a + a{margin-left:15px;}


    .esg_detail > div .con{margin-left:80px;width:calc(100% - 240px);}
    .esg_detail > div .tit{font-size:1.6em;}
    .esg_detail > div .tit:before{right:-33%;}
    .esg_detail > div .tit:after{width:30%;}
    .esg_detail > div .con > div{font-size:1.4em;}

    .ci_btm .color_box{display:block;}
    .ci_btm .color_box > div{width:100%;}
    .ci_btm .color_box > div:last-child{margin:30px 0 0 0;}

    .ci_btm .color_box > div div.color_info div:last-child {display:flex;}
    .ci_btm .color_box > div div.color_info div:last-child span{width:33.33%;}

    .pd_top {display:block;}
    .pd_top .left {width:100%;padding-right:0;display:block}
    .pd_top .left .img{height:95vw;}
    .pd_top .left .pd_thumb{flex-direction: row;width:100%;justify-content: center;}
    .pd_top .left .pd_thumb a + a{margin-left:2em;margin-top:0;}
    .pd_top .right {width:100%;padding-left:0;}
    .pd_detail table tr th{padding:1em;}
    .pd_detail table tr td{padding:1em;}
}
@media all and (max-width: 960px){
    body{font-size:0.7em}

    .main_top #main_slide .item .txt {text-align: center;left:50%;transform:translate(-50%,-50%);width:100%}
    .main_top #main_slide .item .txt .img{width:50%;margin:0 auto;}
    .main_top #main_slide .item .txt p{width:80%;margin:0 auto;}

    .main_tit{text-align: center;}
    .main_tit.ralign{text-align: center;}

    .main_video{background-size:auto 100%;}
    .main_video #videos .item{border:1px solid #eee;}

    .main_tit p{margin-top:20px;font-size:1.7em;}
    .mo{display:block;}
    .pc{display:none;}
    .main_product .product{margin-top:30px;}
    .main_product .product .p_tab ul{justify-content: center;}
    .main_product .product .p_tab ul li{width:50%;}
    .main_product .product #p_list{margin-top:30px;}
    .main_product .product #p_list .swiper-slide .img{height:40vw;}

    .sub_top{height:50vw;}

    .mission_wrap .item .img img{width:25vw;height:25vw;}
    .mission_wrap .item + .item{margin-left:5vw;}
    .mission_wrap .item + .item:before{left:-5vw;top:30%;transform:translateY(-50%);}

    .vision p{font-size:2.5em;word-break: keep-all}
    .partner_top p{font-size:2.5em;word-break: keep-all;}
    .esg p:first-child{font-size:2.5em;word-break: keep-all;}

    .sub_con.product .pd_list .pd_item {width:calc(33.33% - 2.666666666vw);}
    .sub_con.product .pd_list .pd_item:hover{border-radius: 0 5vw 0 5vw;}
    .sub_con.product .pd_list .pd_item .img{height:24vw;margin:5vw 5vw 0 5vw;width:calc(100% - 10vw);}
    .sub_con.product .pd_list .pd_item span{font-size:3vw;padding:1vw 0 5vw;}
    .sub_con.product .pd_list .pd_item + .pd_item{margin-left:4vw !important;}
    .sub_con.product .pd_list .pd_item:nth-child(3n + 1){margin-left:0 !important;}
    .sub_con.product .pd_list .pd_item:nth-child(n + 4){margin-top:3vw !important;}

    .product_detail{width:calc(100% - 20px);}
    .p_box{width:100%;}

    .process_info{display:block;}
    .process_info > div:first-child{width:100%;}
    .process_info > div:last-child{width:100%;padding:30px 0 0 0;}

    .process_step .step {width:calc(33.33% - 26.66px);}
    .process_step .step + .step {margin-left:40px;}
    .process_step .step:nth-child(3n + 1) {margin-left:0;}
    .process_step .step:nth-child(n + 4) {margin-top:40px;}

    #bo_gall .gall_img{width:30%;height:16em;}
    #bo_gall .gall_text_href{padding-left:30px;width:70%;}

    #bo_gall .gall_text_href a span.gall_tit{word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;}

    .esg_detail > div{display:block;}
    .esg_detail > div + div{margin-top:70px;}
    .esg_detail > div .tit{width:100%;}
    .esg_detail > div .tit:before{left:50%;top:calc(100% + 28px);transform:translateX(-50%);}
    .esg_detail > div .tit:after{left:50%;top:100%;transform:translateX(-50%);width:1px;height:30px;}
    .esg_detail > div .con{width:100%;margin:50px 0 0 0;}

    .ci_btm .color_box > div div.color_info{flex-wrap:wrap;}
    .ci_btm .color_box > div div.color_info div:first-child{width:50%;}
    .ci_btm .color_box > div div.color_info div:nth-child(2){width:50%;}
    .ci_btm .color_box > div:first-child div.color_info div:nth-child(2):before{height:3px;width:35%;left:initial;right:0;}
    .ci_btm .color_box > div:last-child div.color_info div:nth-child(2):before{height:3px;width:35%;left:initial;right:0;}
    .ci_btm .color_box > div div.color_info div:last-child{width:100%;display:flex;justify-content: space-between;padding:10px 0 10px 0;border-top:1px solid #ddd;margin-top:10px;border-bottom:1px solid #ddd;}
    .ci_btm .color_box > div div.color_info div:last-child span:first-child{text-align: left;margin-bottom:0;width:24%;}
    .ci_btm .color_box > div div.color_info div:last-child span:nth-child(2){text-align: center;width:38%}
    .ci_btm .color_box > div div.color_info div:last-child span:last-child{text-align: right;width:38%;}

    .esg_envi_flex .right .table_flex{display:block;}
    .esg_envi_flex .right .table_flex table{width:100%;}
    .esg_envi_flex .right .table_flex .arrow{width:100%;margin:10px 0;height:15vw;transform:rotate(90deg);}
    .esg_envi_flex .right .table_flex div:last-child{display:flex;width:100%;height:10vw;}
    .esg_envi_flex .right .table_flex div:last-child div:first-child{margin:0;width:calc(50% - 15px);height:auto}
    .esg_envi_flex .right .table_flex div:last-child div:last-child{width:calc(50% - 15px);height: auto;margin-left:30px;}

    .brand_wrap .logo{margin:50px 0;}

    .brand_last .color_box > div + div{margin-left:20px;}
    .brand_info2{padding:0 0 80px 0;margin-top:30px;}

    .brand_wrap2{padding:80px 0 ;}
    .brand_wrap2 .top_img{display:none;}
    .brand_wrap2 .top_img_m{display:block;margin:0 auto;}
    .brand_wrap2 .value_wrap{display:block;margin:80px 0 0 0;text-align: center;width:100%;}
    .brand_wrap2 .value_wrap .item{text-align: center;margin:0 auto;position: relative;}
    .brand_wrap2 .value_wrap .item + .item{margin-top:40px;}
    .brand_wrap2 .value_wrap .item > div{margin:0 auto}
    .brand_wrap2 .value_wrap .item > p{margin-top:10px;}

    .brand_wrap2 .last{margin-top:90px;}

    .small_tit{margin-bottom:40px;}
}

@media all and (max-width: 767px){
    .width-fixed{width:calc(100% - 20px);}
    #hd_wrapper{height:auto;padding:20px 0;top:10px;}
    #logo{width:160px;margin-left:20px;}
    .sub_hd #logo{width:57.87px;margin-left:20px;}
    .mobile_btn{right:3%;}
    .lang{right:85px;}

    #hd.fixed_view #gnb_all{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:95%;}
    #hd.fixed_view #hd_wrapper{height:auto;padding:20px 0;width:100%;top:0;}
    #hd.fixed_view #gnb_all ul {display:block;width:100%;margin:0;}
    #hd.scroll #gnb_all ul {width:100%;margin:0;}
    #hd.fixed_view #gnb_all > ul > li {width:100%;text-align: left;}
    #hd.fixed_view #gnb_all > ul > li + li{margin-left:0;}
    #hd.fixed_view #gnb_all ul li:first-child {border-top:1px solid #ddd;}
    #hd.fixed_view #gnb_all ul li span{width:100%;display:block;font-size:2em;border-bottom:1px solid #ddd;padding:0.6em 0.3em;position: relative;color:#000;}
    #hd.fixed_view #gnb_all ul li span:after{content:"";width:15px;height:10px;background:url('../img/hd_arrow.png')center / contain no-repeat;margin:0;position:absolute;right:0.3em;top:50%;transform:translateY(-50%);display:block;}
    #hd.fixed_view #gnb_all ul li:hover span:after{width:15px;background:url('../img/hd_arrow.png')center / contain no-repeat;}
    #hd.fixed_view #gnb_all ul li span.active{color:#e7272b}
    #hd.fixed_view #gnb_all ul li span.active:after{transform:translateY(-50%) rotate(180deg);}

    #hd.fixed_view #gnb_all ul li > ul{display:none;margin-top:0;}
    #hd.fixed_view #gnb_all ul li > ul.active{display:block;}
    #hd.fixed_view #gnb_all ul li > ul li {background:#eee;text-align: left;}
    #hd.fixed_view #gnb_all ul li > ul li + li{margin-top:0;}
    #hd.fixed_view #gnb_all ul li > ul li a{width:100%;display:block;font-size:1.8em;border-bottom:1px solid #ddd;padding:0.6em 0.3em;position: relative;color:#000;}

    .sub_nav {display:none}
    .sub_m_nav {display:block;position: relative;margin-bottom:30px;}
    .sub_m_nav ul {display:inline-block;padding-top:60px;width:100%;border-bottom:1px solid #ddd;}
    .sub_m_nav ul li.active{position:absolute;top:0;left:0;padding:15px;font-size:2em;width:100%;display:flex;align-items: center;}
    .sub_m_nav ul li span{display:block;width:100%;position:relative;}
    .sub_m_nav ul li span:after{content:"";background:url('../img/hd_arrow.png')center / contain no-repeat; width:15px;height:10px;display:block;position:absolute;right:15px;top:50%;transform:translateY(-50%);}
    .sub_m_nav ul li:not(.active){display:none;padding:15px;font-size:2em;width:100%;border-top:1px solid #ddd;background:#efefef;}


    #ft_wr{text-align: center;}
    #ft_wr #ft_link{justify-content: center;}
    #ft_wr .link{position:relative;margin-top:40px;}
    #ft_wr .link .family_sel{width:50%;margin:0 auto;}
    #ft_wr .link .family_sel ul{bottom:100%;top:initial;width:50%;left:50%;transform:translateX(-50%);}
    #ft_wr .link .sns ul{justify-content: center}

    .main_tit h3{font-size:3.5em;}

    .main_video{padding:8em 0;}
    .main_product{padding:8em 0; }
    .latest{padding:8em 0;}
    .philosophy{padding:8em 0;}

    .main_video #videos .item .img a > img{opacity: 1}
    .scrolls{display:none;}

    .latest_tab{align-items: center;}
    .latest_tab ul li{font-size:3em;}
    .latest_tab ul li + li{padding-left:10px;margin-left:10px;}
    .latest_tab .more a{font-size:2em;}
    .lat ul{margin-top:5em;}
    .lat li{padding:1.4em;}
    .lat li a{width:calc(100% - (80px + 2em));word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow-x: hidden;}
    .lt_info{width:80px;}
    .lat li a:last-child{width:2em;display:block;opacity: 1;}
    .lat li a:last-child img{width:100%;}

    .sub_top > div h2{font-size:3.3em;margin-top:15vw;}

    .history_wrap {display:block;}
    .history_wrap .his_left{width:100%;height:55vw;position: relative;top:initial;left:initial;margin-top:0;padding-top:0;background:url('../img/history_img.jpg')center / cover no-repeat;overflow: hidden}
    .history_wrap .his_left img{display:none;}
    .history_wrap .his_list{width:100%;margin:30px 0 0 0;font-size:inherit;padding-left:20px;}
    .his_list .year{display:block;}
    .his_list .year h3{width:100%;margin-bottom:15px;}
    .his_list .year .his_con{width:100%;}
    .his_list .his_con > div span{word-break: keep-all}

    .vision p br{display:none;}
    .partner_top p br{display:none;}
    .esg p:first-child br{display:none;}

    .sub_padding{padding:80px 0;}

    .partner_logos{padding:80px 0;}

    .contact .addr_info + .con_tit{margin-top:80px;}

    .philo_wrap .item{height:40vw;width:calc(50% - 7.5px);}
    .philo_wrap .item:nth-child(2){}
    .philo_wrap .item:nth-child(3){margin-left:0;margin-top:20px;}
    .philo_wrap .item:nth-child(4){margin-left:15px;margin-top:20px;}
    .philo_wrap .item:nth-child(5){margin-left:0;margin-top:20px;}

    .partner_logos img{width:calc(50% - 35px);}
    .partner_logos img:nth-child(odd){margin-left: 0;}
    .partner_logos img:nth-child(n + 3){margin-top:30px;}

    .contact #map{height:55vw;}
    .contact #map2{height:55vw;}
    .contact #map3{height:55vw;}

    .contact .addr_info span:nth-child(2){margin-right:0;width:100px;}

    .sub_con.product .pd_part{padding-bottom:30px;flex-wrap: wrap}
    .sub_con.product .pd_part a{width:calc(50% - 7.5px);}
    .sub_con.product .pd_part a:nth-child(odd){margin-left:0;}
    .sub_con.product .pd_part a:nth-child(n + 3){margin-top:15px;}

    .sub_con{padding:8em 0;}
    .b_no_p{padding-bottom:0;}
    .esg{padding:8em 0 0 0;}
    .sub_con.product{padding:8em 0;}
    .sub_con.ceo_slide{padding:0 0 8em 0;}

    .p_box{padding:30px ;}

    .p_box .pp{margin-bottom:20px;}
    .p_box .pc .img{width:40%;}
    .p_box .pc .txt{width:60%;padding-left:30px;}
    .p_box .pc .txt ul li span{width:30%;}
    .p_box .pc .txt ul li span:last-child{width:70%;}

    .sub_con.product .pd_list .pd_item{width:calc(50% - 2vw);}
    .sub_con.product .pd_list .pd_item:nth-child(3n + 1){margin-left:4vw !important;}
    .sub_con.product .pd_list .pd_item:nth-child(odd){margin-left:0 !important;}
    .sub_con.product .pd_list .pd_item:nth-child(n + 3){margin-top:4vw !important;}
    .sub_con.product .pd_list .pd_item .img{height:44vw;}

    .sub_con.product .pd_part ul {width:100%;}
    .sub_con.product .pd_part ul li{width:50%;}
    .process_info > div:first-child h3{font-size:3em;}

    .td_hidden{display:none;}

    .in_frm_ul li {display:block;}
    .in_frm_ul li label{width:100%;margin-bottom:10px;}
    .in_frm_ul li div{width:100%;}
    .in_frm_ul li > div.tel{flex-wrap: wrap}
    .in_frm_ul li > div.tel > div:first-child{width:100%;}
    .in_frm_ul li > div.tel > div:first-child .in_input{width:calc(33.33% - 13px)}
    .in_frm_ul li > div.tel > div:last-child{margin-top:10px;}
    .in_frm_ul li input[type=file] + label{margin-bottom:0;}

    .ci_top .ci_logo{height:45vw;margin-top:50px;}
    .ci_top .ci_logo img{width:80%;}

    .pd_detail table.pc_table{display:none;}
    .pd_detail table.mobile_table{display:table;margin-top:38px;}
    .pd_detail table.mobile_table tr th{text-align: center;}
    .pd_detail table.mobile_table tr td:first-child{text-align: left}

    #product .top_btn {display:block;}
    #product .top_btn p{width:100%;margin:10px 0 ;}

    .brand_info p:last-child {word-break: keep-all}
    .brand_info p:last-child br{display:none;}
    .brand_info2 img{width:90%;}
    .brand_last .color_box{display:block;}
    .brand_last .color_box > div{width:100%;}
    .brand_last .color_box > div + div{margin:30px 0 0 0 !important;}

    .brand_wrap2 .last {word-break: keep-all}
    .brand_wrap2 .last br{display:none;}

    #ft{padding-bottom:80px;}

    .quick_inquiry_btn{right:0;bottom:0;width:100%;border-radius:0;height:60px;}
    .quick_inquiry_btn .img{background:url('../img/quick_inquiry.svg')center / contain no-repeat !important;;}
    .quick_inquiry_btn:hover {background:#e9272a;width:100%;}
    .quick_inquiry_btn span{display:block;opacity: 1;color:#fff;}
}

@media all and (max-width: 560px){
    body{font-size:0.65em}
    .sub_m_nav ul{padding-top:55px;}

    #ft_wr .link .family_sel{width:100%;}
    #ft_wr .link .family_sel ul{width:100%;}

    #hd_wrapper{padding:12px 0;}

    .history_wrap .his_left{height:45vw;}

    .mission_wrap{display:block;}
    .mission_wrap .item{margin:0 auto;width:80%;}
    .mission_wrap .item + .item{margin:80px auto 0 auto;}
    .mission_wrap .item + .item:before{left:50%;top:-80px;transform:translateX(-50%);}
    .mission_wrap .item .img img{width:60%;height:auto;}

    .process_step .step {width:calc(50% - 20px);overflow: inherit;height: auto}
    .process_step .step + .step {margin-left:40px;}
    .process_step .step .txt{position:relative;top:inherit;bottom:inherit;left:inherit;transform:none;}
    .process_step .step .txt h3{font-size:1.34em;letter-spacing: -0.03em}
    .process_step .step .txt h3 span{display:block;}
    .process_step .step .txt p{min-height:40px;font-size:1.3em;}
    .process_step .step:hover .txt{top:inherit;}
    .process_step .step:nth-child(odd) {margin-left:0;}
    .process_step .step:nth-child(n + 3) {margin-top:40px;}

    #bo_list_total{font-size:1.6em;}
    #bo_gall .gall_li{padding:20px 10px;}
    #bo_gall .gall_img{height:12em}
    #bo_gall .gall_text_href {padding-left:15px;}
    #bo_gall .gall_text_href a span.gall_con{min-height:4em;height:4em;margin-top:10px;line-height: 1.4}

    .in_input{padding:10px;}
    select.in_input{padding:9px;}
    .in_frm_ul li .file .in_input{width:calc(100% - 90px)}
    .in_frm_ul li input[type=file] + label{padding:10px;width:90px;}

    .in_con .agree {justify-content: center}
    .in_con .agree input[type=checkbox] + label{font-size:1.7em;}

    .in_frm_ul li > div span{font-size:1.2em;}

    .esg_detail > div .con{display:block;}
    .esg_detail > div:not(:first-child) .con div{width:100%;}
    .esg_detail > div .con > div + div{margin:20px 0 0 0 ;}

    .esg_detail > div .tit{font-size:1.8em;}
    .esg_detail > div .con > div{font-size:1.6em;}
    .esg_detail > div:nth-child(2) .con span{font-size:1em;}

    #logo{width:120px}
    .sub_hd #logo{width:43px}
    .mobile_btn{width:34px;height:26px;}
    .lang{right:70px;}

    .vision p {font-size:2em;width:80%;margin:0 auto;}
    .partner_top p {font-size:2em;width:80%;margin:0 auto;}
    .esg p:first-child {font-size:2em;width:80%;margin:0 auto;}

    .bo_v_nb li a{width:calc(100% - 140px)}
    .bo_v_nb li .nb_tit{padding-right:0;width:70px;}
    .bo_v_nb li .nb_date{width:70px;}

    .brand_wrap2 .value_wrap .item .circle{width:70vw;height:70vw;}
    .brand_wrap2 .value_wrap .item .circle .img {width:20vw;height:20vw;}
    .brand_wrap2 .value_wrap .item .circle .img img{}

    .brand_last{padding:70px 0;}
    .brand_last .bi_logo{height:60vw;margin:50px 0;}
    .brand_last .bi_logo img{width:60%;}
}

@media all and (max-width: 480px){
    .pd_top{padding:0;}
    .pd_top .left{margin-bottom:20px;}
    .pd_top .left .pd_thumb a{width:14vw;height:14vw}
    .pd_top .right ul {margin-top:20px;}
    .pd_top .right ul li {display:block;font-size:1.3em;padding:1.3em 0;}
    .pd_top .right ul li:nth-child(2){border-top:1px solid #ddd}
    .pd_top .right ul li span:first-child{width:100%;display:block;margin-bottom:10px;}
    .pd_top .right ul li span:last-child{width:100%;display:block;}

    .product_wrap h3{margin-bottom:20px;font-size:4em;}

    .pd_top .right .order_btn {display:block;font-size:1.3em;}
    .pd_top .right .order_btn span{width:100%;margin-bottom:10px;display:block;}
    .pd_top .right .order_btn .o_btn{width:100%;}

    .pd_detail{font-size:1.3em;}
}

@media all and (max-width: 440px){
    body{font-size:0.5em}

    .sub_m_nav ul{padding-top:53px;}

    .mission_wrap .item .img img{width:70%}
    .p_box .pp{margin:0 auto 20px auto;width:50%;}
    .p_box .pc {display:block;}
    .p_box .pc .img{display:none;}
    .p_box .pc .txt{width:100%;padding:10px 0 0 0;}

    #ft_wr #ft_company p{font-size:1.4em;}
    #ft_wr #ft_company p span{margin:0;display:block;font-size:0;}
}