/* 20210302シミュレーションLP */
.star_kazari_sim .section00{
	position: relative;
	background: url(../../edit/images/section00_bg.gif) center top;
}
.star_kazari_sim .section00_inner{
	width: 1074px;
	padding:43px 0 80px;
	position:relative;
	z-index: 2;
	margin: auto;
	}
.star_kazari_sim .section00_inner a{
	display: block;
	margin: 0 auto 70px;
}
.star_kazari_sim .section00_inner a img{
	transition: opacity ease .3s;
}
.star_kazari_sim .star_right{
	background:url(../../edit/images/star_right_sim.png) center top repeat-y;
    background-size:100% auto;
	max-width: 259px;
    width: 18.5%;
	height:100%;
	position:absolute;
	right:18px;
	top:50px;
	z-index: 1;
	}
.star_kazari_sim .star_left{
	background:url(../../edit/images/star_left_sim.png) center top repeat-y;
    background-size:100% auto;
	max-width: 234px;
    width: 16.71%;
	height:100%;
	position:absolute;
	left:13px;
	top:15px;
	z-index: 1;
	}
footer {
	z-index: 2;
	clear: both;
background: #e95098;
padding: 30px;
position: relative;
color: #fff;
}
.scroll_top {
    top: 30px;
    right: 50px;
    width: 80px;
    position: absolute;
}

.main{background:#fed2df;}
.main iframe{width:100%;border: none;height:768px;}


.bn-shop{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px 4% 0;
	}
	.bn-shop img{border:1px solid #111;}
	.bn-shop p{text-align:center;font-size:20px;margin-top:10px;}
	.bn-shop a{color:#000;}
/* 20210302シミュレーションLP */
/* 20210309シミュレーションLPTOP */
.housecood-top-wrap {
	background: url(../../images/top/housecoord-top-bg.png) repeat left top;
}
.housecood-top-kv {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	position: relative;
}
.housecood-top-kv img {
	position: absolute;
}
.housecood-top-kv .kv-bg {
	position: relative;
	top: 0;
	left: 0;
}
.kv-m {
	max-width: 268px;
	top: 25px;
	left: 176px;
}
.kv-s {
	max-width: 268px;
	bottom: 14px;
	right: 180px;
}
.kv-txt {
	max-width: 656px;
	top: 56%;
	left: 50%;
	margin: auto;
	transform: translate(-50%,-50%);
}
.housecood-top-cont {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	padding-top: 47px;
	text-align: center;
}
.housecood-top-ttl {
	margin-bottom: 17px;
}
#kiyaku-ok a {
	display: block;
	max-width: 620px;
	width: 44%;
	height: 226px;
	margin: auto;
	background: url(../../images/top/btn-start_on.png) no-repeat center center;
	background-size: contain;
}
#kiyaku-ok a.off {
	pointer-events: none;
	background: url(../../images/top/btn-start_off.png) no-repeat center center;
	background-size: contain;
}

.kiyaku-btn {
	display: inline-block;
	margin-bottom: 30px;
}
.kiyaku-checked {
	padding-left: 45px;
	position: relative;
	position: relative;
}
.kiyaku-check-wrap img {
	vertical-align: middle;
}
.kiyaku-checked::after {
	content: "";
	width: 40px;
	height: 40px;
	display: block;
	border: 5px solid #4d4d4d;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	top: -8px;
	left: 0;
}
.kiyaku-check:checked + .kiyaku-checked::before {
	content: "";
	display: block;
	width: 16px;
	height: 24px;
	border-bottom: 6px solid #d13168;
	border-right: 7px solid #d13168;
	transform: rotate(40deg);
	position: absolute;
	top: -2px;
	left: 12px;
	z-index: 3;
}
.kiyaku-wrap {
	margin: 40px;
	padding: 40px;
	background-color: #fff;
	font-size: 16px;
	border-radius:20px;
}
.kiyaku-wrap h2 {
	margin-bottom: 20px;
	color: #d13168;
	font-weight: 700;
	text-align: center;
}
.kiyaku-list {
	margin-bottom: 20px;
}
.kiyaku-list.num05 {
	margin-bottom: 0;
}
.kiyaku-list li {
	text-indent: -1em;
	padding-left: 1em;
}
.housecoord-top #cboxOverlay {
	background-color: rgba(0, 0, 0, .6);
}
.housecoord-top #cboxClose {
	width: 50px!important;
	height: 50px!important;
	top: -50px!important;
	background: url(../../images/top/btn-close.png) no-repeat 0 0!important;
}
.housecoord-top #cboxContent {
	margin-top: 50px!important;
}
.kiyaku-check-wrap label {
	position: relative;
	display: block;
}
/* 202106シミュレーションLPTOP */
.top-kiyaku {
    background: url(../../edit/images/bn-area-bg.gif) center top;
}
.kiyaku-wrap {
	/*height:calc(100vh - 212px); overflow-y:scroll;*/}
.kiyaku-scroll {
	height: calc(100vh - 575px);
overflow-y: scroll;
border: #dedede 1px solid;}

/************************レスポンシブ*************************/
@media screen and (max-width: 1400px){
	.housecood-top-cont {
		padding-top: 7%;
		background-size: contain,32% auto,33% auto;
	}
	#kiyaku-ok img {
		width: 44%;
	}
	.kv-m {
		width: 19%;
		top: 1.8%;
		left: 12.5%;
	}
	.kv-s {
		width: 19%;
		bottom: 1%;
		right: 12.8%;
	}
	.kv-txt {
		width: 46.8%;
		top: 56%;
		left: 50%;
		margin: auto;
		transform: translate(-50%,-50%);
	}
	#kiyaku-ok a {
		width: 44%;
		height: auto;
		padding-top: 16%;
		margin: auto;
		background: url(../../images/top/btn-start_on.png) no-repeat center center;
		background-size: contain;
	}
	#kiyaku-ok a.off {
		pointer-events: none;
		background: url(../../images/top/btn-start_off.png) no-repeat center center;
		background-size: contain;
	}
}

@media screen and (max-width: 1100px){
	.main iframe{height: calc(71vw + 10px);}
	.kiyaku-scroll{height:40vw;}
}


@media screen and (max-width: 1000px){
	/* 20210302シミュレーションLP */
	.star_kazari_sim .section00_inner{
		width:80%;
	}
	/* 20210302シミュレーションLP */
	.bn-shop > div{width:44%;}
	.bn-shop p{font-size:16px;}

}

@media screen and (max-width: 768px){
	.bn-shop > div {
		width: 100%;
		text-align: center;
	}
	.bn-shop {
		margin: 20px 4% 0;
	}
.main iframe{height:100vh;}

	/* 20210309シミュレーションLPTOP */
	.housecood-top-cont {
		padding: 9% 5% 0;
	}
	#kiyaku-ok img {
		width: 100%;
	}
	.housecood-top-kv {
		height: 100vh;
		background: url(../../edit/images/section00_bg.gif) repeat center center;
	}
	.housecood-top-kv .kv-bg-m {
		position: relative;
		width: 100%;
		top: 0;
		left: 0;
	}
	.housecood-top-kv .kv-bg-s {
		width: 100%;
		bottom: 0;
		left: 0;
	}
	.kv-m {
		max-width: 133px;
		width: 35.47%;
		top: 15.5%;
		left: 4.2%;
	}
	.kv-s {
		max-width: 133px;
		width: 35.47%;
		bottom: 13%;
		right: 3.2%;
	}
	.kv-txt {
		max-width: 700px;
		width: 93%;
		top: 51%;
		left: 50%;
		margin: auto;
		transform: translate(-50%,-50%);
	}
	.kiyaku-btn {
		margin-bottom: 50px;
	}
	.kiyaku-check-wrap {
		margin-bottom: 10px;
	}
	.kiyaku-check-wrap img {
		width: 80%;
		vertical-align: middle;
	}
	#kiyaku-ok a {
		width: 100%;
		padding-top: 35%;
	}
	.kiyaku-wrap {
		padding: 20px;
	}

/* 20210309シミュレーションLPTOP */



}

@media screen and (max-width: 640px){
/* 20210302シミュレーションLP */
.star_kazari_sim .section00_inner{
	padding:40px 0 80px;
}
.star_kazari_sim .section00_inner a{
	margin: 0 auto 40px;
}
/* 20210302シミュレーションLP */
.scroll_top {
    top: 30px;
    right: 20px;
    width: 40px;
    position: absolute;
}
.kiyaku-wrap {
    margin: 20px;
	/*height:calc(100vh - 172px); overflow-y:scroll*/;
	font-size: 15px;
	line-height: 1.5;}
.kiyaku-scroll{
	height: calc(73vh - 142px);}
}

@media screen and (max-width: 450px){

/* 20210302シミュレーションLP */
.star_kazari_sim .section00_inner{
	width:90%;
}
.scroll_top {
    top: 40px;
    right: 20px;
    width: 40px;
    position: absolute;
}
.star_kazari_sim .section00_inner a {
    margin: 0 auto 20px;
}
.housecood-top-kv {
    height: 85vh;
}

}
@media screen and (max-width: 320px){
	.kiyaku-checked {
		padding-left: 15%;
	}
	.kiyaku-checked::after {
		width: 30px;
		height: 30px;
		top: -5px;

	}
	.kiyaku-check:checked + .kiyaku-checked::before {
		top: -5px;
		left: 7px;
	}
	/* 20210302シミュレーションLP */

}