@charset "UTF-8";
/* CSS Document */

/*  共通
----------------------------------------------------*/
#title-area{
	background-color:#29abe2;
	padding:20px 0;
}
h3{
	font-size:18px;
}
h3> span{
	display:inline-block;
	border-bottom:3px solid #4a86c6;
	padding:0 2px 5px;
}
.sec-main{
	padding:15px 0;
	text-align:center;
}
.bg-gray{
	background-color:#f2f2f2;
}



/*  ひとつの家族：onefamily
----------------------------------------------------*/
#onefamily #title-area{
	background:#34a1d2 url(../img/one-family/onefamily-bg.png) no-repeat center 50px;
	width:100%;
	min-width:320px;
	height:auto;
	background-size:contain;
	overflow: hidden;
	position:relative;
	z-index:-1;
}
#onefamily #title-overlay{
	position:absolute;
	width:auto;
	height:auto;
	background-color:rgba(41,171,226,0.7);
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:-1;
}
#onefamily #title-area h2{
	float:left;
	padding-top:8px;
}
#onefamily #title-area h2 img{
	width:100px;
	height:86px;
}
#onefamily #title-area p.title-image{
	float:left;
	padding-top: 0px;
    padding-left: 30px;
    width: 142px;
}
#onefamily #title-area p.title-image img{
    width: 114px;
}

#onefamily #title-area p.title-text{
	clear:both;
	color:#fff;
	padding-top:15px;
	font-size:14px;
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
#onefamily #title-area p.title-text span{
	display:block;
	padding-bottom:10px;
	font-size:16px;
	font-weight: 600;
	text-align:center;
}
.sec-title{
	font-size:18px;
	font-weight:600;
	margin:0 auto 20px;
}
#onefamily .box-area{
	padding-top:0px;
}
#onefamily .box-area .box{
/*	border-left:1px solid #ccc; */
/*	border-right:1px solid #ccc; */
/*	padding:0 10px 10px; */
}
.box-title{
	font-size:16px;
	font-weight:600;
	color:#29abe2;
}
.box-text{
	padding:20px 0 5px;
	font-size:14px;
	line-height:1.8;
	text-align: justify;
	text-justify: inter-ideograph;
}
.box-image{
	padding:10px 0 40px;
	text-align:center;
}
.box-image img{
	width:200px;
	margin-bottom:5px;
}
.left{
}
.right{	
}


/*  人材教育ページ：training
----------------------------------------------------*/
#training #title-area .container{
	position:relative;
}
#training #title-area h2{
	text-align:center;
}
#onefamily #title-area h2 > img{
	width:100px;
	height:86px;
}
#training #title-area p{
	color:#fff;
	padding-top:150px;
	font-size:14px;
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
#training #title-area p span{
	display:block;
	padding-bottom:10px;
	font-size:16px;
	font-weight:600;
	text-align:center;
}
img.training-title-image{
	position:absolute;
	width:164px;
	height:132px;
	top:110px;
	left:70px;
}
#training .box-area{
	margin:40px 0 20px;
	padding:0;
/*	border:1px solid #ccc; */
}
.training-box{
	width:298px;
	height:300px;
	background-color:#fff;
	border-bottom:1px solid #fff;
	margin: 0px auto;
}
.training-box img{
	width:298px;
	background-color:#fff;
}
#training .text-bg{
	background-color:#7ecef4;
}
.training-title{
	font-size:18px;
	font-weight:600;
	text-align:center;
	padding:30px 0 20px;
	color:#fff;
}
.training-text{
	font-size:14px;
	padding:0 10px; /*	padding:0 25px; */
	color:#fff;
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
.training-photo-text{
	font-size:12px;
	padding:0 10px; /*	padding:0 25px; */
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*  サクセスストーリーページ：success
----------------------------------------------------*/
#success #title-area h2{
	text-align:center;
}
#success #title-area h2 img{
	width:100px;
	height:86px;
}
#success #title-area p{
	color:#fff;
	padding:10px 0 0px;
	font-size:18px;
	font-weight:600;
	line-height:1.7;
	letter-spacing:0.4em;
	text-align:center;
}
.stoty-area{
	padding:20px 0;
	text-align:left;
}
.stoty-area .stoty-photo,
.stoty-area .stoty-photo img{
	/*width:260px;height:300px;*/
	width:300px;
	height:346px;
}
.stoty-area .stoty-info{
	color:#4d4d4d;
	line-height:1.6;
}
.stoty-area .name{
	margin-left:20px;
	font-size:16px;
	padding:10px 0 4px;
	border-bottom:1px solid #fff;
}
.stoty-area .name span{
	display:block;
	font-size:13px;
}
.stoty-area .message{
	margin-left:20px;
	font-size:15px;
	font-weight:600;
	padding:10px 0;
}
.stoty-area .bg-blue{
	background-color:#bae3f9
}
.stoty-area .bg-gray{
	background-color:#c9caca
}
.stoty-area .stoty-text{
	font-size:14px;
	padding:15px 10px 10px;
	line-height:1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*  リクルートページ：recruit
----------------------------------------------------*/
#recruit #title-area h2{
	text-align:center;
}
#recruit #title-area h2 img{
	width:100px;
	height:86px;
}
#recruit #title-area p{
	color:#fff;
	padding:10px 0 0px;
	font-size:18px;
	font-weight:600;
	line-height:1.7;
	letter-spacing:0.4em;
	text-align:center;
}
.form-title{
	font-size:20px;
	margin:0 auto 20px;
}
.form-message{
	font-size:14px;
	line-height:1.6;
	text-align:left;
}
.form-message a{
	color:#4a86c6;
}
.form-message a:hover{
	color:#999;
}
#form-area{
	text-align:left;
	margin:20px auto;
	font-size:14px;
}
.form-note{
	font-size:12px;
}
.form-item span{
	color:#ff0000;
	font-size:12px;
}
.form-item {
	border-collapse:collapse;
	clear:both;
}
.form-item > p{
	vertical-align:top;
}

.form-item p.form-left{
	background-color:#cae4ef;
	padding:5px 0 5px 5px;
}
.form-item p.form-right{
	padding:5px 0 10px 0px;
	
}
.form-item > p.form-left.last,
.form-item > p.form-right.last{
	
}

input[type=text],textarea{
	padding:2px 5px;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000;
	margin:0 0;
	border:none;
}

input[type=text].input-l,
textarea{
	width:96%;
}
input[type=text].input-m{
	width:60%;
}
input[type=text].input-s{
	width:33%;
}
.form-privacy{
	padding:20px 0;
	font-size:12px;
	line-height:1.6;
}
.form-privacy span{
	padding-botom:5px;
	display:block;
	font-size:16px;
}
.form-buttons{
	padding:20px 0;
	text-align:center;
}
input[type=submit]{
	border:none;
	display:inline-block;
	margin:0 5px 10px;
	background-color:#29abe2;
	color:#fff;
	padding:8px 0;
	font-size:16px;
	width:260px;
	cursor:pointer;
	letter-spacing:0.1em;
}
input[type=reset],
input[type=button]{
	border:none;
	display:inline-block;
	margin:0 5px 10px;
	background-color:#808080;
	color:#fff;
	padding:8px 0;
	width:260px;
	font-size:16px;
	cursor:pointer;
	letter-spacing:0.1em;
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.recruit-thanks-title{
	margin-top:20px;
	padding:20px 0;
	border-bottom:1px dashed #999;
	border-top:1px dashed #999;
	font-size:18px;
}
.thanks-area{
	padding:10px 0 30px;
}
.thanks-area p{
	padding-top:25px;
	font-size:14px;
	line-height:1.7;
	text-align:left;
}

.thanks-area a{
	margin:0 auto;
	display:block;
	background-color:#808080;
	color:#fff;
	padding:8px 0;
	width:260px;
	font-size:16px;
	letter-spacing:0.1em;
	text-align:center;
}
.thanks-area a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}