@charset "utf-8";

/* スマホ用CSS */
@media screen and (max-width: 640px) {
 
img{
max-width: 100%;
height: auto;
width /***/:auto;
}

article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}
body{
	width:100%;
	line-height:1.7;
	font-size:14px;
	padding:0;
	margin:0 auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "メイリオ";
	color:#222;
}
body.nextpage{
	background:url(../img/bk_header02.png) repeat-x;
}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}

textarea{font-size:100%;}

a{outline:none;border:0;}

img{vertical-align: middle;border:0;}

a:hover img,
.opa a:hover img,
input[type="image"]:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#1b71b8;text-decoration:underline;}
a:visited{color:#1b71b8;text-decoration:underline;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1b71b8;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}

/*余白*/
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb20{margin-bottom:20px;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.s_bottom{margin-bottom:60px;}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="text"],
select{margin:0 4px 0 0;}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.red{color:#c30;}
.f11{font-size:11px;}
.f14{font-size:14px;}
/*-----------------------------------------------
header
-----------------------------------------------*/
header{
	width:96%;
	height:auto;
	margin:0 auto;
}
header:after{content: "";display: block;clear: both;}

header a.logo{
	float:none;
	display:block;
	width:219px;
	height:36px;
	margin:0;
	background:url(../img/logo_smp.png) no-repeat;	/*←通常ロゴ*/
	white-space: nowrap;text-indent: 100%;overflow: hidden;
	position:absolute;
	top:16px;
	left:10px;
}
header a.logo:hover{opacity:0.6;}

					header .h_info{
						display:none;
					}
					header .header_info:after{content: "";display: block;clear: both;}

					header .h_info .h_tel{
						float:left;
						width:219px;
						height:48px;
						margin:16px 0 0 0;
						background:url(../img/h_tel.png) no-repeat;
						white-space: nowrap;text-indent: 100%;overflow: hidden;
					}
					.btn_h_entry_inner{
						float:right;
						margin:28px 0 0 0;
					}
					/*エントリーするボタン*/
					header .h_info .btn_h_entry{
						padding:18px 38px 18px 28px;
						background:#A18055;
						position: relative;
						font-size:12px;
					}
					header .h_info .btn_h_entry:after{
						display: block;
						content: "";
						position: absolute;
						top: 50%;
						right: 10px;
						/*右向き三角↓*/
						width: 5px;
						height: 5px;
						margin-top: -3px;
						border-top: solid 1px #fff;
						border-right: solid 1px #fff;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
					}
					header .h_info .btn_h_entry:link{color:#fff; text-decoration:none;}
					header .h_info .btn_h_entry:visited{color:#fff; text-decoration:none;}
					header .h_info .btn_h_entry:hover{color:#fff; text-decoration:none;opacity:0.7;}
					header .h_info .btn_h_entry:active{color:#fff; text-decoration:none;}

/*上部２つのボタン*/
ul.menubtn{
	display: table;
	/*table-layout: fixed;*/
	width: 100%;
	margin:0;
}
ul.menubtn li{
/*display: table-cell;*/
vertical-align: middle;
}
ul.menubtn li a{
	margin: 0 auto 20px;
	display: block;
	width:90%;
	height: 44px;
	color: #666;
	font-size:13px;
	text-decoration: none!important;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border:1px solid #aaa;
	border-radius: 3px;
}
ul.menubtn li a.tel_h{
	margin: 0 auto 20px;
	display: block;
	width:90%;
	height: 66px;
	color: #666;
	font-size:10px;
	text-decoration: none!important;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border:1px solid #aaa;
	border-radius: 3px;
}
ul.menubtn li a.mail{
	background:	url(../img/icon_04.png) no-repeat 6px 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8));
	background:	url(../img/icon_04.png) no-repeat 6px 50%,                                     linear-gradient(top, #eee, #F8F8F8);
}
ul.menubtn li a.tel_h{
	background:	url(../img/icon_tel.png) no-repeat 6px 50%,-webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8));
	background:	url(../img/icon_tel.png) no-repeat 6px 50%,                                     linear-gradient(top, #eee, #F8F8F8);
}
ul.menubtn li a span{/*2行になっても水平真ん中*/
	display:table-cell;
	vertical-align:middle;
	height:44px;
	padding:0 0 0 44px;
	line-height:1.3;
}
ul.menubtn li a.tel_h span{/*2行になっても水平真ん中*/
	display:table-cell;
	vertical-align:middle;
	height:66px;
	padding:0 0 0 44px;
	line-height:1.5;
}

/*-----------------------------------------------
footer
-----------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	display: block;
	width: 44px;
}
footer{
	clear:both;
	width:100%;
	overflow:hidden;
	background:#1F1F2F;
	border-top:1px solid #F5F0E6;
	overflow:hidden;
	padding:20px 0 0;
}
footer .footer_logo{
	width:92%;
	margin:0 auto;
	height:25px;
	background:url(../img/footer_logo.png) no-repeat center 0;
	background-size: 100% auto;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
ul.linkarea{
	width:90%;
	margin:20px auto 20px;
	padding:6px 0 6px;
	font-size:12px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.linkarea:after{content: "";display: block;clear: both;}

ul.linkarea li{
	display:block;
	width:44%;
	border-right:1px solid #fff;
	border:1px solid #000;
	font-size:11px;
	margin:0 0 14px 0;
}
ul.linkarea li a{
	display:block;
	height:36px;
	line-height:36px;
	padding:0 20px;
	border-radius:4px;
	background:#ddd;
}
ul.linkarea li:last-child{border-right:none;}

ul.linkarea li a:link{color:#222;text-decoration:none;}
ul.linkarea li a:visited{color:#222;text-decoration:none;}
ul.linkarea li a:hover{color:#222;text-decoration:underline;}
ul.linkarea li a:active{color:#222;text-decoration:none;}

.copyright{
	height:26px;
	line-height:28px;
	text-align:center;
	font-size:11px;
	padding:0 10px;
	background:#fff;
	color:#222;
}
/*-----------------------------------------------
グローバルナビ
-----------------------------------------------*/
.gnav{
	display:none;
}
/*-----------------------------------------------
共通
-----------------------------------------------*/
.contents_wrapper{
	width:100%;
	background:#F5F5F5;
	overflow:hidden;
}
/*パンくず*/
.path{
	width:960px;
	height:20px;
	line-height:20px;
	font-size:12px;
	margin:14px auto 0;
}
.path a:link{color:#009; text-decoration: none;}
.path a:visited{color:#009; text-decoration:underline;}
.path a:hover{color:#009;text-decoration:underline;}
.path a:active{color:#009; text-decoration:underline;}

.wrapper_inner{
	width:960px;
	margin:10px auto 40px;
}
.wrapper_inner:after{content: "";display: block;clear: both;}

.title01{
	height:40px;
	line-height:40px;
	background:#EAF3DA;
	border-top:6px solid #7BAD31;
	color:#003333;
	font-size:15px;
	text-indent:12px;
	font-weight:bold;
}
.title02 {
	background: #D9F2CE;
	height: 29px;
	line-height: 29px;
	padding: 0 0 0 8px;
	color: #222;
	font-weight: bold;
	border-left: 5px solid #50964A;
	font-size: 14px;
}

/*インナー右に写真、左にテキスト*/
.le_text{
	float:left;
	width:540px;
}
.ri_photo{
	float:right;
	width:240px;
}
.inner01{
	width:860px;
	margin:0 auto 30px;
}
.inner01:after{content: "";display: block;clear: both;}
/*-----------------------------------------------
メインイメージ
-----------------------------------------------*/
.mainimg{
	width:100%;
	height:auto;
	background:url(../img/mainimg.jpg) no-repeat;
	padding-top:39.8%; /*表示画像の高さ÷表示画像の幅×100 */
	background-size: 100% auto;
}
.mainimg p{
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
/*-----------------------------------------------
トップページ
-----------------------------------------------*/
.bk_gray{
	width:100%;
	padding:10px 0 0 0;
	background:#F9FAFC;
}
.top_director_message{
	width:96%;
	height:auto;
	margin:0 auto;
	line-height:2.0;
}
.top_director_message:after{content: "";display: block;clear: both;}

.top_director_message .le_text{
	float:none;
	width:100%;
	margin:0 0 30px 0;
}
.title_top_director_message{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	background:url(../img/title_top_director_message.png) no-repeat;
	padding-top:20%; /*表示画像の高さ÷表示画像の幅×100 かつ手動で調整*/
	background-size: 70% auto;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.top_director_message .photo{
	float:none;
	width:80%;
	margin:0 auto;
	text-align:center;
}
.top_director_message .photo img{
	width:80%;
	margin:0 auto;
}
/*続きを読むボタン、詳しく見るボタン*/
.btn_next{
	display:block;
	width:90%;
	margin:0 auto;
	padding:10px 0;
	background:#A18055;
	position: relative;
	font-size:13px;
	text-align:center;
}
.btn_next:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	/*右向き三角↓*/
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn_next:link{color:#fff; text-decoration:none;}
.btn_next:visited{color:#fff; text-decoration:none;}
.btn_next:hover{color:#fff; text-decoration:none;opacity:0.7;}
.btn_next:active{color:#fff; text-decoration:none;}

/*Feature*/
.top_feature{
	width:100%;
	height:auto;
	background:#E6E4DA;
	overflow:hidden;
	margin:0 auto 20px;
}
.title_top_feature{
	width:100%;
	height:50px;
	margin:30px 0 20px 0;
	background:url(../img/title_top_feature.png) no-repeat center 0;
	background-size: 100px;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.top_feature ul{
	width:96%;
	margin:0 auto;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
}
.top_feature ul li{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 0 30px 0;
}
.top_feature ul li.mid{
	margin:0 0 30px 0;
}
.top_feature ul li img{
	width:90%;
}
/*voice*/
.top_voice{
	width:100%;
	height:auto;
	background:#333;
	overflow:hidden;
	margin:0 auto 30px;
	padding:0 0 30px 0;
}
.title_top_voice{
	width:100%;
	height:70px;
	margin:30px 0 20px 0;
	background:url(../img/title_top_voice.png) no-repeat center 0;
	background-size: 100px;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.top_voice ul{
	width:96%;
	height:auto;
	margin:0 auto 30px;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	overfliow:hidden;
}
.top_voice ul li{
	width:100%;
	height:auto;
	margin:0 0 30px 0;
}
a.interview01{
	display:block;
	width:100%;
	height:428px;
	background:url(../img/interview01.png) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
a.interview02{
	display:block;
	width:100%;
	height:428px;x;
	background:url(../img/interview02.png) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
a.interview03{
	display:block;
	width:100%;
	height:428px;
	background:url(../img/interview03.png) no-repeat;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
a.interview01:hover,
a.interview02:hover,
a.interview03:hover{
	opacity:0.8;
}
.linkbox{
	width:96%;
	margin:0 auto 30px;
}
.linkbox ul{
	width:100%;
	height:auto;
	/* margin:0 auto 40px; */
	margin:0 auto 20px;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
	overfliow:hidden;
}
.linkbox ul li{
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}
.linkbox ul li:nth-child(2n){
	margin:0 0 20px 0;
}
/*-----------------------------------------------
下層ページ共通　※20171026
-----------------------------------------------*/
.page_title {
	width: 100%;
	height: auto;
	background: #01010d;
}
.page_title .inner {
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
}
.page_title .inner h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	width: 100%;
	font-size: 24px;
	color: #fff;
	letter-spacing: 2px;
	border-bottom: none;
	padding: 20px 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
}
.page_title .inner img {
	float: none;
}
.page_title .inner h2 span {
	display: inline-block;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #ccc;
	letter-spacing: 0px;
	padding: 0 0 0 10px;
}
/* パンくずナビ */
.breadcrumb {
	width: 100%;
	/*height: 40px;*/
	background: #f3f3f3;
	color: #333;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 180%;
	padding: 7px 0;
}
.breadcrumb a {
	color: #333;
	text-decoration: none;
}
.breadcrumb a:hover {
	text-decoration: underline;
}
.breadcrumb .inner {
	width: 100%;
	/*height: 40px;*/
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*-----------------------------------------------
よくあるご質問　※20171026
-----------------------------------------------*/
.faq_wrap {
	width: 100%;
	margin: 20px 0;
}
.faq_wrap dl {
	width: auto;
	margin: 0;
	padding: 0 10px;
}
.faq_wrap dt {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	background: none;
	background-image: url(../../faq/img/faq_q.jpg);
	background-position: left 3px;
	background-repeat: no-repeat;
	background-size: 10px 15px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.faq_wrap dd {
	border: solid 1px #a18055;
	font-size: 12px;
	color: #555;
	letter-spacing: 1px;
	padding: 10px 10px 20px 38px;
	background: none;
	background-image: url(../../faq/img/faq_a.jpg);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-size: 19px 19px;
	margin: 0 0 22px 0;
}
.show_more {
	width: 100%;
}
span.show_more {
	display: block;
	width: 100%;
	text-align: center;
}
/*-----------------------------------------------
募集要項　※20171026
-----------------------------------------------*/
.requirement_wrap {
	width: 100%;
	margin: 20px 0;
}
.requirement_wrap_2 {
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.banner_new_graduate,
.banner_mid_career {
	width: 100%;
	height: 100px;
	background: #1f202e;
	text-align: center;
	margin: 0 auto;
	border-bottom: solid 5px #d15f5b;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.banner_new_graduate a,
.banner_mid_career a {
	display: block;
	width: 100%;
	height: 100px;
	text-decoration: none;
}
.banner_new_graduate a:hover,
.banner_mid_career a:hover {
	background: #48495e;
}
.banner_mid_career {
	margin-top: 10px;
}
.mynavi_bnr {
	text-align: center;
    display: block;
    margin-top: 10px;
}
.banner_new_graduate h3,
.banner_mid_career h3 {
	font-size: 16px;
	color: #fff;
	letter-spacing: 0px;
	padding-top: 25px;
}
.banner_new_graduate h3 span,
.banner_mid_career h3 span {
	font-size: 14px;
	color: #fff;
	display: block;
}
.requirement_wrap h3 {
	height: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	background: #1f1f2f;
	border-bottom: solid 3px #e05757;
	text-indent: 0px;
	margin-top: 20px;
	text-align: center;
}
/* テーブル */
.table_wrap {
	padding: 10px;
}
.requirement_table {
	width: 100%;
	border: solid 1px #ddd;
	margin-top: 10px;
}
.requirement_table th {
	display: block;
	width: 100%;
	background: #f9f8f3;
	padding: 10px;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.requirement_table td {
	display: block;
	width: 100%;
	background: #fff;
	padding: 10px;
	font-size: 12px;
	color: #000;
	letter-spacing: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.requirement_list_wrap {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0px 10px 10px 10px;
	border: solid 1px #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
p.requirement_detail a {
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	background: #1f1f2f;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
p.requirement_detail a:hover {
	background: #494960;
}
p.requirement_detail2 a {
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	letter-spacing: 2px;
	background: #AA8C66;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
p.requirement_detail2 a:hover {
	background: #BDA688;
}
/*-----------------------------------------------
エントリー　※20171117
-----------------------------------------------*/
.entry_wrap {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0 10px;
	letter-spacing: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.entry_wrap .note {
	text-align: center;
	font-size: 13px;
	letter-spacing: 0px;
	margin-top: 20px;
}
span.hissu {
	color: #cc0000;
}
.entry_wrap h3 {
	text-align: center;
	font-size: 20px;
	letter-spacing: 2px;
	margin-top: 20px;
}
.flow_icon {
	margin-top: 10px;
	display: block;
	justify-content: center;
	border: solid 1px #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px 0;
}
.icon {
	width: 120px;
	margin: 0 auto;
	text-align: center;
	float: none;
}
.icon p {
	font-size: 14px;
	margin-top: 5px;
}
.cursor {
	width: 100%;
	height: 13px;
	float: none;
	margin: 15px 0;
	text-indent: -9999px;
	background: url(../../entry/img/cursor_yoko.jpg) center no-repeat;
}
.contact_isogi {
	width: 100%;
	margin: 30px auto 0 auto;
	padding: 15px;
	border: solid 1px #a18055;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
p.isogi_note {
	font-size: 18px;
	font-weight: bold;
	color: #a18055;
	letter-spacing: 2px;
	text-align: center;
	line-height: 170%;
}
p.isogi_tel {
	text-align: center;
	border: solid 1px #000;
	padding: 10px;
	margin: 10px 0 10px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
p.isogi_tel a {
	color: #000;
	font-size: 20px;
	text-decoration: none;
}
p.isogi_tel span {
	font-size: 20px;
}
p.isogi_hour {
	font-size: 13px;
	text-align: center;
}
p.isogi_email {
	text-align: center;
	margin-top: 20px;
}
p.isogi_email a {
	color: #000;
	font-size: 18px;
}
.fuji_ssl {
	width: 100%;
	height: auto;
	margin: 20px auto 0 auto;
	text-align: center;
}
.fuji_ssl img {
	float: none;
}
.fuji_ssl span {
	display: block;
	margin-top: 10px;
	margin-left: 0;
	font-size: 15px;
}
.entry_progress {
	display: block;
	justify-content: center;
	margin-top: 30px;
}
.entry_progress .now {
	display: block;
	height: 48px;
	line-height: 48px;
	border: solid 1px #000;
	background: #000;
	color: #fff;
	font-size: 15px;
	padding: 0;
	text-align: center;
	margin-top: 10px;
}
.entry_progress .next {
	display: block;
	height: 48px;
	line-height: 48px;
	border: solid 1px #000;
	background: #fff;
	color: #000;
	font-size: 15px;
	padding: 0;
	text-align: center;
	margin-top: 10px;
}
.entry_progress span {
	display: none;
	margin: 13px 15px 0 15px;
}
.entry_wrap h4 {
	width: 100%;
	height: 34px;
	line-height: 34px;
	margin: 20px auto 0 auto;
	background: #000;
	color: #fff;
	font-size: 15px;
	text-indent: 15px;
}
.entry_table_wrap {
	width: 100%;
	margin: 5px auto 0 auto;
}
.entry_table {
	width: 100%;
	border: solid 1px #d3d3d3;
	margin-top: 5px;
}
.entry_table th {
	display: block;
	width: 100%;
	background: #eee;
	padding: 20px;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	letter-spacing: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.entry_table td {
	display: block;
	width: 100%;
	background: #fff;
	padding: 12px;
	font-size: 13px;
	color: #000;
	letter-spacing: 1px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.form_01,
.form_02,
.form_03,
.form_04 {
	display: inline-block;
	font-size: 12px;
	color: #666;
	background: #fff;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.05) inset;
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.05) inset;
	-o-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.05) inset;
	-ms-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.05) inset;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.form_01 {
	height: 36px;
	width: 100%;
}
.form_02 {
	height: 36px;
	width: 100%;
}
.form_03 {
	height: 36px;
	width: 50px;
}
.form_04 {
	height: 150px;
	width: 100%;
	margin-top: 10px;
}
.entry_table .eg {
	display: inline-block;
	color: #777;
	margin-left: 0px;
}
.contact_meth {
	margin-right: 20px;
}
.entry_note {
	font-size: 12px;
	color: #777;
	margin: 10px 0;
}
.entry_note_2 {
	font-size: 12px;
	color: #777;
	margin: 0;
}
.ml15 {
	margin-left: 0px;
}
.mt10 {
	margin-top: 10px;
}
.time_reserve {
	padding: 12px;
	background: #f2f2f2;
}
.form_select {
	display: inline-block;
	font-size: 10px;
	border: solid 1px #d1d1d1;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.1) inset;
	padding: 0 10px;
	width: 73px;
	height: 36px;
}
.entry_table hr {
	border-top: dotted 1px #ccc;
	border-bottom: none;
	margin: 20px 0;
}
.wish_date {
	margin-right: 0;
	margin: 0;
}
.confirm {
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
}
.confirm a {
	color: #000;
}
.submit {
	width: 100%;
	height: 40px;
	background: #a18055;
	color: #fff;
	border: none;
	font-size: 15px;
	margin-top: 10px;
}
.submit:hover {
	cursor: pointer;
}
.entry_send_complete {
	margin: 50px 0 0 0;
	text-align: center
}
/*-----------------------------------------------
当社の特徴　※20171230
-----------------------------------------------*/
.feature_wrap {
	width: 100%;
	margin: 20px 0 50px 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.feature_wrap h3 {
	display: block;
	position: static;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
	line-height: 100%;
	padding: 10px;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #a18055;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.feature_wrap h3 span {
	display: block;
	position: static;
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	background: #a18055;
	padding: 5px 0;
	line-height: 100%;
	margin-bottom: 10px;
}
.feature_wrap .inner {
	width: 100%;
	margin: 10px 0 20px 0;
}
.feature_wrap .inner p {
	color: #000;
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 20px;
	letter-spacing: 0px;
	text-shadow: 0px 1px 0px #fff;
}
.feature_wrap .inner p.narrow {
	color: #000;
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 20px;
	letter-spacing: 0px;
	text-shadow: 0px 1px 0px #fff;
}
.feature_wrap_01 {
	width: 100%;
	height: auto;
}
.feature_wrap_01_left {
	width: 100%;
	height: auto;
	float: none;
}
.feature_wrap_01_right {
	width: 100%;
	height: auto;
	background: #eee;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	float: none;
}
.feature_wrap_01_photo {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-bottom: 20px;
	color: #444;
	font-size: 12px;
	text-align: center;
	float: none;
}
.feature_wrap_01_photo img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.feature_wrap_02 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px;
	background: #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.feature_wrap_02_photo {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	color: #444;
	font-size: 12px;
	text-align: center;
	float: none;
}
.feature_wrap_02_photo img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.feature_wrap_03 {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px;
	background: #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.feature_wrap_03_photo {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	color: #444;
	font-size: 12px;
	text-align: center;
	float: none;
}
.feature_wrap_03_photo img {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.feature_wrap_05 {
	width: 100%;
	height: auto;
}
.feature_wrap_05_left {
	width: 100%;
	height: auto;
	float: none;
	padding-top: 20px;
}
.feature_wrap_05_right {
	width: 100%;
	height: auto;
	float: none;
	padding: 20px;
	border: solid 1px #ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.kokorogamae {
	width: 100%;
	height: 100px;
	border: solid 1px #000;
	text-align: center;
	padding-top: 25px;
}
.kokorogamae p.kokoro {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
.kokorogamae2 {
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.kokorogamae2 p.kokorogamae_new {
	letter-spacing: 0;
	line-height: 100%;
	margin: 20px 0 0 0;
	text-align: center;
	color: #000;
	font-size: 12px;
}
p.kokorogamae_cic {
	width: 100%;
	height: auto;
	letter-spacing: 0 !important;
	line-height: 100% !important;
	margin: 0 !important;
	text-align: center !important;
	color: #000;
	font-size: 12px !important;
}
/*-----------------------------------------------
先輩社員の声　※20171230
-----------------------------------------------*/
.message_wrap {
	width: 100%;
	margin: 10px 0 50px 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.message_wrap p {
	color: #000;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0px;
}
.interview_wrap {
	width: 100%;
	height: auto;
	padding: 20px 0;
	border-bottom: solid 1px #d1d1d1;
}
.interview_wrap_left {
	width: 100%;
	height: auto;
	float: none;
}
.interview_wrap_right {
	width: 100%;
	height: auto;
	float: none;
}
.interview_wrap_right h3 {
	color: #000;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0px;
	margin-top: 10px;
	text-align: center;
	border-bottom: solid 1px #000;
}
.interview_wrap_right p {
	color: #000;
	font-size: 12px;
	line-height: 150%;
	letter-spacing: 0px;
	margin-top: 10px;
}
.interview_readmore {
	width: 100%;
	margin-top: 10px;
}
.interview_readmore a {
	display: block;
	width: 100%;
	color: #000;
	font-size: 14px;
	line-height: 100%;
	padding: 10px;
	text-decoration: none;
	border: solid 1px #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
.interview_readmore a:hover {
	color: #fff;
	background: #000;
}
/*-----------------------------------------------
インタビュー　※20171230
-----------------------------------------------*/
.ind_interview_wrap {
	width: 100%;
}
.back_message {
	margin-top: 10px;
}
.back_message a {
	display: block;
	color: #a18055;
	font-size: 14px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	border: solid 1px #a18055;
}
.back_message a:hover {
	color: #fff;
	background: #a18055;
}
.ind_interview_wrap h3 {
	color: #000;
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 150%;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-left: solid 1px #000;
	margin: 20px 0 20px 0;
}
h4.ind_interview_h4 {
	color: #000;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 150%;
	font-weight: bold;
	padding: 10px;
	background: #e6e6e6;
	margin-top: 10px;
}
.interview_txt {
	width: 100%;
	padding-left: 0px;
	margin-top: 10px;
	position: static;
}
.interview_txt p {
	margin-bottom: 10px;
	line-height: 150%;
}
.interview_txt p.interview_name_b,
.interview_txt p.interview_name_r {
	display: block;
	width: 100%;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: #fff;
	font-size: 13px;
	position: static;
}
.interview_txt p.interview_name_b {
	background: #a18055;
}
.interview_txt p.interview_name_r {
	background: #a15555;
}
.interview_pager {
	width: 100%;
	height: auto;
	margin: 20px 0;
}
.interview_pager_prev {
	width: 100%;
	height: auto;
	float: none;
	text-indent: 20px;
	background: url(../../message/img/btn_prev.jpg) 0px 5px no-repeat;
}
.interview_pager_next {
	width: 100%;
	height: auto;
	float: none;
	text-indent: 20px;
	margin-top: 10px;
	background: url(../../message/img/btn_next.jpg) 0px 5px no-repeat;
}
.interview_pager_prev a,
.interview_pager_next a {
	color: #000;
	font-size: 15px;
	text-decoration: none;
	line-height: 150%;
}
.interview_pager_prev a:hover,
.interview_pager_next a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------
社長からのメッセージ　※20180115
-----------------------------------------------*/
.page_title .inner h2.h2_ceo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
	width: 100%;
	font-size: 24px;
	color: #fff;
	letter-spacing: 2px;
	border-bottom: none;
	padding: 20px 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 0px #000;
}
.page_title .inner h2.h2_ceo span {
	display: block;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	color: #ccc;
	letter-spacing: 3px;
	padding: 0px;
}
.wf-sawarabimincho {
	font-family: "Sawarabi Mincho";
}
.ceo_wrap {
	width: 100%;
	margin: 10px 0 50px 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ceo_wrap .inner {
	width: 100%;
	padding-bottom: 400px;
	background: url(../../ceo/img/img_ceo_sp.jpg) center bottom no-repeat;
}
.ceo_wrap h3 {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
}
.ceo_wrap h4 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: 0px;
	text-align: center;
	margin: 20px 0 0 0;
}
.ceo_wrap p {
	color: #1f1f2f;
	font-size: 12px;
	line-height: 160%;
	letter-spacing: 1px;
	margin: 20px 0 0 0;
}
/*-----------------------------------------------
CICのお仕事　※20180121
-----------------------------------------------*/
.work_wrap {
	width: 100%;
	margin: 10px 0 50px 0;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.work_wrap h3 {
	width: 100%;
	height: 40px;
	background: #1f1f2f;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0px;
	text-indent: 0px;
	text-align: center;
}
.work_wrap .inner {
	width: 100%;
	margin: 10px auto 50px auto;
	padding-top: 42%;
}
.task_base_brown {
	background: url(../../work/img/bg_task_brown.png) 25px repeat-y
}
.task_base_red {
	background: url(../../work/img/bg_task_red.png) 25px repeat-y
}
.staff_01 {
	background: url(../../work/img/img_staff_sp_01.jpg) top center no-repeat;
	background-size: contain;
}
.staff_02 {
	background: url(../../work/img/img_staff_sp_02.jpg) top center no-repeat;
	background-size: contain;
}
.staff_03 {
	background: url(../../work/img/img_staff_sp_03.jpg) top center no-repeat;
	background-size: contain;
}
.task_wrap {
	width: 100%;
	min-height: 50px;
	margin-bottom: 20px;
}
.clearfix:after {
	content: " ";
    display: block;
    clear: both;
}
.task_time_brown {
	width: 50px;
	height: 30px;
	background: #a18055;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	float: none;
}
.task_title_brown {
	width: 100%;
	height: 36px;
	background-color: #fff;
	border: 1px solid  #a18055;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	color: #a18055;
	font-size: 13px;
	text-align: center;
	line-height: 36px;
}
.task_time_red {
	width: 50px;
	height: 30px;
	background: #b34a4a;
	color: #fff;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	float: none;
}
.task_title_red {
	width: 100%;
	height: 36px;
	background-color: #fff;
	border: 1px solid  #b34a4a;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	color: #b34a4a;
	font-size: 13px;
	text-align: center;
	line-height: 36px;
}
.task_detail {
	width: 100%;
	color: #000;
	font-size: 13px;
	line-height: 150%;
	background: #ddd;
	margin-top: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



}/* ←CSSの一番最後に記述 */