@charset "utf-8";
@import "/en/m/css/common_02.css";
@import url('//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('//fonts.googleapis.com/css?family=Noto+Sans:400,700');

html{}
html,body{width:100%;height:100%;-webkit-overflow-scrolling:touch;}
body{font-size:12px;font-family:'Roboto', Arial, sans-serif;color:#000;overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust:none}
article, aside, canvas, details, figure, figcaption, footer, hgroup, header, menu, nav, section, summary{display:block}
img,fieldset{border:0}
img{vertical-align:top}
ul,ol,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
hr{display:none}
a{color:#000;color:inherit;text-decoration:none}
em,i,address{font-style:normal;font-weight:normal}
legend,caption{display:none;clear:both}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit}
button{outline:none;}
table{border-collapse:collapse}
textarea,input{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}
textarea{resize:none}
label{cursor:pointer}
input,select{vertical-align:middle}
.skip, hr, legend, caption{position:absolute;text-indent:-1000em}
.sknavi:focus, .sknavi:active{display:block;width:200px;height:18px;background-color:#eee;border:1px solid #113355;font-size:100%;font-weight:bold;margin-left:5px;padding:3px;text-align:center;text-decoration:none;top:1px}
.sknavi {position:absolute;top:-500px;z-index:999}
.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}
.reset{clear:both !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important}
.wid_100{width:100%;box-sizing:border-box}
.full_img_box img{width:100%}

/* Fonts */
.f_robo{font-family:'Roboto', sans-serif !important}

/* Header */
#header{height:84px;position:relative;z-index:12;}
#header:after{clear:both;content:"";display:block;}
#header h1{padding:10px 0 0 7.5%;float:left;}
#header h1 img{width:180px;}
#header .nav_control{padding:29px 7.5% 0 0;float:right;}
#header .nav_control a{width:28px;height:25.2px;vertical-align:top;display:inline-block;background:url(/en/m/img/common/all_nav_view.gif) no-repeat left top;background-size:100%;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}
#header #nav{width:100%;position:absolute;left:0;top:84px;background:#fff;text-align:center;padding-bottom:42px;display:none;z-index:10;}
#header #nav .lang{margin:42px 0 35px;}
#header #nav .lang a{width:70px;height:28px;color:#726f71;text-align:left;line-height:28px;font-size:14px;margin:0 6px;padding-left:14px;font-weight:bold;border:1px solid #726f71;box-sizing:border-box;display:inline-block;background:url(/en/m/img/common/lang_arrow_off.gif) no-repeat 50px center;background-size:7px 10.5px;}
#header #nav .lang a.on{color:#e6001a;border:1px solid #e6001a;background:url(/en/m/img/common/lang_arrow_on.gif) no-repeat 50px center;background-size:7px 10.5px;}
#header #nav ul{width:280px;margin:0 auto;}
#header #nav ul.nav_wrap{border-top:1px solid #e0e0e0;}
#header #nav ul li a{font-weight:bold;display:block;letter-spacing:0.07em;}
#header #nav ul li .nav_title{padding:31.5px 0;font-size:28px;color:#000;border-bottom:1px solid #e0e0e0;}
#header #nav ul li .nav_title span{width:10.5px;height:7px;vertical-align:middle;margin-left:7px;background:url(/en/m/img/common/nav_arrow.gif) no-repeat left center;background-size:10.5px 7px;display:inline-block;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;}
#header #nav ul li .sub_nav{display:none;}
#header #nav ul .click_active .sub_nav{display:block;border-bottom:1px solid #e0e0e0;padding:20px 0;}
#header #nav ul .click_active .nav_title span{background:url(/en/m/img/common/nav_arrow_on.gif) no-repeat left center;background-size:10.5px 7px;}
#header #nav ul .click_active .sub_nav li a{font-size:17.5px;color:#726f71;padding:11px 0;}
#header.nav_active{width:100%;height:100%;background:#fff;position:absolute;}
#header.nav_active .bg{width:100%;height:100%;background:#fff;position:fixed;left:0;bottom:0;z-index:9;}
#header.nav_active h1{position:relative;z-index:10;}
#header.nav_active .nav_control{position:relative;z-index:10;}
#header.nav_active .nav_control a{background:url(/en/m/img/common/all_nav_close.gif) no-repeat left top;background-size:100%;}
#header.nav_active #nav{display:block;}

/* Footer */
#footer{position:relative;}
#footer .ft_logo{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#footer .ft_logo p{padding:4px 0 10px 4.6%;}
#footer .ft_logo img{width:101px;}
#footer .addr{font-family:'Noto Sans', sans-serif;padding:24.5px 4.6%;font-size:14px;letter-spacing:0.02em;font-weight:300;color:#666;line-height:28px;}
#footer .addr address{font-weight:300;}
#footer .addr .copy span{color:#f1001b;}
#footer .btn_top{position:absolute;right:4.6%;top:1px;z-index:1;}
#footer .btn_top img{width:44px;}

/* Common */
#section .subpage_menu{border-top:2px solid #e0e0e0;border-bottom:2px solid #e9e9e9;}
#section .subpage_menu:after{clear:both;content:"";display:block;}
#section .subpage_menu .sub_depth_menu{width:50%;float:left;box-sizing:border-box;position:relative;}
#section .subpage_menu .sub_depth_menu .depth_title{height:55px;text-transform:uppercase;cursor:pointer;font-size:17px;line-height:55px;font-weight:bold;letter-spacing:0.03em;padding-left:9.2%;color:#000;background:url(/en/m/img/common/sub_depth_menu_arrow.gif) no-repeat 90% center;background-size:13px 8px;}
#section .subpage_menu .sub_depth_menu ul{width:100%;position:absolute;left:0;top:57px;background:#fff;display:none;z-index:11}
#section .subpage_menu .sub_depth_menu.sub_depth_menu_active ul{display:block;}
#section .subpage_menu .sub_depth_menu ul li{border-bottom:1px solid #e9e9e9;}
#section .subpage_menu .sub_depth_menu ul li a{height:35px;line-height:35px;font-size:13px;display:block;padding-left:9.2%;color:#555;}
#section .subpage_menu .sub_1depth_menu ul{border-right:1px solid #e9e9e9;}
#section .subpage_menu .sub_1depth_menu .sub_1depth_menu_on{background:url(/en/m/img/common/sub_depth_menu_arrow_on.gif) no-repeat 90% center;background-size:13px 8px;}
#section .subpage_menu .sub_2depth_menu{border-left:1px solid #e9e9e9;}
#section .subpage_menu .sub_2depth_menu ul{border-left:1px solid #e9e9e9;left:-1px;}
#section .subpage_menu .sub_2depth_menu .depth_title{background:url(/en/m/img/common/sub_depth_menu_arrow_on.gif) no-repeat 90% center;background-size:13px 8px;}
.content{padding:35px 4.6% 91px;font-size:17px;line-height:32px;font-family:'Noto Sans', sans-serif;letter-spacing:0.03em;}
.content .page_title{text-transform:capitalize;font-size:31.5px;font-weight:bold;letter-spacing:0.03em;color:#f1001b;margin-bottom:35px}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;}
.slick-list{position:relative;display:block;overflow:hidden;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before, .slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/* Table */
.common_table_form th{font-size:17.5px;vertical-align:top;width:65px;text-align:left;line-height:30px;font-weight:normal}
.common_table_form td{font-family:'Noto Sans', sans-serif;font-size:17px;line-height:30px;padding-bottom:13px}

/* Main */
.main_img img{width:100%;}
.main_layer_pop{left:0 !important;top:0 !important;position:absolute;width:100%;z-index:13}
.main_layer_pop h5{background:#fff;padding:10px;font-size:16px}
.main_layer_pop .pop_close_text{background:#fff;text-align:right;padding:5px}
.pop_img_box img{width:100%}

/* CEO */
.ceo_cont{font-size:17px;margin-top:27px;letter-spacing:-0.04em;line-height:33px}
.ceo_cont strong{font-size:20px;display:block;margin-bottom:5px;letter-spacing:-0.01em}
.ceo_cont p{margin:17px 0 18px}

/* Our company */
#our_company .img_box{margin-bottom:42px;}
#our_company .img_box img{width:100%;}


/* CEO */
.CEO .ceo_cont dl dt{margin-bottom:40px;}
.CEO .ceo_cont dl dt strong{font-size:28px;line-height:20px;display:block;}
.CEO .ceo_cont dl dt span{font-size:13px;line-height:24px;color:#666;}
.CEO .ceo_cont dl dd ul li{margin-bottom:10px;line-height:24px}

/* Outline */
.outline .outline_cont{margin-bottom:50px}
.outline .outline_cont dt{font-weight:bold;font-family:'Noto Sans', sans-serif;font-size:21px;margin-bottom:15px}
.outline .outline_cont dd{font-size:17px;word-break:break-all;letter-spacing:-0.01em}
.outline .outline_cont.last{margin-bottom:30px}
.outline .img_slide img{width:100%}

/*.outline .outline_top_box dl dt{display:inline-block;vertical-align:top;margin-right:20px;width:60px}
.outline .outline_top_box dl dd{display:inline-block;width:75%}
#our_company .outline_top_box h5{font-size:24.5px;font-weight:bold;margin-bottom:20px}
#our_company .outline_bottom_box{margin-top:45px}
#our_company .outline_bottom_box dl{margin-bottom:0;}
#our_company .outline_bottom_box dl dd{display:block;}
#our_company .outline_bottom_box dt{margin-bottom:20px}
#our_company .outline_bottom_box dt span{border-top:2px solid #000;padding-top:3px;}
#our_company .outline_bottom_box dd ul:after{content:'';clear:both;display:block}
#our_company .outline_bottom_box dd ul li{padding-left:113px;box-sizing:border-box;line-height:22px;min-height:96px;margin-bottom:20px}
#our_company .outline_bottom_box dd ul li div{display:table-cell;vertical-align:middle;height:96px}
#our_company .outline_bottom_box dd ul li.outline_list01{background:url(/en/m/img/our_company/outline_icon01.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list02{background:url(/en/m/img/our_company/outline_icon02.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list03{background:url(/en/m/img/our_company/outline_icon03.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list04{background:url(/en/m/img/our_company/outline_icon04.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list05{background:url(/en/m/img/our_company/outline_icon05.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list06{background:url(/en/m/img/our_company/outline_icon06.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list07{background:url(/en/m/img/our_company/outline_icon07.gif) no-repeat left center}
#our_company .outline_bottom_box dd ul li.outline_list08{background:url(/en/m/img/our_company/outline_icon08.gif) no-repeat left center}
#our_company .outline_bottom_box:after{clear:both;content:"";display:block;}*/


/* History */
.history_cont .first{margin-bottom:60px}
.history_cont .common_table_form{margin-top:35px}

/*.history{position:relative;}
.history:before{width:110%;height:1px;content:"";position:absolute;top:22px;left:-5%;background-color:#dedee1;}
.history .hidden-txt{width:0;height:0;overflow:hidden;display:inline-block;text-indent:-999px;line-height:1px;position:absolute;}
.history .icon{overflow:hidden;text-indent:-999px;display:inline-block;}
.history button{border:0;background:none;}
.history .btn-area button{width:45px;height:45px;position:absolute;top:0;cursor:pointer;border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;z-index:1}
.history .btn-area .btn-history-prev{left:0;background:url(/img/our_company/history_prev.png) no-repeat left top;}
.history .btn-area .btn-history-next{right:0;background:url(/img/our_company/history_next.png) no-repeat left top;}
.history .history-content-area{padding-top:9px;}
.history .items{position:relative;}
.history .items .item{width:50%;float:left;}
.history .items .item.active .tab-box{height:120px;left:50%;margin-left:-135px;}
.history .items .item.active .tab-box .btn:before{height:55px;opacity:1;filter:alpha(opacity=100);}
.history .items .item.active .tab-box .btn .hidden-txt{display:block}
.history .items .item.active .tab-box .btn .icon{width:165px}
.history .items .item.active .tab-box .btn .icon:before{opacity:1;filter:alpha(opacity=100)}
.history .items .item.active .tab-box .history-tit{font-size:35px;color:#f1001b}
.history .items .item.active .content-area{display:block}
.history .items .item .tab-box{height:58px;position:absolute;top:0;left:150%;-webkit-transition:height .3s ease;-moz-transition:height .3s ease;-o-transition:height .3s ease;-ms-transition:height .3s ease}
.history .items .item .tab-box .btn{width:270px;}
.history .items .item .tab-box .btn:before{content:"";position:absolute;top:25px;left:50%;width:1px;height:0;opacity:0;filter:alpha(opacity=0);background-color:#f1001b;-webkit-transition:height .3s ease;-moz-transition:height .3s ease;-o-transition:height .3s ease;-ms-transition:height .3s ease}
.history .items .item .tab-box .btn .hidden-txt{display:none}
.history .items .item .tab-box .btn .icon{height:57px;position:relative;z-index:1;cursor:pointer;}
.history .items .item .tab-box .btn .icon:before{width:27px;height:27px;margin-left:-13.5px;content:"";position:absolute;top:0;left:50%;background:url(/img/our_company/history_tab_icon_active.png) no-repeat left top;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.history .items .item .tab-box .history-tit{width:270px;position:absolute;bottom:0;left:50%;margin-left:-135px;letter-spacing:0.03em;text-align:center;font-weight:bold;font-size:14px;color:#726f71;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.history .items .item.next .tab-box .history-tit{text-align:right;bottom:-10px;}
.history .items .item.prev .tab-box .history-tit{text-align:left;bottom:-10px;}
.history .items .item .tab-box .history-tit span{font-weight:normal;}
.history .items .item .content-area{width:100%;display:none;position:absolute;top:140px;left:0;opacity:0;filter:alpha(opacity=0)}
.history .items .item .content-area .history-noti{width:100%;position:relative;font-size:17px;line-height:24px;color:#000;text-align:center}
.history_list_box{position:relative;margin-top:90px}
.history_list_box .red_circle{width:96px;height:96px;border-radius:50% 50%;background:#f1001b;color:#fff;font-size:28px;font-weight:bold;position:absolute;left:50%;margin-left:-48px;top:-48px;text-align:center;}
.history_list_box .red_circle .txt_box{height:96px;width:1%;vertical-align:middle;display:table-cell}
.history_list_box .red_circle .small_text{font-weight:normal;font-size:15px}
.history_list_box .history_list .history_img img{width:100%}
.history_list > li .history_info_list{}
.history_list > li .history_info_list li:before{left:-76px;background:url(/m/img/our_company/history_line.jpg) no-repeat left top;}
.history_list .history_info_list{border-left:1px solid #e6e6e6;padding:40px 0 40px 71px}
.history_list .history_info_list li{position:relative;margin-bottom:15px;vertical-align:top;font-size:17px} 
.history_list .history_info_list li:last-child{margin-bottom:0}
.history_list .history_info_list li:before{width:63px;height:9px;content:"";position:absolute;top:12px;}
.history_list .history_info_list li strong{font-size:23px}
.history_list .history_info_list li p{line-height:25px}*/

/* Award */
.award_cont .img_slide{margin-top:30px}
.award_cont .img_slide img{width:100%}
.award_cont h5{font-size:19px;color:#f1001b;font-weight:bold;margin-bottom:10px}
.award_cont .awards_list{margin-bottom:40px}
.award_cont .awards_list:last-child{margin-bottom:0}

/*.award_cont .award_top{padding-bottom:20%;background:#f1f1f1;position:relative}
.award_cont .award_top {}
.award_cont .award_list{padding-top:10%;background:#f1f1f1}
.award_cont .award_list .award_list_year{color:#f1001b;font-weight:bold;font-size:25px;padding-top:6px;letter-spacing:0.03em;background:#f1f1f1;padding-bottom:20px}
.award_cont .award_list .award_list_year span{display:inline-block;border-top:2px solid #f1001b;text-align:right;padding-left:13px}
.award_cont .award_list ul{}
.award_cont .award_list ul li{position:relative;background:#fafafa;padding:18px 14px;border-top:2px solid #e1e1e1;}
.award_cont .award_list ul li:last-child{border-bottom:2px solid #e1e1e1}
.award_cont .award_list ul li:nth-child(2n){background:#f1f1f1}
.award_cont .award_list ul li dl dt{font-size:20px;font-weight:bold;font-family:'Roboto', Arial, sans-serif;}
.award_cont .award_list ul li dl dd{font-size:17px;letter-spacing:-0.05em;line-height:27px}
.award_cont .award_list ul li dl dd.last{letter-spacing:-0.03em;}
.award_cont .award_list ul li a{position:absolute;width:73px;height:38px;border:1px solid #f1001b;text-align:center;padding-bottom:8px;right:14px;top:50%;margin-top:-37px;font-size:15px;font-weight:bold;color:#f1001b;box-sizing:border-box;background:#fff}
.award_cont{}
.award_cont .award_year_line{width:86.2%;position:absolute;left:50%;top:40%;margin-left:-42.9%;z-index:12;}
.award_cont .award_year{background:#cfaf8f;color:#fff;padding:20% 9% 8%;box-sizing:border-box}
.award_cont .award_year div{position:absolute;top:-45px;left:10%}
.award_cont .award_year div img{height:85px;width:1px}
.award_cont .award_year .year_info{font-size:21px;font-weight:bold;text-align:center;border-bottom:1px solid #a68c72;box-sizing:border-box;padding-bottom:25px;letter-spacing:0.03em;box-sizing:border-box}
.award_cont .award_year .year_info span{font-size:35px;letter-spacing:0.04em;display:inline-block;padding-top:5px;height:35px}
.award_cont .award_year .align_c{margin-top:8%}
.swiper-container {width:100%;height:auto;margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;/* Fix of Webkit flickering z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 10px;left: 0;width: 100%;}
.swiper-button-prev, .swiper-button-next {position: absolute;top:10.5%;width:21px;height:14px;background-size:21px 14px;z-index: 10;cursor: pointer;background-position: center;background-repeat: no-repeat;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/en/m/img/awards/award_prev_arrow.png);right:22%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(/en/m/img/awards/award_next_arrow.png);right:9%;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: 300ms opacity;-o-transition: 300ms opacity;transition: 300ms opacity;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {cursor: auto;pointer-events: none;}
.swiper-container .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000;}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {top:5%;left:12%;font-family:'Roboto', Arial, sans-serif}
.swiper-pagination{color:#fff;font-size:14px}
.swiper-pagination .swiper-pagination-current{font-weight:bold;color:#000;font-size:31.5px}*/

/* Auto Height */
/*.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {height: auto;}
.swiper-container-autoheight .swiper-wrapper {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-transition-property: height, -webkit-transform;transition-property: height, -webkit-transform;-o-transition-property: transform, height;transition-property: transform, height;transition-property: transform, height, -webkit-transform;}*/

/* IE10 Windows Phone 8 Fixes */
/*.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {-ms-touch-action: pan-y;touch-action: pan-y;}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {-ms-touch-action: pan-x;touch-action: pan-x;}*/


/* Contact_us */
.contact_us #map{height:476px;width:100%}

@media screen and (max-width:650px){
.award_cont .award_top{padding-bottom:50%;}

}

@media screen and (max-width:550px){

}

@media screen and (max-width:480px){
#our_company .outline_bottom_box dd ul li{padding-left:70px;min-height:60px;background-size:60px 60px !important}
#our_company .outline_bottom_box dd ul li div{display:table-cell;vertical-align:middle;height:70px}


}

@media screen and (max-width:400px){

}

