@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      inquiry.css
 Update:         2017.3.08
 Style Info:     お問合せCSSファイル
----------------------------------------------------------- */
/********************************************
モバイルファースト
*********************************************/
/***ページタイトル***/
#page_title {
	height:180px;
	overflow:hidden;
	position:relative;
	background:#FFF;
}
#page_title p#img_pagetitle {
	width:80%;
	margin:0 auto;
	margin-top:50px;
	text-align:center;
}
#page_title p#img_pagetitle img {
	max-width:100%;
}
/*受話器*/
#page_title p#img_phone {
	height:180px;
	position:absolute;
	bottom:0;
	left:20px;
	z-index:3;
}
#page_title p#img_phone img {
	height:100%;
}
/*ペン*/
#page_title p#img_pen {
	position:absolute;
	bottom:40px;
	right:-180px;
	z-index:2;
}
#page_title p#img_pen img {
	height:50px;
	width:auto;
}
/*メモ*/
#page_title p#img_memo {
	position:absolute;
	top:20px;
	right:30px;
	z-index:1;
}
#page_title p#img_memo img {
	height:165px;
	width:auto;
}

.caption {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}

/***お電話***/
#contact_tel {
	margin:20px 10px; 
}
#contact_tel table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #e0e0e0;
	margin-top:20px;
}
#contact_tel table th {
	width:40%;
	border-collapse:collapse;
	background:#c7c7c7;
	text-align:left;
	color:#FFF;
	font-weight:normal;
	padding:10px 5px;
	border-bottom:1px solid #FFF;
}
#contact_tel table td {
	width:60%;
	padding:10px;
	border-bottom:1px solid #e0e0e0;
}

/***フォーム***/
#contact_form {
	margin-left:10px;
	margin-right:10px;
	padding-bottom:60px;
}
#contact_form ul {
	margin-top:26px;
}
#contact_form ul li {
	padding:0 6px;
	margin-bottom:26px;
	position:relative;
}
#contact_form ul li .form_button {
	box-shadow: 0 0 0 5px #fff, 0 0 0 6px #c1c1c1;
	border:1px solid #c1c1c1;
	padding:20px;
	position:relative;
}
#contact_form ul li h3 {
	font-size:18px;
	text-align:center;
	margin-bottom:15px;
	position:relative;
	font-weight:normal;
}
#contact_form ul li h3:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	right:0;
	margin:auto;
	content: '';
	width: 15%;
	height: 0;
	z-index:0;
	border-bottom: 1px solid #8d8e90;	
}					  
								  
#contact_form ul li .form_button a {
	display:block;
	width:100%;
	font-size:16px;
	margin-top:15px;
	padding:10px 0;
	color:#FFF;
	text-align:center;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	box-sizing: border-box;
	transition:all 0.5s;
}
#contact_form ul li #ask_all.form_button a {
	background:#8d8e90;
	border:1px solid #77787a;
	transition:all 0.5s;
}
#contact_form ul li #ask_all.form_button a:hover {
	background:#5e5f61;
}
#contact_form ul li #ask_recruit.form_button a {
	background:#8dc740;
	border:1px solid #7eb239;
	transition:all 0.5s;
}
#contact_form ul li #ask_recruit.form_button a:hover {
	background:#75a535;
}
#contact_form ul li #ask_online.form_button a {
	background:#17b7cd;
	border:1px solid #13a0b3;
	transition:all 0.5s;
}
#contact_form ul li #ask_online.form_button a:hover {
	background:#118d9e;
}


/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:480px){
	/***ページタイトル***/
	#page_title p#img_pagetitle  {
		margin-top:40px;
	}
	
	/***お電話***/
	#contact_tel {
		margin:20px; 
	}
	#contact_tel table {
		margin-top:20px;
	}
	#contact_tel table th {
		width:30%;
	}
	#contact_tel table td {
		width:70%;
	}
	
	/***フォーム***/
	#contact_form {
		margin-left:20px;
		margin-right:20px;
		padding-bottom:80px;
	}
	#contact_form ul {
		margin-top:20px;
	}
	#contact_form ul li {
		margin-bottom:30px;
	}					  
	
	#contact_form ul li .form_button p{
		text-align:center;
	}
	
	#contact_form ul li .form_button a {
		width:50%;
		margin:0 auto;
		margin-top:20px;
	}	
}


/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:640px){
	/***ページタイトル***/
	#page_title {
		height:260px;
	}
	#page_title p#img_pagetitle {
		width:80%;
		margin:0 auto;
		margin-top:60px;
		text-align:center;
	}
	/*受話器*/
	#page_title p#img_phone {
		height:260px;
	}
	#page_title p#img_phone img {
		height:100%;
	}
	/*ペン*/
	#page_title p#img_pen {
		position:absolute;
		bottom:60px;
		right:-180px;
		z-index:2;
	}
	#page_title p#img_pen img {
		height:70px;
		width:auto;
	}
	/*メモ*/
	#page_title p#img_memo img {
		height:240px;
		width:auto;
	}
	
	/***フォーム***/
	#contact_form ul {
		width:60%;
		margin:0 auto;
		margin-top:26px;
	}
	
	
}

/********************************************
ランドスケープ
*********************************************/
@media screen and (min-width:680px){

	
}


/********************************************
タブレット
*********************************************/
@media screen and (min-width:768px){
	/***ページタイトル***/
	#page_title {
		height:300px;
	}
	#page_title p#img_pagetitle {
		width:80%;
		margin:0 auto;
		margin-top:70px;
		text-align:center;
	}
	/*受話器*/
	#page_title p#img_phone {
		height:300px;
	}
	#page_title p#img_phone img {
		height:100%;
	}
	/*ペン*/
	#page_title p#img_pen {
		position:absolute;
		bottom:70px;
		right:-180px;
		z-index:2;
	}
	#page_title p#img_pen img {
		height:80px;
		width:auto;
	}
	/*メモ*/
	#page_title p#img_memo img {
		height:280px;
		width:auto;
	}
	
	.caption {
		width:60%;
		margin:0 auto;
		margin-top:30px;
	}
	
	/***お電話***/
	#contact_tel {
		margin:40px 20px; 
	}
	#contact_tel table {
		margin-top:30px;
	}
	#contact_tel table th {
		width:20%;
	}
	#contact_tel table td {
		width:80%;
	}
	
	/***フォーム***/
	#contact_form {
		margin-left:14px;
		margin-right:14px;
		padding-bottom:60px;
	}
	#contact_form ul {
		width:100%;
		margin:0 auto;
		margin-top:36px;
	}
	#contact_form ul li {
		float:left;
		width:33.3%;
		padding:0 10px;
		margin:0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#contact_form ul li .form_button {
		padding:15px;
		height:171px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position:relative;
	}			  
									  
	#contact_form ul li .form_button a {
		width:90%;
		position:absolute;
		bottom:15px;
		left:0;
		right:0;
		margin:0 auto;
	}	
}

/********************************************
タブレット　ランドスケープ
*********************************************/
@media only screen and (min-width: 1024px) {
	/***ページタイトル***/
	#page_title {
		height:350px;
	}
	#page_title p#img_pagetitle {
		width:100%;
		margin:0 auto;
		margin-top:90px;
		text-align:center;
	}
	/*受話器*/
	#page_title p#img_phone {
		height:350px;
		position:absolute;
		bottom:0;
		left:80px;
		z-index:3;
	}
	#page_title p#img_phone img {
		max-height:100%;
	}
	/*ペン*/
	#page_title p#img_pen {
		position:absolute;
		bottom:90px;
		right:-180px;
		z-index:2;
	}
	/*メモ*/
	#page_title p#img_memo {
		position:absolute;
		top:20px;
		right:60px;
		z-index:1;
	}
	#page_title p#img_memo img {
		height:330px;
		width:auto;
	}
	
	.caption {
		font-size:16px;
		text-align:center;
	}
	
	/***お電話***/
	#contact_tel {
		margin:60px 40px; 
	}
	#contact_tel table {
		font-size:16px;
	}
	#contact_tel table th {
		padding:10px;
	}
	
	/***フォーム***/
	#contact_form {
		margin-left:29px;
		margin-right:29px;
		padding-bottom:100px;
	}
	#contact_form ul {
		margin-top:40px;
	}
	#contact_form ul li {
		padding:0 15px;
	}
	#contact_form ul li h3 {
		font-size:22px;
	}
	#contact_form ul li p {
		font-size:16px;
	}
	#contact_form ul li .form_button {
		padding:20px;
		height:190px;
	}
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1051px) {
	/***ページタイトル***/
	#page_title {
		margin-top:30px;
	}
	/***フォーム***/
	#contact_form ul {
		margin-top:40px;
	}
	#contact_form ul li h3 {
		font-size:18px;
	}
	#contact_form ul li p {
		font-size:14px;
	}
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1100px) {
}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1280px) {
	/***ページタイトル***/
	#page_title {
		height:380px;
		margin-top:0;
	}
	#page_title p#img_pagetitle {
		width:100%;
		margin:0 auto;
		margin-top:90px;
		text-align:center;
	}
	/*受話器*/
	#page_title p#img_phone {
		height:380px;
		position:absolute;
		bottom:0;
		left:150px;
		z-index:3;
	}
	#page_title p#img_phone img {
		max-height:100%;
		padding-top:20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	/*ペン*/
	#page_title p#img_pen {
		position:absolute;
		bottom:100px;
		right:-180px;
		z-index:2;
	}
	/*メモ*/
	#page_title p#img_memo {
		position:absolute;
		top:20px;
		right:60px;
		z-index:1;
	}
	#page_title p#img_memo img {
		height:360px;
		width:auto;
	}
	/***お電話***/
	#contact_tel {
		width:90%;
		margin:0 auto;
		margin-top:60px;
	}
	/***フォーム***/
	#contact_form {
		width:90%;
		margin:0 auto;
		margin-top:120px;
		padding-bottom:150px;
	}
	#contact_form ul li h3 {
		font-size:22px;
	}
	#contact_form ul li p {
		font-size:16px;
	}
	#contact_form ul li .form_button {
		padding:20px;
		height:220px;
	}
}

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

	
}


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

}

/********************************************
PC
*********************************************/
@media only screen and (min-width: 1680px) {
	/***お電話***/
	#contact_tel {
		width:80%;
		margin-top:80px;
	}
	/***フォーム***/
	#contact_form {
		width:80%;
	}
}

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

}

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

}