@charset "UTF-8";

.full{width: 100%;}
.bana{
	margin: 0 20px;
	display: block;
}
.bana img{
	width: 100%;
	height: auto;
}
img.r_img{
    width: 90%;
    margin: 10px auto;
    display: block;
}
strong.tel{
	font-size: 1.8rem;
}
.double_col #inner_body p.download_link{
	font-size: 1.4rem;
}
.double_col #inner_body dd p.download_link{
	font-size: 1.4rem;
	padding: 0;
	margin: 0;
}
dl.list {
	margin: 0 30px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #CCC;
}
dl.list dt {
	padding: 10px 5px 7px 25px;
	background: url(/img/dt_maker.png) 2px 1.15em no-repeat;
	line-height: 1.6;
	width: 100%;
	color: #06C;
}

dl.list dd {
	padding: 0 3px 7px 25px;
	line-height: 1.6;
}
dl.price {
margin: 0 30px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #CCC;
flex-wrap: wrap;
justify-content: flex-end;
}
dl.price dt {
	padding: 10px 0 7px ;

	line-height: 1.6;
	width: 100%;
	color: #06C;
}

dl.price dd {
	text-align: right;
	position: relative;
	padding:0 3px 7px 6px;
	line-height: 1.6;
    flex: 0 0 40%;
}
dl.price dd.dot {
    margin: 0 0 0 25px;
    background-image: radial-gradient(#000 1px, transparent 2px);
    background-size: 8px 8px;
    background-repeat: repeat-x;
    background-position: 0 0.6rem;
    padding: 0;
}
#formWrap{
	min-height: 300px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 20px;
}
.box{
	border: 1px solid #ddd;
	padding: 8px;
	margin: 0 20px 30px;
}
.double_col #inner_body .box p{
	margin: 0;
	padding: 0;
	font-size: 1.4rem
}
@media (min-width: 768px) {
	.bana{
		margin: 0 30px;
		display: block;
	}
	.bana img{
		width: 100%;
		height: auto;
	}
	img.r_img{
		float: right; margin:0 30px;
		width: 30%;
	}
	img.r_img.w40{
		width: 40%;
	}
	.call{
		font-size: 2rem;
	}
	figure.floor img{
		width: 80%;
	}
	
	dl.list {
		margin: 0 30px;
		display: flex;flex-direction: row;
		
		border-bottom: 1px solid #CCC;
	}
	dl.list dt {
		padding: 10px 0 7px 25px;
		background: url(/img/dt_maker.png) 2px 1.15em no-repeat;
		line-height: 1.6;
		width: 25%;
		color: #06C;
	}

	dl.list dd {
		padding: 10px 3px 7px 0;
		line-height: 1.6;
		width: 70%;
	}
	dl.price {
		margin: 0 30px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items:flex-end;
		border-bottom: 1px solid #CCC;
		justify-content:flex-end;
		font-size: 1.4rem;
	}
	dl.price dt {
		padding: 10px 5px 7px 0;
		line-height: 1.6;
		width: auto;
		color: #06C;
		flex: 1 0 100%;	}
	dl.price dd {
		text-align: right;
		position: relative;
		padding:10px 3px 7px 6px;
		line-height: 1.6;
		font-weight: 400;
		flex: 0 1 10em;
	}

}

@media (min-width: 1040px) {
	dl.price {
		margin: 0 30px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items:flex-end;
		border-bottom: 1px solid #CCC;
		justify-content:space-between;
		font-size: 1.6rem;
	}
	dl.price dt {
		padding: 10px 5px 7px 15px;
		line-height: 1.6;
		width: auto;
		color: #06C;
		flex: 1 0 auto;
	}
	dl.price dd {
		text-align: right;
		position: relative;
		padding:10px 3px 7px 6px;
		line-height: 1.6;
		font-size: 1.8rem;
		font-weight: 400;
	}

}