@charset "UTF-8";

/* ---------------
	CONTACT トップ
-------------------------------------------------------*/
.c_ttl{
	border: 1px solid #000;
	padding: 10px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	width: 300px;
	margin: 0 auto 20px auto;
}
.contact-wrap { padding: 40px 0 100px 0 }
.contact-wrap .contact-top-box {
	background-color: #f4f4f4;
	padding: 40px 0;
}
.contact-wrap .contact-top-box .txt1 {
	font-size: 13px;
	font-weight: bold;
}
.contact-wrap .contact-flow-wrap {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 0;
	display: table;
}
.contact-wrap .contact-flow-wrap .inner {
	border-right: 1px solid #ddd;
	display: table-cell;
	width: 50%;
	padding: 26px 0;
}
.contact-wrap .contact-flow-wrap .inner:first-child { border-left: 1px solid #ddd }
.contact-wrap .contact-flow-wrap .inner .icon-img { min-height: 36px }
.contact-wrap .contact-flow-wrap .inner .ttl1 { margin: 14px 0 0 0 }
.contact-wrap .contact-flow-wrap .inner .ttl1 span { display: block }
.contact-wrap .contact-flow-wrap .inner .ttl1 .fi {
	font-size: 16px;
	font-weight: normal;
}
.contact-wrap .contact-flow-wrap .inner .ttl1 .se {
	font-size: 14px;
	line-height: 1.2;
}
.contact-wrap .contact-flow-wrap .inner .txt1 {
	font-size: 12px;
	margin: 30px 0 0 0;
}
.contact-wrap .contact-flow-wrap .inner .box {
	margin: 10px 0 0 0;
	min-height: 44px;
}
.contact-wrap .contact-flow-wrap .inner .txt2 {
	font-size: 12px;
	margin: 10px 0 0 0;
}
.contact-wrap .flow-line {
	max-width: 760px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: table;
	bottom: 5px;
}
.contact-wrap .line {
	background-color: #000;
	height: 1px;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.contact-wrap .flow-line .box {
	width: 33.3%;
	display: table-cell;
	text-align: center;
}
.contact-wrap .flow-line .box .dot {
	background-color: #000;
	width: 8px;
	height: 8px;
	border-radius: 50em;
	margin: 0 auto;
}
.contact-wrap .flow-line .box p { margin: 10px 0 0 0 }
.contact-wrap .flow-line .box p span {
	font-size: 13px;
	color: #b0b0b0;
}
.contact-wrap .flow-line .box p .fi { margin: 0 8px 0 0 }
.contact-wrap .flow-line .box.current .dot {
	background-color: #a31a30;
	border-radius: 0;
}
.contact-wrap .flow-line .box.current p .fi { color: #a31a30 }
.contact-wrap .flow-line .box.current p .se { color: #000 }
.contact .btn-contact-group {}
.contact .btn-contact-group .btn-submit,
.contact .btn-contact-group .btn-reset {
	display: inline-block;
	vertical-align: middle;
	width: 260px;
	position: relative;
	margin: 0 6px;
}
.contact .btn-contact-group div > input {
	border: 1px solid #000;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 58px;
	width: 100%;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact .btn-contact-group .black-white:before { color: #fff; }
.contact .btn-contact-group .black-white input {
	background: #000;
	color: #fff;
	font-weight: bold;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact .btn-contact-group .black-white:before { color: #fff; z-index: 100 }
.contact .btn-contact-group .black-white input:hover {
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60)";
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	opacity: 0.6;
}
.contact .btn-contact-group .btn-reset:hover,
.contact .btn-contact-group .btn-submit:hover { color: #fff; }
.contact .btn-contact-group .btn-reset input:hover,
.contact .btn-contact-group .btn-submit input:hover {
	background-color: #000;
	color: #fff;
}
.contact .btn-contact-group .btn-reset:before,
.contact .btn-contact-group .btn-submit:before {
	position: absolute;
	top: 50%;
	font-size: 12px;
	margin-top: -6px;
}
.contact .btn-contact-group .btn-reset:before { left: 10px }
.contact .btn-contact-group .btn-submit:before { right: 10px; }
.contact .btn-top-text {
	font-size: 13px;
	text-align: center;
	padding: 0 0 16px 0;
}


/* ---------------
	CONTACT 入力
-------------------------------------------------------*/


.contact .contact-wrap .about_contact {
	max-width: 840px;
	width: 100%;
	margin: 0 auto 60px auto;
	padding: 40px 0 50px;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
.contact .contact-wrap .about_contact h2 {
	padding: 0 30px 0 25px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
.contact .contact-wrap .about_contact ul {
	margin-bottom: 40px;
	padding: 0 50px 0 45px;
}
.contact .contact-wrap .about_contact ul li {
	width: 100%;
	margin-top: 10px;
	padding-left: 10px;
	display: block;
	text-align: left;
	font-size: 13px;
	line-height: 1.7;
	text-indent: -17px;
}
.contact .contact-wrap .about_contact ul li:before {
	content: "・";
}
.contact .contact-wrap .about_contact ul li .box {
	margin: 4px 0 0 12px;
}
.contact .contact-wrap .about_contact ul li .btn.c-black {
	padding: 0px 30px;
	border: 1px solid #333333;
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	margin: 0 0 6px 4px;
}
.contact .contact-wrap .about_contact ul li .box a {
	background: url("../images/icon/icon-arrow-small.png") no-repeat 96% 8px;
}
.contact .contact-wrap .about_contact ul li .box a:hover {
	background: url("../images/icon/icon-arrow-small_on.png") no-repeat 96% 8px;
}
.btn.c-black:hover {
	border-color: #000 !important;
	background-color: #000 !important;;
}
.contact .contact-wrap .about_contact .icon-right-open-big:before {
	font-size: 8px;
}
.contact .contact-wrap .about_contact .caution {
	padding: 20px 0;
	border: #a31a30 1px solid;
	color: #a31a30;
	font-size: 14px;
	letter-spacing: 1px;
}
.contact .contact-wrap h2.lead_title .lead_1 {
	width: 100%;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	display: block;
}
.contact .contact-wrap h2.lead_title .lead_2 {
	width: 100%;
	margin-bottom: 45px;
	font-size: 12px;
	line-height: 1;
	display: block;
}
.form-table {
	max-width: 540px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.form-table tr {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
}
.form-table tr th {
	display: block;
	width: 100%;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 4px;
}
.form-table tr th h3 {
	font-size: 15px;
	font-weight: bold;
	margin-left: -40px;
	margin-bottom: 20px;
	margin-top: 40px;
}
.form-table tr td {
	display: block;
	width: 100%;
	font-size: 12px;
}
.form-table tr td .radio-box {
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
}
.form-table tr td .radio-box li {
	margin: 0 0 14px 0;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
.form-table tr td .radio-box.sex { margin: 0; }
.form-table tr td .radio-box.sex li {
	width: 100px;
	margin: 0;
}
.form-table tr td .radio-box li label {
	font-size: 13px;
	cursor: pointer;
}
.form-table tr td .radio-box li label input {
	vertical-align: top;
	margin-right: 4px;
	padding-top: 0;
}
.form-table tr td .radio-box li p {
	margin: 0 0 0 20px;
	font-size: 11px;
}
.form-table tr th .reqired {
	font-size: 11px;
	color: #a31a30;
	font-weight: normal;
	padding-left: 10px;
}
.form-table tr td .text-box {}
.form-table tr .text-box { width: 500px; }
.form-table tr .text-box02 { width: 100px; }
.form-table tr td .select-box {}
.form-table tr select[name="job"],
.form-table tr select[name="pref"],
.form-table tr select[name="salon"] {
	width: 280px;
	border: 1px solid #000;
	border-radius: 0;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	padding: 6px 10px;
	text-align: center;
	background: #fff url(../images/icon/icon-arrow-top-bottom.png) no-repeat 95% center;
	cursor: pointer;
	text-align: left;
}
.form-table tr .text-box input,.form-table tr .text-box02 input {
	display: block;
	border: 1px solid #000;
	width: 100%;
	padding: 8px 10px;
	line-height: 16px;
	font-size: 13px;
}
.form-table tr .text-area-box {}
.form-table tr .text-area-box textarea {
	width: 500px;
	min-height: 200px;
	text-align: left;
	padding: 6px;
	border: 1px solid #000;
	font-size: 13px;
}
.icon-left-open-big {
	display: none !important;
}

/* ---------------
	CONTACT 確認
-------------------------------------------------------*/
.mw_wp_form_confirm .icon-left-open-big {
	display: inline-block !important;
}
.mw_wp_form_confirm .form-table tr td .radio-box.cate li {
	display: inline !important;
	margin: 0 !important;
}
.mw_wp_form_confirm .form-table tr td .radio-box.cate {
	margin: 0 !important;
}
.mw_wp_form_confirm .form-table tr th h3 {
	display: block;
	width: 100%;
	font-size: 13px !important;
	font-weight: normal !important;
	font-weight: normal;
	margin: 0 !important;
}
.mw_wp_form_confirm .check_no {
	display: none !important;
}
.mw_wp_form_confirm .form-table tr td .radio-box li {
	margin: 0 !important;
	height: 0 !important;
}
.mw_wp_form_confirm .form-table tr td .radio-box li {
	vertical-align: top !important;
}
.mw_wp_form_confirm .radio-box.sex li.man {
	margin-left: -100px !important;
}
.mw_wp_form_confirm {
	margin: 50px 0 0 0;
	background: #fff;
}
.mw_wp_form_confirm .reqired {
	display: none;
}
.mw_wp_form_confirm .form-table tr {
	display: table;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
.mw_wp_form_confirm .form-table tr:first-child { border-top: 1px solid #ccc; }
.mw_wp_form_confirm .form-table tr th {
	width: 200px;
}
.mw_wp_form_confirm .form-table tr td {
	width: 330px;
}
.mw_wp_form_confirm .form-table tr td,
.mw_wp_form_confirm .form-table tr th {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	padding: 20px 16px;
	line-height: 1.7;
}
.mw_wp_form_confirm .form-table tr.goiken {
	display: block;
}
.mw_wp_form_confirm .form-table tr.goiken th {
	padding: 20px 0 0 16px;
	display: block;
	width: 100%;
}
.mw_wp_form_confirm .form-table tr.goiken td {
	display: block;
	width: 100%;
	padding: 6px 16px 20px 16px;
}
.mw_wp_form_confirm .btn-submit.black-white input  {
	.form-table tr select[name="back"],
}

/* ---------------
	CONTACT 完了
-------------------------------------------------------*/
.contact .completion-wrap .txt1 span { display: block }
.contact .completion-wrap .txt1 .fi { font-size: 20px }
.contact .completion-wrap .txt1 .se { font-size: 16px }
.contact .completion-wrap .txt2 {
	font-size: 12px;
	margin: 40px 0 0 0;
}
.contact .completion-wrap .btn-wrap { margin: 80px 0 0 0 }

.sectable{
	font-size: 12px;
}
.table-striped tbody tr:nth-of-type(odd){
	background: none!important;
}
.table-striped a{
	color: #a5172d;
	text-decoration: underline;
	font-weight: bold;
}
a.sasearch{
	margin: 0 0 10px 0;
}

.btcontact{
	display: block;
	background: #a5172d;
	width: 200px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	margin: 10px 0 0 0;
}
.btcontact a{
	color: #fff;
	text-decoration: none!important;

}