@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese');

/*-----------------------------------------
  page_contact
------------------------------------------*/
#page_contact {
	line-height:1.7;
}
#page_contact .error {
	color:#dd0000;
}
#page_contact #main01 .block_top {
	background:url(../images/contact/img_01.jpg) no-repeat;
	background-size:cover;
	height:100%;
	color:#fff;
	padding:6% 0 3% 2.5%;
}
#page_contact #main01 .block_top .img_text {
	width:70%;
}
#page_contact #main01 .block_bottom {
	background:#000;
	padding:2% 3% 3% 3%;
	text-align:center;
	color:#b0b0b0;
}
#page_contact #main01 .block_bottom .logo {
		width:70%;
		margin:0 auto 2% auto;
}
#page_contact #main01 .block_bottom .tel {
	width:50%;
	margin:0 auto 2% auto;
}
#page_contact table {
	border-collapse:collapse;
	width:100%;
}
#page_contact .btn {
	text-align:center;
}
#page_contact input[type="submit"] {
	background:#000;
	color:#fff;
	cursor:pointer;
	transition:all 0.4s linear;
	border:1px solid #000;
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
#page_contact input[type="submit"]:hover {
	background:#dadada;
	color:#000;
}

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#page_contact {
		font-size:14px;
	}
	#page_contact .error {
		font-size:10px;
	}
	#page_contact #main01 .block_top {
		font-size:14px;
	}
	#page_contact #main01 .block_bottom {
		font-size:12px;
	}
	
	#page_contact #contact_form {
		background:#373737;
		padding:15px;
		color:#fff;
		font-size:14px;
	}
	#page_contact #contact_form .inner {
		background:#fff;
		padding:15px 20px 25px 20px;
		color:#222;
	}
	#page_contact #contact_form th {
		width:230px;
		background:#000;
		color:#fff;
		padding:12px;
		font-size:16px;
		text-align:left;
		border:1px solid #fff;
		vertical-align:top;
		overflow:hidden;
	}
	#page_contact #contact_form th .hissu {
		color:#dd0000;
		display:block;
	}
	#page_contact td {
		font-size:14px;
		border:1px solid #000;
		padding:15px;
	}
	#page_contact #contact_form td input[type="text"] {
		width:350px;
		padding:2px;
	}
	#page_contact td input[type="email"] {
		width:350px;
		padding:2px;
	}
	#page_contact td input[type="tel"] {
		width:350px;
		padding:2px;
	}
	#page_contact td textarea {
		width:350px;
	}
	#page_contact input[type="submit"] {
		padding:12px 20px;
		font-size:20px;
	}
	#page_contact .contact_btn {
		overflow:hidden;
	}
	#page_contact .contact_btn .back {
		float:left;
	}
	#page_contact .contact_btn .submit_form {
		float:right;
	}
}
/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#page_contact {
		width:88%;
		margin-left:auto;
		margin-right:auto;
		font-size:0.6em;
	}
	#page_contact .error {
		font-size:0.6em;
	}
	#page_contact .block_bottom {
		font-size:0.8em;
	}
	#page_contact #contact_form th {
		width:40%;
		border-top:0.1em solid #737373;
		border-bottom:0.1em solid #737373;
		padding:1.2em 1em 1.2em 0;
		text-align:left;
		vertical-align:top;
	}
	#page_contact #contact_form th .th_ttl {
		float:left;
	}
	#page_contact #contact_form th .hissu {
		background:#000;
		display:inline-block;
		padding:0.2em 0.8em;
		text-align:center;
		color:#fff;
		float:right;
	}
	#page_contact #contact_form td {
		border-top:0.1em solid #737373;
		border-bottom:0.1em solid #737373;
		padding:1.2em 0 1.2em 1em;
	}
	#page_contact #contact_form td input[type="text"] {
		width:100%;
		padding:0.2em;
	}
	#page_contact input[type="email"] {
		width:100%;
		padding:0.2em;
	}
	#page_contact input[type="tel"] {
		width:100%;
		padding:0.2em;
	}
	#page_contact textarea {
		width:100%;
		padding:0.2em;
	}
	#page_contact input[type="submit"] {
		width:100%;
		display:block;
		padding:1em;
		font-size:1.5em;
	}
	#page_contact .contact_btn .back {
		margin-bottom:2em;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#page_contact {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#page_contact .error {
		font-size:0.8em;
	}
	#page_contact .block_bottom {
		font-size:0.8em;
	}
	#page_contact th {
		border-top:0.1em solid #737373;
		border-bottom:0.1em solid #737373;
		padding:1.5em 0;
		text-align:left;
		vertical-align:top;
		width:42%;
	}
	#page_contact th .th_ttl {
		float:left;
		margin-right:1.2em;
	}
	#page_contact th .hissu {
		color:#fff;
		background:#000;
		display:inline-block;
		float:left;
		padding:0.2em 0.6em;
	}
	#page_contact td {
		border-top:0.1em solid #737373;
		border-bottom:0.1em solid #737373;
		padding:1.5em 0;
	}
	#page_contact td input {
		width:100%;
	}
	#page_contact td textarea {
		width:100%;
	}
	#page_contact input[type="submit"] {
		display:block;
		width:100%;
		font-size:2em;
		padding:0.4em;
	}
	#page_contact .contact_btn .back {
		margin-bottom:1.5em;
	}
}