@charset "UTF-8";
/* common.css範囲 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: hidden;
}

img{
	vertical-align: top;
}

a img{
	border: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img{
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul{
	list-style: none;
}

caption, th{
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after{
	content: '';
}

abbr, acronym{
	border: 0;
}

html{
	font-size: 62.5%;
}

*{
	box-sizing: border-box;
}

.catch{
	font-family: 'Noto Sans JP', sans-serif;
}

::selection{
	background: rgba(255, 149, 12, 0.5);
}

::-moz-selection{
	background: rgba(201, 160, 99, 0.1);
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.9444444444;
	position: relative;
}

img{
	max-width: 100%;
}

a{
	transition: all 0.3s;
	text-decoration: none;
}
/* common.css範囲 */

/* model.css */
.model-logo{
	position: relative;
	margin: 0 0 30px;
	padding: 25px;
	/* background: url(../images/top02.jpg) center / cover no-repeat; */
	text-align: center;

	&::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/slide01.jpg) center / cover no-repeat;
		z-index: -4;
	}

	&::after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background: #6a2415;
		width: 100%;
		height: 10px;
		z-index: 10;
	}

	img{
		position: relative;
		height: 100px;
		z-index: 100;
	}
}
/* model.css範囲 */

/* style.css */
footer{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	max-width: 835px;
	margin: 0 auto;
	padding: 30px 0;
	
	&::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: block;
	  width: 100vw;
	  height: 100%;
	  margin: 0 calc(50% - 50vw);
	  z-index: -1;
	  background: #dcdddd;
	}
	
	.logo {
	  width: 100%;
	  max-width: 300px;
	  margin: 0 0 25px;
	  text-align: center;
	}

	>dl {
	  margin: 0 0 75px;
	  
		dt{
			display: none;
			font-size: 1.5rem;
			line-height: 1.7;
		}

		dd{
			font-size: 1.5rem;
			line-height: 1.7;
		}
	}

	.foot-bottom {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;
		width: 100%;

		dl{
			position: relative;
			padding: 0 0 0 70px;
			
			&::before{
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 55px;
				height: 95px;
				background: #333;
				background: url(../../common/images/leaf_icon.svg) center/contain no-repeat;

				dt{
					font-size: 1.6rem;
					line-height: 1.7;
				}

				dd{
					font-size: 1.6rem;
					line-height: 1.7;
				}
			}
	  	}

		p{
			font-size: 1.4rem;
			text-align: right;
	  	}
	}
}

@media screen and (min-width: 960px) {
/* ------------------------------------------------------*/
footer{
	.pagetop{
		a{
			&::before {
				transition: 0.5s ease;
			}

			&:hover{
				&::before{
					opacity: 0.75;
				}
			}
		}
	}
}
}

@media screen and (max-width: 959px) {
/* ------------------------------------------------------*/
footer{
	padding: 20px;

	.logo{
		width: 150px;
		margin: 0 0 15px;

		img{
			width: 100%;
		}
	}

	dl{
		margin: 0 0 50px;

		dt{
			font-size: 1.1rem;
		}

		dd{
			font-size: 1.1rem;
		}
	}

	.foot-bottom{
		dl{
			margin: 0 0 30px;
			padding: 0 0 0 50px;

			&::before{
				width: 40px;
				height: 70px;
			}

			dt{
				font-size: 1.2rem;
			}

			dd{
				font-size: 1.2rem;
			}
		}

		p{
			width: 100%;
			font-size: 1.1rem;
			text-align: center;
		}
	}
}
}
/* style.css範囲 */

div.container{
	margin-bottom: 40px;
	width: 1000px;
}

.ermsg{
	margin-top: 10px;
	font-size: 14px;
	color: #C42020;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"],
input[type="time"],
input[type="tel"],
input[type="number"]{
	position:relative;
	background: #fff;
	font-size: 16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	line-height:1;
	border: none;
	outline: none;
}

input[type="date"]{
	line-height:1.5;
}

textarea{
	@include border-radius(8px);
	width:100%;
	height:160px;
	position:relative;
	background: #fff;
	font-size: 16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	outline: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance:textfield;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"],
	input[type="time"],
	input[type="tel"],
	input[type="number"]{
		padding: 17px 20px;
		border: 1px solid #000;
	}
	textarea{
		padding: 17px 20px;
		border: 1px solid #000;
	}
}

@-moz-document url-prefix() {
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"],
	input[type="time"],
	input[type="tel"],
	input[type="number"]{
		padding: 17px 20px;
	}
	textarea{
		padding: 17px 20px;
	}

	input.preferred-day{
		padding: 14px 20px 12px !important;
	}
}

@supports (-ms-ime-align: auto) {
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"],
	input[type="time"],
	input[type="tel"],
	input[type="number"]{
		padding: 17px 20px;
	}
	textarea{
		padding: 17px 20px;
	}
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	input[type="text"],
	input[type="date"],
	input[type="password"],
	input[type="email"],
	input[type="time"],
	input[type="tel"],
	input[type="number"]{
		padding: 17px 20px;
	}
	textarea{
		padding: 17px 20px;
	}

	input.preferred-day{
		padding: 12px 20px !important;
	}
}

input::-webkit-input-placeholder {
	color:#BCBCBC;
	font-size:16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.15em;
	line-height: 1.6;
}

input:-moz-placeholder {
	color:#BCBCBC;
	font-size:16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.15em;
	line-height: 1.6;
}

input::-moz-placeholder {
	color:#BCBCBC;
	font-size:16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.15em;
	line-height: 1.6;
}

input:-ms-input-placeholder {
	color:#BCBCBC;
	font-size:16px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	letter-spacing:0.15em;
	line-height: 1.6;
}

.elemfull{
	width:100%;
}

.elements-325{
	width:325px;
}

input[type="radio"]  {
	display: none;
	vertical-align:middle;
}

input[type="radio"] + label{
	position: relative;
	display: inline-block;
	width:100%;
	padding:0 0 0 40px;
	vertical-align:middle;
	font-size: 1.5rem;
	line-height:1.0;
	letter-spacing:0.1em;
	cursor: pointer;
}

input[type="radio"] + label::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top:-11px;
	border:1px #b7b7b7 solid;
	z-index:2;
}

input[type="radio"]:checked + label::after{
	position: absolute;
	content: "";
	top: 50%;
	left: 4px;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background: #AA0D0D;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 3;
}

input[type="checkbox"]  {
	display: none;
	vertical-align:middle;
}

input[type="checkbox"] + label{
	position: relative;
	display: inline-block;
	width:100%;
	padding:22px 0 22px 42px;
	vertical-align:middle;
	font-size: 16px;
	line-height:1.0;
	cursor: pointer;
}

input[type="checkbox"] + label::before{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	content: "";
	top: 50%;
	left: 12px;
	width: 17px;
	height: 17px;
	margin-top:-11px;
	border: 1px solid #6D6D6D;
	z-index:2;
}

input[type="checkbox"]:checked + label::after{
	position: absolute;
	content:"";
	top: 50%;
	left: 14px;
	display:block;
	width:23px;
	height:18px;
	margin-top:-12px;
	background:url(../../../reserve/images/icn_check.svg) center center no-repeat;
	background-size:100%;
	z-index:3;
}

select{
	position: relative;
	width:186px;
	height:53px;
	padding:12px 20px;
	background:#fff;
	color: #000;
	font-size:17px;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #6D6D6D;
}

select::-ms-expand {
	display: none;
}

.select-example{
	position: relative;
}

.select-example:before{
	content:"";
	position: absolute;
	top: 6px;
	right: 17px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 8px solid #6D6D6D;
	pointer-events: none;
	z-index:5;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.attention{
	position: relative;
	margin-left: 15px;
	font-size: 13px;
}

.attention::before{
	content:"※";
}

.address{
	list-style-type: none;
}

.address li{
	width: 100%;
}

.address li:not(:last-child){
	margin-bottom: 20px;
}

.address li .elements-full{
	width: 100%;
}

.select-radio{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	list-style-type: none;
}

.select-radio li{
	margin: 0 10px 10px 0;
	width: 210px;
	background: #fff;
}

.select-radio li:nth-child(3n){
	margin-right: 0;
}

input.preferred-day{
	width: 213px;
	height: 53px;
	padding: 12px 20px;
	color: #000;
	font-size: 17px;
	border: 1px solid #6D6D6D;
}

input.preferred-day::-webkit-date-and-time-value{
	text-align: left;
}

header{
	padding: 20px 40px 40px;
	border-bottom: 1px solid #707070;
}

.reserve-contents{
	margin: 0 auto;
	padding-top: 65px;
	width: 1000px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	color: #1C1C1C;
}

.reserve-contents h1{
	margin-bottom: 35px;
	font-size: 30px;
	font-weight: normal;
	font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	color: #1C1C1C;
	letter-spacing: 0.2em;
	text-align: center;
}

.reserve-formTable{
	padding: 40px 30px 60px;
	background: #ffa6a9;
}

.reserve-formTable.page-thanks{
	padding: 30px;
}

.precautions-list{
	margin-bottom: 50px;
	padding: 20px 28px;
	list-style-type: none;
	border: 5px solid #b13d24;
	background: #fff;

	li{
		position: relative;
		padding-left: 15px;
		font-size: 15px;
		line-height: 1.875;

		&::before{
			content:"・";
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

.select-modelhouse{
	margin-bottom: 50px;

	.select-modelhouse-title{
		margin-bottom: 30px;

		>p{
			position: relative;
			padding: 5px 0 5px 50px;
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 0.1em;

			&::before{
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				border-radius: 50%;
				content: "";
				position: absolute;
				top: 50%;
				left: 0;
				width: 34px;
				height: 34px;
				margin-top: -17px;
				background: #000;
				z-index: 2;
			}
			
			&::after{
				content:"1";
				position: absolute;
				top: 7px;
				left: 0;
				width: 36px;
				font-size: 20px;
				font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
				text-align: center;
				color: #fff;
				line-height: 34px;
				z-index: 4;
			}
		}
		
		
		>span{
			display: block;
			margin-top: 10px;
		}
	}

	.select-modelhouse-list{
		/* display:-webkit-box;
		display: -webkit-flex;
		display:flex; */
		list-style-type: none;
		/* -webkit-flex-wrap:wrap;
		flex-wrap:wrap; */

		>li{
			display:-webkit-box;
			display: -webkit-flex;
			display:flex;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;

			&:not(:last-child){
				margin-bottom: 30px;
			}
			
			figure{
				width: calc(455px * 0.75);
				height: calc(316px * 0.75);
				margin: 0;
				line-height: 0;

				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			
			.detail-modelhouse{
				flex: 1;
				-webkit-flex: 1;
				padding: 20px 20px 35px;
				background: #fff;
				
				dl{
					position: relative;
					margin-bottom: 15px;
					
					&::before{
						content:"";
						position: absolute;
						left: 0;
						bottom: 0;
						width: 100%;
						height: 5px;
						background: #ffa6a9;
					}

					dt{
						height: 70px;
						
						img{
							height: 100%;
							padding-bottom: 5px;
						}
					}
					
					dd{
						display: none;
						/* padding-bottom: 15px; */
						font-size: 21px;
						font-weight: bold;
						letter-spacing: 0.1em;
						line-height: 1.6;
					}
				}
			}
			
			.detail-modelhouse{
				p{
					position: relative;
					margin: 0 20px 15px;
					padding-left: 15px;
					font-size: 15px;
					letter-spacing: 0.1em;

					&::before{
						-webkit-border-radius: 50%;
						-moz-border-radius: 50%;
						-ms-border-radius: 50%;
						border-radius: 50%;
						content:"";
						position:absolute;
						top: 10px;
						left: 0;
						width: 11px;
						height: 11px;
						background: #6D6D6D;
					}
				}

				.other-txt-wrap a{
					margin-left: 15px;
					padding-left: 15px;
					font-size: 1.5rem;
					letter-spacing: 0.1em;
					text-decoration: underline;
				}

				.preferred-date-select{
					display:-webkit-box;
					display: -webkit-flex;
					display:flex;
					-webkit-flex-wrap:wrap;
					flex-wrap:wrap;
					margin: 0 20px;
					list-style-type: none;
				}

				li{
					&:not(:last-child){
						margin-right: 6px;
					}
				}
			}
		}
	}
}

.form-table-wrap{
	margin-bottom: 30px;
	padding: 20px;
	background: #fff;
	
	p{
		position: relative;
		margin-bottom: 30px;
		padding: 5px 0 5px 50px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 0.1em;
		
		&::before{
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			border-radius: 50%;
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			width: 34px;
			height: 34px;
			margin-top: -17px;
			background: #000;
			z-index: 2;
		}
		
		&::after{
			content:"2";
			position: absolute;
			top: 7px;
			left: 0;
			width: 36px;
			font-size: 20px;
			font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
			text-align: center;
			color: #fff;
			line-height: 34px;
			z-index: 4;
		}
	}
}

.formTable{
	list-style-type: none;

	li{
		&:last-child{
			dl{
				dd{
					.ermsg{
						margin-top: 0;
					}
				}
			}
		}
		
		&:not(:last-child){
			margin-bottom: 20px;
		}
		
		dl{
			display:-webkit-box;
			display: -webkit-flex;
			display:flex;
			-webkit-flex-wrap:wrap;
			flex-wrap:wrap;

			&.required{
				dt{
					position: relative;

					&::after{
						content:"*";
						position: absolute;
						top: 23px;
						right: 12px;
						color: #C42020;
					}
				}

				dd{
					input{
						border: 3px solid #C42020;
					}
				}
			}
			
			dt{
				position: relative;
				width: 290px;
				font-size: 18px;
				padding: 17px 0 17px 35px;
				letter-spacing: 0.1em;
				line-height: 1.6;
				
				&::before{
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					-ms-border-radius: 50%;
					border-radius: 50%;
					content:"";
					position:absolute;
					top: 25px;
					left: 12px;
					width: 11px;
					height: 11px;
					background: #6D6D6D;
				}
			}
			
			dd{
				flex: 1;
				-webkit-flex: 1;
			}
		}
	}
}

.btn-contents{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:center;
	justify-content:center;
	
	button{
		display: block;
		margin: 0 10px;
		padding: 17px 0;
		width: 250px;
		font-size: 16px;
		font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.2em;
		color: #fff;
		background: #b13d24;
		box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
		
		&.back{
			display: block;
			margin: 0 10px;
			padding: 17px 0;
			width: 250px;
			font-size: 16px;
			font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
			letter-spacing: 0.2em;
			color: #fff;
			background: #555;
			box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
		}
	}
}

.confirm{
	.select-modelhouse-list{
		>li{
			.detail-modelhouse{
				display:-webkit-box;
				display: -webkit-flex;
				display:flex;
				-webkit-flex-wrap:wrap;
				flex-wrap:wrap;
				-webkit-box-align:center;
				-ms-flex-align:center;
				align-items:center;
				padding: 20px 0;
				
				dl{
					margin: 0;
					padding: 8px 35px;
					width: 50%;
					height: auto;
					
					&::before{
						position: absolute;
						left: auto;
						right: -2px;
						width: 5px;
						height: 100%;
					}
					
					dt{
						padding-top: 0;
					}
					
					dd{
						font-size: 16px;
						letter-spacing: 0.1em;
					}
				}
				
				.preferred-date-select{
					margin: 0;
					padding: 0 35px;
					width: 50%;
					
					li{
						font-size: 17px;
						
						&:first-child{
							margin-right: 35px;
						}
					}
				}
			}
		}
	}
	
	.formTable{
		>li{
			&:nth-child(3){
				dl{
					dd{
						border: 3px solid #ecd4b1;
					}
				}
			}
			
			&:nth-child(4){
				dl{
					dd{
						padding: 0;
						border: none;
						
						.address li{
							padding: 16px 20px;
							font-size: 16px;
							letter-spacing: 0.1em;
							border: 3px solid #ecd4b1;
							line-height: 1.6;
						}
					}
				}
			}
		}

		dl{
			dd{
				padding: 16px 20px;
				font-size: 16px;
				letter-spacing: 0.1em;
				border: 3px solid #ffa6a9;
				line-height: 1.6;
				background: #fff;
			}
		}
	}
}

.thanks-wrap{
	background: #fff;
	padding: 45px 25px;
}

.thanks-msg{
	margin-bottom: 30px;
	/* padding: 30px 0; */
	text-align: center;

	dl{
		dt{
			position: relative;
			margin-bottom: 30px;
			padding-bottom: 30px;
			font-size: 26px;
			font-weight: bold;
			letter-spacing: 0.15em;

			&::before{
				content:"";
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 5px;
				background: #af3434;
			}
		}

		dd{
			font-size: 16px;
			letter-spacing: 0.1em;
			line-height: 1.6;
		}
	}

	+.btn-contents{
		a{
			display: block;
			margin: 0 auto;
			padding: 22px 0;
			width: 300px;
			font-size: 16px;
			letter-spacing: 0.2em;
			color: #fff;
			background: #b13d24;
			box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
			text-align: center;
		}
	}
}

/* .thanks-msg + .btn-contents a{
	display: block;
	margin: 0 auto;
	padding: 22px 0;
	width: 300px;
	font-size: 16px;
	letter-spacing: 0.2em;
	color: #fff;
	background: #b13d24;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, .2);
	text-align: center;
} */

@media screen and (min-width: 769px){
.main-wrap{
	margin-bottom: 60px;
}

br.pcbr{
	display: block;
}

br.spbr{
	display: none;
}

.sp_attention{
	display: none;
}
}

@media screen and (max-width: 768px){
/* footer */
/* footer{
	padding: 0 0 85px;
} */

input.preferred-day{
	min-height: 53px;
}

input[type="text"],
input[type="date"],
input[type="password"],
input[type="email"],
input[type="time"],
input[type="tel"],
input[type="number"],
textarea,
select{
	-webkit-appearance: none;
	border-radius: 0;
}

.overlay{
	z-index: 100;
}
br.pcbr{
	display: none;
}

br.spbr{
	display: block;
}

.attention{
	display: none;
}

.elements-325{
	width: 100%;
}

div.pageWrap {
	padding-bottom: 0;
}

div.container{
	margin-bottom: 0;
	width: 100%;
}

.attention{
	display: none;
}

.sp_attention{
	display: inline-block;
	position: relative;
	margin: 0 0 3px 20px;
	font-size: 13px;
}

.sp_attention::before{
	content:"※";
}

.ermsg{
	margin-top: 8px;
}

.select-radio li{
	margin: 0 0 8px;
	width: 100%;
}

.address li:not(:last-child){
	margin-bottom: 10px;
}

.reserve-contents{
	width: 100%;
    height: auto;
	padding-top: 0;
}

.reserve-contents h1{
	margin-bottom: 30px;
	font-size: 25px;
}

.select-modelhouse-list > li .detail-modelhouse dl{
	height: auto;
}

.select-modelhouse-list > li .detail-modelhouse dl dt{
	margin-bottom: 15px;
	padding-top: 0;
	text-align: center;
}

.select-modelhouse-list > li .detail-modelhouse dl dd{
	padding-bottom: 25px;
	font-size: 16px;
	line-height: 1.8;
}

.select-modelhouse-list > li .detail-modelhouse dl::before{
	height: 4px;
}

.select-modelhouse-list > li .detail-modelhouse p{
	margin: 0 10px 10px;
}

.select-modelhouse-list > li .detail-modelhouse .other-txt-wrap a{
	margin-left: 10px;
}

.select-modelhouse-list > li .detail-modelhouse .preferred-date-select{
	margin: 0;
}

.select-modelhouse-list > li .detail-modelhouse .preferred-date-select li{
	width: 100%;
}

input.preferred-day{
	width: 100%;
}

select{
	width: 100%;
}

.select-modelhouse-list > li .detail-modelhouse .preferred-date-select li:not(:last-child){
	margin: 0 0 15px;
}

.form-table-wrap > p{
	padding: 5px 0 5px 35px;
	font-size: 16px;
}

.form-table-wrap > p:before{
	margin-top: -14px;
	width: 28px;
	height: 28px;
}

.form-table-wrap > p:after{
	font-size: 16px;
	width: 29px;
	height: 28px;
	line-height: 28px;
}

.formTable > li:not(:last-child){
	margin-bottom: 25px;
}

.formTable > li dl.required-input dd input{
	border: 1px solid #C42020;
}

.formTable > li dl dt{
	margin-bottom: 13px;
	padding: 0 0 0 15px;
	width: 100%;
	font-size: 16px;
	line-height: 1.0;
	overflow: hidden;
}

.formTable > li dl dt:before{
	top: 2px;
	left: 0;
}

.formTable > li dl.required dt:after{
	top: 3px;
	right: 0;
}

.formTable > li dl dd{
	flex: auto;
	-webkit-flex: auto;
	width: 100%;
}

.precautions-list{
	margin-bottom: 30px;
	padding: 20px 10px;
	border: 3px solid #b13d24;
}

.precautions-list li{
	padding-left: 13px;
	font-size: 13px;
	line-height: 1.3;
}

.btn-contents button{
	width: 100%;
}

.btn-contents button.back{
	margin-bottom: 10px;
	width: 100%;
}

.reserve-formTable{
	padding: 25px 20px 40px;
}

.reserve-formTable.page-thanks{
	padding: 15px;
}

.select-modelhouse .select-modelhouse-title{
	margin-bottom: 20px;
}

.select-modelhouse .select-modelhouse-title > p{
	padding: 5px 0 5px 35px;
	font-size: 16px;
	line-height: 1.6;
}

.select-modelhouse .select-modelhouse-title > p:before{
	top: 17px;
	margin-top: -14px;
	width: 28px;
	height: 28px;
}

.select-modelhouse .select-modelhouse-title > p:after{
	top: 4px;
	font-size: 16px;
	width: 29px;
	height: 28px;
	line-height: 28px;
}

.select-modelhouse-list > li:not(:last-child){
	margin-bottom: 20px;
}

.select-modelhouse-list > li figure{
	width: 100%;
	height: auto;
}

.select-modelhouse-list > li .detail-modelhouse{
	padding: 15px 15px 30px;
}

.confirm .select-modelhouse-list > li .detail-modelhouse dl{
	width: 100%;
}

.confirm .select-modelhouse-list > li .detail-modelhouse dl::before{
	top: auto;
	bottom: 0;
	width: 100%;
	height: 4px;
}

.confirm .select-modelhouse-list > li .detail-modelhouse{
	padding: 0 15px;
}

.confirm .select-modelhouse-list > li .detail-modelhouse dl{
	padding: 20px 0 0;
}

.confirm .select-modelhouse-list > li .detail-modelhouse dl dd{
	padding: 0 0 25px;
}

.confirm .select-modelhouse-list > li .detail-modelhouse .preferred-date-select{
	width: 100%;
	padding: 25px 10px 35px;
}

.confirm .select-modelhouse-list > li .detail-modelhouse .preferred-date-select li{
	margin-bottom: 0;
	width: auto;
	font-size: 16px;
}

.thanks-wrap{
	padding: 25px 15px;
}

.thanks-msg dl dt:before{
	height: 4px;
}

.thanks-msg + .btn-contents a{
	width: 100%;
}
}