@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* mainTitle
---------------------------------------- */
#mainTitle {
	background:url(../../images/contact/title_tex.jpg) no-repeat center center;
}

/* box01
---------------------------------------- */
#box01 h3 {
	font-size:1.36em;
	line-height:1.3em;
	margin-bottom:0.5em;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}
.tableStyle02 th {
	white-space:nowrap;
	font-weight:bold;
	vertical-align:top;
}
#box01 #contactForm input,
#box01 #contactForm textarea {
	padding:5px;
	line-height:2em;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#box01 #contactForm .btn02 {
	width:225px;
	margin:0 auto;
}
#box01 #contactForm .btn02 a,
#box01 #contactForm .btn03 a {
	font-size:1.15em;
	font-family:"メイリオ", Meiryo, Arial, Helvetica, "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* box01
	---------------------------------------- */
	.tableStyle02 th,
	.tableStyle02 td {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.tableStyle02 th {
		margin-bottom:0.3em;
	}
	.tableStyle02 td {
		padding-bottom:1em;
		margin-bottom:1em;
		border-bottom:#aaa 1px dashed;
	}
	#box01 #contactForm input,
	#box01 #contactForm textarea {
		width:100%!important;
		box-sizing:border-box;
	}
	#box01 #contactForm #PostalCode {
		width:100px!important;
	}
	.btnTable td {
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-bottom:10px;
	}
	.btnTable,
	.btnTable .btn02,
	.btnTable .btn03 {
		width:225px;
		margin:0 auto;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* box01
	---------------------------------------- */
	.tableStyle02 {
		margin-bottom:2em;
	}
	.tableStyle02 th {
		width:25%;
	}
	.tableStyle02 th,
	.tableStyle02 td {
		line-height:1.5em;
		padding:1em 0;
		border-bottom:#aaa 1px dashed;
	}
	.btnTable {
		width:480px;
		margin:0 auto;
	}
	.btnTable .btn02,
	.btnTable .btn03 {
		width:225px;
		margin:0;
	}
	.btnTable .btn03 {
		margin-right:40px;
	}
}