@charset "UTF-8";

/* --------------------------------
	リセット共通CSS
-------------------------------- */
#module_zoomFontSize { top: 10px; }
.global_header .close { line-height: 0; }

/* --------------------------------
	共通
-------------------------------- */
#main { max-width: 980px; min-width: 688px; _width: 980px; margin: 0 auto; font-size: 87.5%; line-height: 1.5; }
#bt_header_close a { position: absolute; display: block; top: 14px; right: 13px; width: 15px; height: 16px; background: url(/contact/ssl/shared/img/bt_close.gif) no-repeat; text-indent: -9999px; outline: none; }

@media only screen and (max-width: 767px) {
	#main { max-width: inherit; min-width: inherit; margin: 0; font-size: 100%; }
	#bt_header_close a { top: 24px; right: 15px; background: url(/contact/ssl/shared/img/bt_close_@2x.gif) no-repeat; background-size: 15px auto; }
	.pc_only { display: none !important; }
}

/* --------------------------------
	タイトル
-------------------------------- */
/* 企業情報タイトル */
#module_titleArea #title { padding: 13px 0 8px; font-size: 100%; line-height: 0.1; }
#module_titleArea #title_category { padding: 10px 0 4px; }
#module_titleArea #title_category 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; }

/* 赤インデントボーダータイトル */
.sub_header{ margin-bottom: 1em; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
.sub_header span{ display: block; padding-left: 7px; border-left: 3px solid #cc0000; font-weight: bold; }
.inquiry_fin .sub_header { margin-top: 2.5em; }
				
/* グレー背景タイトル */
.gray_heading { margin-bottom: 2em; padding: 1em 0 1em 15px; background: #eee; 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 #title { width: 87px; height:20px; margin-left: 20px; padding: 20px 0 13px; background:url(/contact/ssl/shared/img/ttl_corporate_category_@2x.png) no-repeat 0 20px; background-size: 87px auto; }
	#module_titleArea #title img { display: none; }
	#module_titleArea #title_category { margin-left: 20px; padding: 15px 0 10px; }
	#module_titleArea #title_category 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; }
					
	/* 赤インデントボーダータイトル */
	.inquiry_fin .sub_header { margin-top: 1.2em; }
	
	/* サンクスラベル */
	.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(/contact/ssl/shared/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(/contact/ssl/shared/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; }

.item_col3 { margin-top: 2.5em; }
.item_col3 .col-left { float: left; margin-right: 4.07%; width: 30.62%; max-width: 300px; }
.item_col3 .col-right { float: right; width: 30.62%; max-width: 300px; }
.thumb-link-area { padding-top: 20px; border-top: 2px solid #cc0000; }
.thumb-link-area .thumb,
.thumb-link-area .link-text { margin-bottom: 10px; }
.thumb-link-area a span { padding-left: 16px; background: url(/contact/ssl/shared/img/arr_block.gif) no-repeat 0 0.25em; font-size: 114%; font-weight: bold; }
.thumb-link-area.bl-hover { background: #fcf2f2; }
					
.color_bg_wrap { padding: 1.5em 30px; background: #fbf9f5; }

@media only screen and (min-width: 768px) and (max-width: 979px){
	.check-confirmuser .confirmuser-text { float: none; width: 100%; }
	.check-confirmuser .confirmuser-btn { float: none; margin-top: 1em; }

	.item_col3 .thumb img { width: 100%; height: auto; }
}

@media only screen and (max-width: 767px) {
	.section { margin: 0 20px; }
	#verisign { margin: 0 0 10px; padding: 0; background: none; }
	
	.item_col3 { margin-top: 1.5em; }
	.item_col3 + .item_col3 { margin-top: 0; }
	.item_col3 .col-left { float: none; width: 100%; max-width: inherit; margin: 0 0 1em; }
	.item_col3 .col-right { float: none; width: 100%; max-width: inherit; margin: 0 0 1em; }
	.thumb-link-area { padding-top: 1em; }
	.thumb-link-area .thumb { margin-bottom: 0.5em; line-height: 1; text-align: center; }
	.thumb-link-area .thumb img { width: 269px; }
	.thumb-link-area .link-text { height: auto !important; margin-bottom: 0.7em; }
	.thumb-link-area .link-text:before { content: "\e606"; font-family: 'meicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #cc0000; margin-right: 3px; }
	.thumb-link-area p { height: auto !important; }
	.thumb-link-area a span { padding-left: 0; background: none; }
	.thumb-link-area.bl-hover { 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; }
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(/contact/ssl/shared/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(/contact/ssl/shared/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; }	
}

/* --------------------------------
	マージン
-------------------------------- */
.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(/contact/ssl/shared/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(/contact/ssl/shared/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(/contact/ssl/shared/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(/contact/ssl/shared/img/arr_submit_return.png) no-repeat 0 0.2em; color: #fff; font-size: 116.6%; font-weight: bold; line-height: 1.6; }

.button_close.all_vis { width: 100%; max-width: 240px; margin: 0 auto 25px; }
.button_close.all_vis a { display:block; padding: 15px 10px; background-color:#ededed; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #dedede; text-align:center; color: #333; font-size: 87.5%; font-weight:bold; }

.thanks_button { margin-top: 2.35em; text-align: center; }
.thanks_button .submit_button { background: none; border:1px solid #888; }
.thanks_button .submit_button span { padding-left: 0; background: none; color: #333; 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(/contact/ssl/shared/img/arr_submit_@2x.png) no-repeat 0 0.15em; background-size: 21px auto; font-size: 128.5%; }
	.disabled .submit_button span { background: url(/contact/ssl/shared/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(/contact/ssl/shared/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(/contact/ssl/shared/img/arr_submit_return_@2x.png) no-repeat 0 0.05em; background-size: 21px auto; }
	.button_close.all_vis { width: inherit; max-width: inherit; margin: 25px; }
	.button_close.all_vis a { font-size: 100%; }
	.thanks_button { margin-top: 1.5em; }
}

/* --------------------------------
	リンクアロー
-------------------------------- */
ul.link_list li { margin-bottom:0.5em; }
ul.link_list li a,
.arr { display: inline-block; padding: 0 0 0 11px; background: url(/contact/ssl/shared/img/arr.gif) no-repeat 0 0.5em; }
.icon_blank img { margin: 0 5px; }

@media only screen and (max-width: 767px) {
	ul.link_list li a,
	.arr { padding-left: 0; background: none; }
	ul.link_list li a:before,
	.arr:before { content: "\e608"; font-family: 'meicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0066a7; vertical-align: text-top; }
}

/* --------------------------------
	ページトップ
-------------------------------- */
.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(/contact/ssl/shared/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(/contact/ssl/shared/img/arr_pagetop_@2x.png) no-repeat 10px 50%; background-size: 12px auto; }
}

/* --------------------------------
	アイコン
-------------------------------- */
@media only screen and (max-width: 767px) {
	.icon_blank img { display: none; }
	.icon_blank:after { content: "\e609"; font-family: 'meicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333; margin-left: 3px; }
}

/* --------------------------------
	その他
-------------------------------- */
.attention-txt { margin-top: 5px; color: #cc0000; font-weight: bold; }	
.qa-form-tbl th .attention-txt { margin-bottom: -0.5em; }				
.color-red { color: #cc0000; }
#wrapper-850 { width: 100% !important; }
#wrapper-850 .wrapper-frame{ padding: 0 50px; }
#wrapper-850 .wrapper-info { width: 100% !important; }
#wrapper-850 .text12 { font-size: 100% !important; }

@media only screen and (max-width: 767px) {
	#wrapper-850 .wrapper-frame{ margin: 0 20px; padding: 0 20px; }
	#wrapper-850 .text12 { font-size: 90% !important; }
	.qa-form-tbl th .attention-txt { margin-bottom: 0; }				
}