@charset "UTF-8";
/* -------- 画面幅コンテンツ用 -------- */
html {
	overflow:auto;
}

body {
	overflow:hidden;
	min-width:1000px;
	position:relative;
}

/* ==================================================================================================
		レイアウト変更のための上書きCSS
================================================================================================== */

/* パンクズ下の線 */
#breadcrumbs ul {
	border-bottom: 2px solid #1fadec;
	width: 998px;
}

/* 画像 */
img {
	vertical-align: bottom;
}

/* 枠 */
#main_contents {
	font-size: 16px;
	width: 960px;
}

section {
	width: auto;
	overflow: visible;
}

/* ==================================================================================================
		共通：CSS
================================================================================================== */
/* 見出しのセンター寄席 */
.life_style_content h2,
#job_list h3,
#about_nas h2 {
	text-align: center;
}


/* ==================================================================================================
		メインイメージとタイトル
   --------------------------------------------------------------------------------------------------
		#main_contents
================================================================================================== */
#main_contents {
	margin: 8px auto 0;
	background: url(../image/bg_main_img.jpg) 0 0 no-repeat;
}

#main_contents h1 {
	padding: 51px 0 0 62px;
}

.first_lead {
	padding: 79px 0 75px 31px;
}

/* ==================================================================================================
		共に創ろう！次世代の新ライフスタイル！
   --------------------------------------------------------------------------------------------------
		#life_style
================================================================================================== */
#life_style {
	margin: 22px -500% 0;
	padding: 17px 500% 0;
	width: 100%;
	background: url(../image/bg_line_img.png) 0 0 repeat-x;
}

.life_style_box {
	background: #e778b4;
	width: 818px;
	margin: 24px 0 0 74px;
	padding: 26px 26px 0 0;
}

.life_style_box:after {
  content: "";
  clear: both;
  display: block;
}

/* テキスト */
.life_style_content {
	width: 600px;
	float: right;
}

.life_style_content .lead_text {
	margin: 20px 0 0 0;
	color: #fff;
	text-align: left;
}

/* 人物画像 */
.life_style_box figure {
	width: 241px;
	float: left;
	margin: -50px 0 0 -35px;
}

/* ==================================================================================================
		募集職種一覧
   --------------------------------------------------------------------------------------------------
		#job_list
================================================================================================== */
#job_list {
	margin: 48px 36px 0 36px;
	overflow: hidden;
}

#job_list h3 {
	text-align: center;
}

/* 横並び */
.profession_box {
	width: 428px;
	float: left;
	margin: 15px 0 0 0;
}

dl.profession_box:nth-of-type(1),
.profession_box:nth-of-type(3){
	float: right;
}

/* 余白 */

.profession_box {
	margin: 30px 0 0 0;
}
/*
.profession_box:nth-of-type(2){
	float: left;
}

.profession_box:nth-of-type(1),
.profession_box:nth-of-type(2) {
	margin: 30px 0 0 0;
}

dl.profession_box:nth-of-type(1) {
	margin: 15px 0 0 0;
}*/

.profession_box dd {
	border: 1px solid #aebfcf;
	border-top: none;
	background: #dfeff2;
}

.profession_box p {
	padding: 20px 19px;
}

.profession_box p {
	color: #000;
}

/* リンク */
.profession_box,
.profession_box:hover{
	text-decoration: none;
}

[rel$="over"]:hover img {
	opacity:0.7;
}


/* ==================================================================================================
		ナスラックについて
   --------------------------------------------------------------------------------------------------
		#about_nas
================================================================================================== */
#about_nas {
	width: 940px;
	margin: 80px auto 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d7ecfb+0,ffffff+14 */
	background: #d7ecfb; /* Old browsers */
	background:url(../image/bg_about_nas_line.png) center 0 no-repeat , -moz-linear-gradient(top,  #d7ecfb 0%, #ffffff 6%); /* FF3.6-15 */
	background:url(../image/bg_about_nas_line.png) center 0 no-repeat , -webkit-linear-gradient(top,  #d7ecfb 0%,#ffffff 6%); /* Chrome10-25,Safari5.1-6 */
	background:url(../image/bg_about_nas_line.png) center 0 no-repeat , linear-gradient(to bottom,  #d7ecfb 0%,#ffffff 6%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#about_nas h2 {
	width: 815px;
	margin: 0 auto;
	padding: 23px 0 0 0;
}

.lead_text {
	text-align: center;
	margin: 20px 0 0 0;
}

.about_nas_box {
	width: 885px;
	overflow: hidden;
	margin: 20px auto 0;
	background: #04386e;
	display: block;
}

.about_nas_box dl {
	width: 377px;
	float: left;
	text-align: center;
	color: #fff;
}

.about_nas_box:nth-of-type(even) dl {
	float: right;
}

.about_nas_box figure {
	width: 508px;
	float: right;
}

.about_nas_box:nth-of-type(even)  figure {
	float: left;
}

/* 余白 */
.about_nas_box:nth-of-type(1) {
	margin: 30px auto 0;
}

.about_nas_box dt {
	margin: 20px 0 0 0;
}

.about_nas_box:nth-of-type(1) dd {
	margin: 20px 0 0 0;
}

.about_nas_box:nth-of-type(2) dd {
	margin: 15px 0 0 0;
}

.about_nas_box:nth-of-type(3) dd {
	margin: 32px 0 0 0;
}

.about_nas_box dd p {
	margin: 20px 20px 0 20px;
	text-align: left;
	font-size: 14px;
}

/* ナスラックについて 専用マウスオーバー */
#about_nas  [rel$="over"]:hover {
	opacity:0.7;
}


/* ==================================================================================================
		福利厚生やナスラックの紹介
   --------------------------------------------------------------------------------------------------
		#info_area
================================================================================================== */
#info_area {
	margin-top: 50px;
}

.icon {
	text-align: center;
}

/* 研修制度・福利厚生 専用マウスオーバー */
.info_box {
	margin: -50px -500% 0;
	padding: 27px 500% 20px;
	width: 100%;
	border-top: #0b9cee 50px solid;
	background: url(../image/bg_line_img.png) 0 0 repeat-x;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	display: flex;
	justify-content: space-around;
}

.info_box li {
	padding: 0 0 0 100px;
}

.info_box li:nth-of-type(even) {
	padding: 0 100px 0 0;
}

/* 研修制度・福利厚生 専用マウスオーバー */
.info_box a:hover {
	display: block;
	background: #fff;
}

.info_box [rel$="over"]:hover {
	opacity:1;
}

.info_box [rel$="over"]:hover img {
	opacity:0.7;
}


/* 自社 5工場のご案内・ショールーム・支店・営業所 */
.nas_info_box {
	border-top: 1px solid #c5c5c5;
	width: 670px;
	margin: 30px auto 0;
	padding: 30px 54px 0;
	display: flex;
	justify-content: space-between;
}

/* ==================================================================================================
		SEO文
   --------------------------------------------------------------------------------------------------
		.seo
================================================================================================== */
.seo {
  max-width: 784px;
  background: #f2f8fe;
  padding: 25px;
  width: 95%;
	margin:20px auto 40px;
}

.pagetop {
	margin: 70px 0 0 0;
}