@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; letter-spacing:1px; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; }
a:hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }

/* wrapper  ----------------------- */
#wrapper { overflow: hidden; }
#container { background:#dfdfdf; padding-left:240px; }
#content { background:#fff; padding-top:65px; }
.content { width:76%; max-width:1040px; margin:0 auto;  }
.all_section { margin-top:110px; }

/* color  ----------------------- */

/* font  ----------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&family=Noto+Serif+SC&display=swap');
@font-face {
	font-family:'mitga';
	src:url("../fonts/bwmitga-regular-webfont.eot") format("eot"), url("../fonts/bwmitga-regular-webfont.woff") format("woff"), url("../fonts/bwmitga-regular-webfont.ttf") format("truetype");
}
@font-face {
	font-family:'mitga-black';
	src:url("../fonts/bwmitga-black-webfont.eot") format("eot"), url("../fonts/bwmitga-black-webfont.woff") format("woff"), url("../fonts/bwmitga-black-webfont.ttf") format("truetype");
}

.iframeSp .products_details_img { display: block; margin: 0 auto; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.turnbox_wrapper:hover .turnbox { -webkit-transform: rotateX(0deg) !important; -moz-transform: rotateX(0deg) !important; transform: rotateX(0deg) !important; }
	.face { position: absolute; -webkit-backface-visibility: visible!important; -moz-backface-visibility: visible!important; backface-visibility: visible!important; }
	.face.back { position: relative; -webkit-transform: rotateX(0deg)!important; -moz-transform: rotateX(0deg)!important; transform: rotateX(0deg)!important; opacity: 0; }
	.turnbox span { 
	    -webkit-transition: all 0.1s linear 0s !important;
	    -moz-transition: all 0.1s linear 0s !important;
	    transition: all 0.1s linear 0s !important;
	}
	.turnbox_wrapper:hover .front { opacity: 0; }
	.turnbox_wrapper:hover .back { opacity: 1; }
}

/* animation  ----------------------- */
.tran {
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*共通  ----------------------- */
.all_new_line { display: inline-block !important; letter-spacing: inherit !important; line-height: inherit !important; font-size: inherit !important; font-family: inherit !important; color: inherit !important; }

.box_center { width:100%; text-align:center; }
.box_right { width:100%; text-align:right; }
.box_left { width:100%; text-align:left; }
.img_center { display:block; text-align:center; }
.l_box { float:left; }
.r_box { float:right; }

.all_center_box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all_center_item {
  vertical-align: middle;
}
/*.all_main_image*/
.company .all_main_image { background-image:url(../images/company_main_image.jpg); }
.items .all_main_image { background: url(../images/products_item_top.jpg) no-repeat right center / cover; }
.category .all_main_image { background: url(../images/products_nav_btn_category_top.jpg) no-repeat right 85%  center / cover; }
.products_torx .all_main_image { background: url(../images/products_torx_top.jpg) no-repeat center center / cover; }
.products_precision .all_main_image { background: url(../images/products_precision_top.jpg) no-repeat center center / cover; }
.products_strength .all_main_image { background: url(../images/products_strength_top.jpg) no-repeat center center / cover; }
.products_serration .all_main_image { background: url(../images/products_serration_top.jpg) no-repeat right 60% center / cover; }
.products_car_parts .all_main_image { background: url(../images/products_car_top.jpg) no-repeat center center / cover; }
.contact .all_main_image { background: url(../images/contact_main_image.jpg) no-repeat center center / cover; }
.thanks .all_main_image { background: url(../images/contact_main_image.jpg) no-repeat center center / cover; }
.about .all_main_image { background: url(../images/about_main_image2.jpg) no-repeat center bottom / cover; }
.philosophy .all_main_image { background: url(../images/philosophy_main_image.jpg) no-repeat left 15% center / cover; }
.industry .all_main_image { background: url(../images/industry_main_image.jpg) no-repeat center center / cover; }
.cars_related .all_main_image { background: url(../images/cars_main_image.jpg) no-repeat center center / cover; }

.all_main_image_big .all_main_image_title { max-width: none; width: 100%; text-align: right; }
.all_main_image_big .all_main_image_title_sub { padding-right: 2.5%; }
.all_main_image_big .all_main_image_title_main span {
    background: url(../images/products_icn_magni.png) no-repeat center left 20px / 25px;
    margin-top: 10px;
    padding: 10px 2.5% 8px 60px;
    display: inline-block;
    border-top: 2px solid #fff;
    letter-spacing: 4px;
}

.all_main_image {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:333px;
	position:relative;
}
.company .all_main_image {
	background-position:24%;
}

.all_main_image_big { height:510px; }
.all_main_image_title {
	width:76%;
	max-width:1040px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	font-weight:600;
	color:#304d6e;
}
.all_main_image_title_sub { letter-spacing:3px; font-size:21px; font-family:'mitga-black',sans-serif; }
.all_main_image_title_main { margin-top:5px; letter-spacing:4px;  font-weight:600; font-size:24px; }

/*.all_title*/
.all_title { margin-bottom:55px; text-align:center; font-weight:600;  }
.all_title_sub { font-size:20px; font-family:'mitga-black',sans-serif; }
.all_title_main { margin-top:5px; padding-left:3px; letter-spacing:3px; font-size:19px; }

/*all_text*/
.all_text { line-height:1.8em; letter-spacing:2px; font-size:13px; color:#666; }
.all_text_bold { line-height:1.8em; letter-spacing:2px; font-weight:600; font-size:13px; }
.all_intro_text { margin-bottom: 70px; text-align: center; line-height: 1.8em; letter-spacing: 2px; color: #666; }
.contact .all_intro_text { margin-bottom: 35px; }
.all_title_contact { padding-top: 35px; }

/* #header ヘッダー
=========================================== */
#global-header {
	background:#dfdfdf;
	width:240px;
	min-height:100vh;
	position:fixed;
	left:0;
	top:0;
	z-index:10;
	/*box-shadow:2px 0px 9px -2px #4e4b56;
	-moz-box-shadow:2px 0px 9px -2px #4e4b56;
	-webkit-box-shadow:2px 0px 9px -2px #4e4b56;*/
}
.header_logo { padding:70px 0; text-align:center; }
.header_logo.--en { 
    display: grid;
    place-items: center;
    text-align: left;
}
#global-header .header_logo a { 
    color: #355552;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
}
#global-header-navi .main-contents { display:block; }
#global-header a { font-size:12px; }
#global-header-navi a {
	/*display:block;*/
	width:100%;
	text-align:left;
	-webkit-transition:background 0.2s linear 0s;
	transition:background 0.2s linear 0s;
	min-height:3em;
	font-size:12px;
}
.contents-link a { display: block; }
.turnbox_wrapper:hover { background: #6a807e; }
#global-header-navi li:nth-child(2), #global-header-navi li:nth-child(3) { background: none; }

#global-header-navi a:hover { background: #355552; }

#global-header-navi .na {
	padding-left:25px;
	/*position:relative;*/
	font-size:12px;
	color:#355552;
}
#global-header-navi a:hover .na { color: #FFF;}

#global-header-navi .na:after {
	content:"";
	background:#355552;
	width:10px;
	height:2px;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
/*#global-header-navi .main-contents-link a .na:hover { color:#E7C024;}*/
#global-header-navi .contents-link a, #global-header-navi .sub-contents a {
	padding:1em;
	color:#355552;
	text-align:center;
}
#global-header-navi .contents-link a:hover, #global-header-navi .sub-contents a:hover {	color:#FFF; }


#global-header-navi .main-contents-link a { font-size:12px; }
#global-header-navi .main-contents-link .na{
	line-height:68px;
	border-top:1px #bbb solid;
	border-bottom:1px #f6f6f6 solid;
	font-family:'mitga',sans-serif;
}
#global-header-navi .main-contents-link .sub-contents a p { border:none; }

#global-header-navi .main-contents-link a p i { display:none; }
.header_list_border_top { border-bottom:1px #f6f6f6 solid; }
.header_list_border_bottom { border-top:1px #bbb solid; }
#global-header-navi .sub-contents {
	position:fixed;
	width:240px;
	top:0;
	bottom:0;
	overflow:visible;
	display:none;
}
#global-header-navi .sub-contents ul {
	padding-top:179px!important;
}

#global-header-navi .sub-contents-l1 {
	background:rgba(223, 223, 223, 0.9);
	left:240px;
}
#global-header-navi .sub-contents-l2 {
	background:rgba(223, 223, 223, 0.8);
	left:480px;
}
#global-header-navi .sub-contents a{
	border:none;
	line-height:27px;
	letter-spacing:1.5px;
	border-top: 1px #bbb solid;
}
#global-header-navi .sub-contents ul li:last-child a{ border-bottom: 1px #bbb solid; }

.header_language_list { width:160px; margin:30px auto 0; letter-spacing:0; font-size:0; }
.header_language_list li { width:50%; display:inline-block; vertical-align:top; text-align:center; }
#global-header .header_language_list a {
	display:block;
	border:1px #355552 solid;
	line-height:2.1em;
	font-size:10px;
	font-family:'mitga',sans-serif;
	color:#355552;
}
#global-header .header_language_list a:hover { background:#355552; color:#fff; opacity:1; }
#global-header .header_language_list li:nth-child(2) a { border-left:none; }

.turnbox_wrapper { position: relative; border-top: 1px #bbb solid; border-bottom: 1px #f6f6f6 solid; }
.turnbox_wrapper .turnbox {
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
	/*-webkit-backface-visibility: hidden;*/
	-moz-backface-visibility: hidden;
	/*backface-visibility: hidden;*/
}
.turnbox_wrapper:hover .turnbox { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
.face { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.face.back { position: relative; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }



.turnbox { display: block; }
.turnbox span { 
    min-height: 3em;
    width: 100%;
	display: block;
    text-align: left;
    /*-webkit-transition: background 0.2s linear 0s;
    -moz-transition: background 0.2s linear 0s;
    transition: background 0.2s linear 0s;*/
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    line-height: 50px;
    font-family: 'mitga',sans-serif;
    font-size: 12px; 
}

#global-header-navi li.turnbox_wrapper:after {
    content: "";
    background: #355552;
    width: 10px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media all and (-ms-high-contrast: none){
  	.turnbox_wrapper:hover .turnbox { -webkit-transform: rotateX(0deg) !important; -moz-transform: rotateX(0deg) !important; transform: rotateX(0deg) !important; }
	.face { position: absolute; -webkit-backface-visibility: visible!important; -moz-backface-visibility: visible!important; backface-visibility: visible!important; }
	.face.back { position: relative; -webkit-transform: rotateX(0deg)!important; -moz-transform: rotateX(0deg)!important; transform: rotateX(0deg)!important; opacity: 0; }
	.turnbox span { 
	    -webkit-transition: all 0.1s linear 0s !important;
	    -moz-transition: all 0.1s linear 0s !important;
	    transition: all 0.1s linear 0s !important;
	}
	.turnbox_wrapper .turnbox {
		-webkit-transition:none !important;
		-moz-transition:none !important;
		transition:none !important;
		backface-visibility: visible !important;
	}
	.turnbox_wrapper:hover .front { opacity: 0; }
	.turnbox_wrapper:hover .back { opacity: 1; }
}

/* #top　トップページ
=========================================== */
.top_main_image {
	background:url(../images/top_img_main_image.jpg) no-repeat center / cover;
	width:100%;
	height:80vh;
	position: relative;
	color:#fff;
}
.top_main_text_box {
	width:100%;
	position:absolute;
	top:22%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
}
.top_main_title { padding-left:0.5em; line-height:1.4; font-size:43px; font-family: 'Noto Serif JP', serif;  }
.top_main_title span { display:inline-block; font-family: 'Noto Serif JP', serif; }
.top_main_name { margin-top:13px; letter-spacing:3px; font-size:15px;  }
.top_copyright { width:100%; position:absolute; left:0; bottom:20px; text-align:center; font-size:12px; }
.top_copyright span { display:inline-block; }

.pankuzu { background: #fff; padding: 16px 25px;}
.pankuzu ul { line-height: 1em; }
.pankuzu li { background: url(../images/all_arrow_right.png) no-repeat right 5px top 1px / 8px; padding-right: 25px; display: inline-block; }
.pankuzu li:last-child { background: none; color: #999; }
.pankuzu li a { color: #192839; }
.pankuzu li p { font-size: 14px; }
/* #company　会社案内
=========================================== */
.company .all_text a { line-height: 1.8em; letter-spacing: 2px; font-size: 13px; color: #666; }
#global-header-sp { display: none; }
.company_outline_table  { letter-spacing: 0; font-size:0; }
.company_outline_table table {
	width:49%;
	display:inline-block;
	border-bottom:1px dashed #939393;
	vertical-align:top;
}
.company_outline_table table:nth-child(2) { margin-left:2%; }
.company_outline_table th, .company_outline_table td { padding:20px 0; border-top:1px dashed #939393; vertical-align:top; }
.company_outline_table th { width:120px; min-width:120px; padding-left:20px; }
.company_outline_table td { width:100%; }
.company_outline_office_list li:nth-child(n+2) { margin-top:20px; }
.company_outline_office_margin_fix { margin-top: 10px; }
.company_outline_name_list li span:first-child { width:130px; display:inline-block; }
.company_outline_bank_list li span { display:inline-block; vertical-align:top; }
.company_outline_bank_list li span:first-child { width:120px; }
.company_outline_table span { display:inline-block; }
.company_outline_company_list li { display:block; vertical-align:top; }
.company_access_tab { width:95%; max-width:580px; margin:0 auto; letter-spacing:0; font-size:0; }
.company_access_tab li { width:24%; display:inline-block; text-align:center; }
.company_access_tab li:nth-child(n+2) { margin-left: 1.3%; }
.company_access_tab li a {
	padding-bottom:5px;
	display:block;
	position:relative;
	border-bottom:1px solid #a5a6a5;
	letter-spacing:2px;
	font-size:15px;
	color:#a5a6a5;
}
.company_access_tab li a.on { border-bottom:1px solid #304d6e; color:#304d6e; }
.company_access_tab li a.on:after {
	content:"";
	background: url(../images/company_img_access_tab.png) no-repeat center top / 16px;
	width:32px;
	height:8px;
	position:absolute;
	left:50%;
	bottom:-8px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.company_access_map { width:96%; margin:0 auto; }
.company_access_map li:nth-child(n+2){ display: none; }
.company_access_map li{
	margin-top: 30px;
	padding-left:62%;
	position:relative;
	border: 2px solid #e4e4e4;
	letter-spacing: 0;
	font-size: 0;
}
.company_access_map_text_box { width: 100%; padding: 55px; display: inline-block; }
.company_access_map_text_box .all_title { margin-bottom:25px; text-align: left; }
.company_access_map_text_box .all_title_main { font-size:16px; }
.company_access_map_text .all_text:nth-child(n+2) { margin-top:15px; }
.company_access_map_map { width: 62%; height:100%; display: block; position:absolute !important; top:0; left:0; }
.company_history { margin-bottom: 80px; }
.company_history table tr:nth-child(2n) { background: #f9f9f9; }
.company_history table tr:nth-child(2n+1) { background: #efefef; }
.company_history table th, .company_history table td { vertical-align:top; }
.company_history table th { width: 210px; padding:12px 0 12px 20px; }
.company_history table th.company_history_th_short { letter-spacing:1.8px; }
.company_history table th.company_history_th_shorter { letter-spacing:2.7px; }
.company_history table td { padding: 12px 25px; }
.company_history .all_text_bold { letter-spacing: 1px; }

/* #products
=========================================== */
.iframe_no_click { display: none !important; }
.scroll_hidden { position: relative; top: 80px; opacity: 0; }
.moretrigger_wrapper { margin-top: 30px; display:none; text-align: center; }
.moretrigger { width: 150px; padding: 8px 0px; display: inline-block; border: 1px solid #a5a6a5; }
.moretrigger span { display: block; font-family: 'mitga-black',sans-serif; font-weight: 600; color: #a5a6a5; cursor: pointer; }

#products_wrapper { background: #fff; }
.products_top_list { background: #f5f5f5; margin-bottom: 80px; }
.products_top_list li { padding: 50px; margin-bottom: 10px; }

.items .products_top_list li:nth-child(1) { background: url(../images/products_top_bg_torx.jpg) no-repeat center right / cover; }
.items .products_top_list li:nth-child(2) { background: url(../images/products_top_bg_precision.jpg) no-repeat center left / cover; }
.items .products_top_list li:nth-child(3) { background: url(../images/products_top_bg_strength.jpg) no-repeat center right / cover; }
.items .products_top_list li:nth-child(4) { background: url(../images/products_top_bg_serration.jpg) no-repeat center left / cover; }
.items .products_top_list li:nth-child(5) { background: url(../images/products_top_bg_cars.jpg) no-repeat center right / cover; }

.category .products_top_list li:nth-child(1) { background: url(../images/products_top_bg_cars-related.jpg) no-repeat right center / cover; }
.category .products_top_list li:nth-child(2) { background: url(../images/products_top_bg_industry-related.jpg) no-repeat left center / cover; }

.products_alignleft { text-align: left; }
.products_alignright { text-align: right; }
.products_alignright .products_top_list_content { text-align: left; }

.products_top_list_content { background: rgba(255,255,255,.8); width: 54%; max-width: 1100px; padding: 80px 75px; display: inline-block; }
.products_top_list_title_box { margin-bottom: 25px; }
.products_top_list_title { margin-bottom: 5px; font-family: 'mitga-black',sans-serif; font-weight: 600; font-size: 15px; }
.products_top_list_title_sub { letter-spacing: 3px; font-size: 16px; }
.products_top_list_title_sub span { display: block; font-size: 12px; color: #ababab; }
.products_top_list_text { margin-bottom: 50px; }
.product_btn_wrapper { text-align: right; }
.product_btn { background: #304d6e; width: 220px; margin-right: 25px; position: relative; text-align: center; display: inline-block; }
.product_btn a:after{
	content: "";
	background: url(../images/products_more_btn.png) no-repeat center center / cover;
	position: absolute;
    top: 0;
    right: 0;
	height: 44px;
    width: 54px;
}
.product_btn a { padding: 12px 0; display: block; letter-spacing: 3px; font-family: 'mitga-black',sans-serif; font-weight: 600; font-size: 15px; color: #fff; }

.products_bottom_links { margin: 160px 0 130px; }
.products_bottom_links ul { letter-spacing: 0; font-size: 0; }
.products_bottom_links li { background: #9caab9; width: 19.6%; margin-left: .5%; ; display: inline-block; border-radius: 5px; text-align: center; vertical-align: middle; }
.products_bottom_links .products_bottom_fix_inner span { display: inline-block; }
.products_bottom_fix { width: 100%; height: 100%; display: table; }
.products_bottom_fix_inner { display: table-cell; vertical-align: middle; }
.products_bottom_links li:nth-child(1) { margin-left: 0; }
.products_bottom_links li.selected { background: #304d6e; }
.products_bottom_links li p, .products_bottom_links li a { height: 100%; }
.products_bottom_links li a { padding: 15px 3px; position: relative; display: block; font-size: 11px; font-weight: 600; color: #fff; }

.products_bottom_nav ul { letter-spacing: 0; font-size: 0; }
.products_bottom_nav li { width: 49.8%; padding-top: 8px; display: inline-block; text-align: center; border-top: 6px solid #a5a6a5; font-size: 16px; }
.products_bottom_nav li.products_bottom_nav_selected { border-top: 6px solid #192839; }
.products_bottom_nav_wrapper { position: relative; overflow: hidden; }
.products_bottom_nav li:hover a { opacity: 1; }
.products_bottom_nav li:hover .products_bottom_bg { transform: scale(1.1); }
.products_bottom_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
.products_bottom_nav li:first-child { margin-right: .4%; }
.products_bottom_nav li:nth-child(1) .products_bottom_bg { background: url(../images/products_nav_btn_item.jpg) no-repeat center center / cover; }
.products_bottom_nav li:nth-child(2) .products_bottom_bg { background: url(../images/products_nav_btn_category.jpg) no-repeat center center / cover; }
.products_bottom_nav li a { background: rgba(50,50,50,.5);; padding: 50px 0px; position: relative; display: block; text-align: right; color: #fff; }
.products_bottom_nav li.products_bottom_nav_selected a { background: rgba(0,50,100,.5) }
.products_bottom_nav_title { display: inline-block; }
.products_bottom_nav_title_en {
    background: url(../images/products_icn_magni_white.png) no-repeat center left / 18px;
    margin: 0 10px 7px 0;
    padding: 3px 0 3px 27px;
    display: inline-block;
    font-family: 'mitga-black',sans-serif;
    font-weight: 600;
    font-size: 15px;
}
.products_bottom_nav_title_jp { padding: 3px 10px 0px 10px; display: block; border-top: 2px solid #fff; letter-spacing: 3px; font-size: 18px; }
.products_bottom_nav_selected { position: relative; }
.products_bottom_nav_selected:after {
	content: "";
    background: url(../images/products_icn_triangle2.png) no-repeat center center / cover;
    height: 26px;
    width: 55px;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
}
.products_bottom_contact { background: #192839; width: 90%; max-width: 1100px; margin: 80px auto 0; color: #FFF; }
.products_bottom_contact_inner { width: 81%; margin: 0 auto; padding: 50px 0; position: relative; letter-spacing: 0; font-size: 0; }
.products_bottom_contact_left { padding-right: 320px; display: inline-block; font-size: 16px; }
.products_bottom_contact_right { width: 300px; display: inline-block; position: absolute; right: 0; text-align: right; vertical-align: top; }
.products_bottom_contact_links { letter-spacing: 0; font-size: 0; }
.products_bottom_contact_links li { width: 100%; display: inline-block; text-align: center; }
.products_bottom_contact_links li:hover a span { color: #192839; opacity: 1;  }
.products_bottom_contact_links li:first-child a span { background: url(../images/products_icn_mail.png) no-repeat left center / 30px; padding: 20px 0 20px 40px; }
.products_bottom_contact_links li:last-child a span { background: url(../images/products_icn_phone.png) no-repeat left center / 25px; padding: 20px 0 20px 30px; }
.products_bottom_contact_links li:first-child:hover a span { background: url(../images/products_icn_mail_blue.png) no-repeat left center / 30px; }
.products_bottom_contact_links li:last-child:hover a span { background: url(../images/products_icn_phone_blue.png) no-repeat left center / 25px; }
.products_bottom_contact_links li:last-child:hover a { background: #fff; opacity: 1; }
.products_bottom_contact_links li:first-child:hover a { background: #fff; opacity: 1; }
.products_bottom_contact_links li:first-child { margin-bottom: 20px; }
.products_bottom_contact_links p { border: 2px solid #fff; }
.products_bottom_contact_links a { display: block; }
.products_bottom_contact_links a span { display: inline-block; letter-spacing: 4px; font-weight: 600; font-size: 16px; color: #FFF; }
.products_bottom_contact_title { margin-bottom: 25px; font-family: 'mitga-black',sans-serif; font-size: 18px; }
.products_bottom_contact_sub { margin-bottom: 10px; letter-spacing: 2px; font-size: 21px; }
.products_bottom_contact_txt { line-height: 1.8em; letter-spacing: 2px; font-size: 15px; }

.products_featured { padding: 120px 0; position: relative; letter-spacing: 0; font-size: 0; }
.products_featured_img { width: 29%; display: inline-block; }
.industry .products_featured_img { width: 50%; }
.products_featured_img img { width: 100%; }
.products_featured_details { width: 71%; padding: 0 24px 0; display: inline-block; vertical-align: top; }
.products_featured_details_title { margin-bottom: 20px; padding: 0 0 6px 8px; position: relative; border-bottom: 1px solid #5a718b; line-height: 1.4em; letter-spacing: 4px; font-size: 18px; font-weight: 600; color: #5a718b; }
.products_featured_details_title:after{
	content: "";
    background: url(../images/all_line_diagonal.png) no-repeat center center / contain;
    width: 57px;
    height: 40px;
    position: absolute;
    bottom: -40px;
    left: -56px;
}
.products_featured_details_txt { padding-left: 5px; }
.products_lineup_title_box { margin-bottom: 45px; text-align: center; }
.products_lineup_title_en { margin-bottom: 5px; font-size: 20px; font-family: 'mitga-black',sans-serif; }
.products_lineup_title_jp { font-size: 18px; }
.products_lineup_section { margin-bottom: 120px; }
.products_lineup_section_title { margin-bottom: 40px; padding: 13px 10px; border-top: 1px solid #999; border-bottom: 1px solid #999; letter-spacing: 4px; font-size: 18px; }
.products_lineup_section_title span { letter-spacing: 4px; font-family: 'mitga-black',sans-serif; font-size: 20px; }
.products_lineup_list ul { letter-spacing: 0; font-size: 0; }
.products_lineup_list li { width: 20%; margin: 0 0 5% 6.5%; display: inline-block; border: 4px solid #efefef; }
.products_lineup_list li:nth-child(4n+1) { margin-left: 0; }
.products_lineup_list li:nth-last-child(-n+4) { margin-bottom: 0; }
.products_lineup_list img { width: 100%; }
.products_lineup_list li a { display: block; }
.products_details { position: relative; border: 4px solid #efefef; letter-spacing: 0; font-size: 0; }
.products_details_img { width: 50%; display: inline-block; vertical-align: middle; }
.products_details_img img { width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.products_details_info_title { padding: 0 0 3px 5px; border-bottom: 1px solid #999; font-size: 16px; font-weight: 600; color: #666; }
#products_details, .products_details, .products_details_info_wrapper { height: 100%; }
.products_details_info_wrapper { width: 50%; position: relative; display: inline-block; vertical-align: top; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.products_detail_footer { width: 100%; position: absolute; bottom: 0; left: 0; }
.products_details_info { width: 100%; padding: 0 30px; position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; }
.products_details_info_details { padding: 3px 0 1px 5px; border-bottom: 1px solid #999; }
.products_details_info_details span { margin-right: 15px; }
.products_detail_footer_btn { margin-bottom: 10px; padding-left: 32px; }
.products_detail_footer_btn a { background: url(../images/products_icn_mail_blue.png) no-repeat center left / 25px; padding: 3px 0 3px 30px; /* border: 1px solid; */ font-size: 12px; color: #192839; }
.products_detail_footer_nav { position: absolute; right: 9px; bottom: 9px; }
.products_detail_footer_nav li { width: 25px; display: inline-block; }
.products_detail_footer_nav li:first-child a { background: #bfbfbf url(../images/products_details_arrow_l.png) no-repeat center center / 9px; }
.products_detail_footer_nav li:last-child a { background: #bfbfbf url(../images/products_details_arrow_r.png) no-repeat center center / 9px; }
.products_detail_footer_nav a { padding: 12.5px 0; display: block; }

.torx_box { margin-top: 15px; border: 1px dashed #ccc; border-radius: 5px; }
.torx_box ul { padding: 15px; letter-spacing: 0; font-size: 0; }
.torx_box ul li { display: inline-block; vertical-align: middle; }
.torx_box ul li:nth-child(1) { width: 18%; padding: 0 15px; }
.torx_box ul li:nth-child(2) { width: 18%; padding: 0 15px; }
.torx_box ul li:nth-child(3) { width: 64%; }
.torx_box_img {  }
.torx_box_img img { width: 100%; }
.torx_box_legal {  }
.torx_box_legal span { display: block; line-height: 1.3em; font-size: 12px; }

/* #contact お問合せ
=========================================== */
.contact .all_intro_text span, .thanks .all_intro_text span { display: block; }
.contact #content { padding-top: 70px; }
.mailform select{
	background: #fff url(../images/all_arrow_down.png) no-repeat center right 6px / 12px;
	width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    color: #666;
}
.mailform_text {
    line-height: 1em;
    letter-spacing: 1px;
    font-size: 14px;
    color: #666;
}
input::placeholder {
  color: #b7b7b7;
}

/* IE */
input:-ms-input-placeholder {
  color: #b7b7b7;
}

/* Edge */
input::-ms-input-placeholder {
  color: #b7b7b7;
}
.mailform input, .mailform textarea, .mailform select { padding: 8px 8px; border: 1px solid #e2e2e2; line-height:1.5; font-size:14px; }
.mailform table { width: 85%; margin: 0 auto; max-width: 700px; }
.mailform tr span { color: #cc3d46; }
.mailform td { margin-bottom: 20px; position: relative; letter-spacing: 0; font-size: 0; }
.mailform th { margin-bottom: 5px; font-size: 14px; color: #666; }
.mailform textarea { resize: vertical; }
#uword { margin:15px 0; }

.mailform_mid th { margin-bottom: 4px; }
.mailform_mid input { width: 100%; }
.mailform_mid th, .mailform_mid td { width: 60%; display: block; }
.mailform_full th, .mailform_full td { width: 100%; display: block; }
.mailform_full input, .mailform_full textarea { width: 100%; }
.mailform_full img { max-width:100%; }

.mailform_split th, .mailform_split td { width: 60%; display: block; }
.mailform_split input:first-child { margin-right: 2%; }
.mailform_split input { width: 49%; display: inline-block; }

.contact_privacy { margin-top: 30px; text-align: center; }
.contact_privacy a { color: #666; }

.mailform_address { display: inline-block; letter-spacing: 0; font-size: 0; }
.mailform_address input { width: 100%; }
.mailform_address1 { width: 30%; margin-right: 2%; }
.mailform_address2 { width: 68% }
.mailform_address th, .mailform_address td { width: 100%; display: block;  }
.address_btn { 
    background: url(../images/products_icn_magni.png) no-repeat center center / 15px;
    width: 29px !important;
    height: 29px;
    padding: 0 !important;
    border: none !important;
    position: absolute;
    top: 1px;
    right: 1px;
 }
 .submit_form { text-align: center; margin-top: 20px; }
 .submit_form input {
    background: #304d6e url(../images/products_more_btn.png) no-repeat center right / 42px;
    color: #fff;
    padding: 10px 65px 10px 40px;
    font-size: 14px;
}

.contact_phone { background: #f5f5f5; padding: 100px 0 140px; }
#phone { padding-top: 100px; }
.contact_phone_content { width: 80%; max-width: 1000px; margin: 0 auto; }
.contact_phone_content ul { letter-spacing: 0; font-size: 0; }
.contact_phone li { background: #fff; width: 48.5%; padding: 30px 0 ; display: inline-block; border: #304d6e 2px solid; text-align: center; }
.contact_phone li:first-child { margin-right: 3%; }
.contact_phone li p { font-size: 16px; }
.contact_phone li p span { font-size: 12px; color: #999; }
.contact_phone li p.contact_phone_icn { background: url(../images/contact_icn_phone.png) no-repeat center left / 24px; margin-top: 5px; padding-left: 40px;   }
.contact_phone li p.contact_phone_icn a {font-weight: 600; color: #304d6e; font-size: 30px; letter-spacing: 3px;}
.contact #footer { margin-top: 0; }
.contact_phone_txt { display: inline-block; text-align: left; }

/* #privacy
=========================================== */
.privacy_intro_text { font-size: 15px; color: #666; margin-bottom: 40px; line-height: 2em; letter-spacing: 2px; }
.privacy_content > ul > li { margin-bottom: 50px; }
.privacy_content li > p { padding-left: 7px; }
.privacy_content_title { margin-bottom: 15px; padding: 0 0 3px 7px; border-bottom: 1px solid #304d6e; letter-spacing: 2px; font-size: 15px; font-weight: 600; color: #304d6e; }
.privacy_sublist_title { padding-left: 20px; position: relative; }
.privacy_sublist_title:after {
	content: "";
	background: #666;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 7px;
	transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
}
.privacy_content_sublist { margin-top: 15px; }
.privacy_content_sublist li { margin-bottom: 20px; }
.privacy_content_sublist li:last-child { margin-bottom: 0; }
.privacy_mail a { background: url(../images/products_icn_mail_blue.png) no-repeat center left / 18px; padding: 3px 0 3px 25px; font-size: 14px; color: #192839; }


/* #about RENEWAL 2020
=========================================== */
.about_wrapper { margin-bottom: 200px; }
.about #content { padding-top: 0; }
.about .pankuzu { background: transparent; }
.about .pankuzu li { background: url(../images/all_arrow_right_w.png) no-repeat right 6px top 1px / 7px; }
.about .pankuzu li:last-child { background: none; }
.about .pankuzu p,
.about .pankuzu a { color: #FFF; }
.about #content { background: #f5f5f5; }

.about .all_main_image_big { background-position: center bottom; height: 100vh; }
.about .all_main_image_big .all_main_image_title_main span { background: none; padding-left: 25px; }
.about .all_main_image_title { color: #FFF; }

.about_content { background: #f5f5f5; width: 100%; max-width: 1920px; margin: 0 auto; position: relative; }
.about_intro_title { margin-bottom: 20px; letter-spacing: 4px; text-align: center; font-weight: 600; font-size: 24px; color: #666; }
.about_intro { text-align: center; }
.about_intro span { display: block; }
.about_content_nav_wrapper { width: 90%; max-width: 960px; margin: 0 auto; position: relative; }
.about_content_nav { letter-spacing: 0; font-size: 0; }
.about_content_nav li {
    width: 29%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 15px;
    box-shadow: #bfbebe 0 5px 6px -4px;
    transition: all .4s;
}
.about_content_nav li:nth-child(n+2) { margin-left: 6.5%; }
.about_content_nav li a {
    background: #FFF url(../images/about_nav_arr.png) no-repeat center bottom 18px / 20px;
    padding: 40px 0 50px;
	display: block;
	transition: all .4s;
}
.about_content_nav p { transition: all .4s; font-weight: 600; font-size: 16px; color: #304D6E; }
.about_content_nav_sub { transition: all .4s; font-size: 13px; color: #666; }

.about_main_ttl {
    width: 95%;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.about_main_ttl_sub {
	line-height: 1;
	letter-spacing: -8px;
	font-family: "Noto Serif JP",serif;
    text-align: center;
	font-size: 72px;
    color: #FFF;
}
.about_main_ttl_main {
    margin-bottom: 12px;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    text-align: center;
	font-weight: 600;
	font-size: 31px;
    color: #FFF;
}

@media ( min-width: 1025px ){
	.about_content_nav li:hover a {
		background: #304D6E url(../images/about_nav_arr_w.png) no-repeat center bottom 18px / 20px;
	}
	.about_content_nav li:hover p { color: #FFF; }
	.about_content_nav li:hover span { color: #FFF; }
	.about_content_nav li a:hover { opacity: 1; }
}

/*.about_list { margin-top: 150px; }*/
.about_list { margin-top: -54px; }
/*.about_list > ul > li,*/
/*.about_list_el { margin-bottom: 125px; position: relative; letter-spacing: 0; font-size: 0; }*/
/*.about_list_el { margin-bottom: 75px; padding-top: 50px; position: relative; letter-spacing: 0; font-size: 0; }*/
/*.about_list_el:last-child { margin-bottom: 125px; }*/
.about_list_el_inner { position: relative; }
.about_list .about_list_el:nth-child(1) .about_list_img_box { background: url(../images/top_links2.jpg) no-repeat left 5% bottom / cover; }
.about_list .about_list_el:nth-child(2) .about_list_img_box { background: url(../images/top_links3.jpg) no-repeat center center / cover; }
.about_list .about_list_el:nth-child(3) .about_list_img_box { background: url(../images/top_links4.jpg) no-repeat center center / cover; }
.about_img_right { text-align: left; }
.about_img_left { text-align: right; }
.about_img_right .about_list_img_box { right: 0; }
.about_img_left .about_list_img_box { left: 0; }
.about_list_img_box { width: 51%; z-index: 5; position: absolute; top: -50px; }
.about_list_img_box a { display: block; }
.about_list_img_box, .about_list_text_box { display: inline-block; }
.about_list_img_box_sp { width: 85%; margin: 0 auto 30px; display: none; }
.about_list_img_box_sp img { width: 100%; }
.about_img_right .about_list_text_box { margin-left: 5%; padding: 105px 12% 90px 0; }
.about_img_left .about_list_text_box { margin-right: 5%; padding: 105px 60px 90px 9%;  }
.about_list_text_box { background: #FFF; width: 53%; z-index: 0; text-align: left; font-size: 15px; }
.about_list_text_box_title_after, .about_list_text_box_text, .about_list_text_box_title_sub { padding-left: 60px; }
.about_list_text_box_title_sub { font-size:18px; }
.about_list_text_box_title_sub_orange { color:#fa7401; }

.about_list_text_box_title_bg { width: 100%; padding: 3px 0 40px; display: inline-block; }
.about_sub_list_content .about_list_text_box_title_bg { padding: 3px 10px 40px; }
.about_list li:nth-child(1) .about_list_text_box_title_bg { background: rgba(255,255,255,.9) url(../images/about-sign-chain_big.png) no-repeat top right 15px / 250px; max-width: 380px; }
.about_list li:nth-child(2) .about_list_text_box_title_bg { background: rgba(255,255,255,.9) url(../images/about-sign-manufact_big.png) no-repeat top right 15px / 250px;  max-width: 410px; }
.about_list li:nth-child(3) .about_list_text_box_title_bg { background: rgba(255,255,255,.9) url(../images/about-sign-quality_big.png) no-repeat top 15px center / 280px; padding: 3px 120px 50px; }
.about_list li:nth-child(4) .about_list_text_box_title_bg { background: rgba(255,255,255,.9) url(../images/about-sign-global_big.png) no-repeat top right 50px / 250px;  max-width: 500px; }

.about_big2 { margin-top: 40px; letter-spacing: 0; font-size: 0; }
.about_big2_l,
.about_big2_r { display: inline-block; vertical-align: top; }
.about_big2_l { width: 51%; margin-right: 5%; }
.about_big2_l img { width: 100%; }
.about_big2_r { width: 44%; max-width: 410px; text-align: left; }
.about_big2_ttl { margin-bottom: 12px; font-size: 20px; font-weight: 600; color: #59718B; }
.about_big2_reg { margin-bottom: 5px; line-height: 2; font-size: 13px; color: #666; }

.about_nb_list { width: 95%; max-width: 1100px; margin: 112px auto 114px; padding-bottom: 90px; border-bottom: 2px solid #F5F5F5; }
.about_nb_list li { letter-spacing: 0; font-size: 0; }
.about_nb_list li:nth-child(n+2) { margin-top: 60px; }
.about_nb_list_l,
.about_nb_list_r { display: inline-block; vertical-align: middle; }
.about_nb_list_l { width: 45%; position: relative; }
.about_nb_list_l img { width: 100%; }
.about_nb_list_r { width: 55%; position: relative; }
.nb_sp { display: none; }
.about_nb_list_number {
	background: #FA7401;
    width: 80px;
    height: 80px;
    position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform:translate(50%,-50%);
	-moz-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
    border-radius: 100px;
}
.about_nb_list_number span {
    padding: 24px 0;
    display: block;
    line-height: 1;
    text-align: center;
    font-size: 30px;
    color: #FFF;
    font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    font-family: "mitga", sans-serif;
    font-family: Noto Serif JP;
    font-family: 'Oswald', sans-serif;
}
.about_nb_list_r_inner { padding: 0 20px 0 63px; }
.about_nb_list_r_inner_big,
.about_nb_list_r_inner_sma { font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; line-height: 1.5; font-weight: 600; color: #304D6E; }
.about_nb_list_r_inner_big { font-size: 30px; }
.about_nb_list_r_inner_sma { font-size: 18px; }
.about_nb_list_r_inner_big span { letter-spacing: inherit; font-family: inherit; font-weight: inherit; }
.about_nb_list_r_inner_big .all_new_line { display: inline !important; }
.about_nb_list_r_inner_big .about_nb_list_orange { color: #FA7401; }

.about_equip { max-width: 1100px; width: 95%; margin: 80px auto 0; padding-bottom: 102px; }
.about_equip_list { letter-spacing: 0; font-size: 0; }
.about_equip_list li { display: inline-block; width: 32%; margin-right: 2%; }
.about_equip_list li:nth-child(n+4) { margin-top: 25px; }
.about_equip_list li:nth-child(3n+3) { margin-right: 0; }
.about_equip_list li img { width: 100%; }
.about_equip_list li p:last-child { margin-top: 10px; text-align: center; font-size: 13px; color: #666; }

.about_faded { position: absolute; z-index: 1; }
.about_faded_1 { width: 90%; max-width: 786px; top: 0; right: 0; }
.about_faded_2 { width: 80%; max-width: 786px; top: -30px; left: 54%; }
.about_faded_3 {
	width: 95%;
    max-width: 960px;
    top: 10px;
    left: 20px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_faded img { width: 100%; }

.about_list_block {
	background: #FFF;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.about_list_block_ttl {  }

.about_equip_ttl { margin-bottom: 30px; line-height: 1.5; text-align: center; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; font-size: 26px; font-weight: 600; color: #304D6E; }
.about_equip_ttl span { font-weight: 600; }

.about_numbers { margin: 25px 0 50px; padding: 0; letter-spacing: 0; font-size: 0; }
.about_numbers li { width: 50%; padding: 6px 0; display: inline-block; }
.about_numbers li:first-child { border-right: 1px solid #304D6E; }
.about_numbers li p { font-weight: 600; font-size: 20px; color: #304D6E; }
.about_numbers li p span { margin: 0 10px; display: inline-block; font-family: "mitga", sans-serif; font-weight: 400; font-size: 45px; color: #FA7401; }
.about_img { margin: 0 0 37px; display: block; }
.about_img img { width: 100%; }

.about_text { padding: 0 5.5%; text-align: left; letter-spacing: 0; font-size: 0; }
.about_text img { width: 100%; }
.about_text_l,
.about_text_r { width: 48%; display: inline-block; vertical-align: top; }
.about_text_r { margin-left: 4%; }
.about_text_ttl { margin-bottom: 23px; font-size: 20px; font-weight: 600; color: #59718B; }

#section3 .about_sub_list_content { padding-left: 0; padding-right: 0;  }
/*#section3 .about_list_text_box_title_bg { padding: 3px 95px 40px; }*/

.about_list_text_box_title { position: relative; display: inline-block; font-weight: 600; font-size: 22px; color: #304d70; }
.about_list_text_box_title_after { position: relative; display: block; }
.about_list_text_box_title_after:after {
	content: "";
	background: #304d70;
	width: 30px;
	height: 8px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.about_list_text_box_title_sub { margin-bottom: 15px; line-height: 1.8em; }
.about_list_text_box_title_sub span { display: block; letter-spacing:2px; }
#quality-control .about_list_text_box_text { width: 85%; max-width: 850px; margin: 0 auto; }

.about_sub_list { margin-top:-20px; letter-spacing: 0; font-size: 0; }
.about_sub_list li { display: inline-block; width: 32%; margin-right: 2%; }
.about_sub_list li:last-child {  margin-right: 0; }  
.about_sub_list li img { width: 100%; }

.about_sub_list_content { background: #FFF; padding: 60px /*95px*/ 5.6% 73px; width: 90%; margin: 75px auto 0; position: relative; text-align: center; }
.about_sub_list_content .about_list_text_box_title:after { content: none; }
.about_sub_list_content .about_list_text_box_title, 
.about_sub_list_content .about_list_text_box_text, 
.about_sub_list_content .about_list_text_box_title_sub { padding-left: 0; }
.about_list_text_box_text span { background:linear-gradient(transparent 60%, #fedcbf 60%); font-weight:600; font-size:1.1em; color:#000; }
.about_sub_list_content:after {
	content: "";
	background: #304d70;
	height: 30px;
	width: 8px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.about_add { margin-top: 50px; }
.about_add_ttl { margin-bottom: 15px; text-align: center; font-size: 22px; font-weight: 600; color: #304D6E; }
.about_add_blue { background: #304D6E; width: 75%; max-width: 810px; margin: 0 auto -90px; padding: 40px 0; position: relative; z-index: 1; text-align: center; }
.about_add_blue:after {
    content: "";
    background: url(../images/about_speech_bbl.png) no-repeat center center / cover;
    width: 215px;
    height: 142px;
    position: absolute;
    right: -100px;
    top: -50px;
}
.about_add_blue_main { margin-bottom: 22px; padding: 0 5%; font-size: 22px; font-weight: 600; color: #FFF; }
.about_add_blue_sub { padding: 0 5%; font-size: 18px; color: #FFF; }
.about_add_list { letter-spacing: 0; font-size: 0; }
.about_add_list li { width: 32%; display: inline-block; }
.about_add_list li:nth-child(n+2) { margin-left: 2%; }
.about_add_list img { width: 100%; }

.about_big { letter-spacing: 0; font-size: 0; }
.about_big img { width: 100%; }
.about_big_l,
.about_big_r { width: 50%; padding: 35px 45px 20px; display: inline-block; vertical-align: top; }
.about_big_l { position: relative; }
.about_big_l:after {
	content: "";
    background: url(../images/about_img_arrow.png) center center / cover;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.about_big_ttl { margin-bottom: 10px; line-height: 1; font-size: 18px; font-weight: 600; }
.about_big_sub { margin-bottom: 23px; vertical-align: middle; font-size: 13px; }
.about_big_sub span { margin-right: 5px; padding: 5px 7px; position: relative; top: -1px; display: inline-block; vertical-align: middle; line-height: 1; font-family: "mitga", sans-serif; font-size: 8px; }

.about_big_img span { padding: 6px 10px; position: relative; top: -12px; display: inline-block; border-style: solid; border-width: 1px; font-size: 12px; }
.about_big_l .about_big_img span { background: #FFF; border-color: #304D6E; color: #667B94; }
.about_big_r .about_big_img span { background: #fca962; border-color: #fca962; color: #FFF; }

.about_sub_content_li { margin-top: 55px; }
.about_sub_content_li img { width: 100%; }
.about_sub_content_li_ttl { margin-bottom: 23px; position: relative; }
.about_sub_content_li_ttl:after{
	content: "";
	background: #304D6E;
	width: 100%;
	height: 2px;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 0;
}
.about_sub_content_li_ttl span { background: #FFF; padding: 0 40px; position: relative; z-index: 5; font-size: 22px; font-weight: 600; color: #304D6E; }
.about_sub_content_li_items { letter-spacing: 0; font-size: 0; }
.about_sub_content_li_items li { width: 16.66%; display: inline-block; }

.about_big_l .about_big_ttl { color: #000; }
.about_big_r .about_big_ttl { color: #304D6E; }
.about_big_l .about_big_sub { color: #666 }
.about_big_r .about_big_sub { color: #304D6E; }
.about_big_l .about_big_sub span { background: #666; color: #FFF; }
.about_big_r .about_big_sub span { background: #304D6E; color: #FFF; }

.about_big_list { margin-top: 20px; text-align: left; }
.about_big_list li { padding-left: 25px; position: relative; font-size: 13px; }
.about_big_list li:nth-child(n+2) { margin-top: 7px; }
.about_big_l .about_big_list li { color: #666; }
.about_big_r .about_big_list li { color: #fa7401; }
.about_big_list li:after { content: ""; width: 12px; height: 2px; position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); }
.about_big_l .about_big_list li:after { background: #666; }
.about_big_r .about_big_list li:after { background: #fa7401; }
.about_big_r { background: #F5F5F5; }

/* 5月 */
.about_main_list_wrapper {
	background: #FFF url(../images/about_list_bg.png) no-repeat center / 1200px;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 125px 0 130px;
    position: relative;
	top: -60px;
}
.about_main_list {
    width: 95%;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
	letter-spacing: 0;
    font-size: 0;
}
.about_main_list_ttl { width: 95%; margin: 0 auto; margin-bottom: 80px; text-align: center; font-family:"Noto Serif JP",serif; font-size: 32px; color: #304D6E; }
.about_main_list_ttl > span { display: block; font-family:"Noto Serif JP",serif; font-size: 40px; }
.about_main_list_ttl > span span { font-family:"Noto Serif JP",serif; }
.about_main_list li {
	width: 22.4%;
    border: 2px solid #304D6E;
    border-radius: 250px;
    display: inline-block;
    position: relative;
    margin-left: 3.4%;
    overflow: hidden;
}
.about_main_list li:nth-child(4n+1) { margin-left: 0; }
.about_main_list li:nth-child(n+5) { margin-top: 32px; }
.about_main_list li:nth-child(1) span,
.about_main_list li:nth-child(2) span,
.about_main_list li:nth-child(3) span,
.about_main_list li:nth-child(5) span { background: transparent; }
.about_main_list li img { width: 100%; }
.about_main_list li > span {
	background: #FFF;
    width: 100%;
    height: 28.5%;
    max-height: 62px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
}
.about_main_list li > span span {
	width: 100%;
	padding-bottom: 5px;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	line-height: 1.4;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: 600;
	color: #304D6E;
}
.about_blue_box {
	background: #304D6E;
	width: 495px;
	margin: -150px auto 123px;
	padding: 22px 0px 22px 22px;
	position: relative;
}
.about_blue_box span { width: 177px; display: inline-block; }
.about_blue_box span img { width: 100%; }
.about_blue_box p {
    width: calc(100% - 242px);
    position: absolute;
    top: 50%;
    left: 234px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.5;
    font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
}

.about_banner_section_bg {
	background: url(../images/about_banner.jpg) no-repeat center / cover;
	height: 530px;
	width: 100%;
	display: block;
	position: relative;
}
.about_banner_section_bg > span {
	width: 100%;
	padding: 0 5%;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align: center;
	font-family:"Noto Serif JP",serif;
	font-size: 64px;
	color: #FFF;
}

.about_screw { width: 90%; max-width: 690px; margin: 170px auto 44px; }
.about_screw img { width: 100%; }

.about_list_block_ttl { width: 95%; margin: 0 auto; position: relative; line-height: 1.5; text-align: center; font-family:"Noto Serif JP",serif; font-size: 34px; color: #304D6E; }
.about_list_block_ttl:after{
	content: "";
	background: #304D6E;
	width: 39px;
	height: 6px;
	position: absolute;
	position:absolute;
	bottom: -29px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.about_list_block_ttl .about_list_block_ttl_sma { display: block; font-family:"Noto Serif JP",serif; font-size: 40px; color: #304D6E; }

.about_middle_link .inline_data { display: none; }
#about_btn_data { padding: 56px 4.5% 42px; letter-spacing: 0; font-size: 0; }
#about_btn_data img { width: 100%; }
.about_btn_data_l,
.about_btn_data_r {
	width: 50%;
	padding: 28px 3.2% 18px;
	vertical-align: top;
	display: inline-block;
	text-align: center;
}
.about_btn_data_r { background: #F5F5F5; }
.about_btn_data_l { position: relative; }
.about_btn_data_l:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20.5px 0 20.5px 16px;
	border-color: transparent transparent transparent #304d6e;
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translate(60%,-50%);
	-moz-transform:translate(60%,-50%);
	transform:translate(60%,-50%);
}

.about_btn_data_ttl {
	margin-bottom: 45px;
    text-align: center;
    font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: 600;
	font-size: 22px;
    color: #304D6E;
}
.about_btn_data_ttl_line { position: relative; z-index: 1; }
.about_btn_data_ttl_line:after {
	content: "";
	background: #FEDCBF;
	width: 92%;
	height: 7px;
	position:absolute;
	bottom: 4px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: -1;
}

.about_btn_data_subttl {
	margin-bottom: 3px;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: 600;
	font-size: 19px;
}
.about_btn_data_l .about_btn_data_subttl { color: #000; }
.about_btn_data_r .about_btn_data_subttl { color: #304D6E; }
.about_btn_data_subttl_under {
	margin-bottom: 25px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
}
.about_btn_data_l .about_btn_data_subttl_under { color: #666; }
.about_btn_data_r .about_btn_data_subttl_under { color: #304D6E; }

.about_btn_data_subttl_under span { padding: 5px 7px; position: absolute; left: -53px; line-height: 1; font-family:'mitga'; font-size: 8px; color: #FFF; }
.about_btn_data_l .about_btn_data_subttl_under span { background: #666; }
.about_btn_data_r .about_btn_data_subttl_under span { background: #304D6E; }

#about_btn_data ul { margin-top: 33px; }
#about_btn_data ul li { padding-left: 25px; position: relative; letter-spacing: 0; text-align: left; font-size: 13px; }
#about_btn_data ul li:nth-child(n+2) {
	margin-top: 6px;
}
#about_btn_data .about_btn_data_l ul li { color: #666; }
#about_btn_data .about_btn_data_r ul li { color: #FA7401; }
#about_btn_data ul li:after {
	content: "";
	width: 15px;
	height: 2px;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
#about_btn_data .about_btn_data_l ul li:after { background: #666; }
#about_btn_data .about_btn_data_r ul li:after { background: #FA7401; }
.about_screw_txt {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    display: block;
}
.about_screw_txt img { width: 100%; }

.about_torx { width: 95%; max-width: 1090px; margin: 81px auto 0; }
.about_sub_ttl { margin-bottom: 32px; text-align: center; font-family:"Noto Serif JP",serif; font-size: 30px; color: #304D6E; }
.about_torx_list { letter-spacing: 0; font-size: 0; }
.about_torx_list li { width: 16.6666%; display: inline-block; }
.about_torx_list li img { width: 100%; }
.about_torx_note { margin-top: 8px; font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; font-size: 12px; color: #666; }

.about_list_el .about_list_block:nth-child(1) { margin-bottom: 2px; padding: 121px 0 114px; }
.about_list_el .about_list_block:nth-child(2) { margin-bottom: 105px; padding: 110px 0 170px; }
.about_list_el .about_list_block:nth-child(3) { padding: 142px 0 0; }

.about_middle_link {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	letter-spacing: 0;
	font-size: 0;
}
.about_middle_link_l {
	width: 51%;
	display: inline-block;
}
.about_middle_link_l img { width: 100%; }
.about_middle_link_r {
	width: 49%;
	margin-top: 39px;
	padding-left: 42px;
	display: inline-block;
	vertical-align: top;
}
.about_middle_link_r p {
	font-family: "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: 600;
}
.about_middle_link_top {
	line-height: 1.5;
    margin-bottom: 3px;
	font-size: 17px;
	color: #304D6E;
}
.about_middle_link_main {
	line-height: 1.5;
	margin-bottom: 26px;
	font-size: 25px;
	color: #304D6E;
}
.about_middle_link_txt {
	line-height: 1.6;
	font-size: 16px;
	font-weight: 100 !important;
	color: #000;
}
.about_middle_link_txt span { color: #FA7401; }
.about_middle_link_btn {
	background: #304D6E;
	width: 90%;
    max-width: 300px;
	margin-top: 21px;
}
.about_middle_link_btn a {
	padding: 17px 0 17px 22px;
    position: relative;
    display: block;
    font-size: 15px;
    color: #FFF;
    overflow: hidden;
}
.about_middle_link_btn a span {
	background: #192839;
    width: 73px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -16px;
    display: inline-block;
    transform: skew(20deg);
}
.about_middle_link_btn a span:after {
    content: "";
    background: url(../images/all_list_icn.png) no-repeat center / contain;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
    left: 16px;
    transform: skew(-20deg);
}
@media( max-width: 1024px){
	.about_btn_data_l,
	.about_btn_data_r { width: 100%; }
	.about_btn_data_l:after {
	    content: "";
	    width: 0;
		height: 0;
		border-style: solid;
		border-width: 16px 20.5px 0 20.5px;
		border-color: #304d6e transparent transparent transparent;
	    position: absolute;
	    top: auto;
		right: auto;
	    bottom: 0;
		left:50%;
		-webkit-transform:translate(-50%,60%);
		-moz-transform:translate(-50%,60%);
		transform:translate(-50%,60%);
	}
	.about_btn_data_ttl { margin-bottom: 15px; }
	.about_btn_data_l, .about_btn_data_r { padding: 35px 3.2% 35px; }
}

/* #philosophy
=========================================== */
.philosophy #container { background: #F5F5F5; }
.philosophy #content { padding-top: 0; }
.philosophy #footer { margin-top: 60px; }
.philosophy_top { background: url(../images/philosophy_greetings_bg.jpg) top center / cover; height: 960px; position: relative; overflow: hidden; }
.philosophy_top_intro { margin-bottom: 50px; padding: 0 50px; }
.philosophy_top_right { width: 680px; padding-top: 70px; display: inline-block; position: absolute; right: 0; bottom: 0; }
.philosophy_greetings { color: #FFF; }
.philosophy_greetings li { background: rgba(17,48,78,.8); margin: 0 -50px 15px 0; padding: 60px 0 60px 60px; position: relative; transform: skewX(-20deg); }
.philosophy_greetings li:last-child { margin-bottom: 0; padding-bottom: 125px; }
.philosophy_greetings_number {
	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    font-style: italic;
	font-size: 30px;
}
.philosophy_greetings_list_content { position: relative; transform: skewX(20deg); }
.philosophy_greetings_list_content span { padding-left: 10px; display: block; }
.philosophy_greetings_list_content span:last-child { border-top: 1px solid; }

.philosophy_white_box { background: #FFF; padding-bottom: 60px; width: 90%; margin: 0 auto; position: relative; top: -65px; text-align: center; }
.philo_corpo.philosophy_blue_title_bg { background: url(../images/products_sign_corpo.png) no-repeat top 15px center / 280px; padding: 3px 120px 50px; }
.philo_message.philosophy_blue_title_bg { background: url(../images/products_sign_message.png) no-repeat top 15px center / 280px; padding: 3px 120px 50px; }
.philo_policy.philosophy_blue_title_bg { background: url(../images/products_sign_policy.png) no-repeat top 15px center / 260px; padding: 3px 120px 50px; }
.philosophy_blue_title { margin-bottom: 60px; padding-top: 70px; position: relative; font-weight: 600; font-size: 22px; color: #304d70; }
.philosophy_white_box ul { letter-spacing: 0; font-size: 0; }
.philosophy_white_box .philosophy_identity_list ul { margin-bottom: 10px; }
.philosophy_white_box .philosophy_identity_list li { width: 24.4%; display: inline-block; }
.philosophy_white_box .philosophy_identity_list li:nth-child(n+2) { margin-left: .8%; }
.philosophy_white_box .philosophy_identity_list li img { width: 100%; }
.philosophy_management_list { text-align: left; }
.philosophy_management_list li { margin-top: 30px; }
.philosophy_management_list_title { margin-left: -4px; font-size: 15px; font-weight: 600; }
.philosophy_management_sub { margin-top: 40px; text-align: left; }
.philosophy_management_sub_list { display: inline-block; vertical-align: bottom; text-align: left; }
.philosophy_management_sub_list li { font-size: 15px; }
.philosophy_management_sub_table { display: inline-block; vertical-align: bottom; }
.philosophy_management_sub_table tr:first-child td { margin-bottom: 5px; display: inline-block; }
.philosophy_management_sub_table th { padding-left: 18px; position: relative; vertical-align: top; }
.philosophy_management_sub_table th:after { content: ""; background: #000; width: 13px; height: 13px; position: absolute; left: 0; top: 5px; }
.philosophy_management_sub_table td p span:first-child { width: 95px; margin: 0 20px; display: inline-block; }
.philosophy_management_sub_logo { width: 120px; display: inline-block; }
.philosophy_management_sub_logo img { width: 100%; }

/* #category #industry #cars
=========================================== */
.category_section { padding: 110px 0 140px; }
.category_section_first { padding-top: 80px; }
.section_fff, .section_fff .category_section_list_title span { background: #FFF; }
.section_f5, .section_f5 .category_section_list_title span { background: #f5f5f5; }
.section_fa, .section_fa .category_section_list_title span { background: #fafafa; }


.category_nav { width: 80%; max-width: 1100px; margin: 0 auto; }
.category_nav ul { letter-spacing: 0; font-size: 0; }
.category_nav li { background: #304d6e; display: inline-block; width: 24.5%; margin-right: .5%; text-align: center; }
.category_nav li:last-child { margin-right: 0; }
.category_nav li a { background: url(../images/all_arrow_down_white.png) no-repeat center bottom 10px / 15px; padding: 15px 0 25px; display: block; font-size: 14px; color: #FFF; }
.industry_featured{ letter-spacing: 0; font-size: 0; }
.industry_featured_details { width: 50%; padding: 20px 24px 0; display: inline-block; vertical-align: top; }
.industry_featured_details_title {
    margin-top: 20px;
    padding: 0 0 6px 10px;
    position: relative;
    border-bottom: 1px solid #5a718b;
    line-height: 1.4em;
    letter-spacing: 4px;
    font-size: 16px;
    color: #5a718b;
}
.industry_featured_details_title:after {
    content: "";
    background: url(../images/all_line_diagonal.png) no-repeat center center / contain;
    width: 57px;
    height: 40px;
    position: absolute;
    bottom: -40px;
    left: -56px;
}
.industry_featured_details_txt { padding: 0 20px 0 10px; }
.industry_featured_img { width: 50%; height: 300px; display: inline-block; }
.category_section_content { margin-bottom: 90px; }
.category_section_list_title { margin-bottom: 30px; position: relative; }
.category_section_list_title span { padding-right: 10px; position: relative; z-index: 1; font-size: 20px; font-family: 'mitga-black',sans-serif; }
.category_section_list_title:after { 
	content: ""; 
	width: 100%; 
	height: 1px; 
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%); 
	border-top: 2px dotted #ccc;
}
/*.industry_featured_1 { background: url(../images/products_industry_featured1.jpg) no-repeat center center / cover; }*/
/*.industry_featured_2 { background: url(../images/products_industry_featured2.jpg) no-repeat center center / cover; }*/
/*.industry_featured_3 { background: url(../images/products_industry_featured3.jpg) no-repeat center center / cover; }*/
/*.industry_featured_4 { background: url(../images/products_industry_featured4.jpg) no-repeat center center / cover; }*/
.products_section_other { margin-bottom: 30px; text-align: center; }
.products_other_list { letter-spacing: 0; font-size: 0; }
.products_other_list li { width: 48%; margin-right: 2%; display: inline-block; text-align: center; }
.products_other_list li:last-child { margin-right: 0; }
.products_other_list li img { width: 100%; }
.industry_featured_details_spec { margin-top: 10px; padding-left: 25px; position: relative; text-align: left; font-size: 12px; }
.industry_featured_details_spec:after { 
	content: ""; 
	background: #304d6e; 
	height: 3px; 
	width: 10px; 
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%); 
}

/*.category_section_content { text-align: center; }*/
.category_section_content img { width: 100%; }
.cars_related .category_section_list { text-align: center; }
#outboard .category_section_content { max-width: 500px; margin: 0 auto; }
#outboard-parts .category_section_content { width: 50%; margin: 0 auto 90px; }

.cars_related .category_nav li { width: 32.9%; margin-right: .6%; }
.cars_related .category_nav li:last-child { margin-right: 0; }


.slick-slide img { display: block; width: 100%; border: 5px solid #efefef;}
.sub_slider { z-index: 5000; position: relative; }
.sublist li { position: relative; }
.sublist li span { position: absolute; background: white; bottom: 0; right: 0; font-size: 22px; }

.cars_slider_list .sublist { letter-spacing: 0; font-size: 0; }
/*.cars_slider_list .sublist li { width: 20%; margin: 0 0 5% 6.5%; display: inline-block; border: 4px solid #efefef; }*/
.cars_slider_list .sublist li a { display: block; }
.cars_slider_list .sublist li:first-child { margin-left: 0; }
.cars_slider_list .sublist li a img { width: 100%; }

.cars_slider_nav { width: 76%; max-width: 1040px; margin: 0 auto 60px; letter-spacing: 0; font-size: 0; }
.cars_slider_nav > li {
    width: 20%;
    margin-left: 2%;
	display: inline-block;
    border-bottom: 2px solid #a5a6a5;
    text-align: center;
    cursor: pointer;
}
.cars_slider_nav > li a {
    font-size:15px;
    color: #a5a6a5;
}
.cars_slider_nav li:first-child { margin-left:0; }
.cars_slider_wrapper {
    width: 76%;
    max-width: 1040px;
    margin: 0 auto;
}
    

.cars_slider_nav li.slide_on{ position: relative; border-color: #4380a5; }
.cars_slider_nav li.slide_on a { color: #4380a5; }

.cars_slider_nav li.slide_on:after{ 
	content: "";
	height: 10px;
    width: 20px;
    background: url(../images/products_slider_nav_arrow.png) no-repeat bottom center / 20px;
    position: absolute;
    left: 50%;
    bottom: -9px;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.cars_slider_nav span { display:inline-block; }

.slick-dots { 
	width: 100%; 
	max-width: 500px; 
	margin: 0 auto; 
	position: absolute;
	left: 50%;
	bottom: -50px;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: block;
}
.cars_slider .btns { height: 5px; width: 100%; }
.cars_slider .slick-dots { background: #d1d1d1; height: 5px; letter-spacing: 0; font-size: 0; }
.cars_slider .slider1 .slick-dots li { width: 33.3333%; height: 5px; display: inline-block; }
.cars_slider .slider2 .slick-dots li { width: 16.6666%; height: 5px; display: inline-block; }
.cars_slider .slick-dots li { width: 25%; height: 5px; display: inline-block; }

.cars_slider .slick-active .btns { background: #2f4c6d; display: block;}
.cars_slider_list { position: relative; }
.slick-arrow { 
	display: inline-block;
	width: 25px;
	height: 25px;
    position: absolute;
    bottom: 8px;
}
.cars_slider_prev { background: url(../images/products_slider_nav_prev.png) no-repeat center center / contain; left: -30px;}
.cars_slider_next { background: url(../images/products_slider_nav_next.png) no-repeat center center / contain; right: -30px;}
.cars_slider_arrows_wrap { width: 100%; height: 1px; text-align: center; }
.cars_slider_arrows { width: 100%; max-width: 500px; height: 1px; display: inline-block; position: relative; }
/*.cars_slider_nav .slick-dots { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid; }*/

.cars_slider_nav .slick-dots { margin-bottom: 30px; border: none; }
/*.cars_slider_wrapper .slick-list { padding: 30px 0; margin-bottom: 70px; border-bottom: 1px dashed #a5a5a5; border-top: 1px dashed #a5a5a5; }*/
.slider_content:after{
	content: "";
	position: absolute;
	height: 1px;
	width: 120%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 1px dashed #a5a5a5;
}
.slider_content:before{
	content: "";
	position: absolute;
	height: 1px;
	width: 120%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: 1px dashed #a5a5a5;
}
.slider_content {
    padding: 50px 0;
    margin: 0 0 50px 0;
}
.cars_slider_list .sublist li { width: 20%; margin: 0 0 0 6.5%; display: inline-block; border: 4px solid #efefef; }
.content_spe { width: 100%; max-width: 1240px; margin: 0 auto; }
.slide_wrap { display: none; }
#slide-engine.slide_wrap { display:block; }
/* space for slides */

.slick-slide { margin: 0 30px; position: relative;}
.slick-list { margin: 0 -30px; }

.thanks .all_title_main br { display:none; }
.thanks .all_intro_text span { display:inline-block; }

/* #philosophy
=========================================== */
.philosophy_top { background:url(../images/philosophy_greetings_bg.jpg) center left / cover; height:891px; }
.philosophy_blue_title { margin-bottom:0; }
.philo_message.philosophy_blue_title_bg {
	background:url(../images/products_sign_message.png) no-repeat top right / 118px;
	padding:0 15px 40px 50px;
	display:inline-block;
	letter-spacing:2px
}
.philosophy_top_intro { margin-bottom:45px; line-height:1.8; letter-spacing:2px; font-size:15px; color:#666; }
.philosophy_top_right { width:580px; display:block; padding-top:0; }
.philosophy_greetings li { margin:0 -35px 15px 0; padding:50px 0 50px 100px; transform:skew(-15deg); }
.philosophy_greetings li:last-child { padding-bottom:115px; }
.philosophy_greetings_list_content { transform:skew(15deg); }
.philosophy_greetings_number {
	left:-60px;
	-webkit-transform:skewX(-10deg) translateY(-50%);
	-moz-transform:skewX(-10deg) translateY(-50%);
	transform:skewX(-10deg) translateY(-50%);
	transform-origin:top center;
	font-style:normal;
	font-size:70px;
	font-family:"Noto Serif JP",serif;
}
.philosophy_greetings_number.win {
	-webkit-transform:skewX(-10deg) translateY(-60%);
	-moz-transform:skewX(-10deg) translateY(-60%);
	transform:skewX(-10deg) translateY(-60%);
}
.philosophy_greetings li:first-child .philosophy_greetings_number { left:-55px; }
.philosophy_greetings_list_content span:nth-child(2) { letter-spacing:2px; font-size:18px; font-family:"Noto Serif JP",serif; }
.philosophy_greetings_list_content span:last-child { padding-top:5px; border-top:1px #fff solid; letter-spacing:2px; font-size:19px; }
.philosophy_blue_title { padding-top:90px; }
.philo_corpo.philosophy_blue_title_bg { padding:3px 0 50px; display:block; letter-spacing:3px; }
.philosophy_intro_text { margin-bottom:60px; line-height:2; font-size:23px; color:#666; }
.philo_policy.philosophy_blue_title_bg { padding:3px 0 50px; display:block; letter-spacing:3px; }
.philosophy_identity_list { padding-bottom:20px; }
.philosophy_policy_copy { line-height:2; font-size:15px; color:#666; }
.philosophy_policy_copy span { display:block; letter-spacing:2px; }
.philosophy_management_section { max-width:718px; margin:0 auto; }
.philosophy_management_list { padding-top:40px; }
.philosophy_management_list li { margin-top:0; }
.philosophy_management_list li:nth-child(n+2) { margin-top:40px; }
.philosophy_management_list_title { letter-spacing:2px; color:#666; }
.philosophy_management_list_text { margin-top:5px; line-height:1.8; font-size:15px; color:#666; }
.philosophy_management_sub { padding-right:360px; position: relative; }
.philosophy_management_sub_list li:nth-child(n+2) { margin-top:5px; }
.philosophy_management_sub_list .all_text { letter-spacing:1px; font-size:14px; }
.philosophy_management_sub_right { position:absolute; right:0; bottom:0; }
.philosophy_management_sub_logo { width:98px; }
.philosophy_management_sub_table { font-size:14px; color:#666; }
.philosophy_management_sub_table th { padding-left:15px; }
.philosophy_management_sub_table th:after { background:#666; width:12px; height:12px; top:4px; }
.philosophy_management_sub_table td p span:first-child { margin:0 5px 0 15px; }
.philosophy_white_box { padding-bottom:120px; }
.philosophy_greetings_img { display:none; }
.philosophy_greetings_img img { width:100%; }

/* #footer フッター
=========================================== */
#footer {
	margin-top:140px;
	padding-top:55px;
	position: relative;
	border-top:5px #192839 solid;
}
.footer_content {
	width:87.1%;
	max-width:1185px;
	margin:0 auto;
	position:relative;
	text-align:right;
}
.footer_logo {
	position:absolute;
	top:0;
	left:0;
    text-align: left;
}
@media (max-width: 1199px) {    
    .footer_logo a {
        color: #355552;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0.1em;
    }
}
@media (min-width: 1200px) {
    .footer_logo a {
        color: #355552;
        font-size: min(20px, calc(20/1600 * 100vw));
        font-weight: bold;
        letter-spacing: 0.1em;
    }
}
.footer_list_content { display:inline-block; vertical-align:top; text-align:left; }
.footer_list_section .footer_list_content:nth-child(n+2) { margin-left:80px; }
.footer_list li:nth-child(n+2) { padding-top:3px; }
.footer_list a { display:block; }
.footer_list li a { padding-left:15px; }
.footer_list_title a { background:url(../images/footer_bg_list_tri.png) no-repeat left center / 5px; }
.footer_list_sub a { background:url(../images/footer_bg_list_tri_sub.png) no-repeat left top 5px / 7px; }
.footer_list_sub li { padding-top:3px; }
.footer_list_content_contact { margin-top:26px; }
.footer_copyright { margin-top:30px; padding-bottom:10px; font-size:12px; color:#c6c6c6; }
.footer_top_btn {
	background: #FFF url(../images/footer_top_btn.png) no-repeat center center / cover;
	height: 50px;
    width: 50px;
    position: absolute;
    top: -28px;
    right: 5%;
    border-radius: 50px;
}
.footer_top_btn a { display: block; padding: 20px; }
/* .footer_list li span { padding-left: 15px; } */
.footer_list_title span { background: url(../images/footer_bg_list_tri.png) no-repeat left center / 5px; }
.footer_list span { display: block; padding-left: 15px; }


/* 2020 / 01 RENEWAL */

.products_bottom_nav li { padding-top: 0;  border-top: none; }
.products_bottom_nav li.products_bottom_nav_selected { border-top: none; }
.products_bottom_nav_selected:after { content: none; }
.products_lineup_title_box { margin-bottom: 30px; }
.products_bottom_nav li a { background: rgba(48, 77, 110, .5); padding: 100px 0; }
.products_bottom_nav li:nth-child(1) .products_bottom_bg {
    background: url(../images/products_nav_btn_item2.jpg) no-repeat center left / cover;
}
.products_bottom_nav li:nth-child(2) .products_bottom_bg {
    background: url(../images/products_nav_btn_category2.jpg) no-repeat center left / cover;
}

.products_bottom_contact { width: 100%; max-width: none;  margin: 80px auto 0; }
.products_bottom_contact_inner { width: 90%; max-width: 980px; margin: 0 auto; padding: 50px 0; }

.about_list_text_box_title_bg { position: relative; z-index: 1; }
.about_list_text_box_title_bg strong { background:linear-gradient(transparent 60%, #fedcbf 60%); font-weight: 600; }
.about_bg_txt_1:after,
.about_bg_txt_2:after,
.about_bg_txt_3:after,
.about_bg_txt_4:after,
.about_bg_txt_5:after,
.about_bg_txt_6:after {
	content: "";
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position:absolute;
	bottom: 10px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	z-index: -1;
}
.about_bg_txt_1:after {
	background-image: url(../images/about-sign-manu.png);
	width: 200px;
	height: 45px;
}
.about_bg_txt_2:after {
	content: "";
	background-image: url(../images/about-sign-ram.png);
	width: 200px;
	height: 50px;
}
.about_bg_txt_3:after {
	content: "";
	background-image: url(../images/about-sign-quality-ass.png);
	width: 230px;
	height: 50px;
}
.about_bg_txt_4:after {
	content: "";
	background-image: url(../images/about-sign-quality-con.png);
	width: 210px;
	height: 55px;
}
.about_bg_txt_5:after {
	content: "";
	background-image: url(../images/about-sign-major.png);
	width: 240px;
	height: 55px;
}
.about_bg_txt_6:after {
	content: "";
	background-image: url(../images/about-sign-network.png);
	width: 220px;
	height: 55px;
}

/* Renewal */
.top_links { margin-bottom: 90px; letter-spacing: 0; font-size: 0; }
.top_links ul { letter-spacing: 0; font-size: 0; }
.top_links_content { width: 90%; padding-left: 18%; position:absolute; top:54.5%; left:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index: 1; text-align: left; }
.top_links_content_more a { width: 200px; padding: 12px 0 14px; margin-top: 30px; display: block; border: 2px solid #FFF; transition: all .4s; line-height: 1; text-align: center; font-family: 'mitga-black',sans-serif; font-size: 20px; color: #FFF; }
.top_links_content_more a:hover { background: #FFF; opacity: 1; color: #304D6E; }
.top_links_str .top_links_content { width: 90%; max-width: 400px; text-align: left; }
.top_links_str_en { margin-bottom: 13px; line-height: 1; font-family: 'mitga-black',sans-serif; font-size: 20px; color: #FFF; }
.top_links_str_jp { margin-bottom: 34px; line-height: 1; font-size: 20px; color: #FFF; }
.top_links_str_reg { line-height: 1.8; font-size: 13px; color: #FFF; }
.top_links_l,
.top_links_r { width: 50%; display: inline-block; position: relative; vertical-align: top; font-size: 16px; }
.top_links_l { height: 500px; }
.top_links_r div { height: 250px; position: relative; }
.top_links_r div:after {
	content: "";
	background: #304D6E;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: .5;
}
.top_links .top_links_l { background: url(../images/top_links1.jpg) no-repeat center center / cover; }
.top_links .top_links_r div:nth-child(1) { background: url(../images/top_links2.jpg) no-repeat center center / cover; }
.top_links .top_links_r div:nth-child(2) { background: url(../images/top_links3.jpg) no-repeat center center / cover; }


.top_news {
	width: 100%;
	font-size: 0;
    letter-spacing: 0;
}
.top_news iframe { width: 100%; }
.top_news_inner {
	width: 95%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 90px 0 43px;
	position: relative;
	letter-spacing: 0;
	font-size: 0;
	text-align: right;
}
.top_news_l { width: 28%; height: 100%; padding-top: 90px; display: inline-block; position: absolute; left: 0; top: 0; }
.top_news_l:after {
    content: "";
    background: #F5F5F5;
    height: 100%;
    width: 700%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}
.top_news_r { width: 72%; padding-right: 40px; display: inline-block; text-align: left; }
.top_news_en { margin-bottom: 10px; position: relative; z-index: 1; line-height: 1; font-family: 'mitga-black',sans-serif; font-size: 15px; }
.top_news_jp { position: relative; z-index: 1; line-height: 1; font-size: 19px; color: #304D6E; }
.top_news_list { width: 95%; max-width: 730px; /*margin-left: 55px;*/ margin-left: 5.7%; }
.top_news_list p { background: url(../images/all_news_aro.png) no-repeat center right / 8px; position: relative;
	/*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
}
.top_news_list li:nth-child(n+2) { margin-top: 12px; }
.top_news_list li { padding-bottom: 13px; border-bottom: 1px solid #F5F5F5; }
.top_news_list li a { padding: 0 15px 0 85px; display: block; vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: underline; font-size: 16px; color: #304D6E; }
.top_news_date { margin-bottom: 10px; display: inline-block; line-height: 1; font-family: 'mitga',sans-serif; font-size: 12px; }
.top_news_cate {
    width: 70px;
    margin-right: 15px;
    padding: 4px 0;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
	border-style: solid;
    border-width: 1px;
    line-height: 1;
    text-align: center;
    font-size: 10px;
}
.top_news_cate.cate_info { border-color: #355552; color: #355552; }
.top_news_cate.cate_recruit { border-color: #4380A3; color: #4380A3; }
.top_news_cate.cate_other { border-color: #355552; color: #355552; }
.news_more { max-width: 730px; margin: 35px 0 0 55px; text-align: right; }
.news_more a { line-height: 1; font-family: 'mitga-black',sans-serif; font-size: 15px; color: #9A9A9A; }
.top_news_head { width: 85px; margin-right: 67px; float: right; text-align: left; }

.contact_fixed { background: rgba(50,50,50,.8); padding-left: 240px; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 8; display: none; }
.contact_fixed ul { width: 95%; margin: 0 auto; padding: 27px 0; letter-spacing: 0; font-size: 0; text-align: center; }
.contact_fixed li { background: rgba(255,255,255,.1); width: 48%; max-width: 370px; display: inline-block; border: 2px solid #FFF; }
.contact_fixed li:first-child { margin-right: 4%; }
.contact_fixed li a { display: block; font-size: 18px; line-height: 1; font-weight: 600; color: #FFF; }
.contact_fixed li a span { padding: 17px 0; display: inline-block; }
.contact_fixed li:first-child a span { background: url(../images/products_icn_mail.png) no-repeat center left / 36px; padding-left: 50px; }
.contact_fixed li:last-child a span { background: url(../images/products_icn_phone.png) no-repeat center left / 27px; padding-left: 35px; }

/* animations */
@-webkit-keyframes scrollLine {
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes scrollLine{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.scroll_in .scroll_txt {
    position: absolute;
    left: 50%;
    bottom: 60px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    letter-spacing: 2px;
    font-family: 'mitga', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color:#FFF;
}
.scroll_in {
    position: relative;
    width: 80px;
    height: 80px;
}
.scroll_in .line {
    width: 2px;
    height: 50px;
    margin: auto;
    position: absolute;
    bottom: 0;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
    overflow: hidden;
}
.scroll_in .line:before {
    content: '';
    background: #FFF;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-name: scrollLine;
    animation-name: scrollLine;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroll2 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}
.scroll2_in .scroll_txt {
    position: absolute;
    left: 50%;
    bottom: 46px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 2px;    
}
.scroll2_in .scroll_txt span { letter-spacing: 2px; font-family:'mitga-black'; font-size: 13px; color:#000; }
.scroll2_in .scroll_txt span:nth-child(1) { color: #FFF; }
.scroll2_in .scroll_txt span:nth-child(2) { color: #304D6E; }
.scroll2_in {
    position: relative;
    width: 80px;
    height: 80px;
    cursor: pointer;
}
.scroll2_in .line {
    width: 2px;
    height: 50px;
    margin: auto;
    position: absolute;
    bottom: -10px;
	left: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
    overflow: hidden;
}
.scroll2_in .line:before {
    content: '';
    background: #304D6E;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation-name: scrollLine;
    animation-name: scrollLine;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}