@charset "UTF-8";
/* CSS Document */

/* ************************************************ 
*	common
* ************************************************ */

#telno{font-family: "UD新ゴNT DB",UD Shin Go NT DemiBold;
text-align:center;
margin-bottom:.8em
}
#telno p {font-size:1.5em;}
#telno p strong{font-size:1em;
	color: #E83C17
}
#telno p span{font-size:1.6em;
	color:#2A61AD;}
@media only screen and (min-width: 0px) and (max-width:  414px) {
#to_contact{
	padding: 15px;
	text-align:left;
	background: rgba(229,246,255,.5);
	border: 3px solid rgba(77,166,255,0.3)
}
}
@media only screen and (min-width: 667px) {
#to_contact{
	max-width: 900px;
	margin: 0 auto;
	padding: 30px;
	text-align:left;
	background: rgba(229,246,255,.5);
	border: 3px solid rgba(77,166,255,0.3);
	border-radius: 5px;
	position: relative;
	
}
}
#form_tb{
	margin-top:1em}


div#contact{
	text-align: center;
}

ul#contact_att{
	margin-bottom:30px}

ul#contact_att li{
	font-size:93%}
ul#contact_att li span{color: #CC0000;
}

#form_tb {
	text-align: center;
	font-family: sans-serif;
	margin-left: 3px;
}

table.mailform {
	width: 100%;
	margin-bottom: 15px;
}

table.mailform th{
	font-weight:bold;
	font-size:108%;
	padding-top:.3em}
	
@media screen and (min-width: 671px) {
table.mailform tr th,
table.mailform tr td {
	text-align: left;
	border-bottom: 1px solid #DAD6D1;
	padding: 15px 5px;
}
table.mailform th {
	width: 150px;
	vertical-align:top;
	padding-top:.2em;
	font-weight:bold
}

}
@media screen and (max-width: 670px) {
table.mailform tr th,
table.mailform tr td {
	text-align: left;
	padding: 5px 5px;
}

table.mailform th {
	display:block;
	padding-top:.2em;
	font-weight:bold;
	font-size:123%
}

table.mailform td{
	display:block}
}


table.mailform th span {
	color: #CC0000;
	font-size: .7rem;
	display:block;
	padding-bottom:.4em
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	height: 150px;
}

div#btn{
	font-size: 85%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

input{
	font-size: smaller;
}
#after_message{
	background: #F4EFE9;
	padding: 30px 35px;
	border: 1px solid #EBE6E0;
	margin-top:40px
}

#after_message h2{
	font-size:146%;
	margin-bottom:.5em
	}
#after_message h3{
	font-size:123%;
	margin-bottom:1em
	}
#after_message p{
	margin-bottom: 8px;
	margin-top: 8px;
}

.att{
	font-size: smaller;
	text-align: left;
}
.att span {
	color: #CC0000;
}


	
/****************************************

          Form

*****************************************/

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 5px 0 10px;
	padding: 6px 4px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	color: #777;
}
@media screen and (min-width: 671px) {
textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=url]{
		max-width: 100%;
	width:400px;
}
}

@media only screen and (max-width: 670px) {
textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=url]{
	width:100%;
}

	}
	
	
#comment input[type="text"],
#comment textarea {
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #999;
	background-color: #FEFFE8;
	-webkit-box-shadow: 0 0 3px rgba(207,207,207,1.00);
	box-shadow: 0 0 3px rgba(207,207,207,1.00);
	color: #444;
}

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	padding: .8em 4em;
	border: 1px solid #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing:.2em;
	line-height: normal;
	cursor: pointer;
	background-color: #666;
	-webkit-appearance: none;
}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
	  	border: 1px solid #00C231;
		background-color: #444;
		color: #fff;
	  	text-shadow: 0 -1px rgba(0, 0, 0, .4);
	}

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		position: relative;
		top:1px;
	}