@charset "utf-8";

@import url('common.css');

/* base-css */
.float-l {
    float: left !important
}
.float-r {
    float: right !important
}
.clear {
    clear: both
}
/* /base-css */




/*==============================*/
/* 共通 */
/*==============================*/

	a { color:#E50079; }
	a:hover { color:#00bd9b; }

	#main-contents {
		margin-top: 90px;
		color: #333;
	}

	/* コンテンツカラー共通設定 */
	.contentsInner {
		width: 100%;
		margin-bottom: 30px;
	}

	/* タイトル */
	.bodyhead {
		padding-top:30px;
		padding-bottom:70px;
	}
		.bodyhead h1 {
			font-size:48px;
			font-weight: lighter;
		}
		.bodyhead hr {
		}
		.bodyhead p {
			font-size:14px;
		}

	/* コンテンツ */
	.bodycontents {
		padding-bottom:50px;
	}
		.bodycontents h2 {
			font-size:36px;
			font-weight: lighter;

		}




/*==============================*/
/*	会社を知る	aboutcorp	 */
/*==============================*/

	/* color */
	.aboutcorp .contentsInner {
		border-top:50px solid rgba(255,102,51,0.7);
	}

	/* 会社概要 */
	.overview{
		margin-top: 50px;
	}
		/* 概要 */
		.overviewCont{
			width: 50%;
			font-size:14px;
			float:left;
		}
		.overviewCont table th {
			width: 130px;
			vertical-align:top;
			line-height:3em;
			
		}
		.overviewCont table td {
			line-height:3em;
			vertical-align:top;
		}

		/* 地図 */
		.overviewImg{
			width: 50%;
			float: right;
		}

	/* 沿革 */
	.history{
		width:45%;
		margin-top: 50px;
		font-size:14px;
		display:inline-block;
	}
		.history dl.dlbody{
		}
		.history dl.dlbody dt{
			width: 100px;
			float: left;
			margin-right: 10px;
		}
		.history dl.dlbody dd{
			margin-bottom: 10px;
			margin-left: 120px;
		}

	/* 従業員構成 */
	.organization{
		width: 45%;
		margin-top: 50px;
		margin-bottom: 30px;
		float: right ;
		display:table-cell;
	}
		.organization p.date {
			text-align:right;
			margin-right:10%;
		}


/*==============================*/
/*	仕事を知る	aboutwork	 */
/*==============================*/

	/* color */
	.aboutwork .contentsInner {
		border-top:50px solid rgba(254,153,0,0.7);
	}

	/* 事業内容 */
	.description{
		margin-top: 40px;
	}

	/* 事業種別 */
	.category{
		margin-top: 60px;
		float: left ;
		width: 55%;
	}
		.category dl.dlbody{
			width: 90%;
			margin-top:30px;
			margin-left:10px;
		}
		.category dl.dlbody dt{
			margin-bottom:10px;
			font-size: 20px;
		}
		.category dl.dlbody dd{
			margin-bottom: 40px;
			font-size: 14px;
		}



/*==============================*/
/* 人を知る　abouthum */
/*==============================*/

	/* ナビ(共通) */
	.bodyheadabouthum{
		width: 100%;
		height: 50px;
		background-color:rgba(76, 182, 154, 0.7);
	}
		.bodyheadabouthum ul {
			margin-right:100px;
			margin-top: 15px;
			font-size: 12px;
			font-weight: lighter;
			list-style-type:none;
			float:left;
		}
		.bodyheadabouthum ul li{
			padding-right:10px;
			font-size: 12px;
			display:inline-block;
		}
		.bodyheadabouthum a {
			color: #333;
			display: block;
			width: 100%;
			height: 100%;
			text-decoration:none;
		}
		.bodyheadabouthum a:hover {
			color: #fff
		}
		.abouthum1 li.thum1 a,
		.abouthum2 li.thum2 a,
		.abouthum3 li.thum3 a,
		.abouthum4 li.thum4 a,
		.abouthum5 li.thum5 a,
		.abouthum6 li.thum6 a {
			color: #fff
		}


	/* 一覧ページ */

	.abouthumcontainer {
		margin-bottom: 30px;
		width: 100%;
	}
		.abouthumcontainer ul {
			width: 100%;
			float: left;
			list-style:none;
			font-size: 12px;
		}
		.abouthumcontainer li {
			width: 50%;
			float: left;
		}
		.abouthumcontainer li a {
			display: block;
			width: 100%;
			height: 100%;
			color:#333;
		}

		/* 一覧：画像設定 */
		.abouthumthumb {
			width: 99%;
			height: 200px;
			-moz-background-size:cover;
			background-size: cover;
			display:block;
		}
			.abouthumthumb1 .abouthumthumb { background-image: url("../abouthum/images/abouthum1.jpg?20250516"); }
			.abouthumthumb2 .abouthumthumb { background-image: url("../abouthum/images/abouthum2.jpg?20250516"); }
			.abouthumthumb3 .abouthumthumb { background-image: url("../abouthum/images/abouthum3.jpg?20250516"); }
			.abouthumthumb4 .abouthumthumb { background-image: url("../abouthum/images/abouthum4.jpg?20250516"); }
			.abouthumthumb5 .abouthumthumb { background-image: url("../abouthum/images/abouthum5.jpg?20250516"); }
			.abouthumthumb6 .abouthumthumb { background-image: url("../abouthum/images/abouthum6.jpg?20250516"); }

		.abouthumbox {
			margin: 10px 0 0 5%;
			width: 95%;
			height: 90px;
			font-weight:bold;
			display:block;
		}


	/* 詳細ページ */

	.abouthummain{
		padding: 30px 0 30px;
	}
		.abouthummain h2 {
			margin-bottom:1.5em;
			font-size: 1.5em;
		}
		.abouthummain h2 span {
			margin-left:0.5em;
			font-size:65%;
			font-weight:normal;
		}
		.abouthummain h3 {
			margin-bottom:0.8em;
			color: gray;
		}
		.abouthummain p {
			margin-bottom:3em;
			margin-left:1em;
			color:#333;
			font-size: 0.8em;
			font-weight: inherit;
		}

		/* 画像エリアのナビ */
		.slidernav{
			margin-top: 230px;
		}
		
		/* 画像エリアの文字（現在使用せず） */
		.abouthumprofile{
			margin-top: 100px;
			position: absolute;
		}
			.abouthumcover4 .abouthumprofile{
				margin-left: 600px;
			}
			.abouthumprofile h2{
				font-size: 48px;
				color: #fff;
			}
			.abouthumprofile p{
				font-size: 32px;
				color: #fff;
			}

		/* 詳細の画像設定 */
		.abouthumImgarea {
			margin-top: 90px;
			width: 100%;
			height: 600px;
			background: no-repeat center center;
		}
			.abouthum1 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum1.jpg?20250516"); background-size: contain; }
			.abouthum2 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum2.jpg?20250516"); background-size: contain; }
			.abouthum3 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum3.jpg?20250516"); background-size: contain; }
			.abouthum4 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum4.jpg?20250516"); background-size: contain; }
			.abouthum5 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum5.jpg?20250516"); background-size: contain; }
			.abouthum6 .abouthumImgarea{ background-image: url("../abouthum/images/abouthum6.jpg?20250516"); background-size: contain; }

		
		/* 写真 */
		.abouthummain .photo {
			margin-left:2em;
			padding:5px;
			display:inline-block;
			border:1px solid #ccc;
			float:right;
			clear:both;
		}
		.abouthummain .photo img {
			display:block;
		}




/*==============================*/
/*	オフィスを知る	aboutoffice	 */
/*==============================*/

	/* color */
	.aboutoffice .contentsInner {
		border-top:50px solid rgba(76,182,178,0.7);
	}

	.topimg {
		margin-bottom:80px;
	}

	.introduction {
	}
		.introduction li {
			display:inline-block;
		}
		.introduction dt {
			margin-bottom:1px;
			padding:10px;
			color:#fff;
			text-align:center;
			background:#56d3db
		}
		.introduction dd img {
			width:500px;
			height:215px;
		}
		.introduction dd p {
			font-size:14px;
			margin: 1em 1em;
		}	
		.introduction dd {
			margin-bottom:3em;
		}	
	


/*==============================*/
/*	採用情報		 */
/*==============================*/

	/* color */
	.recruit .contentsInner {
		border-top:50px solid rgba(255,203,0,0.7);
	}

	/* 募集要項 */
	.requirements {
		margin-top: 20px;
	}
		.requirements h2{
			margin-bottom:30px;
			border-bottom:1px solid #666;
		}
		.requirements h3{
			margin-bottom:15px;
			font-size:20px;
			font-weight: lighter;
		}
		.requirements h3:before {
			content:"■";
		}
			.requirements h3 span{
				margin-left:1em;
				font-size:smaller;
				color:red;
				font-weight: normal;
			}

		.requirements dl {
			width:95%;
			margin:0 auto 0px;
		}	
		.requirements dt {
			font-weight:bold;
		}	
		.requirements dd {
			margin-bottom:30px;
			padding-left:1em;
		}

	table.recruitment_detail {
			width:95%;
			margin:0 auto 40px;
			font-size:100%;
	}
		table.recruitment_detail th {
			width:6em;
			padding:10px;
			vertical-align:top;
			text-align:left;
			line-height:130%;
		}
		table.recruitment_detail td {
			padding:10px;
			vertical-align:top;
			line-height:130%;
		}
		
	/* 新卒 */
	.new_graduates {
		padding-bottom:80px;
	}
		.new_graduates li {
			margin-right:30px;
			display:inline-block;
			text-align:center;
		}
		.new_graduates li img {
			border:1px solid #53c6f6;
		}


	/* 応募 */
	.applybox {
		margin: 0px 0 25px;
		padding: 20px 0 25px 30px;
		border: 1px solid #C9DFEB;
	}
		.applybox h3 {
			margin: 0 0 20px;
			color: #0C71A5;
		}
		.applybox dt {
			font-weight: bold;
			color: #0C71A5;
			border: 1px solid #C9DFEB;
			clear: left;
			float: left;
			width: 100px;
			margin: 0 26px 16px 0;
			padding: 2px 0;
			font-size: 13px;
			text-align: center;
		}
		.applybox dd {
			margin: 0 0 16px 128px;
			line-height: 180%;
		}



/*==========================*/
/* inquiry */
/*--------------------------*/

	.aboutinquirytop{
		margin-top: 90px;
		margin-bottom: 30px;
	}

	.aboutinquirytop p{
		font-size: 14px;
		color: #333;
	}

	.aboutinquirytop h2{
		font-size:48px;
		font-weight: lighter;
		color: #333;
		margin-bottom: 10px;
	}

	.aboutinquirytop h3{
		font-size:36px;
		font-weight: lighter;
		color: #333;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.bodyheadaboutinquiry{
		width: 100%;
		height: 50px;
		background-color:rgba(255,203,0,0.7);
		margin-bottom: 30px;
	}

	.basic{
		margin-bottom: 30px;
	}

	.basic table,.basic tr, .basic th, .basic td{
		font-size: 14px;
		color:#333;
		vertical-align:top;
	}

	.basic th{
		padding-left: 50px;
		width: 300px;
	}

	.basic td{
		text-align: left;
		padding: 10px 0 10px;
	}

	.basic td.basicName{
	}
		.basic td.basicName input {
			width:30%;
		}

	.basic td.basicName span{
		display: inline-block;
		width: 4em;
		font-size: 14px;
	}

	.basic input#mail{
		width: 400px;
	}

	.basic input#address1{
		width: 400px;
	}

	.basic input#address2{
		width: 400px;
	}

	.basic input#tel{
		width: 400px;
	}
	.basic textarea {
		width:100%;
		min-height:5em;
	}
	.must{
		font-size: 18px;
		color: red;
	}

	p.must2{
		font-size: 12px;
		color: gray;
	}

	/* 個人情報 */

	.consent {
		width: 80%;
		height: 20em;
		border:1px solid #78B0CC;
		margin:0 auto;
		overflow: auto;
		margin-bottom: 30px;
	}
	.consent a {
		color:#009dd1;
		text-decoration:underline;
	}
	.consent a:hover {
		color:#f00;
	}
	.consent h2 {
		margin:20px;
		font-size: 20px;
	}
	.consent h3 {
		font-size: 18px;
	}
	.consent p {
		margin-left: 25px;
		margin-right: 20px;
		font-size: 12px;
		font-weight: lighter;
	}
	.consent dl {
		margin:10px 20px 10px 25px;
		color:#333;
	}
	.consent dt {
		margin-bottom:3px;
		font-weight: bolder;
	}
	.consent dd {
		margin-bottom:1em;
		padding-left:1.5em;
	}

	.form_address{
		width: 300px;
		margin: 20px;
		border: 1px solid #666;
	}



.privacy_bill{
	text-align: center;
	margin-bottom: 30px;
}

.button{
	margin: 20px auto;
	width: 200px;
}
.button input#confirm{
	margin: 0 auto;
	width: 200px;
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor: pointer;
}

.button:hover input#confirm{
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.button:active input#confirm{
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

/* /inquiry */

hr.herf{
	margin-left:0px;
	text-align:left;
	width: 95%;
}
.company_info {
	margin:2em;
	padding-top:2em;
	text-align:center;
	border:3px dotted rgba(255, 203, 0, 0.7);
}
.company_info p{
	margin-bottom:2em;
	font-size:130%;
	line-height:200%;
}

.formWrap .error {
	margin:1em;
}
.formWrap .error_messe {
	margin:0 1em;
}
.formWrap .button {
	margin:20px;
	width: 200px;
}
.formWrap .button input {
	margin: 0 auto;
	width: 200px;
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	cursor: pointer;
}