/* table like theme */
/*
.aform .aform-content dl{
	margin: -1px 0 0;
	padding: 0;
	clear: both;
	zoom:1;
	overflow: hidden;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.aform .aform-content dl dt{
	float:left;
	width: 160px;
	padding: 10px;
	background: #eee;
	border-right: 1px solid #ccc;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}

.aform .aform-content dl.required dt{
	border-right: 3px solid #c00;
}

.aform .aform-content dl dd{
	margin-bottom: 0;
	padding: 10px 10px 10px;
	zoom:1;
	overflow:hidden;
}

.aform .aform-content dl dt span.required{
	float:right;
	font-size: 70%;
	padding: 0px 2px;
	border-radius: 3px;
}


.aform .aform-content ul,
.aform .aform-content li,
.aform .aform-content div,
.aform .aform-content dl p{
	list-style:none;
	margin:0;
}
*/
#header,
#article,
#footer{
	width:960px !important;
}
@media screen and (max-width: 1024px){
	#header,
	#article,
	#footer{
		width:95% !important;
	}
}
/* ↑2つは　/css/form_common.css　に最終的に追記、スマホ側は変更不要 */

.aform-validation { display: none; }
.aform-confirm.NOTE { word-break: break-word; }
.description p { line-height: 1.8; margin: 0 auto 1rem; font-size: 1rem; }
.description p small { color: rgba(0, 0, 0, .5); font-weight: 600; }

.aform  * { box-sizing: border-box; }
.aform-header { display: none; }
.aform-content dl { display: flex; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding: 0; margin: -1px auto 0; }
.aform-content dl dt { font-size: 1rem; width: 20rem; font-weight: 600; padding: 2rem 4rem 2rem 1rem; position: relative; background: #f9f9f9; display: flex; align-items: center; line-height: 1.5; }
.aform-content dl dt .aform-required { display: flex; align-items: center; justify-content: center; width: 3rem; height: 24px; background: #e98e03; line-height: 1; color: #fff; position: absolute; right: 1rem; top:calc(50% - 12px); }
.aform-content dl dd { font-size: 1rem; width: calc(100% - 20rem); padding: 2rem 0 2rem 1rem; margin: 0;  }
.aform-content dl dt small,
.aform-content dl dd small { color: rgba(0, 0, 0, .5); font-weight: 500; font-size: 12px; line-height: 1.5; display: inline-block; }
.aform-content dl dd em { color: rgb(219, 56, 86); font-weight: inherit; font-size: inherit; line-height: inherit; font-style: normal; }
.aform-content dl dd em small { color: rgb(219, 56, 86); }
.aform-content dl dd i { color:inherit; font-weight: 600; font-size: inherit; line-height: inherit; font-style: normal; }

.aform-content dl dd input[type="tel"],
.aform-content dl dd input[type="email"],
.aform-content dl dd input[type="text"] { width: 90%; border:1px solid rgba(0, 0, 0, .3); height: 40px; padding: 0 .5em; }
.aform-content dl dd select {border:1px solid rgba(0, 0, 0, .3); height: 40px; }
.aform-content dl dd li input[type="text"] { width: 140px; margin: 0 .5rem; padding: 0 .5em; height: auto; }
.aform-content dl dd textarea { width: 90%; border:1px solid rgba(0, 0, 0, .3);padding: .5em; }
.aform-error {  }
.aform-error label { padding: .25em; display: block; margin: .5rem 0 0; background: rgba(255, 0, 0, .75); color: #fff; }
.aform-checkbox-ul li { margin: .5em 0; }
.aform-content .aform-note { margin: 2rem 0; font-size: 1rem; }
.aform-content .aform-note small { color: rgba(0, 0, 0, .5); font-weight: 500; font-size: 12px; }
.aform-hdln { border: 1px solid #dadbdc; border-radius: 5px; padding: 15px 10px; margin: 2rem auto 0; background: #FFFFFF url(/images/form/bg_form_title.png) left bottom repeat-x; margin-bottom: 15px; font-size: 135%; font-weight: bold; position: relative; line-height: 1; }
.aform-hdln small { color: rgba(0, 0, 0, .5); font-weight: 600; margin: 0 0 0 .5em; }
.aform-hdln::before { content: ""; display: inline-block; width: 5px; height: 20px; background: #e98e03; overflow: hidden; line-height: 1; position: absolute; left: 0; top:calc(50% - 10px); }
.aform-input-example { margin: 0 auto .5rem; }
.aform-button-area { margin: 0 auto; padding: 3rem 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 2rem; }
.aform-button-area a,
.aform-button-area input { color: #222; width: 250px; height: 60px; display: flex; align-items: center; justify-content: center; border:1px solid rgba(0, 0, 0, .3); font-weight: 600; outline: none; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); cursor: pointer; }
.aform-button-area a:hover,
.aform-button-area input:hover { background: linear-gradient(to bottom,  rgba(245,245,245,1) 0%,rgba(235,235,235,1) 100%); }
#aform_confirm_msg { margin: 1rem auto;}
#aform_result {color: #222; font-size: 1rem; line-height: 1.8; font-weight: 500; }
#aform_result small { color: rgba(0, 0, 0, .5); font-weight: 500; font-size: 12px; line-height: 1.5; display: inline-block; }
.aform-content { margin: 5rem auto; }
.aform-error-list { margin: 5rem auto;}
.aform-horizontal-ul li { vertical-align: middle; display: block; }
.aform-horizontal-ul li input { vertical-align: initial; margin: 0 .5em 0 0; }

@media screen and (max-width: 1200px) {
	#header,
	#article,
	#footer{
		width:95% !important;
	}
	.aform-content dl dd input[type="tel"],
	.aform-content dl dd input[type="email"],
	.aform-content dl dd input[type="text"] { width: 100%; font-size: 16px; }
	.aform-content dl dd select { font-size: 16px; }
	.aform-content dl dd li input[type="text"] { width: auto; }
	.aform-content dl dd textarea { width: 100%; font-size: 16px; }
	.aform-content dl { display: block; }
	.aform-content dl dt { width: auto; padding: 1rem 5rem 1rem .5rem; margin: 0 auto 1rem; }
	.aform-content dl dd { width: auto; padding: 0 0 1rem 0; }
	.aform-content .aform-note { margin: 0 0 2rem 0;}
	.aform-checkbox-ul li { margin: 0; padding: 1rem 0; border-top: 1px dashed #ddd; }

}