body{padding-top:0 !important; max-width:100% !important; text-align: left;}
ul,li,ol,dl,dd,dt{list-style: none !important; padding:0 !important;}
marker{display:none;}
.point1{color:#e8330e;}
.brand-logo{float:left !important;}
.header-section .brand-logo > a{max-width:180px !important;}
.footer-section .brand-logo > a{max-width: 180px !important;}
.social-links-text > ul > li:after{display:none;}
.mobile-menu-btns{position:absolute; right:20px;}
.ul-li-block > ul > li{text-align: left !important;}
.header-section .main-menu > ul > .menu-item-has-child .submenu > li{text-align: left !important;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.sel_lng_m{border:1px #fff solid; padding:5px 10px; background:transparent; color:#fff; margin-top:-15px;}
.sel_lng_m option{color:#000;}
.stuck .sel_lng_m{border:1px #fff solid; padding:5px 10px; background:transparent; color:#000; margin-top:-15px;}

@media screen and (max-width: 1200px){
    .header-section .brand-logo > a{max-width:150px !important;}
    .header-section .mobile-menu-btns > ul > li .menu-btn{position: relative; top:0; right: 0;}
    .float-left .menu-btn{position: absolute; top:0; right: 0;}
}

/* main section01 */
.container.full{width:100% !important; max-width: 100% !important; padding-left:0 !important; padding-right: 0 !important;}
.container .full_wrap .b_area_wrap{width:100%;}
.container .full_wrap .b_area_wrap>ul{overflow: hidden;}
.container .full_wrap .b_area_wrap>ul>li{float: left; width:25%; height: 550px; background-color:#333;}
.container .full_wrap .b_area_wrap>ul>li>a{position: relative; display: block; width:100%; height: 100%;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_bg{position: absolute; width:100%; height: 340px; bottom: -340px; left: 0; background: linear-gradient(to right, #ff0812,#ff2a55); opacity: 0.9; transition: all 0.3s}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info{position: absolute; top:240px; color:#fff; padding: 0 40px 0px;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info .num_box{width:49px; height: 49px; line-height: 1; text-align: center; background: url('/assets/images/rotate_box_r.png')center center no-repeat; padding-top: 15px; font-weight: 500; margin-bottom: 30px; font-size: 18px;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info .tit{font-size: 26px; font-weight: 500; margin-bottom: 10px; letter-spacing: -0.03em;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info .txt{border-bottom: 1px solid rgba(255, 255, 255, 0.2); width:100%; height: 90px; margin-bottom: 10px;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info .txt>ul>li{color:#fff; margin-bottom: 4px; opacity: 0.8; font-size: 14px; line-height: 1.6;}
.container .full_wrap .b_area_wrap>ul>li>a .b_area_info .more_btn{background: url('/assets/images/more_point_r.png')left center no-repeat; padding:3px 0 0 20px; font-size:14px;}
.container .full_wrap .b_area_wrap>ul>li:hover>a .b_area_bg{bottom:0px;}
.container .full_wrap .b_area_wrap>ul>li:hover>a .b_area_info .num_box{background: url('/assets/images/rotate_box_w.png')center center no-repeat;}
.container .full_wrap .b_area_wrap>ul>li:hover>a .b_area_info .more_btn{background: url('/assets/images/more_point_w.png')left center no-repeat;}
.b_area_box{background-size:cover !important;}

@media screen and (max-width: 1200px){
    .container .full_wrap .b_area_wrap>ul>li{width:calc(100%/2); overflow-y: hidden;}
}
@media screen and (max-width: 720px){
    .container .full_wrap .b_area_wrap>ul>li{width:100%; overflow-y: hidden;}
    .container .full_wrap .b_area_wrap>ul>li{height:290px;}
    .container .full_wrap .b_area_wrap>ul>li>a .b_area_info{bottom:10px !important; top:auto;}
    .container .full_wrap .b_area_wrap>ul>li>a .b_area_info .tit{font-size:20px;}
    .container .full_wrap .b_area_wrap>ul>li>a .b_area_info .txt>ul>li{font-size:12px; line-height: 1.3;}
    .num_box{display:none;}
    .container .full_wrap .b_area_wrap>ul>li>a .b_area_info .more_btn{font-size:12px;}
}

.area_tit_sub{margin:150px 0 30px 0;}
.sub_dimmed{width:100%; height:100%; background:rgba(0,0,0,0.4); position: absolute; top:0; left:0; display: block;}
.area_bg_sub{background-size:cover; overflow:hidden; position: relative;}
.about-section .about-content .about-service .service-content{padding-left:0 !important;}
.item-title{letter-spacing: -0.03em !important;}
.footer-title{font-size:40px !important;}
.icon_location{font-size:45px; color:#e8330e; text-align: center;}
.wrap_portfolio{min-height: 500px;}

@media screen and (max-width: 720px){
    .footer-title{font-size:25px !important;}
}

.point1-bg{background-color:#e8330e !important;}
.area_appli{min-height: 1400px;}
@media screen and (max-width: 720px){
    .area_appli{min-height: auto;}
}

/*page*/
.board_btn{width:100%; display:block; margin-top:100px;}
.board_btn>ul{display:flex; flex-wrap:wrap; flex-wrap:wrap; justify-content: center;}
.board_btn>ul>li{text-align: center; border-radius: 0; margin-right: 10px; background: #f4f4f4;}
.board_btn>ul>li:last-child{margin-right: 0;}
.board_btn>ul>li>a{line-height: 60px; width:60px; height:60px; color:#999 !important; display:block; font-size:24px;}
.board_btn>ul>li.bd_btn_on{background: #fff; border:2px #6dba5a solid;}
.board_btn>ul>li.bd_btn_on>a{color:#121212;}

@media screen and (max-width: 764px){
    .board_btn{margin-top: 40px;}
    .board_btn>ul>li>a{line-height: 50px; width:50px; height:50px; display:block; font-size:18px;}
}

.lng_sel{border:0; background:#fff; color:#222; font-size: 14px; padding:4px 10px;}