@charset "utf-8";
/* CSS Document */

/*-------------------------
お問い合わせ
-------------------------*/
.sec-mv {
	background: url(../images/contact/bg_mv_contact.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
.en-page th p,
.en-page td p {
	text-align: left;
}
.txt-intro {
	line-height: 1.66;
}
.txt-intro a {
	text-decoration: underline;
	font-weight: 700;
	color: #e51c23;
}
.txt-intro a:hover {
	text-decoration: none;
}
.contact-flow {
	text-align: center;
}
.contact-flow ol {
	counter-reset:number;
	list-style:none;
	margin:0;
	padding:0;
}
.contact-flow ol li:before {
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: .5em;
}
.contact-flow li {
	display: inline-block;
	font-size: 0;
	background: #ddd;
	line-height: 1.5;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact-flow li p {
	letter-spacing: .1em;
	display: inline-block;
}
.contact-flow li.current p {
	color: #fff;
	font-weight: 700;
}
.conplete .contact-flow ol li:nth-child(2)::after,
.contact-flow ol li.current::before {
	color: #e51c23;
}
.contact-flow ol li:first-child::after,
.contact-flow ol li:nth-child(2)::after {
	content: '...';
	color: #ddd;
	position: absolute;
}
.contact-flow ol li.current::after,
.complete .contact-flow ol li:nth-child(2)::after {
	color: #e51c23;
}
.contact-flow li.current {
	background: #e51c23;
}
.wrap-contact-table table th p {
	position: relative;
	padding-right: 2.2em;
}
.wrap-contact-table table th p.required::after {
	content: '必須';
	position: absolute;
	display: block;
	background: #b00404;
	color: #fff;
	padding: .3em;
	right: 1em;
	top: -.2em;
}
.en-page .wrap-contact-table table th p.required::after {
	content: 'REQUIRED';
	position: absolute;
	display: block;
	background: #b00404;
	color: #fff;
	padding: .3em;
	right: 1em;
	top: -.2em;
}
.wrap-contact-table table th p.any::after {
	content: '任意';
	position: absolute;
	display: block;
	background: #878a8c;
	color: #fff;
	padding: .3em;
	right: 1em;
	top: -.2em;
}
.en-page .wrap-contact-table table th p.any::after {
	content: 'ANY';
	position: absolute;
	display: block;
	background: #878a8c;
	color: #fff;
	padding: .3em;
	right: 1em;
	top: -.2em;
}
.wrap-contact-table table {
	table-layout: fixed;
	border: 1px solid #d6d6d6;
}
.wrap-contact-table table th {
	background: #f5f5f5;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap-contact-table table td {
	border-bottom: 1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap-contact-table table td input {
	padding: .1em .5em;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap-contact-table table td select {
	vertical-align: top;
	padding: .2em .5em;
	line-height: 1;
	width: 80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrap-contact-table table td select option,
.wrap-contact-table table th p {
	line-height: 1;
	padding: 0;
} 
.wrap-contact-table table tr:nth-child(-n+7) th {
	vertical-align: middle;
}
.wrap-contact-table table textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ttl-detail {
	background: #f5f5f5;
	font-weight: 700;
	padding: .5em 1em;
}
.test-detail a {
	color: #e51c23;
	text-decoration: underline;
	font-weight: 700;
}
.test-detail a:hover {
	text-decoration: none;
}

.mwform-radio-field input[type="radio"] {
	vertical-align: middle;
	line-height: 1;
	margin: 0 .3em 0 0;
}

.box-items li label,
.wrap-contact-table table input[type="checkbox"] {
	vertical-align: middle;
	line-height: 1;
	margin: 0 .3em 0 0;
}
.wrap-contact-table .mwform-checkbox-field {
	vertical-align: middle;
	/*line-height: 1;*/
}
.sTtl-detail {
	font-weight: 700;
	position: relative;
	padding-left: .8em;
	margin-bottom: .5em;
}
.sTtl-detail::before {
	content: '';
	width: .5em;
	height: .5em;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.25em;
	background: #e51c23;
}
.box-items .mwform-checkbox-field {
	display: inline-block;
	/*margin-bottom: 1em;*/
	margin-right: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mwform-checkbox-field-text {
	font-weight: 500;
}
.mwform-radio-field {
	display: inline-block;
	/*margin-bottom: 1em;*/
	margin-right: 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.u-fz18 {
	font-size: 1.8rem;
}
@media screen and (max-width: 768px){
	.u-fz18 {
		font-size: 1.6rem;
	}
}
.mwform-radio-field-text {
	font-weight: 500;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}
.box-items:last-child li {
	width: 100%;
}
.box-privacy {
	overflow: scroll;
	border: 1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-privacy p em {
	font-weight: 700;
	display: block;
}
.box-privacy p {
	margin-bottom: 1em;
}
.btn-submit-wrap {
	text-align: center;
}
.btn-submit-wrap.btn-input label,
.btn-submit-wrap.btn-complete label {
	display: inline-block;
	cursor: pointer;
	background: #e51c23;
	position: relative;
}
.btn-submit-wrap.btn-input label::after,
.btn-submit-wrap.btn-complete label::after {
	position: absolute;
	content: '\f054';
	right: 0;
	top: 50%;
	margin-top: -10px;
	font-family: FontAwesome;
	padding-right: 1em;
	color: #fff;
}
.btn-submit-wrap.btn-confirm label {
	display: inline-block;
	cursor: pointer;
	background: #878a8c;
	position: relative;
}
.btn-submit-wrap.btn-confirm label::after {
	position: absolute;
	content: '\f053';
	left: 0;
	top: 50%;
	margin-top: -10px;
	font-family: FontAwesome;
	padding-left: 1em;
	color: #fff;
}
.btn-submit-wrap input,
.btn-submit-wrap button {
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	background: none;
	color: #fff;
	font-weight: 700;
	padding: 1.5em 0;
	cursor: pointer;
}
.test-contact ul {
	-js-display: flex;
display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}
.test-contact li {
	flex-basis: 30%;
}
.test-contact h4 {
	font-weight: 700;
	background: #f5f5f5;
	padding: .5em;
}
.test-contact p {
	text-align: left;
}
.test-contact p,
.test-contact ul {
	margin-top: 1em;
}
.test-contact dt {
	font-weight: 700;
	margin: .5em 0;
}
.test-contact h4,
.test-contact dt,
.test-contact dd {
	text-align: left;
}
/* .confirm .wrap-contact-table table tr:nth-child(9) {
	display: none;
} */
 .confirm .wrap-contact-table table tr:nth-last-of-type(1) {
	display: none;
}
.input .btn-confirm,
.input .btn-complete {
	display: none;
}
.confirm .btn-input,
.confirm #select_detail,
.confirm .test-detail{
	display: none;
}
.en-page p.btn-returnTop,
p.btn-returnTop {
	text-align: center;
	margin-top: 2em;
}
.btn-returnTop a {
	color: #e51c23;
	font-weight: 700;
	text-decoration: underline;
}
.btn-returnTop a:hover {
	text-decoration: none;
}
.mw_wp_form_complete {
	text-align: center;
}
.contact .wrap-detail .ttl-detail span::after {
	content: 'をご記入下さい。';
}
.confirm .wrap-detail .ttl-detail span::after {
	content: '。';
}
.contact.en-page .wrap-detail .ttl-detail span::after {
	content: '';
}
.confirm.en-page .wrap-detail .ttl-detail span::after {
	content: '';
}
.confirm .box-test p {
	display: none;
}
.complete .contact-flow {
	margin-top: 4em;
}
.contact .l-footer-contact,
.contact .l-footer-nav {
	display: none;
}
.contact .gNav-toggle,
.contact .gNav {
	/*display: none;*/
}
.wrap-contact-table table .input-num input:not(:last-child) {
	margin-right: .5em;
}
.wrap-contact-table table .input-num input:not(:first-child) {
	margin-left: .5em;
}
.mw_wp_form .error,
p.caution {
	margin-top: .5em;
}
.en-page p.caution {
  display: none;
}


/* ====▼ 769px以上 ▼==== */
@media screen and (min-width:769px) {
	.wrap-contact-table table th p.required::after,
	.wrap-contact-table table th p.any::after {
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.sec-contact {
		padding: 60px 0 80px;
	}
	.txt-intro {
		font-size: 18px;
		font-size: 1.8rem;
		margin: 70px 0;
	}
	.contact-flow ol li:nth-child(2) {
		margin: 0 55px;
	}
	.contact-flow ol li:before,
	.contact-flow li p {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.contact-flow ol li:first-child::after,
	.contact-flow ol li.current::after,
	.contact-flow ol li:nth-child(2)::after {
		font-size: 30px;
		right: -14%;
		top: -30%;
	}
	.contact-flow li {
		padding: 5px 10px;
		width: 300px;
		margin-bottom: 10px;
	}
	.wrap-contact-table {
		margin-top: 40px;
	}
	.wrap-contact-table table {
		width: 100%;
	}
	.wrap-contact-table table th {
		width: 300px;
		padding-left: 30px;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.wrap-contact-table table td {
		padding: 24px;
	}
	.wrap-contact-table table td select,
	.wrap-contact-table table th p,
	.wrap-contact-table table td input,
	.box-test {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.wrap-contact-table table .input-l input,
	.wrap-contact-table table .input-ad input {
		/*width: 500px;*/
		width: 80%;
	}
	.wrap-contact-table table .input-s input {
		width: 40%;
	}
	.wrap-contact-table table .input-adnum input {
		width: 30%;
	}
	.wrap-contact-table table .input-num input {
		width: 12%;
	}
	
	td p,
	.box-items {
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	.test-detail {
		display: inline-block;
		line-height: 34px;
		margin-top: 1em;
	}
	.ttl-detail {
		margin-top: 20px;
	}
	.box-items {
		margin-top: 15px;
	}
	.ttl-detail,
	.sTtl-detail,
	.box-items .mwform-checkbox-field {
		font-size: 18px;
		font-size: 1.8rem;
	}
	td textarea {
		height: 80px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.box-test {
		padding-top: 20px;
	}
	.box-test p {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.box-test textarea {
		height: 300px;
	}
	.area-privacy span {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.box-privacy {
		height: 150px;
	}
	.box-privacy {
		padding: 1em;
		margin-top: 1em;
	}
	.box-privacy p {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.btn-submit-wrap {
		margin-top: 80px;
	}
	.btn-submit-wrap input,
	.btn-submit-wrap button {
		font-size: 18px;
		font-size: 1.8rem;
		width: 300px;
	}
	.test-contact h4,
	.test-contact dt,
	.test-contact dd,
	.test-contact p {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.test-contact li {
		margin-bottom: 30px;
	}
	.test-contact li:not(:last-child) {
		margin-right: 20px;
	}
	.test-contact ul {
		-js-display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		-o-flex-wrap: nowrap;
		flex-wrap: nowrap;
		justify-content: space-around;
	}
  .mw_wp_form_complete p,
	.btn-returnTop a {
		font-size: 18px;
		font-size: 1.8rem;
	}
  .mw_wp_form_complete p {
    text-align: center;
  }
  .mw_wp_form_complete p + p {
    margin-top: 1em;
  }
	

}


/* ====▼ 768px以下 ▼==== */
@media screen and (max-width:768px) {
	.txt-intro {
		font-size: 16px;
		font-size: 1.6rem;
		padding: 0 4%;
		margin-bottom: 3em;
	}
	.contact-flow {
		padding: 0 4%;
	}
	.contact-flow ol li {
		display: block;
		text-align: left;
		padding: 2%;
		vertical-align: middle;
	}
	.contact-flow ol li:not(:last-child) {
		margin-bottom: 4%;
	}
	.contact-flow ol li:before {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.contact-flow li p {
		line-height: 2.4;
		vertical-align: bottom;
	}
	.wrap-contact-table {
		padding: 0 4%;
		margin-top: 10%;
	}
	.wrap-contact-table table {
		
	}
	.wrap-contact-table table th,
	.wrap-contact-table table td {
		display: block;
		padding: 1em;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.wrap-contact-table table td>p input,
	.wrap-contact-table table td select {
		width: 100%;
		padding: .5em;
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.test-detail {
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 1em;
	}
	.ttl-detail {
		margin: 1em 0;
	}
  .btn-submit-wrap input, 
  .btn-submit-wrap button,
	.wrap-contact-table table input[type="checkbox"]+span,
	.sTtl-detail {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.box-items input {
		display: inline;
	}
	.box-items li label,
	.box-items li {
		display: block;
	}
	.box-items li {
		margin-bottom: 1.5em;
	}
	.sTtl-detail {
		margin-bottom: .5em;
	}
	.box-items textarea,
	.box-test textarea {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.box-items textarea {
		height: 150px;
	}
	.box-test textarea {
		height: 300px;
	}
	.box-privacy {
		height: 200px;
	}
	.btn-submit-wrap {
		margin: 10% 0;
	}
	.btn-submit-wrap label {
		width: 100%;
	}
	.mw_wp_form_complete,
	.btn-returnTop a {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.box-privacy {
		margin-top: 1em;
		padding: 1em;
	}
	.box-items {
		margin-top: 1.5em;
	}
	.android .input-num input {
		width: 25%;
	}
	.wrap-contact-table table .input-num input {
		width: 25%;
	}
	.wrap-contact-table table th {
		border-right: none;
	}
	.test-contact li {
		margin-bottom: 30px;
	}
  
}