@charset "utf-8";

/* reset css */
@import "./cssreset-min.css";

/* リンク */
a {
	color: #333366;
	text-decoration: none;
}
a:link { }
a:visited { }
a:hover { }
a:active { }

a.midashi {
	color: #fff;
	text-decoration: none;
}


/*----------------------------------------------------------------------------*/
/* 基本パーツ */
/*----------------------------------------------------------------------------*/
body {
	font-size: 16px;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	color: #333;
	font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

img {
	vertical-align: bottom;
}


/* b */
b {
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #333333;
	-webkit-text-fill-color: #333333;
}

/* strong */
strong {
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #333333;
	-webkit-text-fill-color: #333333;
}


/*----------------------------------------------------------------------------*/
/* ヘッダー */
/*----------------------------------------------------------------------------*/
#header {
	width: 100%;
	height: 51px;
	display: table;
}

#header .logo {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 45px;
}

#header .head_btn {
	display: table-cell;
	vertical-align: middle;
	width: 63px;
}

/*----------------------------------------------------------------------------*/
/* メインビジュアル */
/*----------------------------------------------------------------------------*/
#main_visual {
	border-top:5px solid #130A81;
	width: 100%;
}


/*----------------------------------------------------------------------------*/
/* トップページのサービスの四角 */
/*----------------------------------------------------------------------------*/
#service_btn_box {
	padding-bottom:1px;
	width: 100%;
	overflow:hidden;
	border-bottom:5px solid #130A81;
}

#service_btn_box .sv_btn {
	width: 50%;
	float:left;
}

/* タイトル名　スタイル */
#service_btn_box .heading_title {

	background: rgb(19,10,129); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(19,10,129,1) 0%, rgba(51,46,122,1) 24%, rgba(66,63,122,1) 50%, rgba(51,46,122,1) 79%, rgba(19,10,129,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,10,129,1)), color-stop(24%,rgba(51,46,122,1)), color-stop(50%,rgba(66,63,122,1)), color-stop(79%,rgba(51,46,122,1)), color-stop(100%,rgba(19,10,129,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#130a81', endColorstr='#130a81',GradientType=0 ); /* IE6-9 */

	margin:0;
	margin-bottom:1px;

	text-align:center;

	padding: 8px;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,.3);	
	font-weight:bold;
}


/*----------------------------------------------------------------------------*/
/* メニューリスト */
/*----------------------------------------------------------------------------*/
#menu_list {
	width: 100%;
	overflow:hidden;
	margin-bottom:0px;
}

/* アコーディオンメニュー */
ul.accordion { width:100%; margin:0 auto 0px; font-size:100%;}
ul.accordion a { display:block; padding:10px; background-position:95% center; background-repeat:no-repeat; text-decoration:none; color:#333;}
ul.accordion span { /* 大カテゴリボタンのテキスト */
	text-shadow: 1px 1px 2px rgba(3,3,3,.2);	
	font-weight:bold;
	display:block; padding:15px; background-position:95% center; background-repeat:no-repeat; color:#333333;
}

ul.accordion ul { display:none;}

/* 大カテゴリを開く前の背景？ */
ul.accordion > li {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* 大カテゴリを開いた後の背景 */
ul.accordion > li > p {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

ul.accordion > li > p span { background-image:url(../images/common/icon_open.png); background-size: 25px 25px; border-bottom:1px solid #9999cc;} /* 大カテゴリのボタンアイコン*/
ul.accordion > li > p span.open { background-image:url(../images/common/icon_close.png); background-size: 25px 25px;}
ul.accordion > li > a { background:url(../images/common/icon_arrow_gray.png) no-repeat 95% center; background-size: 25px 25px; border-bottom:1px solid #dfdfdf;}

ul.accordion > li > ul > li { background:#ffffff; padding-left:20px; border-bottom:1px solid #dfdfff;} /* 開いた後のテキストや背景 */
ul.accordion > li > ul > li > p { background:#ffffff;}
ul.accordion > li > ul > li > a { background:url(../images/common/icon_arrow_gray.png) no-repeat 95% center; background-size: 25px 25px; color: #333366;} /* 開いた後のテキストや背景 */

ul.accordion > li > ul > li > ul > li { background:#FFF; border-bottom:1px dotted #888;}
ul.accordion > li > ul > li > ul > li:last-child { border:none;}

ul.accordion > li > p span.top { border-top:1px solid #dfdfdf;}
ul.accordion > li > a.top { border-top:1px solid #dfdfdf;}


/*----------------------------------------------------------------------------*/
/* PCサイト、スマホサイト切替 */
/*----------------------------------------------------------------------------*/
#pc_smt_switch_link {
	padding:15px;
	text-align:center;
	color:#ffffff;
}


/*----------------------------------------------------------------------------*/
/* ページの先頭に戻る */
/*----------------------------------------------------------------------------*/
#foot_btn_box {
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
}

#foot_btn_back {
	float:left;
	text-align:left;
	padding-left:10px;
}

#foot_btn_top {
	float:right;
	text-align:right;
	padding-right:10px;
}


/*----------------------------------------------------------------------------*/
/* フッターのお問い合わせ、アクセス */
/*----------------------------------------------------------------------------*/
#foot_link {
	position: relative;
	z-index: 0;

	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	overflow:hidden;
}

#foot_link ul {
	margin: 0;
	padding: 0;
}

#foot_link li {
	float: left;
	width: 50%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	position: relative;
	text-align:center;
}

#foot_link a {
	background: rgb(53,106,160); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */

	font-size: 16px;
	line-height: 2em;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,.3);	
	font-weight:bold;
	text-align: center;
	padding: 5px 0;
	display: block;
}

#foot_link li:first-child a {
	border-right: 1px solid #9ab;
}


/*----------------------------------------------------------------------------*/
/* フッター */
/*----------------------------------------------------------------------------*/
#footer {
	background: #423F7A;
	padding:10px;
	text-align:center;
	color:#ffffff;
	line-height: 2em;
}

#footer .copyright {
	font-size: 65%;
	color: #fff;
	margin-top: 0px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:link { }
#footer a:visited { }
#footer a:hover { }
#footer a:active { }


/*----------------------------------------------------------------------------*/
/* ページタイトル */
/*----------------------------------------------------------------------------*/
#heading_title_box {
	width: 100%;
	overflow:hidden;

	background: rgb(19,10,129); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(19,10,129,1) 0%, rgba(51,46,122,1) 24%, rgba(66,63,122,1) 50%, rgba(51,46,122,1) 79%, rgba(19,10,129,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(19,10,129,1)), color-stop(24%,rgba(51,46,122,1)), color-stop(50%,rgba(66,63,122,1)), color-stop(79%,rgba(51,46,122,1)), color-stop(100%,rgba(19,10,129,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(19,10,129,1) 0%,rgba(51,46,122,1) 24%,rgba(66,63,122,1) 50%,rgba(51,46,122,1) 79%,rgba(19,10,129,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#130a81', endColorstr='#130a81',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
}

/* 戻るボタンとh1を横に並べるためのテーブル */
#heading_title_box table {
	width: 100%;
	border: 0px;
}

#heading_title_box table td {
	padding: 10px 10px;
	text-align: left;
	vertical-align: middle;
	border: 0px;
	line-height:0;
}

#heading_title_box table td.back_btn {
	width:25px;
	border-right: 1px #88a solid;
	border-collapse: collapse;
	text-align:center;
}

/* H1 */
#heading_title_box h1 {
	font-size:100%;
	text-align:left;
	padding: 2px;
	line-height:0;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,.3);	
	font-weight:bold;
}


/*----------------------------------------------------------------------------*/
/* コンテンツ部分 */
/*----------------------------------------------------------------------------*/
#content_box {
	padding:10px 10px 10px 10px;
	overflow:hidden;
	border-bottom:1px solid #dddddd;
}

#content_box #content {
	width: 100%;
	overflow:hidden;
}


/*----------------------------------------------------------------------------*/
/* コンテンツ部分　共通パーツ */
/*----------------------------------------------------------------------------*/

/* H2 */
#content_box #content h2 {
	padding: 4px 8px;
	margin-top: 30px;
	margin-bottom:4px;
	line-height: 160%;
	border: none;
	background-color: #888;
	color: #FFFFFF;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
}

#content_box #content h2.top {
	margin-top: 0px;
}
/* /H2 */

/* H3 */
#content_box #content h3 {
	padding: 4px 4px 2px 4px;
	margin-top: 20px;
	margin-bottom:8px;
	line-height: 160%;
	border-bottom: 1px solid #333;
	color: #459;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #333;
	-webkit-text-fill-color: #333;
}

#content_box #content h3.top {
	margin-top: 0px;
}

#content_box #content h3.noborder {
	border: none;
	margin-bottom:4px;
}
/* /H3 */

/* テーブル　罫線あり */
#content_box #content table.border {
	width: 100%;
	border: 1px #c0c0c0 solid;
	border-collapse: collapse;
	font-size: 90%;
}

/* セル */
#content_box #content table.border th,
#content_box #content table.border td {
	text-align: left;
	vertical-align: top;
	padding: 6px 8px;
	border: 1px #c0c0c0 solid;
	background-color: #ffffff;
}

/* 見出しセル */
#content_box #content table.border th {
	width:35%;
	background-color: #808080;
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}

/* 見出しセル 中央揃え */
#content_box #content table.border th.center {
	background-color: #808080;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
}


/* 奇数行 */
#content_box #content table.border tr.odd {
	background-color: #ffffff;
}

/* 偶数行 */
#content_box #content table.border tr.even {
	background-color: #f5f5f5;
}


/* テーブル　罫線無し */
#content_box #content table.noborder {
	width: 100%;
	border: none;
	border-collapse: collapse;
	font-size: 90%;
}

/* セル */
#content_box #content table.noborder th,
#content_box #content table.noborder td {
	text-align: left;
	vertical-align: top;
	padding: 6px 8px;
	border: none;
}

/* 見出しセル */
#content_box #content table.noborder thead th {
	background-color: #808080;
	text-align: left;
	vertical-align: top;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
}

/* 見出しセル 中央揃え */
#content_box #content table.noborder thead th.center {
	background-color: #808080;
	text-align: center;
	vertical-align: top;
	color: #FFFFFF;
}


/* リスト（丸付き） */
#content_box #content ul.circle {
	margin:0 0 0 0;
	list-style:none;
	padding:0;
}

#content_box #content ul li{
	padding:0 0 0 20px;
	background: url(../images/common/circle_01.png) no-repeat 0.3em 0.3em;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	margin:0 0 5px 0;
	line-height:1.2em;
}
/* /リスト（丸付き） */


/* リスト（番号つき） */
#content_box #content ol.num {
	margin:0 0 0px 25px;
	padding:0;
}

#content_box #content ol.num li {
	padding:0 0 0 0px;
	margin:0 0 5px 0.5em;
	line-height:1.2em;
}
/* リスト（番号つき） */


/* エラーメッセージ */
#content_box #content .error_text {
	color:red;
}
/* /エラーメッセージ */


/*----------------------------------------------------------------------------*/
/* トップメッセージ */
/*----------------------------------------------------------------------------*/

/* ３つのキーワード */
#content_box #content div.keyword3 {
	padding:10px;
	text-align:center;
}


/*----------------------------------------------------------------------------*/
/* サービス */
/*----------------------------------------------------------------------------*/

/* サービスコンセプト （#content_box #contentの外） */
div.service_concept {
	background-color: #f4f4ff;
	color: #333;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #333;
	-webkit-text-fill-color: #333;
	padding: 8px 10px;
	margin-bottom: 8px;
	line-height: 160%;
	height: 100%;
	/* border: 1px solid #dddddd; */
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
}
/* /サービスコンセプト */

/* サービスタイトル */
#content_box #content div.service_title {
	color: #130A81;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #130A81;
	-webkit-text-fill-color: #130A81;
	padding: 4px 4px;
	line-height: 160%;
	height: 100%;
	border-bottom: 1px solid #cccccc;
	margin-bottom:10px;
}
/* /サービスタイトル */


/*----------------------------------------------------------------------------*/
/* 採用情報 */
/*----------------------------------------------------------------------------*/

/* 募集業種 */
#content_box #content h2.recruit {
	padding: 8px 10px;
	margin-top: 30px;
	margin-bottom:4px;
	line-height: 160%;
	border: none;
	background-color: #599;
	color: #FFFFFF;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
}

#content_box #content h2.top {
	margin-top: 0px;
}
/* /募集業種 */

/* 募集内容 */
#content_box #content h3.recruit {
	padding: 4px 4px 2px 4px;
	margin-top: 20px;
	margin-bottom:8px;
	line-height: 160%;
	border-bottom: 1px solid #288;
	color: #288;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #288;
	-webkit-text-fill-color: #288;
}

#content_box #content h3.top {
	margin-top: 0px;
}
/* /募集内容 */


/*----------------------------------------------------------------------------*/
/* ソリューション */
/*----------------------------------------------------------------------------*/

/* ソリューションコンセプト （#content_box #contentの外） */
div.solution_concept {
	background-color: #e8f0f4;
	color: #333333;
	padding: 8px 10px;
	line-height: 160%;
	height: 100%;
	/* border: 1px solid #bcd; */
	margin-bottom:8px;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
}
/* /ソリューションコンセプト */

/* ソリューションH2 */
#content_box #content h2.solution {
	padding: 8px 10px;
	margin-top: 30px;
	margin-bottom:4px;
	line-height: 160%;
	border: none;
	background-color: #569;
	color: #FFFFFF;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #FFFFFF;
	-webkit-text-fill-color: #FFFFFF;
}

#content_box #content h2.top {
	margin-top: 0px;
}
/* /ソリューションH2 */

/* ソリューションH3 */
#content_box #content h3.solution {
	padding: 4px 4px 2px 4px;
	margin-top: 20px;
	margin-bottom:8px;
	line-height: 160%;
	border-bottom: 1px solid #99a;
	color: #459;
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #459;
	-webkit-text-fill-color: #459;
}

#content_box #content h3.top {
	margin-top: 0px;
}

#content_box #content h3.noborder {
	border: none;
	margin-bottom:4px;
}
/* /ソリューションH3 */


/*----------------------------------------------------------------------------*/
/*  お問い合わせ */
/*----------------------------------------------------------------------------*/

input.email {
	width:100%;
}

textarea.question {
	width:100%;
}