@charset "utf-8";




#contact-caution{
	width: 100% ;
	max-width: 900px ;
	margin: 0px auto 20px auto ;
	padding: 20px 0px 20px 0px ;
}

#contact-caution .section,
#contact-caution .tel-contact{
	padding: 0px 0px 15px 15px ;
}



#mf_wrapper{
	width: 1000px ;
	margin: 0px auto ;
	text-align: center ;
}

form#mailform{
	margin: 0px auto 20px auto ;
	padding: 20px 70px 20px 70px ;
	font-size: 90% ;
}

table.mailform {
	width: 100%;
	line-height: 170% ;
	border-top: dotted 1px #999999;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: dotted 1px #999999;
	padding: 10px 5px 10px 10px;
}
table.mailform tr th {
	width: 150px;
	line-height: 120% ;
	padding: 15px 30px 15px 30px;
}
table.mailform tr th span {
	padding: 0px 0px 0px 3px ;
	color: #CC0000;
	vertical-align: -15% ;
	font-size: 12px;
}
table.mailform tr th p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height: 120% ;
	font-size: 9px;
	color: #999999;
}
table.mailform tr td  input{
	vertical-align:-0.15em;
}
table.mailform tr td  select{
	vertical-align:-0.05em;
}

table.mailform tr td textarea {
	width: 80%;
	height: 120px;
}



.page-box02{
	width: 900px;
	margin: 0px auto 10px auto;
	padding: 20px 0px 0px 50px;
}
.page-box02 a{
	font-weight: 700 ;
}
.page-box02 .link-pp{
	width: 900px;
	margin: 0px 0px 0px -25px ;
}
.page-box02 .link-pp a{
	display: table ;
	margin: 30px auto ;
	padding: 5px 30px ;
	text-align: center ;
	color: #FFF ;
	background: #868686 ;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}
.page-box02 .link-pp a:hover{
	background: #CCCCCC ;
}





@media screen and (max-width:1024px) { 
    /*　for iPad 横 Landscape */
	#contact-caution {
	    width: 95%;
	    max-width: 900px;
	    margin: 0px auto 20px auto;
	    padding: 20px 10px 20px 0px;
	}
	#mf_wrapper{
		width: 93% ;
		margin: 0px auto ;
		text-align: center ;
	}

	form#mailform{
		width: 95% ;
		margin: 0px 10px 20px 10px ;
		padding: 20px 0px 20px 0px ;
		font-size: 90% ;
	}

	table.mailform {
		line-height: 170% ;
	}
	table.mailform tr th,table.mailform tr td {
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		border-bottom: dotted 1px #999999;
		padding: 10px 5px 10px 10px;
	}
	table.mailform tr th {
		width: 20vw;
		line-height: 120% ;
		padding: 15px 5px 15px 5px;
	}
	table.mailform tr td {
		padding: 10px 15px 10px 10px;
	}
	table.mailform tr th span {
		padding: 0px 0px 0px 3px ;
		color: #CC0000;
		vertical-align: -15% ;
		font-size: 12px;
	}
	table.mailform tr th p {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height: 120% ;
		font-size: 9px;
		color: #999999;
	}
	table.mailform tr td  input{
		vertical-align:-0.15em;
	}
	table.mailform tr td  select{
		vertical-align:-0.05em;
	}

	table.mailform tr td textarea {
		height: 120px;
	}

	#mailform .form01{width:100%;}
	#mailform .form02{width:100%;}
	#mailform .form03{width:100%;}
	#mailform .form04{width:100%;}
	#mailform .form05{width:100%;}
	#mailform .form06{width:100%;}
	#mailform .form07{width:100%;}

	.page-box02{
		width: 90%;
		margin: 0px auto 10px auto;
		padding: 20px 0px 0px 0px;
	}
	.page-box02 a{
		font-weight: 700 ;
	}
	.page-box02 .link-pp{
		width: 100%;
		margin: 0px 0px 0px 0px ;
	}
	.page-box02 .link-pp a{
		display: table ;
		margin: 30px auto ;
		padding: 5px 30px ;
		text-align: center ;
		color: #FFF ;
		background: #868686 ;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */  	
	}
	.page-box02 .link-pp a:hover{
		background: #CCCCCC ;
	}
}

@media screen and (max-width:768px) { 
    /*　for iPad 縦 　iPhone 横 Landscape */
}

@media screen and (max-width:414px) { 
    /*　for iPhone 縦 Landscape */
	#contact-caution{
		width: 93% ;
		max-width: 93% ;
		margin: 0px auto 20px auto ;
		padding: 20px 10px 20px 0px ;
	}



	#mf_wrapper{
		width: 93% ;
		margin: 0px auto ;
		text-align: center ;
	}

	form#mailform{
		width: 80% ;
		margin: 0px 10px 20px 10px ;
		padding: 20px 0px 20px 0px ;
		font-size: 90% ;
	}

	table.mailform {
		line-height: 170% ;
	}
	table.mailform tr th,table.mailform tr td {
		text-align: left;
		font-weight: normal;
		font-size: 12px;
		border-bottom: dotted 1px #999999;
		padding: 10px 5px 10px 10px;
	}
	table.mailform tr th {
		width: 20vw;
		line-height: 120% ;
		padding: 15px 5px 15px 5px;
	}
	table.mailform tr td {
		padding: 10px 15px 10px 10px;
	}
	table.mailform tr th span {
		padding: 0px 0px 0px 3px ;
		color: #CC0000;
		vertical-align: -15% ;
		font-size: 12px;
	}
	table.mailform tr th p {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height: 120% ;
		font-size: 9px;
		color: #999999;
	}
	table.mailform tr td  input{
		vertical-align:-0.15em;
	}
	table.mailform tr td  select{
		vertical-align:-0.05em;
	}

	table.mailform tr td textarea {
		height: 120px;
	}

	#mailform .form01{width:100%;}
	#mailform .form02{width:100%;}
	#mailform .form03{width:100%;}
	#mailform .form04{width:100%;}
	#mailform .form05{width:100%;}
	#mailform .form06{width:100%;}
	#mailform .form07{width:100%;}


	.page-box02{
		width: 90%;
		margin: 0px auto 10px auto;
		padding: 20px 0px 0px 0px;
	}
	.page-box02 a{
		font-weight: 700 ;
	}
	.page-box02 .link-pp{
		width: 100%;
		margin: 0px 0px 0px 0px ;
	}
	.page-box02 .link-pp a{
		display: table ;
		margin: 30px auto ;
		padding: 5px 30px ;
		text-align: center ;
		color: #FFF ;
		background: #868686 ;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */  	
	}
	.page-box02 .link-pp a:hover{
		background: #CCCCCC ;
	}

}