@charset "utf-8";
/* CSS Information========

Table of Contents:
 * info
 
========================== */
/*スマートフォン*/
@media screen and (min-width:0px) {

	/* =======================
	　ヘッダー
========================== */
	header #logo a {
		display: block;
		margin: 0 auto;
	}

	/* =======================
	　全体
========================== */
	#container {
		width: 90%;
		margin: 10px auto 70px;
	}

	/* =======================
	　タイトル
========================== */
	h2 {
		font-size: 2.4rem;
		text-align: left;
		margin-bottom: 30px;
	}

	#container .min {
		text-align: center;
		line-height: 1.5;
	}

	h3 {
		font-size: 1.4rem;
		margin-bottom: 20px;
		font-weight: bold;
	}

	/* =======================
	　コンテンツ内
========================== */
	#container .topicpath {
		margin-bottom: 60px;
	}

	#contact_tel {
		letter-spacing: 1px;
		margin-bottom: 30px;
		text-align: center;
	}

	.btn_rec {
		margin: 0 0 20px 0;
	}

	/* =======================
	　テーブル
========================== */
	#container table th,
	#container table td {
		border: #c2c2c2 solid 1px;
	}

	#container table tr th {
		width: 100px;
		background-color: #f0f0f0;
		padding: 10px 0;
		text-align: center;
	}

	#container table tr td {
		padding: 5px 15px 5px;
		width: 60%;
	}

	.recruit {
		line-height: 1.5;
		letter-spacing: 1px;
		margin-bottom: 30px;
	}

	#container section .recruit .ttl_1 {
		background-color: #ededed;
		width: 28%;
	}
}

@media screen and (min-width:568px) {
	header #logo a {
		display: block;
		margin: 0 auto;
	}

	.form_box {
		display: flex;
		justify-content: center;
	}

	.btn_rec {
		margin: 0 5px 20px 5px;
	}
}

/*タブレット*/
@media screen and (min-width:768px) {
	.form_box {
		display: flex;
		justify-content: center;
	}

	.btn {
		width: 24%;
		margin: 0% 1%;
	}

	#container section .min {
		margin: 50px 0 30px 0;
	}
}

/*タブレット（横）*/
@media screen and (min-width:1024px) {
	header #logo a {
		width: 100%;
	}

	.page_image p {
		width: 160%;
		right: -300px;
		position: absolute;
	}
}

/*PC*/
@media screen and (min-width:1025px) {

	/* =======================
	　ヘッダー
========================== */
	.page_image p {
		width: 100%;
		right: 0;
	}

	/* =======================
	　全体
========================== */
	#container {
		width: 1000px;
		margin: 0 auto 120px;
	}

	/* =======================
	　コンテンツ内
========================== */
	#container .ttl h2,
	h3,
	h4 {
		font-size: 2.3rem;
		margin-bottom: 20px;
		text-align: left;
	}

	#container h2,
	h3,
	h4 {
		font-size: 3.0rem;
		margin-bottom: 40px;
	}

	#container .topicpath {
		margin-bottom: 70px;
	}

	#container .topicpath {
		font-size: 1.2rem;
	}

	#container section h3 {
		font-size: 1.5rem;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.contents h2 {
		margin: 0px 0 20px;
		padding: 0 0 10px 0px;
		font-size: 2.2rem;
	}

	#contact_tel {
		font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", 'メイリオ', Meiryo, Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #3c3c3c;
		line-height: 1.5;
		letter-spacing: 1px;
		margin-bottom: 30px;
		text-align: center;
	}

	.form_box {
		display: flex;
		justify-content: center;
	}

	.btn_rec {
		width: 35%;
		margin: 0% 1%;
	}

	#container section .min {
		line-height: 1.5;
	}

	/* =======================
	　テーブル
========================== */
	#container section .recruit {
		width: 75%;
		border-top: #e3e3e3 solid 1px;
		font-size: 12px;
		color: #3c3c3c;
		line-height: 1.5;
		letter-spacing: 1px;
		margin: 0 auto 30px;
		text-align: left;
	}

	#container section .recruit .ttl_1 {
		background-color: #ededed;
	}
}