@charset "utf-8";
/*===============================================
●共通
===============================================*/

/* contact.php
---------------------------------------- */
.tableStyle02 th {color: #5474AF;}
.tableStyle02.inkTable th {background-color: #fff;}
.tableStyle02 td select {width: 40%;}
.tableStyle02 th .colorcaution {
	display: inline-block;
	background-color: #F8100E;
	color: #fff;
	padding: 0.2em;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1em;
	margin-left: 8%;
}
#contactForm .tableStyle02 th, #contactForm .tableStyle02 td {
	border-bottom: 1px #e5e5e5 solid;
}

	/* ボタン */
#contactForm .btn01 a {
	background-color: #45A736;
	margin: 0 auto;
}
#contactForm .flexBox .contentsEnd a {
	background-color: #fff;
	border: 1px #888 solid;
	color: #888;
}
#contactForm .flexBox .contentsEnd a svg {fill: #888;}
#contactForm .submit a {
	background-color: #FF4E00;
	border: 1px #FF4E00 solid;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	.tableStyle02 td input,.tableStyle02 td select,
	.tableStyle02 td textarea {
		width: 100%;
		padding: 0.7em;
	}
	.tableStyle02 td {border-bottom: 0;}

	/* ボタン */
	#contactForm .inkBtn {margin: 3em 0;}
	#contactForm .contentsEnd.btn01 {
		padding: 3em 0 2em 0;
	}
	#contactForm .submit {margin-bottom: 3em;}
}


/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	.tableStyle02 td input,.tableStyle02 td select,
	.tableStyle02 td textarea {
		padding: 1em;
	}
	.tableStyle02 td input {width: 60%;}
	
	/* ボタン */
	#contactForm .flexBox {
		align-items: center;
		padding: 4em 0 6em 0;
	}
	#contactForm .flexBox .btn01 {width: 50%;}
	#contactForm .flexBox .btn01 a {width: 50%;}
	#contactForm .btn01 a {
		display: block;
		max-width: 20em;
	}
	#contactForm .contentsEnd.btn01 {padding: 0;}
	#contactForm .flexBox .contentsEnd a:hover {
		background-color: #ccc;
		color: #333;
	}
	#contactForm .flexBox .contentsEnd a:hover svg {fill: #333;}
	#contactForm .inkBtn {margin-top: 4em;}
}

/*===============================================
●画面の横幅が1024px以上(tablet)
===============================================*/
@media (min-width: 730px) and (max-width: 1024px){
	.tableStyle02 th {width: 30%;}
	.tableStyle02 td {width: 70%;}
	
}