@charset "UTF-8";
@charset "UTF-8";
main .shadow_box {
    padding-top: 30px;
}
#page_content.landing{
	padding:0;
}
#page_content.landing #pankuzu {
    background: url(../img/main_bg.png) no-repeat center top;
	background-size: cover;
	height:500px;
	padding:0;
	margin-bottom:76px;
}
#page_content.landing #pankuzu h1{
	text-align: center;
}
#pankuzu h1 img.noShow640{
	display:inline;
}
#pankuzu h1 img.show640{
	display:none;
}

#page_content .sect1{
	text-align: center;
	margin-bottom:80px;
}
#page_content .sect1 h2{
}


#page_content .sect2{
	padding-top:60px;
	background:#f3f5f8;
	text-align: center;
    padding-bottom: 100px;
}
#page_content .sect2 h2{
	margin-bottom: 20px;
}
#page_content .sect2 .lead{
	font-size:20px;
	line-height:1.8;
	margin-bottom:30px;
}

.menuX{
	display:none;
}

#page_content .sect2 .steps {
	width:980px;
	margin:0 auto 100px;
	padding:30px 0 60px;
	background:linear-gradient(to right, #8b9fda 0%, #8b9fda 50%, #627ccd 50%, #627ccd 100%);
}
#page_content .sect2 .steps.video{
	display:none;
}

#page_content .sect2 .steps .ttl_wrapper{
	display:flex;
	justify-content: space-between;
}
#page_content .sect2 .steps .ttl_wrapper p{
	width:50%;
	text-align: center;
}
#page_content .sect2 .steps .ttl_wrapper p.ttl_tel img{
	width:73%;
}
#page_content .sect2 .steps .ttl_wrapper p.ttl_video img{
	width:88%;
}

#page_content .sect2 .steps .step_wrapper{
	padding:0 50px;
}
#page_content .sect2 .steps .step_wrapper .step{
	background:#fff;
	border-radius:24px;
	padding:30px 0 20px;
	position: relative;
	font-size:16px;
}
#page_content .sect2 .steps .step_wrapper .step i{
	display:block;
	width:40px;
	height:40px;
	position: absolute;
	top:8px;
	left:8px;
	content:"";
}
#page_content .sect2 .steps .step_wrapper .step h3{
	color:#a0a0a0;
	font-size:36px;
	background:transparent;
	padding:0;
	margin:0 0 16px;
}
#page_content .sect2 .steps .step_wrapper .step p{
	line-height:1.6;
}
#page_content .sect2 .steps .step_wrapper .step p span{
	font-size:80%;
	padding-top:10px;
	line-height:1.5;
	display:inline-block;
}
#page_content .sect2 .steps i.arrow{
	height:80px;
	display:block;
	position: relative;
	background:url(../img/step_arrow.png) no-repeat center center;
	background-size:auto 50px;
}
#page_content .sect2 .steps .arrow2{
	height:80px;
	width:61.4%;
	display:block;
	margin:0 auto;
	background-image:url(../img/step_arrow.png), url(../img/step_arrow.png);
	background-repeat:no-repeat,no-repeat;
	background-position: left center, right center;
    background-size: auto 50px;
}
#page_content .sect2 .steps .step3{
	display:flex;
	justify-content: space-between;
	background-image:url(../img/step_bg_fukidashi.png);
	background-repeat: no-repeat;
	background-size:20% auto;
	background-position: bottom left;
}
#page_content .sect2 .steps .step3 .tel,
#page_content .sect2 .steps .step3 .video{
	width:44%;
}

#page_content .sect2 .steps .step1 i{
	background:url(../img/i-step1.png) no-repeat;
	background-size:cover;
}
#page_content .sect2 .steps .step2 i{
	background:url(../img/i-step2.png) no-repeat;
	background-size:cover;
}
#page_content .sect2 .steps .step3 .tel .step3_3 i{
	background:url(../img/i-step3-tel.png) no-repeat;
	background-size:cover;
}
#page_content .sect2 .steps .step3 .video .step3_3 i{
	background:url(../img/i-step3-video.png) no-repeat;
	background-size:cover;
}
#page_content .sect2 .steps .step3 .video .step3_4 i{
	background:url(../img/i-step4-video.png) no-repeat;
	background-size:cover;
}
#page_content .sect2 .steps .step3 .step h3{
	font-size:28px;
}
#page_content .sect2 .steps .step3 .step{
	padding-top:40px;
}
#page_content .sect2 .steps .step3 .tel h3{
	color:#8b9fda;
}
#page_content .sect2 .steps .step3 .video h3{
	color:#627ccd;
}



#page_content .sect2 .b_contact{
	text-align: center;
	font-size:14px;
	margin-bottom:80px;
}
#page_content .sect2 .b_contact a{
	display:block;
	color:#fff;
	background:#15336c;
	width:600px;
	margin:0 auto 20px;
	padding:16px 0;
	line-height:1.5;
	border-radius:60px;
	font-size:24px;
}
#page_content .sect2 .b_contact a:hover{
	opacity:0.7;
	text-decoration:none;
}

#page_content .sect2 .modelhouse{
	border:2px solid #f29600;
	box-sizing: border-box;
	padding:36px 30px;
	width:980px;
	margin:0 auto;
	display:flex;
	align-items: flex-start;
	justify-content: space-between;
	text-align: left;
	background:#fff;
}
#page_content .sect2 .modelhouse p{
	width:50%;
	font-size:16px;
	line-height:1.6;
}
#page_content .sect2 .modelhouse a{
	width:46%;
	background:#f29600;
	font-size:24px;
	color:#fff;
	text-align: center;
	padding:30px 0;
	border-radius:60px;
	display:block;
}
#page_content .sect2 .modelhouse a:hover{
	opacity:0.7;
	text-decoration:none;
}



@media screen and (max-width: 834px) {
	#page_content.landing #pankuzu {
		height:auto!important;
		margin-bottom:56px;
	}
	#page_content.landing #pankuzu h1 img{
		max-width:1100px;
		width:90%;
	}

	#page_content .sect1{
		margin-bottom:60px;
	}
	#page_content .sect1 h2 img{
		width:75%;
	}
	#page_content .sect1 img{
		width:90%;
	}


	#page_content .sect2 .lead{
		font-size:16px;
		margin-bottom:20px;
	}



	.menuX{
		display:block;
		text-align: left;
		padding-left:10px;
	}
	.menuX li{
		display:inline-block;
		border:solid 1px #15336c;
		background:#fff;
		margin-bottom:10px;
		padding:10px;
	}

	#page_content .sect2 .steps.video{
		display:block;
	}
	#page_content .sect2 h2 img{
		width:75%;
	}
	#page_content .sect2 .lead{
		width:86%;
		margin:0 auto 20px;
		text-align: left;
	}
	#page_content .sect2 .steps{
		padding:20px 0 40px;
		margin-bottom:60px;
	}
	#page_content .sect2 .steps .step_wrapper .step{
		border-radius:18px;
		padding:24px 10px 16px;
	}
	#page_content .sect2 .steps .step_wrapper .step p{
		text-align: left;
	}
	#page_content .sect2 .steps .step_wrapper .step i{
		width:32px;
		height:32px;
		top:6px;
		left:6px;
	}
	#page_content .sect2 .steps .step_wrapper .step h3{
		font-size:28px;
	}
	#page_content .sect2 .steps .step3 .step h3{
		font-size:22px;
	}
	#page_content .sect2 .steps.tel {
		width:96%;
		background: #8b9fda;
	}
	#page_content .sect2 .steps.video {
		width:96%;
		background: #627ccd;
	}
	#page_content .sect2 .steps .ttl_wrapper{
		display:block;
	}
	#page_content .sect2 .steps .ttl_wrapper p{
		width:80%;
		margin:0 auto;
	}
	#page_content .sect2 .steps .step_wrapper {
		padding: 0 20px;
	}

	#page_content .sect2 .steps i.arrow{
		height:54px;
		background-size:auto 34px;
	}
	#page_content .sect2 .steps .arrow2{
		height:54px;
		display:block;
		position: relative;
		background:url(../img/step_arrow.png) no-repeat center center;
		background-size:auto 34px;
	}
	#page_content .sect2 .steps .step3{
		display:block;
		background:none;
	}
	#page_content .sect2 .steps .step3 .tel,
	#page_content .sect2 .steps .step3 .video{
		width:100%;
	}
	#page_content .sect2 .steps .step3 .tel .step3_3 i{
		background:url(../img/i-step3.png) no-repeat;
		background-size:cover;
	}
	#page_content .sect2 .steps .step3 .video .step3_3 i{
		background:url(../img/i-step3.png) no-repeat;
		background-size:cover;
	}
	#page_content .sect2 .steps .step3 .video .step3_4 i{
		background:url(../img/i-step4.png) no-repeat;
		background-size:cover;
	}
	#page_content .sect2 .steps .step3 .tel h3{
		color:#a0a0a0;
	}
	#page_content .sect2 .steps .step3 .video h3{
		color:#a0a0a0;
	}


	#page_content .sect2 .b_contact{
		width:90%;
		margin:0 auto 50px;
		text-align: center;
	}
	#page_content .sect2 .b_contact a{
		width:90%;
		margin:0 auto 10px;
		text-align: center;
		font-size:18px;
	}




	#page_content .sect2 .modelhouse {
		width: 96%;
		display:block;
		padding:24px 20px; 
	}
	#page_content .sect2 .modelhouse p{
		width:100%;
		margin-bottom:20px;
	}
	#page_content .sect2 .modelhouse a{
		width:100%;
		font-size:18px;
		padding:20px 0;
	}

	.forSP{
		display:block;
	}
	.forPC{
		display:none;
	}
}




@media screen and (max-width: 640px) {
	#pankuzu h1 img.noShow640,
	br.noShow640{
		display:none;
	}
	#pankuzu h1 img.show640,
	br.show640{
		display:inline;
	}
}