@charset "UTF-8";

/* --------------------------------
	共通
-------------------------------- */
.global_header { padding-top: 7px; }
.global_header .site_id { padding-bottom: 8px; }
#main { max-width: 980px; _width: 980px; margin: 0 auto; font-size: 87.5%; line-height: 1.5; }

@media only screen and (max-width: 767px) {
	.global_header { padding-top: 0; }
	.global_header .site_id { width: 168px; margin-top: 6px; margin-bottom: 7px; padding-bottom: 0; }
	.global_header .site_id a { height: 57px; -webkit-background-size: 168px auto; -o-background-size: 168px auto; background-size: 168px auto; }
	#main { max-width: inherit; min-width: inherit; margin: 0; font-size: 100%; }
	.pc_only { display: none !important; }
}

/* --------------------------------
	タイトル
-------------------------------- */
/* カテゴリタイトル */
#module_titleArea #category_title { padding: 10px 0 4px; }
#module_titleArea #category_title span { display: block; padding-left: 10px; background: url(../img/bg_title_bar.gif) no-repeat 0 0.2em; font-size: 142.9%; font-weight: bold; line-height: 1.423; }
/* メインタイトル */
.ttl-area { margin-bottom: 1.5em; padding: 0 13px; }
.ttl-area .ttl-heading { color: #cc0000; font-size: 185.7%; font-weight: bold; line-height: 1.4; }
/* 赤タイトル */
.heading { margin-bottom: 1em; padding: 0.75em 10px; border-top: 2px solid #cc0000; border-bottom: 1px solid #bbb; }
.heading span em { font-size: 116.6%; font-weight: bold; }
/* サンクスラベル */
.thanks_lead { padding: 3.2em 0; text-align: center; font-size: 114.2%; }
.thanks_lead .thanks_label { margin-bottom: 0.3em; font-size: 162.5%; font-weight: bold; }

@media only screen and (max-width: 767px) {
	/* カテゴリタイトル */
	#module_titleArea #category_title { margin-left: 20px; padding: 15px 0 10px; }
	#module_titleArea #category_title span { padding-left: 10px; background: url(../img/bg_title_bar_@2x.gif) no-repeat 0 0.25em; background-size: 4px auto; }
	/* メインタイトル */
	.ttl-area { margin-bottom: 1.35em; padding: 0 20px; }
	.ttl-area .ttl-heading { font-size: 171.4%; }				
	/* 赤タイトル */
	.heading { margin-bottom: 0.7em; }				
	/* サンクスラベル */
	.thanks_lead { padding: 0.75em 0 1.5em; font-size: 107.1%; }
	.thanks_lead .thanks_label { margin-bottom: 0.53em; font-size: 133.3%; }
}

/* --------------------------------
	フロー
-------------------------------- */
.flow-area { margin-bottom: 23px; }
.flow-area ul { margin-left: -20px; }
.flow-area li { float: left; width: 33.33%; }
.flow-area li p { background: url(../img/arr_flow.gif) no-repeat 6px 50%; padding-left: 20px; }
.flow-area li.first p { background: none; }
.flow-area li span { display: block; padding: 0.8em 5px; background-color: #f0f0f0; text-align: center; font-weight: bold; }
.flow-area li.active span { padding: 0.65em 5px; background-color: #f9fdff; border: 2px solid #cc0000; color: #333333; font-weight: bold; }

@media only screen and (max-width: 767px) {
	.flow-area { margin: 0 20px 20px; }
	.flow-area li p { background: url(../img/bg_sec_flow_@2x.png) no-repeat 0 50%; background-size: 20px auto; padding-left: 20px; }
	.flow-area li span { padding: 9px 0; }
	.flow-area li.active span { padding: 7px 0; }
	.flow-area li span em { display: none; }
}

/* --------------------------------
	レイアウト
-------------------------------- */
#verisign { margin: -15px 0 30px; padding: 1em 10px; background-color: #f2f2f2; text-align: center; }				
.color_bg_wrap { padding: 1.5em 30px; background: #fbf9f5; }

@media only screen and (max-width: 767px) {
	.section { margin: 0 20px; }
	#verisign { margin: 0 0 10px; padding: 0; background: none; }
	.color_bg_wrap { padding: 1.35em 10px; background: #fbf9f5; }
}

/* --------------------------------
	テーブル
-------------------------------- */
table.qa-form-tbl { width: 100%; margin-bottom: 15px; border-collapse: collapse; border: none; border-spacing: 0; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; color: #111; }
.inquiry_cfm table.qa-form-tbl { margin-bottom: 25px; }
table.qa-form-tbl tr th{ width: 180px; padding: 12px; background-color: #efefef; border-top: 1px solid #bbb; border-left: 1px solid #bbb; }
table.qa-form-tbl tr td{ padding: 12px; border-top: 1px solid #bbb; border-left: 1px solid #bbb; }
table.qa-form-tbl .required { display: block; min-height: 16px; padding-right: 32px; background: url(../img/icon_required.gif) no-repeat right 50%; }
table.qa-form-tbl .sample { margin-bottom: 0.2em; }
table.qa-form-tbl input::-webkit-input-placeholder { color: #555; }
table.qa-form-tbl input:-moz-placeholder { color: #555; }
table.qa-form-tbl .placeholder { display: none; color: #555; }
table.qa-form-tbl .placeholder:not(:target) { display: block\9; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { table.qa-form-tbl .placeholder:not(:target) { display: none; } }
table.qa-form-tbl .input-text { margin-top: 3px;  background: #fff7f2; border: 1px solid #bbb; font-size: 100%; }
table.qa-form-tbl .checkbox { margin-right: 4px; }
table.qa-form-tbl input.any { background: #fff; }
[disabled="disabled"] { cursor: default; }
table.qa-form-tbl .form_full_size { width: 85%; }
table.qa-form-tbl textarea.form_full_size { height: 120px; }
table.qa-form-tbl .form_zip_size { width: 130px; margin-right: 5px; }
table.qa-form-tbl .form_tell_size { width: 200px; }
table.qa-form-tbl input,
table.qa-form-tbl textarea,
table.qa-form-tbl select { height: auto; padding: 4px 0 2px 2px; font-size: 100%; }
table.qa-form-tbl input[type="text"],
table.qa-form-tbl input[type="password"] { height: 1.5em; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	table.qa-form-tbl #search_addr_btn { font-size: 116.6%; }
}

@media only screen and (min-width: 768px) and (max-width: 979px){
	.check-col2 .box-left { width: 45%; padding-right: 20px; }
	.check-col2 .box-right { width:45%; }
}

@media only screen and (max-width: 767px) {
	table.qa-form-tbl tr th { display: block; float: left; clear: both; width: 99.7% !important; padding: 0; border-bottom: none; }
	table.qa-form-tbl tr td { display: block; float: left; clear: both; width: 100%; padding: 0; }
	table.qa-form-tbl th .inner { display: block; padding: 7px 10px; font-weight: bold; }
	table.qa-form-tbl td .inner { display: block; padding: 10px; overflow: hidden; }
	table.qa-form-tbl .required { background: url(../img/icon_required_@2x.gif) no-repeat right 50%; background-size: 32px auto; }
	table.qa-form-tbl .sample { font-size: 85%; }
	table.qa-form-tbl .form_full_size { width: 100%; }
	table.qa-form-tbl .form_zip_size { width: 100%; margin: 0 0 0.5em; }
	table.qa-form-tbl .form_tell_size { width: 100%; }
	table.qa-form-tbl #search_addr_btn { width: 100%; }
	
	table.qa-form-tbl td .inner input,
	table.qa-form-tbl td .inner textarea { height: auto; font-size: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal !important; }
	table.qa-form-tbl td .inner select { height: auto; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal !important; }
	table.qa-form-tbl td .inner textarea { min-height: 250px; }
	table.qa-form-tbl td .inner input[type="button"]{ -webkit-appearance: button; }
	table.qa-form-tbl td .inner label { padding: 0.7em 0; vertical-align: middle; }
	table.qa-form-tbl td .inner .agreement { margin: 0.7em 0; }
}

/* --------------------------------
	リスト
-------------------------------- */
ul.disc-list { list-style: disc; margin-left: 1.7em; }
ul.disc-list li { margin-bottom: 0.5em; }

@media only screen and (max-width: 767px) {
	ul.disc-list li { margin-bottom: 0.3em; }	
}

/* --------------------------------
	マージン
-------------------------------- */
.qa-form-ttl { margin-bottom: 1em; }
.inquiry_lead { margin-bottom: 1.5em; }
.inquiry_note { margin-bottom: 1.5em; }

@media only screen and (max-width: 767px) {
	.inquiry_lead { margin-bottom: 1em; }
	.inquiry_note { margin: 0.5em 0 1em; }
}

/* --------------------------------
	ボタン
-------------------------------- */
.btn-area { width: 100%; margin:0 auto; padding: 25px 0; background: #fff7f2; text-align:center; }
.inquiry_cfm .btn-area { margin-top: 40px; }
.btn_set { text-align: center; }
.btn_set li { display: inline; margin: 0 16px 0 20px; }
.btn_set li p { display: inline; }

.submit_button { min-width: 184px; display: inline-block; padding: 0.7em 50px 0.7em; background: #cc0000; border:1px solid #cc0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; }
.submit_button:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.submit_button span { display: inline-block; min-height: 22px; padding-left: 30px; background: url(../img/arr_submit.png) no-repeat 0 0.3em; color: #fff; font-size: 166.6%; font-weight: bold; line-height: 1.6; }
.disabled .submit_button { background: none; border:1px solid #888; }
.disabled .submit_button:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.disabled .submit_button span { background: url(../img/arr_submit_off.png) no-repeat 0 0.3em; color: #888; line-height: 1.6; }

.cancel_button,
.return_button { display: inline-block; padding: 0.7em 30px 0.7em; background: #888; border:1px solid #888; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-align: center; }
.cancel_button:hover,
.return_button:hover { filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.cancel_button span { display: inline-block; min-height: 15px; padding-left: 22px; background: url(../img/arr_submit_cancel.png) no-repeat 0 0.2em; color: #fff; font-size: 116.6%; font-weight: bold; line-height: 1.6; }
.return_button span { display: inline-block; min-height: 15px; padding-left: 22px; background: url(../img/arr_submit_return.png) no-repeat 0 0.2em; color: #fff; font-size: 116.6%; font-weight: bold; line-height: 1.6; }

@media only screen and (max-width: 767px) {
	.btn-area { width: auto; padding: 15px 15px 10px; }
	.btn_set li { display: block; margin: 0; }
	
	.submit_button,
	.cancel_button { width: 100% !important; margin-bottom: 0.5em; padding: 0.8em 0px 0.67em !important; }
	.return_button { width: 100% !important; margin-bottom: 1em; padding: 0.8em 0px 0.67em; }
	.submit_button:hover,
	.cancel_button:hover,
	.return_button:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
	.submit_button span { display: inline-block; min-height: 21px; padding-left: 28px; background: url(../img/arr_submit_@2x.png) no-repeat 0 0.15em; background-size: 21px auto; font-size: 128.5%; }
	.disabled .submit_button span { background: url(../img/arr_submit_off_@2x.png) no-repeat 0 0.15em; background-size: 21px auto; }
	.cancel_button span { display: inline-block; min-height: 21px; padding-left: 26px; background: url(../img/arr_submit_cancel_@2x.png) no-repeat 0 0.05em; background-size: 21px auto; }
	.return_button span { display: inline-block; min-height: 21px; padding-left: 26px; background: url(../img/arr_submit_return_@2x.png) no-repeat 0 0.05em; background-size: 21px auto; }
}

/* --------------------------------
	ページトップ
-------------------------------- */
.pagetop { margin: 2.5em 0 3.75em; padding-top:12px; border-top:1px solid #efefef; text-align: right; }
.pagetop a { display: inline-block; padding: 0.16em 10px 0.16em 26px; background: url(../img/arr_pagetop.gif) no-repeat 10px 50%; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }

@media only screen and (max-width: 767px) {
	.pagetop { margin: 1em 10px 1.5em; padding-top: 0; border: none; }
	.pagetop a { background: url(../img/arr_pagetop_@2x.png) no-repeat 10px 50%; background-size: 12px auto; }
}

/* --------------------------------
	アイコン リンクアロー
-------------------------------- */
.arr { display: inline-block; padding: 0 0 0 11px; background: url(../img/arr.gif) no-repeat 0 0.5em; }
.icon_blank img { margin: 0 5px; }

@media only screen and (max-width: 767px) {
	.arr { background: url(../img/arr_@2x.png) no-repeat 0 0.5em; -webkit-background-size: 7px auto; -o-background-size: 7px auto; background-size: 7px auto; }
	.icon_blank img { display: none; }
	.icon_blank:after { display: inline-block; content: ""; width: 15px; height: 14px; background: url(../img/icon_blank_@2x.png) no-repeat; margin-left: 3px; -webkit-background-size: 15px auto; -o-background-size: 15px auto; background-size: 15px auto; }
}

/* --------------------------------
	その他
-------------------------------- */
.attention-txt { margin-top: 5px; color: #cc0000; font-weight: bold; }	
.qa-form-tbl th .attention-txt { margin-bottom: -0.5em; }				
.color-red { color: #cc0000; }

@media only screen and (max-width: 767px) {
	.qa-form-tbl th .attention-txt { margin-bottom: 0; }				
}