@charset "utf-8";

/* =======================================
	each CSS　各ページの設定
========================================== */
/* お問合せ　/inquiry/
========================================== */
@media screen and (min-width: 1000px) {/* PC */
	form#stwork {
		width: 750px;
		margin: 0 auto;
	}
	.inquiry .read h3 {
		font-size: 18px;
		margin: 0 0 1em 0;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	.inquiry .read h3 {
		font-size: 18px;
		margin: 0 0 1em 0;
	}
}
@media screen and (max-width: 767px) {/* SP */
	.inquiry .read h3 {
		font-size: 18px;
		margin: 0 0 1em 0;
		text-align: left;
	}
	.inquiry .read p {
		text-align: left;
	}
}
/*お問合せ項目*/
dl.dl-inquiry dt {
	font-size: 16px;
}
dl.dl-inquiry dd {
	margin: 0 0 1em 0;
}
/* フォームパーツ　ボタン
------------------------------------------ */
input[type="text"] {
	border: 1px solid #87CEEB;
	width: 100%;
	padding: 10px;
}
/*確認ボタン／送信ボタン／リンクボタン*/
input[type="submit"].submit,
.submit a {
	background: #87CEEB;
	display: flex;
	align-items: center;/* 内包要素を上下センターに */
	justify-content: center;/*内包要素を左右センターに */
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 18px;
	border: 1px solid #87CEEB;
	border-radius: 3px;
	cursor: pointer;
	margin: 1em auto;
	outline: none;
}
input[type="submit"].submit:hover,
.submit:hover a {
	background: #fff;
	color: #87CEEB;
}
/*戻るボタン*/
input[type="button"].goback,
.goback a {
	background: #fff;
	display: flex;
	align-items: center;/* 内包要素を上下センターに */
	justify-content: center;/*内包要素を左右センターに */
	box-sizing: border-box;
	width: 300px;
	height: 50px;
	color: #87CEEB;
	font-size: 18px;
	border: 1px solid #87CEEB;
	border-radius: 100px;
	cursor: pointer;
	margin: 1em auto;
	outline: none;
}
input[type="button"].goback:hover,
.goback:hover a {
	background: #87CEEB;
	color: #fff;
}


/* プライバシーポリシー　/privacy.html
========================================== */
.privacy .clm {
	border: 1px solid #CACACA;
	padding: 3em;
}
.privacy h3 {
	font-weight: bold;
	color: #666;
	margin: 1em 0 0 0;
	font-size: 16px;
}
.privacy h3:first-of-type {
	margin: 0 0 0 0;
}
.privacy h4 {
	margin: 1em 0 0 0;	
}
@media screen and (max-width: 767px) {/* SP */
	.privacy .clm {
		padding: 1em;
	}
}


/* 求人情報　/recruit.html
========================================== */
.recruit .read {
	box-sizing: border-box;
}
.recruit .application {
	box-sizing: border-box;
	border: 2px solid #000;
}
@media screen and (min-width: 1000px) {/* PC */
	.recruit .read {
		float: left;
		box-sizing: border-box;
		width: 46%;
		padding: 0 60px 0 0;
	}
	.recruit .application {
		float: right;
		width: 54%;
		padding: 2em;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	.recruit .read {
		float: left;
		box-sizing: border-box;
		width: 42%;
		padding: 0 20px 0 0;
	}
	.recruit .application {
		float: right;
		width: 58%;
		padding: 1em;
	}
}
@media screen and (max-width: 767px) {/* SP */
	.recruit .read {
		padding: 0 0 20px 0;
	}
	.recruit .application {
		padding: 10px;
	}
}
/*タイトル*/
.recruit .read h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 1em 0;
}
.recruit .application h3 {
	font-size: 20px;
	font-weight: bold;
	color: #69C5EB;
	border-bottom: 3px solid #87CEEB;
}
@media screen and (min-width: 768px) and (max-width: 999px) {/* TB */
	.recruit .read h3 {
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {/* SP */
	.recruit .application h3 {
		font-size: 18px;
	}
}
/*表組み*/
.recruit .application table th {
	white-space: nowrap;
	font-weight: bold;
	color: #666;
	padding: 1em;
	border-bottom: 1px solid #CACACA;
	width: 4em;
	text-align: justify;
	text-align-last: justify;
	text-justify: inter-character;
}
.recruit .application table td {
	border-bottom: 1px solid #CACACA;
	padding: 1em 0 1em 1em;
}
@media screen and (max-width: 767px) {/* SP */
	.recruit .application table th {
		display: block;
		text-align: left;
		padding: 1em 0 1em 1em;
		border-bottom: none;
	}
	.recruit .application table td {
		display: block;
		padding: 0 0 1em 2em;
	}
}