﻿#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	background-size: px px;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

#dammy {
	position: absolute;
	left:0;
	bottom:0;
	content: '';
	width:0;
	height:6px;
	background-color: #FFF;
}

#dammy:last-child {
	margin-bottom:0;
}

/*
=================================== */
.mtitle_block {
	position: relative;
}

.mtitle_block .mtitlebox {
	position:absolute;
	top:0;
	left:0;
	display: flex;
	align-items: flex-end;
	padding:0 30px 25px;
	width:100%;
	height:100%;
}

.mtitle_block .mtitlebox h2 {
	margin:0 10px 0 0;
	line-height:1.0;
	color:#FFF;
	font-size:2.5rem;
	font-weight: 400;
	font-family: "aralet-n", sans-serif;
	letter-spacing: 0.08em;
}

.mtitle_block .mtitlebox p {
	line-height:1.0;
	color: #c8af90;
	font-size:1.6rem;
	font-family: "basic-sans", sans-serif;
	letter-spacing: 0.08em;
}



.contact_area1 .block1 {
	padding-top:35px;
	padding-bottom:175px;
}

.step_block {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin:0 0 20px;
}

.step_block .stepbox {
	padding:0 0 6px;
	width:33.3%;
	color:#e7d8c5;
	text-align: center;
	border-bottom:2px solid #e7d8c5;
	position: relative;
}

.step_block .stepbox::after {
	display: none;
	position: absolute;
	top:calc(100% + 2px);
	left:calc(50% - 5px);
	content: '';
	border-top:6px solid #9c3632;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:6px solid transparent;
}

.step_block .stepbox.on {
	color:#9c3632;
	border-bottom:2px solid #9c3632;
}

.step_block .stepbox.on::after {
	display: block;
}

.step_block .stepbox .step {
	margin:0 0 1px;
	line-height:1.4;
	font-size:1.3rem;
	font-family: "basic-sans", sans-serif;
	letter-spacing: 0.08em;
}

.step_block .stepbox .label {
	line-height:1.4;
	font-size:1.6rem;
	letter-spacing: 0.04em;
}

.fex {
	margin:0 0 30px;
	text-align: center;
}

.fex p {
	line-height:1.5;
	letter-spacing: 0.04em;
}

.form_area {
	margin:0 0 25px;
}

.form_area table {
	width:100%;
}

.form_area th {
	display: block;
	padding:0 0 5px;
	line-height:1.6;
	text-align: left;
	vertical-align: top;
	font-size:1.5rem;
	letter-spacing: 0.04em;
	font-weight: 400;
}

.form_area th b {
	display: inline-block;
	background: url('../images/contact/icon_ne.webp') no-repeat right center;
	background-size: 36px 21px;
	padding:0 43px 0 0;
	font-weight: 400;
}

.form_area td {
	display: block;
	padding:0 0 15px;
	line-height:1.6;
	vertical-align: top;
	font-size:1.6rem;
	letter-spacing: 0.04em;
}

.form_area tr:last-child td {
	padding-bottom:0;
}

.selectbox,
.tdline {
	margin:0 0 10px;
}

.selectbox:last-child,
.tdline:last-child {
	margin-bottom:0;
}

.select100 {
	padding:0 15px;
	width:100%;
	height:45px;
	line-height:45px;
	background: url('../images/contact/icon_pull.svg') no-repeat right 15px center;
	background-size: auto 5px;
	background-color: #FFF;
	border:1px solid #c8af90;
}

.input100 {
	padding:0 15px;
	width:100%;
	height:45px;
	line-height:45px;
	background-color: #FFF;
	border:1px solid #c8af90;
}

.tarea100 {
	padding:15px;
	width:100%;
	height:200px;
	line-height:1.6;
	background-color: #FFF;
	border:1px solid #c8af90;
}

.error {
	color:#C00;
}

.btn_block {
}

.btn_block p {
	margin:0 0 10px;
}

.btn_block p:last-child {
	margin-bottom:0;
}

.btn_block p a {
	display: block;
	line-height:50px;
	text-align: center;
	color:#FFF;
	font-size:1.6rem;
	letter-spacing: 0.04em;
	background-color: #9c3632;
	border-radius: 50px;
}

.btn_block .back a {
	color:#FFF;
	background-color: #888;
}

.thanks {
	margin:80px 0 50px;
	text-align: center;
}

.thanks p {
	line-height:1.5;
	letter-spacing: 0.04em;
}


@media screen and (min-width: 980px) {

	/*
	=================================== */
	.mtitle_block .mimage {
		overflow: hidden;
		background: url('../images/contact/contact_mimage.webp') no-repeat center center;
		background-size: 1340px 293px;
		padding: 293px 0 0;
		height: 0!important;
	}

	.mtitle_block .mtitlebox {
		position:absolute;
		top:0;
		left:calc(50% - 400px);
		display: flex;
		align-items: flex-end;
		padding:0 0 55px;
		width:800px;
		height:100%;
	}

	.mtitle_block .mtitlebox h2 {
		margin:0 10px 0 0;
		line-height:1.0;
		color:#FFF;
		font-size:4.2rem;
		font-weight: 400;
		font-family: "aralet-n", sans-serif;
		letter-spacing: 0.08em;
	}

	.mtitle_block .mtitlebox p {
		line-height:1.0;
		color: #c8af90;
		font-size:2.2rem;
		font-family: "basic-sans", sans-serif;
		letter-spacing: 0.08em;
	}

	.contact_area1 .block1 {
		padding-top:75px;
		padding-bottom:195px;
		width:1000px;
	}

	.step_block {
		justify-content: space-between;
		margin:0 0 45px;
	}

	.step_block .stepbox {
		display: flex;
		align-items: center;
		padding:0 0 10px;
		width:260px;
		height:40px;
		border-bottom:1px solid #e7d8c5;
	}

	.step_block .stepbox.on {
		border-bottom:1px solid #9c3632;
	}

	.step_block .stepbox.on::after {
		display: none;
	}

	.step_block .stepbox .step {
		margin:0 15px 0 0;
		font-size:1.8rem;
	}

	.step_block .stepbox .label {
		font-size:2.6rem;
	}

	.fex {
		margin:0 0 50px;
		text-align: left;
	}

	.fex p {
		line-height:1.75;
		font-size:1.8rem;
	}

	.form_area {
		margin:0 0 55px;
	}

	.form_area th {
		display: table-cell;
		padding:16px 0 30px;
		width:185px;
		font-size:1.8rem;
	}

	.form_area .thlabel2 {
		padding-top:6px;
		line-height:1.4;
	}

	.form_area td {
		display: table-cell;
		padding:16px 0 30px;
		font-size:1.8rem;
	}

	.form_area td.input {
		padding-top:0;
	}

	.form_area tr:last-child th {
		padding-bottom:0;
	}

	.select100 {
		background-position: right 25px center;
		height:60px;
		line-height:60px;
	}

	.input100 {
		height:60px;
		line-height:60px;
	}

	.btn_block {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.btn_block p {
		margin:0 10px;
		width:260px;
	}

	.btn_block .confirm {
		width:460px;
	}

	.btn_block p a {
		line-height:60px;
		font-size:2.4rem;
		border-radius: 60px;
	}

	.thanks {
		margin:180px 0 100px;
	}
}

@media screen and (min-width: 1356px) {
	.mtitle_block .mimage {
		margin:0 auto;
		padding:0;
		width:1340px;
		overflow: visible;
		background: none;
		height: auto!important;
	}
}

@media screen and (min-width: 1416px) {
	.mtitle_block .mimage {
		margin:0;
		padding:0 30px;
		width:auto;
	}
}
