@charset "utf-8";

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

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, em, strong, 
ul, ol, li, dl, dt, dd, 
table, th, td {
	margin:				0px;
	padding:			0px;
}

body {
	width:				100%;
	font-family:		'Noto Sans Japanese', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size:			16px;
	font-style:			normal;
	font-weight:		normal;
	line-height:		175%;
	color:				#333;
	text-align:			left;
	outline:			none;
}

ul {
	list-style:			none;
}

ol {
	padding-left:		30px;
}

dd {
	padding-left:		1em;
	margin-bottom:		1em;
}

a {
	color:				#000;
	text-decoration:	underline;
}
a:hover {
	color:				#000;
	text-decoration:	none;
}
a img {
	border:				none;
}
a:hover img {
	opacity:			0.8;
}

h1 {	font-size:		100%;}
h2 {	font-size:		187%;}
h3 {	font-size:		150%;}
h4 {	font-size:		150%;}
h5 {	font-size:		187%;}
h6 {	font-size:		100%;}

h3 {
	padding-bottom:		15px;
	margin-bottom:		30px;
	border-bottom:		3px solid #063;
}

h4 {
	padding-bottom:		15px;
	margin-bottom:		30px;
	border-bottom:		1px dashed #cdcdcd;
}

h5 {
	margin-bottom:		20px;
}

em {
	font-size:			100%;
	font-style:			normal;
	font-weight:		bold;
	color:				#f00;
}

strong {
	font-size:			150%;
	line-height:		180%;
	color:				#f91
}

table {
	border-collapse:	collapse;
}

/* レスポンシブ対応 */
/* ---------------------------------------------------------------- */
body {
	-webkit-text-size-adjust:	100%;
}

img {
	max-width:			100%;
	height:				auto;
	width /***/:		auto;
}

@media screen and (max-width: 800px) {	/* 800以下 */
	body {
		font-size:		14px;
	}

	strong {
		font-size:			120%;
		line-height:		150%;
		color:				#f91
	}
}
/* ---------------------------------------------------------------- */


/* clearfix */
/* **************************************************************** */
.clearfix:after {
	content:	"";
	display:	block;
	clear:		both;
}
.separate {
	width:		100%;
	margin:		0px 0px 30px 0px;
}
.separate:after {
	content:	"";
	display:	block;
	clear:		both;
}

/* base */
/* **************************************************************** */
.wrapper {
	width:				100%;
}

#main {
	width:				100%;
	max-width:			1100px;
	margin:				0px auto 20px auto;
}

/* ▲上へ */
#top_lift {
	width:				100%;
	padding-bottom:		5px;
	max-width:			1100px;
	margin:				auto;
	text-align:			right;
}
#top_lift a {
	padding:			4px 10px;
	color:				#063;
	text-decoration:	none;
	border-radius:		30px;
	transition:			all 0.4s linear;
	-webkit-transition:	all 0.4s linear;
}
#top_lift a:hover {
	color:				#fff;
	background-color:	#063;
}

/* ページタイトル */
.page_title {
	box-sizing:			border-box;
	width:				100%;
	padding:			35px 0px 35px 50px;
	margin-bottom:		30px;
	border-left:		20px solid #00cc66;
	border-right:		1px dashed #cdcdcd;
	border-top:			1px dashed #cdcdcd;
	border-bottom:		1px dashed #cdcdcd;
	line-height:		100%;
}

.content_box {
	box-sizing:			border-box;
	width:				100%;
	padding:			0px 60px;
	margin-bottom:		40px;
}

.content_info {
	margin:				30px auto;
	line-height:		100%;
	border:				solid 1px #000;
	border-spacing:		40px 20px;
	border-collapse:	separate;
}
.content_info td {
	padding:			4px 0px;
}

.content_info tr:nth-child(1) td {
	font-size:			20px;
	font-weight:		bold;
}
.content_info tr:nth-child(2) td {
	height:					30px;
	padding-left:			40px;
	padding-bottom:			10px;
	font-size:				40px;
}
.content_info tr:nth-child(3) td:nth-child(1) {
	padding:			4px 10px;
	font-size:			16px;
	text-align:			center;
	color:				#fff;
	background-color:	#999;
}
.content_info tr:nth-child(3) td:nth-child(2) {
	font-size:			18px;
	text-align:			right;
}
.content_info tr:nth-child(4) td {
	font-size:			16px;
	text-align:			right;
}

.half_box {
	float:				left;
	box-sizing:			border-box;
	width:				50%;
}

.inner_box {
	box-sizing:			border-box;
	width:				100%;
	padding:			0px 50px;
	margin-bottom:		30px;
}

.text-right {
	text-align:			right;
}

.text-left {
	text-align:			left;
}

.text-center {
	text-align:			center;
}

.box_iblock {
	display:			inline-block;
}

/* ================================== */
@media screen and (max-width: 800px) {	/* 800以下 */
	.page_title {
		padding:			35px 0px 35px 10px;
	}

	.content_box {
		padding:			0px 20px;
	}

	.content_info {
		border-spacing:		10px 10px;
	}

	.content_info tr:nth-child(1) td {
		font-size:			16px;
	}
	.content_info tr:nth-child(2) td {
		height:					20px;
		padding-left:			30px;
		font-size:				30px;
	}
	.content_info tr:nth-child(3) td:nth-child(1) {
		font-size:			14px;
	}
	.content_info tr:nth-child(3) td:nth-child(2) {
		font-size:			16px;
		text-align:			right;
	}
	.content_info tr:nth-child(4) td {
		font-size:			14px;
		text-align:			center;
	}

	.half_box {
		width:				100%;
		margin-bottom:		10px;
	}

	.inner_box {
		padding:			0px;
	}
}

/* header */
/* **************************************************************** */
#header {
	width:				100%;
	max-width:			1100px;
	margin:				0px auto 30px auto;
}

#header .logo {
	display:			inline-block;
	float:				left;
}

#header .info {
	float:				right;
	line-height:		100%;
}

#header .info a{
	text-decoration: 	none;
}

#header .info a:hover{
	text-decoration: 	underline;
}

#header .info td {
	padding:			4px 0px;
}

#header .info tr:nth-child(1) td {
	font-size:			14px;
}

#header .info tr:nth-child(2) td {
	padding-left:			30px;
	padding-bottom:			10px;
	font-size:				22px;
}

#header .info tr:nth-child(3) td:nth-child(1) {
	padding:			4px 10px;
	font-size:			14px;
	text-align:			center;
	color:				#fff;
	background-color:	#999;
}
#header .info tr:nth-child(3) td:nth-child(2) {
	font-size:			16px;
	text-align:			right;
}

#header .menu {
	float:				left;
	width:				100%;
	text-align:			center;
}
#header .menu ul {
	display:			inline-block;
	line-height:		100%;
}

#header .menu li {
	display:			inline-block;
	border-right:		solid 1px #999;
}
#header .menu li:nth-child(1) {
	border-left:		solid 1px #999;
}

#header .menu li a {
	display:			inline-block;
	box-sizing:			border-box;
	padding:			10px 30px;
	font-size:			18px;
	line-height:		100%;
	text-decoration:	none;
	border-bottom:		solid 3px #fff;
	transition:			all 0.4s linear;
	-webkit-transition:	all 0.4s linear;
}
#header .menu li a:hover {
	border-bottom:		solid 3px #063;
}

/* ================================== */
@media screen and (max-width: 1000px) {	/* 1000以下 */
	#header .menu li a {
		padding:			10px 20px;
		font-size:			16px;
	}
}

@media screen and (max-width: 800px) {	/* 800以下 */
	#header {
		margin:				0px auto 0px auto;
	}
	#header .logo {
		width:				100%;
		text-align:			center;
	}
	#header .info {
		float:				none;
		margin:				auto;
	}

	#header .menu li a {
		padding:			20px 30px;
		border-bottom:		solid 3px #063;
		color:				#fff;
		background-color:	#063;
	}
	#header .menu li a:hover {
		color:				#063;
		background-color:	#fff;
	}
}

/* footer */
/* **************************************************************** */
.footer_area {
	color:				#fff;
	background:			#063;
}

#footer {
	width:				100%;
	max-width:			1100px;
	padding-top:		30px;
	margin:				0px auto 10px auto;
	font-size:			75%;
}

#footer .logo {
	display:			inline-block;
	float:				left;
	line-height:		140%;
}
#footer .logo li:nth-child(2),
#footer .logo li:nth-child(3),
#footer .logo li:nth-child(4),
#footer .logo li:nth-child(5),
#footer .logo li:nth-child(6) {
	padding-left:		20px;
}

#footer .logo li a {
	text-decoration: 	none;
	color: 				#fff;
}

#footer .logo li a:hover {
	border-bottom:		solid 1px #fff;
}


#footer .menu {
	display:			inline-block;
	float:				right;
}

#footer .menu li {
	display:			inline-block;
}

#footer .menu li a {
	display:			inline-block;
	box-sizing:			border-box;
	padding:			0px 5px;
	margin:				0px 5px;
	color:				#fff;
	font-size:			14px;
	line-height:		100%;
	text-decoration:	none;
	border-bottom:		solid 1px #063;
	transition:			all 0.2s linear;
	-webkit-transition:	all 0.2s linear;
}
#footer .menu li a:hover {
	border-bottom:		solid 1px #fff;
}

#copyright {
	float:				left;
	width:				100%;
	padding-top:		20px;
	text-align:			center;
}

/* ================================== */
@media screen and (max-width: 1000px) {	/* 1000以下 */
	#footer {
		text-align:		center;
	}
	#footer .logo {
		float:			none;
		text-align:		left;
	}
	#footer .menu {
		float:			none;
		padding-top:	20px;
	}
}

@media screen and (max-width: 800px) {	/* 800以下 */
	#footer .menu li {
		width:				80%;
		padding:			2px 0px;
	}
	#footer .menu li a {
		width:				100%;
		padding:			15px 0px;
		border-radius:		30px;
		border-top:			solid 1px #fff;
		border-bottom:		solid 1px #fff;
	}
	#footer .menu li a:hover {
		color:				#063;
		background-color:	#fff;
	}
}

/* TOP */
/* **************************************************************** */
.top_area {
	min-height:			500px;
	background:			-moz-linear-gradient(top, rgba(237,246,225,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background:			-webkit-linear-gradient(top, rgba(237,246,225,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:			linear-gradient(to bottom, rgba(237,246,225,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf6e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.main_img {
	width:				100%;
	padding-top:		20px;
	text-align:			center;
}

.top_area .catchcopy1 {
	box-sizing:			border-box;
	padding:			40px 0px;
	color:				#39b54a;
	font-size:			260%;
	line-height:		120%;
	text-align:			center;
}

.top_area .catchcopy2 {
	box-sizing:			border-box;
	width:				100%;
	max-width:			800px;
	margin:				auto;
	padding:			40px 20px;
	font-size:			160%;
	line-height:		150%;
	text-align:			left;
}

.top_area .catchcopy3 {
	box-sizing:			border-box;
	width:				100%;
	max-width:			800px;
	margin:				auto;
	padding:			20px 20px 40px 20px;

}


/* 組合案内 */
/* **************************************************************** */

.about_message {
	box-sizing:			border-box;
	padding:			10px 50px;
	margin-bottom:		20px;
	font-weight:		bold;
	font-size:			140%;
}

.about_aisatu {
	box-sizing:			border-box;
	padding:			10px 50px;
	margin-bottom:		20px;
	font-family:		serif;
	font-weight:		bold;
}

.about_sign {
	box-sizing:			border-box;
	padding:			10px 50px;
	text-align:			right;
	font-family:		serif;
	font-weight:		bold;
}

.content_box .company,
.content_box .map {
	float:				left;
	box-sizing:			border-box;
	width:				50%;
	padding:			0px 10px;
}

.content_box .map iframe {
	box-sizing:			border-box;
	width:				100%;
}

/* ================================== */
@media screen and (max-width: 800px) {	/* 800以下 */

	.about_message {
		padding:			10px 20px;
	}

	.about_aisatu {
		padding:			10px 20px;
	}

	.about_sign {
		padding:			10px 20px;
	}

	.content_box .company {
		float:				none;
		width:				90%;
		margin:				0px auto 20px auto;
	}

	.content_box .map {
		float:				none;
		width:				90%;
		margin:				auto;
	}
}


/* ETC割引制度共同利用 */
/* **************************************************************** */

.page_etc-card h5 img {
	vertical-align:		middle;
	padding:			0px 10px 5px 0px;
}

.page_etc-card .image_box {
	text-align:			center;
}


/* 外国人技能実習生協同受入制度 */
/* **************************************************************** */

.tbl_count {
	margin:				0px auto 20px auto;
}
.tbl_count th {
	padding:			5px 10px;
}
.tbl_count td {
	padding:			5px 10px;
	text-align:			center;
	background-color:	#f9f995;
}

.tbl_flow {
	margin:				0px auto 20px auto;
	border:				1px solid #000;
}
.tbl_flow td {
	padding:			5px 40px;
	text-align:			center;
	border:				1px solid #000;
}


/* ================================== */
@media screen and (max-width: 800px) {	/* 800以下 */

	.tbl_flow td {
		padding:			5px 10px;
	}

}