@charset 'utf-8';

.section-inner {
	max-width: 1024px;
    margin: 0 auto;
    padding-top: 80px;
}
#stepFlow_outer {
	max-width: 1024px;
    margin: 0 auto 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
}
#stepFlow_outer::before {
	content: '';
    display: block;
    padding-top: 8%;
}
#stepFlow_outer.step_1 {
	background-image: url(../assets/img/common/step01_pc.png);
}
#stepFlow_outer.step_2 {
	background-image: url(../assets/img/common/step02_pc.png);
}
#stepFlow_outer.step_3 {
	background-image: url(../assets/img/common/step03_pc.png);
}
.container {
    padding: 24px 16px;
}
.contact .mailform-tbl {
	width: 100%;
	text-align: left;
}
.contact .mailform-tbl tr {
	border: 1px solid #eee;
}
.contact .mailform-tbl th,
.contact .mailform-tbl td {
	padding: 16px;
}
.contact .mailform-tbl th {
	width: 30%;
}
.contact .mailform-tbl input,
.contact .mailform-tbl textarea {
	width: 70%;
	padding: 16px;
	border: 1px solid #eee;
}
.contact .hissu {
	font-size: 12px;
	color: #fff;
    background: #f00;
	margin-right: 16px;
    padding: 0 8px;
}
.contact .form-btn {
	padding: 40px 0;
}
.contact .form-btn .button {
	text-align: center;
}
.contact .form-btn input,
.contact .form-btn button {
	display: inline-block;
	width: 50%;
    height: 60px;
	color: #fff;
    background: #000;
	cursor: pointer;
}
.contact .form-btn .back-btn {
	color: #000;
	margin-bottom: 16px;
	background: #eee;
}
.contact .completion-txt {
	text-align: center;
	line-height: 1.8;
	padding: 100px 0;
}
.contact .completion-txt a {
	display: inline-block;
	color: #fff;
	margin-top: 40px;
	padding: 16px 40px;
	background: #071117;
}
.contact .error {
	color: #f00;
}


@media screen and (max-width: 768px) {
	.contact .mailform-tbl th,
	.contact .mailform-tbl td {
		display: block;
	}
	.contact .mailform-tbl th {
		width: 100%;
		padding-bottom: 0;
	}
	.contact .mailform-tbl input,
	.contact .mailform-tbl textarea {
		width: 100%;
	}
	.contact .error {
		display: block;
		margin-top: 16px;
	}
	#stepFlow_outer::before {
		padding-top: 15%;
	}
	#stepFlow_outer.step_1 {
		background-image: url(../assets/img/common/step01_sp.png);
	}
	#stepFlow_outer.step_2 {
		background-image: url(../assets/img/common/step02_sp.png);
	}
	#stepFlow_outer.step_3 {
		background-image: url(../assets/img/common/step03_sp.png);
	}
}