@charset "Shift_JIS";

/*----------------------------------------------------

 contact

----------------------------------------------------*/

/*secTop*/
#secTop	.txt	{
	text-align:center;
	padding:0 10px 20px;
}
#secTop	.txt	strong	{
	font-size:2.4rem;
	background:url(img/icn_tel.png) no-repeat;
	background-size:auto 80%;
	padding-left:28px;
}
@media screen and (min-width:40em) {
	#secTop	.txt	{	padding:0 80px 30px;}
	#secTop	.txt	strong	{
		font-size:3.6rem;
		padding-left:40px;
	}
}

/*sec01*/
#sec01	.txt	{	padding:0 10px 20px;}
#sec01	.tbl01	{	width:100%;}
#sec01	.tbl01	th,
#sec01	.tbl01	td	{
	display:block;
	padding:10px;
	text-align:left;
}
.hissu	{
	color:#C00;
	padding-left:5px;
	font-size:86%;
}


#formBox	input,
#formBox	select,
#formBox	textarea	{
	margin:3px 0;
	padding:8px 12px;
	font-size:1.4rem;
	border:1px solid #ccc;
	background:#FFF;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	box-sizing:border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#formBox	input:focus,
#formBox	select:focus,
#formBox	textarea:focus	{
	box-shadow: 0 0 7px #c6b287;
	border: 1px solid #c6b287;
}
#add,#message,#mail,#mailcheck,#tamas	{	width:100%;}
#name,#kana,#tel,#zip,#tamak	{	width:50%;}
.formBtn	{
	padding-top:25px;
	text-align:center;
}
#formBox	.submit	{
	width:160px;
	border:0;
	padding:10px;
	margin:0 10px;
	background: #000;
	color:#FFF;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.compBox	{	padding:10px;}
.compBox	h3	{
	text-align:center;
	padding:0 0 20px;
	font-size:2.2rem;
	color:#C00;
}
.compBox	.btnWrp	{	padding-top:30px;}


@media screen and (min-width:40em) {
	#sec01	.txt	{	
		padding:0 80px 30px;
	}
	#formBox	{
		width:90%;
		margin:0 auto;
	}
	#sec01	.tbl01	th,
	#sec01	.tbl01	td	{
		display:table-cell;
		padding:15px;
	}
	#sec01	.tbl01	th	{	width:25%;}

	#add,#message	{	width:100%;}
	#name,#kana,#mail,#mailcheck,#tamas	{	width:70%;}
	#tel,#zip,#tamak	{	width:40%;}
	#formBox	.submit	{	width:260px;}
	#formBox	.submit:hover	{	opacity:0.6;}
	.compBox	{	text-align:center;}
}