@charset "UTF-8";

div#cf_wrapper {
	width: 100%;
	max-width: 600px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
}

div#cf_header h1 {
	font-size: 2.4rem;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#cf_header h2 {
	font-size: 1.6rem;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
/*form#mailform {
	padding: 5px;
}*/

table.contact {
	padding: 0;
	border-collapse:collapse;
	border: 0;
	width: 100%;
	margin-bottom: 20px;
}

table.contact tr th,table.contact tr td {
	text-align: left;
	font-weight: normal;
	font-size: 1.2rem;
	border-top: solid 1px #336633;　/*border-top: solid 1px #999999から変更 */
	padding: 7px 5px 7px 5px;
	
}
/*ここから追加 */
table.contact tr th,table.contact tr {
	border-top: 1px solid #336633;　/*border-top: solid 1px #999999から変更 */
}
table.contact tr th,table.contact tr.tr-inquiry{
	border-bottom: 1px solid #336633;
}
table.contact tr th,table.contact  td {
	line-height: 2;
}
table.contact td {	
	width: 70%;
}
/*ここまで追加 */

table.contact tr th {
	
	/* width: 0.3%;
	max-width: 180px; */
	padding: 10px;
	font-size: 1.4rem;
	color: #C1272D;
}
th .span-blue {
	color: #26364D;
}

table.contact tr th span {
	color: #c1272d;　/*color: #CC0000;から変更 */
	}
table.contact tr td .td-th span {
	color: #c1272d;　/*color: #CC0000;から変更 */
	}
table.contact tr th p {
	margin: 0px;
	padding: 0px; 
	font-size: 1.3rem;
	color: #001c58;　/*color: #999999;から変更 */
}
table.contact tr td textarea {
	height: 120px;
	margin-top: 10px; /*追加 */
	margin-bottom: 10px;
    font-size: 1.4rem; /* 201227追加 */
	padding: 0.5rem; /* 201228追加 */
	margin-bottom: 10px; /* 201228追加 */
}

table.contact tr td input {
	margin-top: 40px;
	margin-right: 60px;
	width: 70%; 
	font-size: 1.4rem; /* 201227追加 */
	padding: 0.5rem; /* 201228追加 */
	margin-bottom: 10px; /* 201228追加 */
}

#content #mf_wrapper #mailform .contact tr td input[type="submit"] {
	cursor: pointer;
}
#content #mf_wrapper #mailform .contact tr td input[type="reset"] {
	cursor: pointer;
}
.span-nl {
	display:none;
}

@media screen and (max-width:760px){
	.span-nl {
		display: inline;
	}
    table.contact tr td {
	width: 65%;
	}
}
@media screen and (max-width:648px) {
	table.contact tr td input {
	width: 100%;
	}
}

@media screen and (max-width:560px){
	div#mf_wrapper {
	width: 100%;
	}
	table.contact tr td {
	width: 60%;
	}		


	table.contact tr td {
	width: 55%;
	max-width: 100px;
	}	
}

.textarea-inquiry {
	width: 100% !important;
}

/* 2021/01/08add */
main p {
		padding-left: 0;
	}
	.submit_btn {
		/* ボタンリセット */
		background: none;
		border: none;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		font-size: 1.6rem;
		color: #FFFFFF;
		background-color: #336633;
		border-style:none;
		padding: 5px 10px;
		border-radius: 5px;
		margin-right: 20px;
	}
	.submit_btn:hover  {
		color: #9dcf0b;	
		}	
	.reset_btn {
		/* ボタンリセット */
		background: none;
		border: none;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		
		font-size: 1.6rem;
		color: #FFFFFF;
		background-color:#C1272D;
		border-style:none;
		padding: 5px 10px;
		border-radius: 5px;
		margin-right: 20px;
	}
	.reset_btn:hover  {
		color:#edab40;
		}	
	main p.p-cfm {
		color:#C1272D;
		font-weight: 600;
		margin-bottom: 20px;
	}
	
	@media screen and (min-width:561px){
	main {
		width: 72.4%;
		max-width: 695px;
		padding-left: 5.2%;
	}
	
	}
@media screen and (max-width:560px){
	main {
		width: 90%;
		padding-left: 0;
	}
	header {
		display: none;
	}
		}