@charset "utf-8";
/* CSS Document */
#ul-contents .contact{ width:800px; margin:64px auto 128px auto;}
#ul-contents .contact table{ width:100%; border-collapse:collapse; border:none;}
#ul-contents .contact table tr th{ width:300px; padding:20px 5px 15px 5px;border-collapse:collapse; border:none; text-align:left; vertical-align:top; font-size:115%; font-weight:normal;}
#ul-contents .contact table tr td{border-collapse:collapse;padding:15px 5px; border:none; vertical-align:middle;}
#ul-contents .contact table input[type=text],#ul-contents .contact table input[type=email],#ul-contents .contact table input[type=tel],#ul-contents .contact table input[type=url]{ width:100%; font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif; appearance:none;-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color: #ffffff; border: 1px solid #CCCCCC;padding: 0 14px;height:40px;line-height:40px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-size:100%;}
#ul-contents .contact table textarea{ width:100%; font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif; appearance:none;-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color: #ffffff; border: 1px solid #CCCCCC;padding:14px;height:90px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; font-size:100%;}
#ul-contents .contact .send{ width:430px; margin:60px auto 0 auto; clear:both;}
#ul-contents .contact .send input[type=submit]{ font-size:143%; background-color:#ffffff; border:1px solid #3D9FD3; cursor:pointer; width:100%; height:72px; line-height:68px; font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif; color:#3D9FD3; appearance:none;-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
#ul-contents .contact .send input[type=submit]:hover{background-color:#3D9FD3;color:#ffffff;}


#ul-contents .contact table input[type=checkbox]{appearance:none;-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color: #ffffff; border: 1px solid #CCCCCC;}
#ul-contents .contact table input[type=radio],
#ul-contents .contact table input[type=checkbox] {display: inline-block;margin-right: 16px;}
#ul-contents .contact table input[type=radio] + label,
#ul-contents .contact table input[type=checkbox] + label {position: relative;display: inline-block;line-height: 30px;cursor: pointer;}
/* PlaceHolder */
#ul-contents .contact table .placeholder{
top:0;
left:14px;
font-size:100%;
line-height:40px;
text-align:left;
color:#bbbbbb;
overflow:hidden;
position:absolute;
z-index:99;
}
.aform-name-ul li{position:relative;}
.input-cont{position:relative;display:block;}
/* cap */
#ul-contents .contact .contact-cap{padding:10px 0 0 0;}
#ul-contents .contact .contact-unit-label{display:inline-block;margin:0 10px;}
/* privacy */
.contact-privacy-box #privacy_detail{padding:50px 5px 20px 5px;clear:both;}
.contact-privacy-box h3{margin:10px 0 20px 0; font-size:115%;}
.contact-privacy-box .contact-privacy-body{overflow-y:scroll;padding:20px;border: 1px solid #cccccc;height:300px;}
.contact-privacy-box .contact-privacy-body h4{font-weight:bold;margin:0 0 8px 0;}
.contact-privacy-box .contact-privacy-body p{margin:0 0 32px 0;} 
.contact-privacy-box .contact-privacy-agree{padding:20px 0 0 0;}
/* out of table (privacy) */
#ul-contents .contact input[type=checkbox]{appearance:none;-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;background-color: #ffffff; border: 1px solid #CCCCCC;}
#ul-contents .contact input[type=radio],
#ul-contents .contact input[type=checkbox] {display: inline-block;margin-right: 16px;}
#ul-contents .contact input[type=radio] + label,
#ul-contents .contact input[type=checkbox] + label {position: relative;display: inline-block;line-height: 30px;cursor: pointer;}
#ul-contents .contact input[type=radio],
#ul-contents .contact input[type=checkbox] {display: none;margin: 0;}
#ul-contents .contact input[type=radio] + label,
#ul-contents .contact input[type=checkbox] + label {padding: 0 0 0 32px;}
#ul-contents .contact input[type=radio] + label::before,
#ul-contents .contact input[type=checkbox] + label::before {content: "";position: absolute;top: 0;left: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;display: block;width:16px;height:16px;margin-top: 6px;background-color: #ffffff;}
#ul-contents .contact input[type=radio] + label::before {border: 1px solid #cccccc;border-radius: 30px;}
#ul-contents .contact input[type=checkbox] + label::before {border: 1px solid #cccccc;}
#ul-contents .contact input[type=radio]:checked + label::after,
#ul-contents .contact input[type=checkbox]:checked + label::after {content: "";position: absolute;top: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;}
#ul-contents .contact input[type=radio]:checked + label::after {left:0; top:6px;width:16px;height:16px;margin-top:0;background-color: #3D9FD2;border-radius: 8px;}
#ul-contents .contact input[type=checkbox]:checked + label::after {left:0; top:6px;width:16px;height:16px; background-color:#3D9FD2;} 
#ul-contents .contact .otbox{ display:table; width:100%;}
#ul-contents .contact .otbox .check-radio-box{ display:table-cell; padding-right:23px;}
/* confirm */
#ul-contents .contact table.contact-confirm tr td{ font-size:115%;}
#ul-contents .contact .back{text-align:center;padding:50px 0 0 0 ;}
#ul-contents .contact .back .back-btn{display:inline-block; font-size:115%; background-color:#ffffff; border:1px solid #868686; cursor:pointer; width:215px; height:54px; line-height:54px; font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif; color:#868686; }
#ul-contents .contact .back .back-btn:hover{text-decoration:none;color:#ffffff; background-color:#868686;}
/* thankyou */
#ul-contents .contact .contact-thankyou{text-align:center;padding:16px 0 0 0; font-size:115%;line-height:1.8em; font-weight:normal !important;}
#ul-contents .contact #aform_result{ color:#333333 !important;}
#ul-contents .contact .contact-thankyou p{text-align:center;padding:50px 0 0 0;}


/* filehandler */
#ul-contents .contact .file-handler{
	position:relative;
	overflow:hidden;
}
#ul-contents .contact .file-handler .file-handler-input{
	opacity:0;
	position:absolute;
	left:0;
	top:-100px;
}
#ul-contents .contact .file-handler .file-handler-alt-ui{
	display:inline-block;
	background-image:url(../../img/static/contact/file-icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:15px auto;
	padding:6px 6px 6px 24px;
	cursor:pointer;	
	color:#599DD7;
}
#ul-contents .contact .file-handler .file-handler-name{
	display:none;
}
#ul-contents .contact .contact-privacy-agree span.required{ }
#ul-contents .contact span.required{ background-color:transparent; color:#F00; font-size:100%;}
#ul-contents .contact .validation-advice{ clear:both;}
#ul-contents .contact label.error{ font-size:90%;}
#ul-contents .contact label.error img{ vertical-align:middle;}
#ul-contents .contact p.aboutreq{color:#F00; text-align:right; font-size:90%;}
/* in table */
@media (min-width: 1px) {
#ul-contents .contact table input[type=radio],
#ul-contents .contact table input[type=checkbox] {display: none;margin: 0;}
#ul-contents .contact table input[type=radio] + label,
#ul-contents .contact table input[type=checkbox] + label {padding: 0 0 0 32px;}
#ul-contents .contact table input[type=radio] + label::before,
#ul-contents .contact table input[type=checkbox] + label::before {content: "";position: absolute;top: 0;left: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;display: block;width:16px;height:16px;margin-top: 6px;background-color: #ffffff;}
#ul-contents .contact table input[type=radio] + label::before {border: 1px solid #cccccc;border-radius: 30px;}
#ul-contents .contact table input[type=checkbox] + label::before {border: 1px solid #cccccc;}
#ul-contents .contact table input[type=radio]:checked + label::after,
#ul-contents .contact table input[type=checkbox]:checked + label::after {content: "";position: absolute;top:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;}
#ul-contents .contact table input[type=radio]:checked + label::after {left:0; top:6px;width:16px;height:16px;margin-top:0;background-color: #3D9FD2;border-radius: 8px;}
#ul-contents .contact table input[type=checkbox]:checked + label::after {left:0; top:6px;width:16px;height:16px; background-color:#3D9FD2;}
}
/**/
#ul-contents .contact table ul.aform-name-ul li,#ul-contents .contact table ul.aform-kana-ul li{ width:260px; float:left;}
#ul-contents .contact table ul.aform-name-ul li label,#ul-contents .contact table ul.aform-kana-ul li label{ display:none;}
#ul-contents .contact table label.aform-twice-note{ margin-top:10px !important;}
#ul-contents .contact table .w1{ width:420px;}
#ul-contents .contact table .w2{ width:420px;}
#ul-contents .contact table .w3{ width:540px;}
#ul-contents .contact table .w4,#ul-contents .contact table input#gmini01,#ul-contents .contact table input#gmini02,#ul-contents .contact table input#gmini03,#ul-contents .contact table input#gmini04,#ul-contents .contact table input#gmini05,#ul-contents .contact table input#gmini06,#ul-contents .contact table input#gmini07,#ul-contents .contact table input#gmini08,#ul-contents .contact table input#gmini09,#ul-contents .contact table input#gmini10{ width:150px;}
#ul-contents .contact table ul.aform-name-ul li:first-child,#ul-contents .contact table ul.aform-kana-ul li:first-child{ margin-right:2%;}
#ul-contents .contact table .agree img{ width:16px; margin-left:5px; margin-right:62px; vertical-align:-3px;}
#ul-contents .contact table .otbox{ display:table; width:100%;}
#ul-contents .contact table .otbox .check-radio-box{ display:table-cell; padding-right:23px;}
#ul-contents .contact table .otbox .check-radio-sup{ display:table-cell;}
/* FormLib */
select.customstyled{cursor:pointer;}
select.customstyled option{ padding:3px 0 3px 14px;}
.customSelect {
	overflow:hidden;
	font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding: 0 30px 0 14px;
	width:420px;
	height:40px;
	line-height:40px;
	background-image: url(../img/icon_select.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size:23px auto;
	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
	-webkit-appearance: none; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;
}
.customSelect.changed {
background-color: #ffffff;
	border: 1px solid #CCCCCC;
}
.customSelectFocus {
background-color: #ffffff;
	border: 1px solid #CCCCCC;
}
.customSelectOpen {
background-color: #ffffff;
	border: 1px solid #CCCCCC;
}
.customSelectInner{ width:100% !important;}
@media(max-width:990px){
#ul-contents .contact{ width:720px;}
#ul-contents .contact table{ width:100%; border-collapse:collapse; border:none;}
#ul-contents .contact table tr th{ width:300px; padding:20px 5px 15px 5px;border-collapse:collapse; border:none; text-align:left; vertical-align:top; font-size:115%; font-weight:normal;}
}
@media(max-width:768px){
#ul-contents .sp-nobr{display:none;}
	
#ul-contents .contact{ width:280px; margin:30px auto;}
#ul-contents .contact table{ display:block; width:100%; border-collapse:collapse; border:none;}
#ul-contents .contact table tbody,#ul-contents .contact table tbody tr{ display:block;}
#ul-contents .contact table tr th{ display:block; width:100%; padding:0 0 8px 0; font-size:86%; line-height:1em; float:left; clear:both;}
#ul-contents .contact table tr td{ display:block;width:100%; padding:0 0 30px 0; float:left; clear:both;}
#ul-contents .contact table input[type=text],#ul-contents .contact table input[type=email],#ul-contents .contact table input[type=tel],#ul-contents .contact table input[type=url]{ width:100%;padding: 0 3px;height:30px;line-height:30px;font-size:86%;}
#ul-contents .contact table textarea{padding:3px;font-size:86%;}
#ul-contents .contact .send{ width:215px; margin:0 auto 0 auto;padding:20px 0;}
#ul-contents .contact .send input[type=submit]{ font-size:86%;height:35px; line-height:31px;}

/**/

#ul-contents .contact table input[type=radio] + label,
#ul-contents .contact table input[type=checkbox] + label {padding: 0 0 0 26px; font-size:86%;}
#ul-contents .contact table input[type=radio] + label::before,
#ul-contents .contact table input[type=checkbox] + label::before {width:20px;height:20px;}
#ul-contents .contact table input[type=radio]:checked + label::after {left:0; top:6px;width:20px;height:20px;border-radius:10px;}
#ul-contents .contact table input[type=checkbox]:checked + label::after {left:0; top:6px;width:20px;height:20px;}

/**/
#ul-contents .contact table .agree input[type=radio] + label,
#ul-contents .contact table .agree input[type=checkbox] + label {padding: 0 0 0 20px;}
#ul-contents .contact table .agree input[type=radio] + label::before,
#ul-contents .contact table .agree input[type=checkbox] + label::before {width:14px;height:14px;}
#ul-contents .contact table .agree input[type=radio]:checked + label::after {left:0; top:6px;width:14px;height:14px;border-radius:7px;}
#ul-contents .contact table .agree input[type=checkbox]:checked + label::after {left:0; top:6px;width:14px;height:14px;}
/**/
#ul-contents .contact table .w1,#ul-contents .contact table ul.aform-name-ul li,#ul-contents .contact table ul.aform-kana-ul li{ width:280px; float:none; margin-bottom:10px;}
#ul-contents .contact table .w2{ width:280px;}
#ul-contents .contact table .w3{ width:280px;}
#ul-contents .contact table .pd1{ margin-right:0;}
#ul-contents .contact table .agree{font-size:86%;}
#ul-contents .contact table .agree img{margin-right:20px;}
#ul-contents .contact table .otbox{ display:block; width:100%;}
#ul-contents .contact table .otbox .check-radio-box{ display:block; padding-right:2px;font-size:100%; line-height:1em;}
#ul-contents .contact table .otbox .check-radio-sup{ display:block;font-size:100%; line-height:1em;}
/* FormLib */
select.customstyled option{ padding:3px 0 3px 3px;}
.customSelect {
	padding: 0 12px 0 3px;
	width:280px;
	height:30px;
	line-height:30px;
	background-size:13px auto;
	font-size:86%;
}
/* PlaceHolder */
#ul-contents .contact table .placeholder{
top:0;
left:3px;
font-size:86%;
line-height:30px;
text-align:left;
color:#bbbbbb;
overflow:hidden;
position:absolute;
z-index:99;
}
#ul-contents .contact table .w1 span,#ul-contents .contact table .w2 span,#ul-contents .contact table .w3 span,#ul-contents .contact table .otbox .check-radio-box span,#ul-contents .contact table .otbox .check-radio-sup span,#ul-contents .contact table ul.aform-name-ul li,#ul-contents .contact table ul.aform-kana-ul li{ width:100%;}

/* privacy */
.contact-privacy-box{padding:10px 0 10px 0;font-size:86%;}
.contact-privacy-box h3{margin:10px 0 10px 0; }
.contact-privacy-box .contact-privacy-body{padding:8px;height:200px;}
.contact-privacy-box .contact-privacy-body h4{font-weight:bold;margin:0 0 8px 0;}
.contact-privacy-box .contact-privacy-body p{margin:0 0 24px 0;} 
.contact-privacy-box .contact-privacy-agree{padding:10px 0 0 0;}

#ul-contents .contact table.contact-confirm tr td{ font-size:86%;}
#ul-contents .contact .back{text-align:center;padding:0 0 20px 0 ;}
#ul-contents .contact .back .back-btn{font-size:86%; width:120px; height:35px;line-height:35px;color:#868686; }
/* thankyou */
#ul-contents .contact .contact-thankyou{text-align:center;padding:16px 0 0 0; font-size:100%;line-height:1.8em;}
#ul-contents .contact .contact-thankyou p{text-align:center;padding:40px 0 10px 0;}

}