@charset "utf-8";
/************************************************************************************************************************

--- 共通

************************************************************************************************************************/

/*//////////////////////////////////////// ヘッダー */
#header{
	padding-top:20px;
	border-bottom:4px solid #084EA1;

	}
.prmsno{}
.prmsno li{
	text-align:center;
	font-weight:bold;
	width:140px;}
.prmsno li:nth-child(1){ background-color:#084EA1; height:30px; color:#FFF; font-size:0.8em; line-height:30px;}
.prmsno li:nth-child(2){ background-color:#f7f7f7; height:44px; font-size:0.7em; line-height:1.5em; padding-top:4px;}

.contact_nav{}
.contact_nav li{
	text-align:center;
	float:left;
	}
	.contact_nav li:nth-child(1) { width:128px;}
	/*.contact_nav li:nth-child(2) { background-color:#227DBB; width:1px; margin:0 5px; display:block; height:35px;}*/
	.contact_nav li:nth-child(2) {width:4px; display:block; height:35px;}
	.contact_nav li:nth-child(3) { width:128px;}
	.contact_nav li a{
		line-height:35px;
		font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		border:1px solid #227DBB;
		font-size:0.9em;
		padding:0px 30px;
		color:#084EA1;
		display:block;
		border-radius: 10px;
		height:35px;
		}

/*//////////////////////////////////////// グローバルナビゲーション */
.g_nav{
	width:100%;
	margin-top:30px;
	}
	.g_nav li{
		width:162.857px;
		float:left;
		font-size:14px;
		text-align:center;
		line-height:1.4em;
		position: relative;
		display: block;
		letter-spacing:0.5pt;
		white-space:nowrap;
		}
		.g_nav > li span{
			font-size:11px;
			color:#999999;
			font-weight:bold;
			display:block;
			}
			.g_nav > li > a{
				color:#333;
				font-weight:bold;
				height:65px;
				border-right:1px solid #CCCCCC;
				display:block;
				padding-top:12px;
				}
				.g_nav > li:nth-child(1) a{
					border-left:1px solid #CCCCCC;
					}
					.g_nav .sub {
						z-index:999;
						display: none;
						position: absolute;
						padding: 0;

						}
						.g_nav .sub li a {
							background-color:#402039;
							display: block;
							color: #fff;
							line-height:45px;
							height:45px;
							font-weight:bold;
							font-size:12px;
							}
							.g_nav .sub li a:hover {
								opacity: 1;
								filter: alpha(opacity=100);
								text-decoration:none;
								background-color:#341B2F;
								}

/*//////////////////////////////////////// フッター */
#footer{
	background-color:#084EA1;
	padding:30px 0;
	}
	#footer p{
		color:#FFF;
		font-size:14px;
		font-weight:bold;
		}
		.copyright{
			color:#FFF;
			background-color:#074694;
			text-align:center;
			font-size:12px;
			padding:5px 0;}
#footer	.contact_nav li:nth-child(2) { background-color:#fff;}
#footer .contact_nav li a{
	border:1px solid #fff;
	color:#fff;
	}

/*//////////////////////////////////////// メインイメージ */
.mainimg_bg{
	padding:3px 0;
	border-bottom:4px solid #084EA1;
	}

/*//////////////////////////////////////// タイトル */
.top_h2ttl *,
.sub_h2ttl *{vertical-align:middle;}

.top_h2ttl,
.sub_h2ttl{
	background-color:#341B2F;
	font-size:32px;
	padding:25px 0;
	color:#FFF;
	font-weight:bold;
	}
	.top_h2ttl span,
	.sub_h2ttl span{
		font-size:16px;
		margin-left:15px;
		}
		.top_h2ttl img,
		.sub_h2ttl img{
			margin-right:20px;
			}

.top_h3ttl{
	background-image:url(../images/common/catch_ttl_bg.png);
	background-position:center center;
	text-align:center;

	}

.sub_h2ttl{
	background-image:url(../images/common/sub_title_line.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:50px 0;
	}
.sub_h3ttl{
	margin-top:60px;
	margin-bottom:30px;
	font-size:30px;
	padding-bottom:20px;
	padding-left:15px;
	color: #084EA1;/*文字色*/
	border-bottom: solid 4px #084EA1;
/*線の種類（点線）2px 線色*/}

.sub_h4ttl{
  position: relative;
  padding: 20px;
  background: #084EA1;
	color:#FFF;
	margin-bottom:30px;
	}
	.sub_h4ttl:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #084EA1;
	width: 0;
	height: 0;
	}
.sub_h4ttl span{
	background-color:#074694;
	padding:10px 20px;
	font-size:1.1em;
	margin-right:20px;
	}
/*//////////////////////////////////////// 強調文字 */

.txt_strong_m{ font-size:20px; color:#084EA1;}
.txt_strong_s{ font-size:14px;}

/*//////////////////////////////////////// 背景囲い */
.colorbox{
	background-color:#E2FCEF;
	padding:30px;}

/*//////////////////////////////////////// ボタン */


.basic_btn{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	border:1px solid #227DBB;
	font-size:1.2em;
	padding:10px 30px;
	text-align:center;
	color:#084EA1;
	display:block;
	background-color:#FFF;
	border-radius: 10px;
	}
	.basic_btn:hover{
	background-color:#227DBB;
	border:1px solid #227DBB;
	color:#fff;
	opacity:1;
	filter: alpha(opacity=100);
	border-radius: 10px;
	}


/*//////////////////////////////////////////////////////////////////////////////// 事業展開 SERVICE */
.section01{
	padding:60px 0;
	background-image:url(../images/top/service_bg.png);
	background-position:top center;
	background-size:cover;
	background-repeat:repeat-x;
	}

.business_fl .card_layout{
	width:364px;
	}


.product_bg_box{
	width:716px;
	height:410px;
	background-image:url(../images/top/product_bnr_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	padding:40px 15px;
	}
	.product_bg_box > p{
		text-align:center;
		font-size:38px;
		font-weight:bold;
		color:#064C9F;
		margin-bottom:30px;
		}
		.product_bg_box > p span{
			font-size:20px;
			margin-top:15px;
			display:block;}
.product_thumbnail_tag{
	top:0;
	left:0;
	right:0;
	line-height:100px;
	text-align:center;
	position:absolute;
	}
	.product_thumbnail_tag span{
		background-color:#064C9F;
		font-size:15px;
		padding:8px 15px;
		font-weight:bold;
		color:#FFF;
		}

.example_bg_box{
	width:716px;
	height:410px;
	background-image:url(../images/top/example_bnr_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:70px 50px;
	}
	.example_bg_box .title{
		text-align:center;
		font-size:38px;
		font-weight:bold;
		color:#064C9F;
		margin-bottom:30px;
		}
		.example_bg_box .title span{
			font-size:20px;
			margin-top:15px;
			display:block;}
.example_bg_box .text{
/*	text-shadow:2px 2px 2px rgba(0,0,0,0.20);*/
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif, "Sawarabi Mincho";*/
	text-align:center;
	color:#064C9F;
	font-weight:bold;
	font-size:28px;
	text-align:justify;
	line-height:1.4em;}


.example_bg_box .basic_btn{ font-size:18px;}




.card_layout .title{
	font-size:22px;
	color:#064C9F;
	font-weight:bold;
	margin-bottom:10px;
	}
	.card_layout .title span{
		color:#999999;
		font-size:14px;
		display:block;
		}
		.card_layout .in_box{
			background-color:#FFF;
			height:210px;
			font-size:14px;
			text-align:justify;
			padding:15px;}

.s1-box{
	padding: 80px 0;
}
.s1-box h3{
	margin-bottom: 80px;
	text-align: center;
	letter-spacing: 10px;
	font-size: 44px;
}
.s1-box h3 span{
	display: block;
	margin-top: 35px;
	text-align: center;
	letter-spacing: 0;
	font-size: 20px;
	color: #ccc;
}
.s1-box p:first-child{
	display: block;
	margin-bottom: 55px;
	line-height: 1.9;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #333;
}
.s1-box p.midashi span{
	color: #BB2A2C;
}
.s1-box p.midashi span strong{
	position: relative;
	top: 3px;
	font-size: 34px;
}
.s1-box-1 ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 15px 0;
}
.s1-box-1 ul li {
	position: relative;
	width: 30%;
	margin: 0 5% 60px 0;
	box-shadow: 0px 0px 20px rgba(0,0,0,.10);
}
.s1-box-1 ul li:nth-child(3){
	margin-right: 0;
}
.s1-box-1 ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
.s1-box-1 ul li span:first-child{
	width: 100%;
}
.s1-box-1 ul li span{
	display: block;
	width: 25%;
}
.s1-box-1 ul li span:last-child{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: auto;
	white-space: nowrap;
	padding: 5px 10px!important;
	color: #fff;
	background-color: #064C9F!important;
	z-index: 10;
}
.s1-box-1 ul li img{
	max-width: 100%;
}
.s1-box-2-in{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 70px;
}
.s1-box-2-in img{
	margin-right: 40px;
}
.s1-box-2-in .title{
	display: block;
	width: 100%!important;
	margin-bottom: 15px!important;
	text-align: left!important;
	font-size: 20px;
	font-weight: 700;
	color: #064C9F!important;
}
.s1-box-2-in .title span{
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: #999999;
}
.s1-box-3{
	padding: 120px;
	background: url("../images/top/s1_box_3_bg.jpg") no-repeat center center;
	background-size: cover;
}
.s1-box-3-in{
	padding: 30px;
	text-align: center;
	line-height: 1.9;
	color: #fff;
	font-size: 20px;
	background-color: #064C9F;
	box-sizing: border-box;
}
.s1-box-3-in .title{
	display: block;
	width: 100%!important;
	margin-bottom: 15px!important;
	text-align: center;
	font-size: 28px!important;
	font-weight: 700;
	color: #fff!important;
}
.s1-box-3-in .title span{
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: rgba(255,255,255,.40);
}

/*//////////////////////////////////////////////////////////////////////////////// 品質について ABOUT QUALITY */
.section02{
	position: relative;
	padding:60px 0;
	background-image:url(../images/top/quality_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
background-color: #fbfbfb;
z-index: 1;}
.section02::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:url(../images/top/s2_add_bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
z-index: 0;}

.service_fl{
	margin-top:60px;
	}
	.service_fl > div{
		float:left;
		width:180px;
		margin-right:60px;
		}
		.service_fl > div:nth-child(5) { margin-right:0;}

.service_fl div .point{
	position:relative;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	line-height:140px;
	text-align:center;
	margin:0 auto;
	background-color:#084EA1;
	width:140px;
	height:140px;
	color:#FFF;
	border-radius: 100%;
	margin-bottom:15px;
	}
	.service_fl div .point p{
		position:absolute;
		line-height:42px;
		bottom:0;
		right:0;
		width:42px;
		height:42px;
		font-size:22px;
		background-color:#173753;
		border-radius: 100%;
		}
		.message_card_arrow{
			background-image:url(../images/top/message_arrow.png);
			height:15px;
			background-repeat:no-repeat;
			background-position:center bottom;
			}
			.message_card {
				text-align:justify;
				background-color:#FFF;
				padding:15px 10px;
				padding-bottom:10px;
				font-size:14px;
				height:175px;
				/* box-shadow */
				box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);
				-moz-box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);
				-webkit-box-shadow:1px 1px 0px 1px rgba(0,0,0,0.05);
				}
				.message_card span{	border-bottom:1px dotted #CCC; padding-bottom:5px; line-height:30px;}

.s2_add{
	position: relative;
	padding: 80px 0 0;
	z-index: 1;
}
.s2_add_ttl{
	margin-bottom: 60px;
	text-align: center;
	font-size: 48px;
	color: #064C9F;
}
.s2_add ul.s2_add_list1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto 50px;
}
.s2_add ul.s2_add_list1 li{
	position: relative;
	width: calc(50% - 10px);
	margin: 0 0 20px;
	padding: 0;
	box-sizing: border-box;
}
.s2_add ul.s2_add_list1 li::before{
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 1px solid rgba(255,255,255,.50);
	z-index: 2;
}
.s2_add ul.s2_add_list1 li::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.50);
	z-index: 1;
}
.s2_add ul.s2_add_list1 li span{
	position: absolute;
	top: 25px;
	left: 25px;
	color: #fff;
	letter-spacing: 5px;
	font-size: 28px;
	font-weight: 800;
	z-index: 2;
}
.s2_add ul.s2_add_list1 li img{
	max-width: 100%;
	vertical-align: bottom;
}
.s2_add ul.s2_add_list2{
	display: flex;
	justify-content: space-between;
	max-width: 1000px;
	margin: 0 auto;
}
.s2_add ul.s2_add_list2 li{
	display: flex;
	flex-wrap: wrap;
	width: 30%;
	margin: 0;
	background-color: #fff;
	border: 2px solid #064C9F;
	box-sizing: border-box;
}
.s2_add ul.s2_add_list2 li span{
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 15px;
	text-align: center;
	color: #fff;
	background-color: #064C9F;
}
.s2_add ul.s2_add_list2 li span::before{
	content: "";
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 50%;
	height: 1px;
	background-color: rgba(255,255,255,.30);
}
.s2_add ul.s2_add_list2 li span::after{
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	width: 50%;
	height: 1px;
	background-color: rgba(255,255,255,.30);
}
.s2_add ul.s2_add_list2 li span strong{
	margin: 5px 0;
	font-size: 38px;
}
.s2_add ul.s2_add_list2 li p{
	width: 100%;
	padding: 20px 5px;
	text-align: center;
	font-size: 20px;
}
.s2_add_img{
	margin-bottom: 60px;
	text-align: center;
}
.s2_add_img img{
	max-width: 100%;
}
/*//////////////////////////////////////////////////////////////////////////////// 品会社情報 COMPANY */
.section03{
	padding:60px 0;
	background-color:#E2FCEF;
	}
.company_fl ul{
	float:left;
	width:270px;
	margin-right:20px;
	}
	.company_fl ul:nth-child(4) { margin-right:0;}

.company_fl ul li{
	background-color:#FFF;
	font-weight:bold;
	}
	.company_fl ul li:nth-child(1){
		background-color:#1B4353;
		color:#FFF;
		text-align:center;
		font-size:18px;
		padding:10px 0;}
	.company_fl ul li:nth-child(3){
		background-color:#fff;
		padding:5px 10px;
		font-size:13px;}




/************************************************************************************************************************

--- 採用情報

************************************************************************************************************************/

.recruit_tbl{ width:100%;}
.recruit_tbl th,
.recruit_tbl td{ border:1px solid #CCC; padding:15px;}
.recruit_tbl th{ width:200px; background-color:#fafafa;}
.recruit_tbl td{ font-size:14px;}


.recruit_tbla{ width:100%;}
.recruit_tbla th,
.recruit_tbla td{ border:1px solid #CCC; padding:15px;}
.recruit_tbla th{ width:200px; background-color:#fafafa; text-align:left;}
.recruit_tbla td{ font-size:14px;}
.recruit_tbla .fRed{ font-size:12px; font-weight:bold;}

.point{ width:100%;}
.point li{
	margin-bottom:2%;
	background-color:#FAFAFA;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	}
	.point li:nth-child(2n) { margin-right:0;}
	.point li span{
		margin-right:15px;
		background-color:#084EA1;
		padding:8px 15px;
		color:#FFF;
		font-size:12px;}


.btx{
	background-color:#084EA1;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:18px 0;
	font-style:italic;
	}
	.btx span{
		top:40px;
		right:60px;
		position:absolute;
		font-size:14px;
		display:block;}

/************************************************************************************************************************

--- 会社情報

************************************************************************************************************************/
.access_ttl{
		background-color:#1B4353;
		color:#FFF;
		text-align:left;
		font-size:16px;
		padding:20px 20px;
		margin-bottom:20px;
		font-weight:bold;
		}

.access_ttl span{
	margin-right:20px;
	padding-right:20px;
	border-right:2px solid #FFF; }

.access_fl{ width:100%; margin-bottom:40px;}
.access_fl li{ float:left;}
.access_fl li:nth-child(1) { width:300px;}
.access_fl li:nth-child(2) { width:820px; margin-left:20px; padding-left:20px; border-left:1px dashed #CCC;}

.history_tbl{}
.history_tbl th,.history_tbl td{ border-top:1px dashed #E8E8E8; border-bottom:1px dashed #E8E8E8; padding:10px;}
.history_tbl th{ width:200px; border-right:3px solid #084EA1; text-align:right;}
.history_tbl td{ padding:10px 30px;}

/************************************************************************************************************************

--- 取扱い製品

************************************************************************************************************************/

.product_list{width:100%;}
.product_list .card_layout_02{ width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}
.product_list .card_layout_02:nth-child(4n) { margin-right:0;}
.product_gutter_list li:nth-child(1),
.product_gutter_list li:nth-child(2){
	margin-bottom: 30px;
}
/*-
.product_gutter_list li:nth-child(n+3) {
    width: 31%;
    margin-right: 3%;
}
.product_gutter_list li:last-child {
    margin-right: 0;
}
-*/

.card_layout_02{ background-color:#FFF;}
.card_layout_02 img{ width:100%;}
.card_layout_02 .type_tag{
	padding:1px 10px;
	background-color:#341B2F;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	position:absolute;
	top:0;
	left:0;}

.card_layout_02 .title{
	padding:10px;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	background-color:#084EA1;
	}
	.card_layout_02 .in_box{
		color:#333;
		letter-spacing:0.6pt;
		text-align:justify;
		background-color:#E2FCEF;
		padding:10px 15px;
		font-size:14px;
		}
		.card_layout_02 .in_box span{ font-size:14px; display:block; font-weight:bold;}
		.card_layout_02 .in_box .text_hgt{ height:150px;}
		.card_layout_02 .in_box a{
			background-color:#fff;
			border:1px solid #084EA1;
			text-align:center;
			color:#084EA1;
			line-height:1.2em;
			font-size:12px;
			margin-top:10px;
			font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
			display:block;
			padding:3px;
			border-radius: 100px;}

		.card_layout_02 .in_box .pdf_link a{
			border:1px solid #666666;
			color:#666666;
			margin-top:5px;
			}


.maker a{
	background-color:#084EA1;
	padding:15px 0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	display:block;}


/************************************************************************************************************************

--- トータルライフサポート

************************************************************************************************************************/

.col_or{ width:100%;}
.col_or li:nth-child(1){ width:364px; margin-right:20px; float:left;}
.col_or li:nth-child(2){ width:756px; float:right; padding-top:20px; text-align:justify; line-height:2em;}

#product_banner_list{
	margin-top: 60px
}

.head_red {
	border-radius: 10px;
	padding: 5px 10px;
	line-height: 18px;
	margin-top: 4px;
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	background: #DB2420;
}


.box_ipt {
	border: 2px solid #BB2A2C;
	margin-top: 50px;
	padding: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}


.foo_note {
	margin-top: 5px;
	font-size: 13px !important;
	line-height: 20px;
	max-width: 261px;
	color: #fff;
	background: #DB2420;
	text-align: center;
	padding: 5px;
	border-radius: 10px;
}

/*//////////////////////////////////////// TOP職人募集バナー */
.top_recruitment {
    padding: 0px 30px 30px;
}
.top_recruitment img {
	width: 100%;
}
.top_recruitment_sp {
    display: none;
}
@media screen and (max-width: 768px) {
.top_recruitment_sp {
    display: block;
    padding: 0px 20px 30px;
}
.top_recruitment_sp img {
	width: 100%;
}
.top_recruitment {
    display: none;
}
}