/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* For modern browsers */
.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }

/* COLOR

BLUE   : #003e8b
BORDER : #e2e2e2

*/

/*==============================

COMMON 

============================== */

body,html{width: 100%; height: 100%; font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
@font-face {font-family: 'icons'; src:url('../icons/fonts/icons.eot?81pr48'); src:url('../icons/fonts/icons.eot?#iefix81pr48') format('embedded-opentype'), url('../icons/fonts/icons.woff?81pr48') format('woff'), url('../icons/fonts/icons.ttf?81pr48') format('truetype'), url('../icons/fonts/icons.svg?81pr48#icons') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {font-family: 'icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-svg:before {content: "\69"; } .icon-svg2:before {content: "\31"; } .icon-svg22:before {content: "\32"; } .icon-svg3:before {content: "\33"; } .icon-svg4:before {content: "\34"; } .icon-svg5:before {content: "\35"; } .icon-svg6:before {content: "\36"; } .icon-svg7:before {content: "\37"; } .icon-svg8:before {content: "\38"; } .icon-svg9:before {content: "\39"; } .icon-svg10:before {content: "\30"; } .icon-svg11:before {content: "\61"; } .icon-svg12:before {content: "\62"; } .icon-svg13:before {content: "\63"; } .icon-svg14:before {content: "\64"; } .icon-arrow-left:before {content: "\65"; } .icon-arrow-down:before {content: "\66"; } .icon-arrow-up:before {content: "\67"; } .icon-uniE611:before {content: "\68"; }
.icon{font-family:'icons'; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/1x/hIEfix.png,sizingMethod=crop); zoom:1;}
a{text-decoration: none;}
.all { overflow: hidden; width: 100%; position: relative; }
.table { display: table; }
.td { display: table-cell; }
.inb { display: inline-block; }
.tx_c { text-align: center; }
.tx_r { text-align: right; }
.tx_l { text-align: left; }
hr { clear: both; padding: 0; margin: 0; border: none; width: 100%; height: 1px; background: #e2e2e2; }
.box { width: 980px; margin: 0 auto; }
.btn { color: #fff; font-weight: bold; font-size: 14px; position: relative; background: #0b4c9c; display: block; text-align: left; padding: 0 50px 0px 10px; height: 40px; line-height: 40px; }
.btn span.icon { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #003e8b; transition:all 0.3s; }
.btn:hover span.icon { width: 30px; }
.btnL { height: 60px; line-height: 60px; width: 390px; margin: 0 auto; padding: 0 60px 0px 0px; }
.btnL span.icon { width: 60px; height: 60px; line-height: 60px; }
.btnL:hover span.icon { width: 45px; }
.btnSky { height: 60px; line-height: 60px; width: 290px; margin: 0 auto; padding: 0 60px 0px 0px; background: #31a4f5; }
.btnSky div.icon { height: 60px; line-height: 60px; display: inline-block; margin-left: 25px; font-size: 35px; font-weight: normal;}
.btnSky span.icon { width: 60px; height: 60px; line-height: 60px; background: #0096ff; font-size: 18px;}
.btnSky:hover span.icon { width: 45px; }
.btns_body {text-align: center;}
.btns_body .btn {vertical-align: bottom; display: inline-block;}
.btns_body .btn:first-child {margin-right: 10px;}
.btn .jp { float: right; padding: 0 1em 0 0; }
.btn .en { font-size: 24px; padding: 0 0 0 1em; font-weight: bold; }
.btn .jpl{float:left;font-size:18px;padding-left:20px;}
.btnSky .jp { float: none; padding: 0 0 0 1em; vertical-align: top; font-weight: bold; font-size: 16px;}
.btnMT { margin-top: 50px; }
.btnDL { width: 100%; height: 75px; padding: 0 0 0 75px; font-size: 18px; line-height: 1.5; box-sizing: border-box; }
.btnDL.btn {display: block;}
.btnDL.btn:hover span.icon { width: 75px; }
.btnDL p { padding: 15px 10px; }
.btnDL span img { margin-right: 5px; width: 12px; line-height: 17px; vertical-align: middle; }
.btnDL span.pdf { font-size: 11px; display: block; }
.btnDL span.icon { right: auto; left: 0; width: 75px; height: 75px; line-height: 75px; }
.sp { display: none; }
.hide { display: inline-block !important; margin: 0 !important; }

/*==============================

HEADER

============================== */

.nav { background: #003e8b; }
.nav_header { background: #0b4c9c; }
.nav_header h2 { text-align: right; color: #fff; font-size: 13px; line-height: 24px; }
.nav_body .td { vertical-align: middle; height: 70px; }
.nav_body ul li { float: right; margin: 0 0 0 10px; }
.nav_body ul li a { color: #fff; display: block; font-size: 12px; background: #5466c2; padding: 3px 10px 3px 20px; font-weight: bold; position: relative; transition:all 0.3s; }
.nav_body ul li a:hover { background: #2A51A6; }
.nav_body ul li a span { position: absolute; left: 0; top: 0; width: 20px; text-align: center; display: block; line-height: 24px; }


/*==============================

INDEX

============================== */

.slider_wrap { position: relative; }
.slides { height: 400px; background-position: center;}
.slides .table, .slides .td { height: 100%; }
.slides .td { vertical-align: middle; }
.bx-controls { position: absolute; bottom: 0; z-index: 1000; text-align: center; width: 100%; }
.bx-pager-item { display: inline-block; }
.bx-pager-item a { margin: 0 5px; display: block; height: 10px; width: 10px; border-radius: 10px; text-indent: -9999px; background: #ccd9f7; }
.bx-pager-item a.active { background: #0042d9; }
.contents { background: #fcfcfc; }
.sidenav li { text-align: center; width: 16%; height: 120px; vertical-align: middle; }
.sidenav li:hover span.icon { color: #003E8B; }
.sidenav li span { display: block; font-size: 13px; font-weight: bold; margin: 1em 0 0 0; transition:all 0.3s; }
.sidenav li span.icon { font-size: 30px; font-weight: normal; margin: 0; }
.sidenav li span { color: #a1a1a1; }
.sidenav li:hover span, .sidenav li.on span { color: #000; }
.sidenav li.on { border-bottom: 3px solid #0042d9; }
.sidenav li span.icon { color: #a1a1a1; }
.sidenav li.on span.icon { color: #003e8b; }
.message .table { width: 100%; }
.message b{text-transform: uppercase; font-weight: normal;border-bottom: 3px solid #b0c4f1;}
.message .td { vertical-align: middle; text-align: center; height: 225px; }
.messageL { width: 200px; }
.item_body { width: 320px; }
.item_slider_body { position: relative; }
.item_slider_wrap { margin-bottom: 50px; }
.item_slider_wrap .bx-wrapper { margin: 50px 0; padding: 0 0 50px 0; position: relative; }
.item_slider_wrap .bx-controls { height: 3px; }
.item_slider_wrap .bx-pager-item a { margin: 0 5px; display: block; height: 3px; width: 100px; border-radius: 0px; text-indent: -9999px; }
.item_body img { border: 1px solid #e2e2e2; box-sizing: border-box; vertical-align: bottom; transition:all 0.3s; }
.item_body img:hover { opacity: 0.8; }
.item_header h2 { background: #f0f1f2; color: #0b4c9c; font-size: 16px; font-weight: bold; padding: 10px }
.item_header h2 a { color: #0b4c9c; }
.item_tags ul { margin: 15px 0 10px 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
.item_tags ul li { float: left; margin: 0 5px 5px 0; }
.item_tags ul li a { font-size: 11px; color: #fff; background: #6ca1e9; border-radius: 5px; font-weight: bold; padding: 5px 10px; transition:all 0.3s }
.item_tags ul li a:hover { opacity: 0.8; }
.item_caption p { font-size: 12px; margin: 1em 0; }
.item_slider_wrap .bx-controls { position: static; }
.item_slider_wrap .bx-pager { position: absolute; bottom: 0; height: 3px; width: 100%; }
.item_slider_wrap .bx-controls-direction a { display: block; position: absolute; top: 0; height: 440px; line-height: 440px; text-align: center; width: 40px; color: acacac; border: 1px solid #e3e6e9; transition:all 0.3s; }

.item_slider_wrap .bx-controls-direction a:hover { background: #F6F6F6; }
.item_slider_wrap .bx-controls-direction{ left: -60px; }
a.bx-prev { left: -60px; background-color: white; color: #6ca1e9; border: 1px solid #6ca1e9 !important;}
.item_slider_wrap .bx-controls-direction{ right: -60px; }
a.bx-next { right: -60px; background-color: white; color: #6ca1e9; border: 1px solid #6ca1e9 !important;}
.bnr_body{margin-bottom: 50px;}
.bnr_body img{vertical-align: bottom; margin-bottom: 10px; transition:all 0.3s; }
.bnr_body img:hover { opacity: 0.8; }
.sitecontents { display: table; width: 100%; padding: 30px 0 60px 0; }
.sitecontents_body { width: 33.3%; display: table-cell; text-align: center; vertical-align: top; }
.sitecontents_header .table { height: 160px; width: 100%; }
.sitecontents_header .table .td { text-align: center; vertical-align: middle; width: 100%; }
.sitecontents_header .table .td p { text-align: center; width: 100%; }
.sitecontents_header h1 { font-size: 18px; font-weight: bold; border-bottom: 3px solid #b0c4f1; display: inline-block; vertical-align: top; color: #575757; }
.sitecontents_header p { font-size: 12px; height: 80px; padding: 20px 0 0 0; }
.sitecontents_body .btn { width: 128px; margin: 0 auto; }
.news { background: #f6f6f6; }
.news_body { display: table; padding: 20px 0 }
.news_body h1 { font-weight: bold; font-size: 20px; width: 130px; }
.news_body ul li a { color: #000; font-size: 13px; }
.news_body ul li a span { color: #575757; padding: 0 2em 0 0; }

/*==============================

FOOTER

============================== */

.footer_wrap { background: #003e8b; padding: 30px 0; }
.footer_body .footer_bodyL { float: left; width: 680px; }
.footer_body .footer_bodyL .td { width: 240px; padding-right: 10px; }
.footer_body .footer_bodyL .td a { color: #809fc5; font-weight: bold; font-size: 12px; transition:all 0.3s; }
.footer_body .footer_bodyL .td a:hover { color: #ccd8e8; }
.footer_body .footer_bodyL .td > ul > li > a { color: #fff; }
.footer_body .footer_bodyR { float: right; }
address { line-height: 50px; background: #023574; font-weight: bold; font-size: 12px; text-transform: uppercase; text-align: center; color: #fff; }


/*==============================

SUBPAGES

============================== */
.subpages_body{padding: 20px 0;}
.main_title {border-bottom:1px solid #e2e2e2; margin-bottom: 20px;}
.main_title h1{font-size: 30px;color: #000; font-weight: bold; line-height: 70px;}
.subpages .sidenav li { text-align: center; width: 16%; height: 80px; }
.subpages .sidenav li span.icon { font-size: 22px; }
.subpages .sidenav li span.icon { font-size: 22px; }
.subpages .sidenav li span { font-size: 12px; }
.pagging ul { padding: 0.5em 0; }
.pagging ul li { display: inline-block; font-size: 12px; }
.pagging ul li.on a { color: #000; }
.pagging ul li a { color: #a1a1a1; transition:all 0.3s; }
.pagging ul li a:hover { color: #003E8B; }
.pagging ul li span { color: #003e8b; }
.main { float: left; width: 660px; }
.sidebar { float: right; width: 280px; }
.sidebar img { max-width: 100%; }
.description {margin:30px 0;}
.description .td:first-child{padding:0; min-width: 110px; text-align: center;}
.description .td{vertical-align: middle; padding: 0 0 0 20px;}
.description h2{font-size: 17px; font-weight: bold;}
.description p{font-size: 14px; margin-top: 1em;}
.description_more{font-size:13px;color:#6a6a6a;}
.description_more span.icon{color:#0042d9;}
.description_more a{text-decoration:underline;color:#0042d9;}
.secene{padding:30px; background: #fff; margin-bottom: 30px;}
.secene h3{color: #666666; font-size: 14px;}
.secene a{color: #0042d9; text-decoration: underline; font-size: 13px; padding: 0 0 0 15px;}
.secene span{color: #0042d9; position: absolute; left: 0px; top: 4px;}
.secene ul{padding: 10px 0 0 0;}
.secene li{float: left; padding: 0 1em 0 0;position: relative;}
.sidelinks{background: #fff; width:100%;}
.sidelists{width:100%;border:1px solid #D9DADC;}
.sidelists li{width:100%;height:54px;font-weight:bold;line-height:54px;background:#f9f9f9;border-top:1px solid #D9DADC;}
.sidelists li:first-child{border-top:0 none;}
.sidelists li:hover,.sidelists li:hover a,.sidelists li.on,.sidelists li.on a{color:#003e8b;background:#fff;}
.sidelists li span.icon{display:inline-block;width:54px;color:#b0c4f1;text-align:center;}
.sidelists li a{display:block;width:100%;height:100%;font-size:12px;color:#666;}
.sidebox img{vertical-align: bottom;}
.sidebox a img, .sidebox a { transition:all 0.3s; }
.sidebox a:hover img { opacity: 0.8; }
.sidebox { margin-bottom: 10px; }
.subtitle { font-weight: bold; font-size: 17px; }
.inner { margin-bottom: 50px; }
.inner_box { padding: 0 10px; }
.inner > h2,.inner > h3 { font-size: 16px; font-weight: bold; color: 525253; background: #f0f1f2; position: relative; padding-left: 50px; height: 50px; line-height: 50px; }
.inner > h2.inner_subtitle { font-size: 14px; margin: 0 0 15px 0 !important; background: transparent; padding: 0;height: auto; line-height: 1.5; font-weight: normal; }
.inner > h2 span,.inner > h3 span { font-weight: normal; color: #386bdf; position: absolute; left: 15px; top: 0; font-size: 20px; }
.inner_wh > h2,.inner_wh > h3 { background: #fff; border: 1px solid #e2e2e2; }
.list li:first-child { border: none; }
.list li { position: relative; margin: 14px 0; padding: 14px 0 0 20px; font-size: 14px; border-top: 1px solid #e2e2e2; }
.list li span { position: absolute; left: 0; top: 16px; color: #0042d9; }
.download { width: 100%; margin: 20px 0 0 0;}
.download .td:first-child { width: 420px }
.download .download_dxf li { float: left; margin: 0 3px 1px 0; }
.download .download_dxf li span.wrap { display: table; width: 186px; border: 1px solid #e2e2e2; background: #f9f9f9; font-size: 13px; font-weight: bold; color: #303030; transition:all 0.3s; }
.download .download_dxf li span.wrap span { display: table-cell; height: 42px; vertical-align: middle; }
.download .download_dxf li span.wrap span.icon { color: #0042d9; width: 26px; text-align: center; }
.download h4 { font-weight: bold; font-size: 15px; color: #575757; border-bottom: 3px solid #b0c4f1; display: inline-block; margin: 1em 0; }
.download_pdf a { width: 100%; display: table; font-size: 14px; border: 1px solid #e2e2e2; background: #f9f9f9; color: #303030; height: 60px; transition:all 0.3s; }
.download_pdf a span { display: table-cell; vertical-align: middle; }
.download_pdf a span.icon { width: 35px; color: #0042d9; text-align: center; }
.download_pdf a span.content { width: 185px; }
.download .download_dxf li:hover span.wrap, .download .download_pdf a:hover { background: #0042d9; }
.download .download_dxf li:hover span.wrap span, .download .download_pdf a:hover span { color: #fff !important; }
.download .download_dxf li span.wrap a { color: #0042d9; text-decoration: underline; font-size: 13px; }
.download .download_dxf li:hover span.wrap a { color: #fff !important; text-decoration: none; }
.download .download_dxf li:hover span.wrap a:hover { text-decoration: underline; }
.download .download_dxf li span.wrap span.dxf { padding-right: 10px; text-align: right; }
.download .download_dxf li span.wrap span.dxf a:first-child { border-right: 1px solid #e2e2e2; margin-right: 8px; padding-right: 8px; }
.download .download_dxf li span.wrap span.delimiter { width: 20px; text-align: center; }

/*==============================

PRODUCTS

============================== */
.subpages .item_body{float: left; min-height: 590px;}
.subpages .item_body.odd{float: right; margin:0 0 0 20px;}
.main_title .item_tags ul { margin: 0 0 10px 0; border-bottom: none; padding-bottom: 10px; }
.product_body { margin: 20px 0 }
.product_body .td { vertical-align: top; }
.product_body img { vertical-align: bottom; }
.product_body .table { width: 100%; }
.product_zoom { width: 580px; position: relative; border: 1px solid #e2e2e2; }
.product_zoom img { width: 100%; display: none }
.product_zoom img.on { display: block; }
.product_thumb img { width: 45px; border: 2px solid #fff; box-sizing: border-box; transition:all 0.3s;}
.product_thumb .on img { border: 2px solid #3f54db; }
.product_thumb li { padding: 0 0 10px 0; }
.product_thumb {text-align: center; background: #fcfcfc; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding: 20px 0; }
.item_tags_all ul{border: none;}
.item_tags_all ul li a{color: #488ce7; background: #eef5fc; border: 1px solid #e2e2e2; }

/*==============================

CONSIDER

============================== */
.consider_wrap { margin: 20px 0 0 0; }
.consider_body:first-child { margin: 0; }
.consider_body { margin: 0 0 0 20px; width: 200px; float: left; }
.consider_header { overflow: hidden; position: relative; border: 1px solid #e2e2e2; display: block;}
.consider_header img { max-width: 100%; vertical-align: bottom; }
.consider_body p { font-size: 12px; margin: 15px 0 0 0; }
.consider_header span.name, .consider_header span.detail { position: absolute; left: 0px; bottom: 0; width: 100%; vertical-align: middle; transition: all 0.3s; }
.consider_header span.name { padding: 1em 0; color: #0b4c9c; font-weight: bold; font-size: 14px; text-align: center; background: rgba(240, 240, 240, 0.8); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ccf0f0f0,EndColorStr=#ccf0f0f0); display: table; }
.consider_header span.name span { display: table-cell; vertical-align: middle; }
.consider_header span.detail { font-weight: bold; color: #fff; font-size: 12px; text-align: center; height: 50px; line-height: 50px; bottom: -50px; }
.consider_body:hover span.name { height: 230px; padding: 0; color: #fff; background: rgba(11, 76, 156, 0.7); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#c90b4c9c,EndColorStr=#c90b4c9c); }
.consider_body:hover span.detail { bottom: 0px; }

/*==============================

GROUP

============================== */

.group_wrap{margin:20px 0 0 0;}
.group_table{font-size:13px;width:100%;border:1px solid #d9dadc;}
.group_table th{background:#f6f6f6;}
.group_table th,.group_table td{padding:10px;border-left:1px solid #d9dadc;border-bottom:1px solid #d9dadc;vertical-align:top;}
.group_table span.icon{color:#0042d9;}
.group_table td a{color:#0042d9;text-decoration:underline;}


/*==============================

EMPLOYMENT

============================== */
.employ_wrap{margin:20px 0 0 0;}
.employ_wrap .description_more {padding-left: 125px;}

/*==============================

TERMS

============================== */
.terms .inner p{font-size:14px;margin-bottom:30px;}
.terms .inner h2, .terms .inner h3{margin:60px 0 30px 0;}
.terms .inner h4 { font-size: 15px; margin-bottom: 15px; font-weight: bold; }
.terms .inner h4 span { border-bottom: 3px solid #b0c4f1; }
.terms .adobe_dl{display:block;margin-top:10px;padding-left:15px; transition:all 0.3s; }
.terms .adobe_dl:hover { opacity: 0.8; }
.terms .inner ul{padding-left:1em;font-size:14px;}
.terms .inner ul li{list-style:decimal;margin-bottom:20px;color:#0042d9;}
.terms .inner ul.nonum { margin-bottom: 30px; }
.terms .inner ul.nonum li {list-style:none;color: #000;margin-bottom:5px;}
.terms .inner ul li a{color:#0042d9;text-decoration:underline;}
.terms .inner ul li p{color:#000;}
.terms .inner span.icon{color:#0042d9;}
.terms .banner_left,.terms .banner_right{float:left;width:308px;height:100px;display:table;text-align:center;border:1px solid #eaeaea;margin-right:15px;}
.terms .banner_right{margin-right:0;margin-left:15px;}
.terms .banner_inner{display:table-cell;vertical-align:middle;}
.terms .qm { margin-top: 30px; }
.terms .inner p.ql  { margin-bottom: 15px; }
.terms .ql a { color: #444; text-decoration: underline; }
.terms .ql span { color: #0042d9; }
.terms .qa_box { padding: 0 15px; background: #FFF; }
.terms .qa { border-top: 1px solid #ebebeb; padding: 25px 0; }
.terms .inner ul.qa_box li { margin-bottom: 0; list-style: none; }
.terms .inner ul.qa_box li:first-child { border-top: 0 none; }
.terms .qa_box { margin-bottom: 60px; }
.terms .qa_box .q {font-weight: bold; margin-bottom: 15px;}
.terms .qa_box .a { margin-bottom: 0; }
.terms .qa_box .q span.qa_left { font-weight: normal; color: #0646da; float: left; }
.terms .qa_box .a span.qa_left { color: #00a2ff; display: table-cell; width: 20px; }
.qa_right { display: table-cell; }

/*==============================

COMPANY

============================== */

.inner dl { font-size: 13px; margin-top: 30px; }
.inner dl a { color: #0042d9; text-decoration: underline; }
.inner dt { clear: left; float: left; width: 190px; }
.inner dd { margin-left: 210px; }
.inner dt, .inner dd { padding: 15px; }
.inner dl.noborder dt { font-weight: bold; color: #444444; }
.inner dl dt, .inner dl dd { border-top: 1px solid #e2e2e2; }
.inner dl { border-bottom: 1px solid #e2e2e2; }
.inner dl.border { background: #f6f6f6; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.inner dl.border dd { background: #fcfcfc; border-left: 1px solid #e2e2e2; }


/*==============================

MESSAGE

============================== */

.president { margin: 50px 0 }
.president .td { vertical-align: top; padding: 0 0 0 30px; }
.president .td p { margin: 0 0 1em 0; text-align: left; }
.president .td h3 { font-size: 14px; color: #003e8b; font-weight: bold; margin-top: 1em; }
.president .td:first-child { padding: 0; }






/* SP */

@media screen and (max-width: 800px){

/*==============================

COMMON 

============================== */
.pc {display: none!important;}
.sp {display: block;}
.hide { display: none !important; }

body {-webkit-text-size-adjust: 100%;}

img {max-width: 100%}
a{text-decoration: none;}
hr { clear: both; padding: 0; margin: 0; border: none; width: 100%; height: 1px; background: #e2e2e2; }
.box { width: 100%; padding: 0 10px; box-sizing: border-box; }
.btn { padding: 8px 58px 8px 10px; display: inline-block; height: auto; line-height: 24px; }
.btn span.icon { width: 40px; height: 100%; line-height: 40px;}
.btn:hover span.icon { width: 30px; }

.btnL { width: 100%; height: auto; margin: 0 auto; padding: 18px 70px 18px 0px; box-sizing: border-box; line-height: 22px; }
.btnL span.icon { width: 58px; height: 100%; line-height: 58px; }
.btnL:hover span.icon { width: 45px; }

.btnSky { width: 100%; height: auto; margin: 0 auto; padding: 18px 70px 18px 0px; box-sizing: border-box; line-height: 22px; }
.btnSky div.icon { height: 100%; line-height: 22px; font-size: 20px; display: inline-block;}
.btnSky span.icon { width: 58px; height: 100%; line-height: 58px; }
.btnSky:hover span.icon { width: 45px; }

.btn .en {font-size: 21px; }

.btn .jp { float: none; padding: 0 0 0 1em; }
.btn .en { font-size: 21px; padding: 0 0 0 1em; }
.btn .jpl{float:left;font-size:16px;padding-left:20px;}
.btn.btnL { margin-bottom: 15px; }
.btn.btnSky .jp { line-height: 26px; }

.btnMT { margin-top: 20px; }
.btnDL { width: auto; height: 75px; padding: 0 0 0 75px; font-size: 18px; line-height: 1.5; }
.btnDL p { padding: 15px 10px; }
.btnDL span img { margin-right: 5px; width: 12px; line-height: 17px; vertical-align: middle; }
.btnDL span.pdf { font-size: 11px; display: block; }
.btnDL span.icon { right: auto; left: 0; width: 75px; height: 75px; line-height: 75px; }

/*==============================

HEADER

============================== */

.nav_header { display: none; }
.nav_body h1 img {max-width: 90%; max-height: 45px}
.nav_body .td { width: 50%; height: 60px; }
.nav_body .td:first-child { width: 50%}
.nav_body ul {white-space: nowrap; text-align: right;}
.nav_body ul li { margin: 0; display: inline-block; float: none; white-space: normal;}
.nav_body ul li a {font-size: 12px; padding: 3px 5px 3px 15px;}
.nav_body ul li a span {width: 15px; text-align: right;}

/*==============================

INDEX

============================== */

.slides { height: 150px; }
.slides .table { padding: 0 10px; }
.slides .td { vertical-align: middle; text-align: center; }
.slides .td img {width: 180px;}
.bx-pager-item { vertical-align: middle; }
.bx-pager-item a { margin: 0 3px; height: 7px; width: 7px; }
.sidenav {padding: 0;}
.sidenav li { height: 65px; vertical-align: middle; border-left: 1px solid #E2E2E2; padding: 0 5px; }
/*.sidenav li:first-child {border: none;}*/
.sidenav li span { font-size: 10px; font-weight: bold; margin: 3px 0 0 0; line-height: 1.2 }
.sidenav li span.icon { font-size: 22px; }
.message {padding: 20px 0 10px;}
.message .td { height: auto; display: block; text-align: center; padding: 0 10px 10px; font-size: 12px; line-height: 1.8; }
.messageL { width: auto; }
.messageL img {width: 90px;}
.item_slider_wrap { margin: 20px 0; }
.item_slider_wrap .bx-wrapper { margin: 0; padding: 0; position: relative; }
.item_slider_wrap .bx-controls { height: 3px; }
.item_slider_wrap .bx-pager-item a { margin: 0 5px; display: block; height: 3px; width: 100px; border-radius: 0px; text-indent: -9999px; }
.item_body img { border: none; padding: 0 40px;}
.item_header {text-align: center; border: 1px solid #e2e2e2; box-sizing: border-box;}
.item_header h2 { font-size: 16px; text-align: left;}
.item_tags ul { margin: 15px 0 10px 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; }
.item_tags ul li { float: left; margin: 0 5px 5px 0; }
.item_tags ul li a { font-size: 11px; border-radius: 5px; font-weight: bold; padding: 5px 10px; }
.item_slider_wrap .bx-controls-direction a { height: 55%; line-height: 250px; width: 40px; border: none; top: 1px;}
.item_slider_wrap .bx-controls-direction a.bx-prev { left: 1px;}
.item_slider_wrap .bx-controls-direction a.bx-next { right: 1px;}
.item_slider_wrap .bx-controls-direction a:hover {background: transparent;}
.bnr_body{margin-bottom: 10px;}
.bnr_body img{vertical-align: bottom; margin-bottom: 10px;}
.home_sidebox { padding: 20px 0; }
.news_body {padding: 20px;}
.news_body .td {display: block;}
.news_body h1 { width: auto; }
.news_body ul li a { padding: 0 10px; display: inline-block; }
.news_body ul li a span { display: block; margin: 10px -10px 0; }

/*==============================

FOOTER

============================== */

.footer_wrap { padding: 0; }
.footer_body { padding: 0;}
.footer_body .footer_bodyL { float: none; width: 100%; border-left: 1px solid #1a5297; }
.footer_body .footer_bodyL .td { width: auto; display: inline; padding: 0; }
.footer_bodyL li {float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #1a5297; border-bottom: 1px solid #1a5297;}
.footer_bodyL li.wide { width: 100%;}
.footer_bodyL li a {line-height: 30px; padding: 10px; display: block; position: relative;}
.footer_bodyL li a:after {content: '2'; font-family: 'icons'; display: block; position: absolute; right: 0; top: 0; width: 40px; height: 50px; text-align: center; line-height: 50px; }
.footer_body .footer_bodyR { float: none; padding: 20px; text-align: center; }
address { line-height: 1.6; font-size: 10px; padding: 10px; }


/*==============================

SUBPAGES

============================== */
.subpages_body{}
.main_title {border-bottom:1px solid #e2e2e2; }
.main_title h1{font-size: 25px; line-height: 50px; padding: 20px 0 0;}
.subpages .sidenav li { height: 65px; }
.subpages .sidenav li span.icon { font-size: 22px; }
.subpages .sidenav li span { font-size: 10px; line-height: 1.2  }
.main { float: none; width: auto; }
.sidebar { float: none; width: auto; }
.sidebar img { width: 100%; }
.description {margin: 0 20px 10px;}
.description .table {width: 100%;}
.description .td:first-child{padding:0; min-width: 100%; vertical-align: top;}
.description .td:first-child img {max-width: 90%;}
.description .td{vertical-align: top; padding: 10px 0; display: block; text-align: center;}
.description h2{font-size: 14px; font-weight: normal;}
.description p{font-size: 12px; margin-top: 1em;}
.sidelists li a{font-size:14px;}
.inner { margin-bottom: 20px; }
.inner_box { padding: 0; }
.inner > h2, .inner > h3 {height: auto; line-height: 24px; padding: 13px 10px 13px 50px; }
.inner > h2 span, .inner > h3 span {top: 50%; margin-top: -14px; }
.main_title h1 { font-size: 17px; }
.secene { padding: 10px 20px; margin: 15px 0; }
.item_body { width: 100%; }

/*==============================

PRODUCTS

============================== */
.subpages .item_body{float: none; min-height: 100%;  margin-bottom: 50px;}
.subpages .item_body.odd{float: none; margin:0 0 50px 0;}
.product_thumb { padding: 0; }
.download .table { display: block; }
.download .td { display: block; }
.download .td:first-child { width: 100%; }
.download　.download_dxf { width: 100%; }
.download .download_dxf li { width: 100%; margin: 0; padding: 2px 2px 0 2px; box-sizing: border-box; }
.download .download_dxf li span.wrap { width: 100%; }
.download_pdf a span.content { width: auto; }
.product_zoom { width: auto; }
.product_thumb { width: 45px; }

/*==============================

CONSIDER

============================== */
.consider_wrap { margin: 10px 0 0 0; }
.consider_body:first-child { margin: 0; }
.consider_body { margin: 0 0 10px 3.5%; width: 30.888%; float: left; }
.consider_header { overflow: hidden; position: relative; border: 1px solid #e2e2e2; display: block; }
.consider_header img { max-width: 100%; vertical-align: bottom; }
.consider_header span.detail { display: none; }
.consider_body span.name { padding: 5px; line-height: 1.2; font-size: 11px; text-align: left; }
.consider_body:hover span.name { padding: 5px; height: auto; color: #0b4c9c; background: rgba(240, 240, 240, 0.8);}

/*==============================

GROUP

============================== */


/*==============================

EMPLOYMENT

============================== */
.employ_wrap .description_more {padding-left: 0; text-align: center;}

/*==============================

TERMS

============================== */
.terms .inner p{margin-bottom:30px;}
.terms .inner h2, .terms .inner h3{margin:30px 0 30px 0;}
.terms .inner p.ql  { margin-bottom: 15px; }
.terms .inner ul {padding-left: 1.5em;}
.terms .banner_left,.terms .banner_right{float:none;width:100%;margin: 0 0 10px; text-align: center;}
.terms .ql a { margin-left: 25px; display: block; }
.terms .ql a:after {content: ''; clear: both; display: block;}
.terms .ql span { float: left; }
.terms .qa_box {margin-bottom: 30px; }

/*==============================

COMPANY

============================== */

.inner dl { margin-top: 20px; }
.inner dt { clear: left; float: left; width: 30%; box-sizing: border-box; }
.inner dd { margin-left: 30%; }
.inner dt, .inner dd { padding: 10px; }
.inner dd:after {content: ''; clear: both; display: block;}
.inner dl { border-bottom: 1px solid #e2e2e2; }
.inner dl.border { background: #f6f6f6; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
.inner dl.border dd { background: #fcfcfc; border-left: 1px solid #e2e2e2; }
.inner dl.border dd:after {content: ''; clear: both; display: block;}


/*==============================

MESSAGE

============================== */

.president { margin: 10px 0 20px; padding: 20px 0 0; border-top: 1px solid #e2e2e2; }
.president .td, .president .td:first-child { display: block; padding-bottom: 10px}
.president .td p { margin: 0 0 10px 0; text-align: left; font-size: 14px;}
.president .td h3 { font-size: 14px; color: #003e8b; font-weight: bold; margin-top: 1em; }

}