@charset "UTF-8";
/* sp(320px) */

/* スライドショー */
#pageHome #slide {
	position: relative;
	width: 100vw;
	margin-top: 0;
	border: 0px solid;
}
#pageHome #slide #pict li {
	width: 100vw;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
}
#pageHome #slide #pict li .inner {
	position: relative;
}
#pageHome #slide,
#pageHome #slide #pict li,
#pageHome #slide #pict li .inner {
	height: 460px;
}


/* スライドショーの表示非表示 */
#pageHome #slide #pict li#slide_1 {
	display: block;
	/*display: none;*/
}
#pageHome #slide #pict li#slide_2 {
	/*display: block;*/
	display: none;
}
#pageHome #slide #pict li#slide_3 {
	/*display: block;*/
	display: none;
}


/*#slide_1  */
#pageHome #slide #pict li#slide_1 {
	background-position: 50% 0%;
	background-image: url(../img/slide/bg_slide_01_sp.jpg);
}
#pageHome #slide #pict li#slide_1 .txt {
	position: absolute;
	width: 220px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	top: 60px;
}
#pageHome #slide #pict li#slide_1 a.btn {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 6em;
	bottom: 40px;
}

/*#slide_2 */
#pageHome #slide #pict li#slide_2 {
	background-position: 50% 100%;
	background-image: url(../img/slide/bg_slide_02_sp.jpg);
}
#pageHome #slide #pict li#slide_2 .enc {
	background-color: rgba(255,255,255,0.8);
	height: auto;
	max-width: 100%;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 120px;
}
#pageHome #slide #pict li#slide_2 .enc .txt {
	max-width: 283px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
}
#pageHome #slide #pict li#slide_2 .enc .btn {
	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1em top 50%;
}
#pageHome #slide #pict li#slide_2 .enc .btn:hover {
	background-position: right 0.8em top 50%;
}

/*#slide_3 */
#pageHome #slide #pict li#slide_3 {
	background-position: 50% 50%;
	background-image: url(../img/slide/bg_slide_03_sp.jpg);
}
#pageHome #slide #pict li#slide_3 .inner {
	position: relative;
}
#pageHome #slide #pict li#slide_3 .txt1 {
	position: absolute;
	left: 0px;
	top: 20px;
	max-width: 330px;

	right: 0;
	margin-left: auto;
	margin-right: auto;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	position: absolute;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	top: 340px;
	max-width: 250px;
}
#pageHome #slide #pict li#slide_3 .btn {
	position: absolute;
	right: 50px;
	top: 400px;


}

















/* 分譲地・建売情報 */
#pageHome #top_land {
	background-image: url(../img/home/bg_top_land_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageHome #top_land a.btn br {
	display: inline-block;
}

/*子育て世代を応援する家づくり*/
#pageHome #top_house {
	background-image: url(../img/home/bg_top_house_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageHome #top_house .inner {
	height: 360px;
	position: relative;
}
#pageHome #top_house .hli {
	width: 151px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 20px;
}
#pageHome #top_house .ouen {
	width: 173px;
	position: absolute;
	left: 6px;
	top: 190px;
}
#pageHome #top_house a.btn {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

/* イベント */
#pageHome #top_event .up {
	background: url(../img/share/bg_stripe_y.png) repeat;
	padding-top: 40px;
	padding-bottom: 20px;
}
#pageHome #top_event .down {
	background-color: #fff;
}
#pageHome #top_event .down .inner {
	position: relative;
	left: 0;
	top: 0px;
	background-color: #fff;
	border: 0px solid;

}
#pageHome #top_event .down .inner .enc {
	padding-top: 30px;
	padding-bottom: 30px;
}
#pageHome #top_event .down .inner .enc .lside figure {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
#pageHome #top_event .down .inner .enc .rside {
	padding-left: 3%;
	padding-right: 3%;
}
#pageHome #top_event .down .inner .enc .hli {
	max-width: 220px;
	margin-top:20px;
}
#pageHome #top_event .down .inner .enc .txt {
	font-size: 18px;
	text-align: center;
}

/* お知らせ */
#pageHome #top_info {
	background-color: #f8f8f8;
}
#pageHome #top_info #top_news {
	padding-right: 0%;
	margin-bottom: 40px;
}
#pageHome #top_info #top_land_info {
	padding-left: 0%;
}

.link_info {
	text-align: right;
}
.link_info a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding-right: 38px;
	background-image: url(../img/home/arrow_top_info@2x.png);
	background-repeat: no-repeat;
	background-position: right 3px top 50%;
	background-size: 27px;
	transition: all 300ms 0s ease;
}
.link_info a:hover {
	background-position: right 0px top 50%;
	color: #000;
}

/* モデルハウス */
#pageHome #top_mhouse {
	background-image: url(../img/home/bg_top_mhouse_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageHome #top_mhouse .inner {
	height: 300px;
	position: relative;
}
#pageHome #top_mhouse .inner .hli {
	position: absolute;
	width: 203px;
	left: 20px;
	top: 80px;
}
#pageHome #top_mhouse .inner .btn {
	position: absolute;
	right: 10px;
	bottom: 26px;

	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1.2em top 50%;
}
#pageHome #top_mhouse .inner .btn:hover {
	background-position: right 1.0em top 50%;
}

/* お客様の声 */
#pageHome #top_youtube,
#pageHome #top_voices {
	background: url(../img/home/bg_top_voices.png) repeat;
}
#pageHome #top_youtube .inner,
#pageHome #top_voices .inner {
	max-width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid;
}
#pageHome #top_youtube .video{
    position:relative;
    width:100%;
    padding-top:56.25%;
}
#pageHome #top_youtube .video iframe{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}


.slick div,
.slick2 div {
	clear: none;
	text-align: center;
}
#pageHome #top_voices .slick div figure {
	max-width: 250px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid;
}
#pageHome #top_voices .slick div figure figcaption {
	text-align: center;
	padding-top: 15px;
}

/* 施工事例 */
#pageHome #top_works {
	background-image: url(../img/home/bg_top_works.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageHome #top_works .inner {  
	max-width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid;
}

/* ブログ */
#pageHome #top_blog {}

#pageHome #top_blog li .ttl {
	margin-top: 12px;
}









@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */

/* スライドショー */
#pageHome #slide,
#pageHome #slide #pict li,
#pageHome #slide #pict li .inner {
	height: 560px;
}
#pageHome #top_land a.btn br {
	display: none;
}

#pageHome #slide #pict li#slide_2 .enc {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 150px;
}



/*#slide_3 */
#pageHome #slide #pict li#slide_3 .txt1 {
	left: 5px;
	top: 30px;
	max-width: 360px;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	top: 420px;
}
#pageHome #slide #pict li#slide_3 .btn {
	position: absolute;
	right: 100px;
	top: 480px;
}




/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}











@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* スライドショー */
#pageHome #slide,
#pageHome #slide #pict li,
#pageHome #slide #pict li .inner {
	height: 460px;
}
/*#slide_1  */
#pageHome #slide #pict li#slide_1 {
	background-image: url(../img/slide/bg_slide_01@2x.jpg);
}
#pageHome #slide #pict li#slide_1 .txt {
	width: 275px;
	top: 140px;
}
#pageHome #slide #pict li#slide_1 a.btn {
	right: 10px;
	left: auto;
	margin: 0 0;
	width: auto;
	bottom: 30px;
}
/*#slide_2 */
#pageHome #slide #pict li#slide_2 {
	background-image: url(../img/slide/bg_slide_02@2x.jpg);
}
#pageHome #slide #pict li#slide_2 .enc {
	height: 100%;
	max-width: 300px;

	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
}
#pageHome #slide #pict li#slide_2 .enc .txt {
	max-width: 220px;
	padding-top: 100px;
}
#pageHome #slide #pict li#slide_2 .enc .btn {
	font-size: 16px;
}
/*#slide_3 */
#pageHome #slide #pict li#slide_3 {
	background-position: 50% 50%;
	background-image: url(../img/slide/bg_slide_03@2x.jpg);
}
#pageHome #slide #pict li#slide_3 .txt1 {
	max-width: 56%;
	left: 0px;
	top: 60px;
	
	right: auto;
	margin-left: 0;
	margin-right: 0;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	max-width: 160px;
	right: 10px;
	top: 145px;

	left: auto;
	margin-left: 0;
	margin-right: 0;
}
#pageHome #slide #pict li#slide_3 .btn {
	right: 10px;
	top: 260px;
	font-size: 17px;
	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1em top 50%;
}
#pageHome #slide #pict li#slide_3 .btn:hover {
	background-position: right 0.8em top 50%;
}

#pageHome #top_event .down .inner .enc .hli {
	margin-top:15px;
}



/* 分譲地・建売情報 */
#pageHome #top_land {
	background-image: url(../img/home/bg_top_land.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

/*子育て世代を応援する家づくり*/
#pageHome #top_house {
	background-image: url(../img/home/bg_top_house.jpg);
}
#pageHome #top_house .inner {
	height: 657px;
}
#pageHome #top_house .hli {
	width: 243px;
	top: 35px;
}
#pageHome #top_house .ouen {
	width: 278px;
	left: 6px;
	top: 380px;
}
#pageHome #top_house a.btn {
	right: 40px;
	bottom: 70px;
}


/* イベント */
#pageHome #top_event .up {
	padding-top: 60px;
	padding-bottom: 20px;
}
#pageHome #top_event .down .inner {
	top: 0px;
}
#pageHome #top_event .down .inner .enc {
	padding-top: 30px;
	padding-bottom: 30px;
}
#pageHome #top_event .down .inner .enc .hli {
	max-width: 230px;
	margin-top:30px;
}
#pageHome #top_event .down .inner .enc .txt {
	font-size: 19px;
}

/* モデルハウス */
#pageHome #top_mhouse {
	background-image: url(../img/home/bg_top_mhouse.jpg);
}
#pageHome #top_mhouse .inner {
	height: 440px;
}
#pageHome #top_mhouse .inner .hli {
	width: 448px;
	left: 60px;
	top: 110px;
}
#pageHome #top_mhouse .inner .btn {
	right: 10px;
	bottom: 66px;

	padding: 0.6em 3em 0.6em 2.4em;
	background-position: right 2em top 50%;
}
#pageHome #top_mhouse .inner .btn:hover {
	background-position: right 1.8em top 50%;
}







	@media (-webkit-min-device-pixel-ratio: 2){
		/*#pageHome #slide #pict li#slide_1 {
			background-image: url(../img/slide/bg_slide_01@2x.jpg);
		}*/
		#pageHome #top_land {
			background-image: url(../img/home/bg_top_land@2x.jpg);
		}
		#pageHome #top_house {
			background-image: url(../img/home/bg_top_house@2x.jpg);
		}
		#pageHome #top_mhouse {
			background-image: url(../img/home/bg_top_mhouse@2x.jpg);
		}


	/* end of media query(retina) */	
	}


/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* スライドショー */
#pageHome #slide,
#pageHome #slide #pict li,
#pageHome #slide #pict li .inner {
	height: 560px;
}
/*#slide_1  */
#pageHome #slide #pict li#slide_1 .txt {
	width: 275px;
	top: 160px;
}
#pageHome #slide #pict li#slide_1 a.btn {
	right: 10px;
	bottom: 57px;
}
/*#slide_2 */
#pageHome #slide #pict li#slide_2 {
	background-image: url(../img/slide/bg_slide_02@2x.jpg);
}
#pageHome #slide #pict li#slide_2 .enc {
	height: 100%;
	max-width: 330px;
}
#pageHome #slide #pict li#slide_2 .enc .txt {
	max-width: 271px;
	padding-top: 130px;
}
#pageHome #slide #pict li#slide_2 .enc .btn {
	font-size: 20px;
}

/*#slide_3 */
#pageHome #slide #pict li#slide_3 .txt1 {
	max-width: 380px;
	left: 5px;
	top: 60px;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	max-width: 200px;
	right: 10px;
	top: 185px;
}
#pageHome #slide #pict li#slide_3 .btn {
	right: 10px;
	top: 320px;
	font-size: 17px;
	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1em top 50%;
}
#pageHome #slide #pict li#slide_3 .btn:hover {
	background-position: right 0.8em top 50%;
}

#pageHome #top_event .down .inner .enc .hli {
	margin-top:15px;
}

/* お知らせ */
#pageHome #top_info #top_news {
	padding-right: 1%;
	margin-bottom: 0px;
}
#pageHome #top_info #top_land_info {
	padding-left: 1%;
}



/* end of media query(iPad) */	
}

@media handheld, print, screen and (min-width: 697px) {
/* 調整用 */

/*#slide_3 */
#pageHome #slide #pict li#slide_3 .txt1 {
	max-width: 421px;
	left: 5px;
	top: 60px;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	max-width: 241px;
	right: 10px;
	top: 185px;
}
#pageHome #slide #pict li#slide_3 .btn {
	right: 10px;
	top: 350px;

	font-size: 20px;
	padding: 0.6em 3em 0.6em 2.4em;
	background-position: right 2em top 50%;
}
#pageHome #slide #pict li#slide_3 .btn:hover {
	background-position: right 1.8em top 50%;
}

/* end of media query(iPad) */	
}

@media handheld, print, screen and (min-width: 801px) {
/* pc */

/* スライドショー */
#pageHome #slide,
#pageHome #slide #pict li,
#pageHome #slide #pict li .inner {
	height: 700px;
}

/*#slide_1  */
#pageHome #slide #pict li#slide_1 .txt {
	width: 371px;
	top: 160px;
}
#pageHome #slide #pict li#slide_1 a.btn {
	right: 10px;
	bottom: 57px;
}
/*#slide_2 */
#pageHome #slide #pict li#slide_2 .enc {
	height: 100%;
	max-width: 400px;
}
#pageHome #slide #pict li#slide_2 .enc .txt {
	max-width: 339px;
	padding-top: 170px;
}
/*#slide_3 */
#pageHome #slide #pict li#slide_3 .txt1 {
	max-width: 451px;
	left: 5px;
	top: 100px;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	max-width: 271px;
	right: 10px;
	top: 205px;
}
#pageHome #slide #pict li#slide_3 .btn {
	right: 10px;
	top: 402px;
}



/*子育て世代を応援する家づくり*/
#pageHome #top_house .inner {
	height: 730px;
}
#pageHome #top_house .hli {
	width: 230px;
	top: 35px;
}
#pageHome #top_house .ouen {
	width: 262px;
	left: 6px;
	top: 108px;
}
#pageHome #top_house a.btn {
	right: 40px;
	bottom: 70px;
}

/* イベント */
#pageHome #top_event .up {
	padding-top: 80px;
	padding-bottom: 110px;
}
#pageHome #top_event .down .inner {
	top: -77px;
}
#pageHome #top_event .down .inner .enc {
	padding-top: 30px;
	padding-bottom: 0px;
}
#pageHome #top_event .down .inner .enc .hli {
	max-width: 255px;
	margin-top:15px;
}
#pageHome #top_event .down .inner .enc .txt {
	font-size: 20px;
}

/* モデルハウス */
#pageHome #top_mhouse .inner {
	height: 550px;
}
#pageHome #top_mhouse .inner .hli {
	width: 561px;
	left: 90px;
	top: 140px;
}
#pageHome #top_mhouse .inner .btn {
	right: 5px;
	bottom: 76px;
}

/* お客様の声 */
#pageHome #top_voices .inner {
	padding-right: 80px;
	padding-left: 30px;
}

/* 施工事例 */
#pageHome #top_works .inner {
	padding-right: 80px;
	padding-left: 30px;
}



/* end of media query(pc) */
}


@media handheld, print, screen and (min-width: 860px) {
/* 調整用 */

/*#slide_3 */
#pageHome #slide #pict li#slide_3 .txt1 {
	max-width: 526px;
	left: 5px;
	top: 70px;
}
#pageHome #slide #pict li#slide_3 .txt2 {
	max-width: 301px;
	right: 10px;
	top: 145px;
}
#pageHome #slide #pict li#slide_3 .btn {
	right: 10px;
	top: 382px;
}


/* end of media query(pc) */
}

@media handheld, print, screen and (min-width: 931px) {
/* 調整用 */

/*子育て世代を応援する家づくり*/
#pageHome #top_house .hli {
	width: 270px;
	top: 35px;
}
#pageHome #top_house .ouen {
	width: 309px;
	left: 6px;
	top: 88px;
}
#pageHome #top_house a.btn {
	right: 40px;
	bottom: 70px;
}



/* end of media query(pc) */
}