.content {font-size: 20px;}

#top_page {
	position: relative;
/*	margin: -168px 0 75px;*/
	margin: -168px 0 0;
}

#top_page .top_image {
	display: flex;
	height: 100vh;
}

#top_page .top_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#top_page .top_image:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.6) 100%);
}

#top_page .middle {
	HEIGHT: 100%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
}

#top_page .top_text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3;
	color: #fff;
}

#top_page h3 {
	font-size: 24px;
	margin-left: 56px;
	margin-bottom: 10px;
}

#top_page h2 {
	font-size: 30px;
	margin-bottom: 25px;
    font-weight: bold;
    margin-bottom: 325px;
}

#top_page .middle:before {
	width: 261px;
	right: auto;
	left: 0;
	top: auto;
	bottom: 35px;
	background: #fff;
}

#top_page .top_tip {
	font-size: 24px;
	color: #fff;
	line-height: 1;
	position: absolute;
	right: 144px;
	bottom: 24px;
}

/*
#top_page .button {
	display: inline-block;
	width: 313px;
	height: 38px;
	line-height: 33px;
	padding-left: 56px;
	font-size: 24px;
	text-align: left;
	text-decoration: none;
}*/


#top_page .button {
	display: inline-block;
    width: auto;
    height: 38px;
    line-height: 33px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    margin-right: 30px;
}

.mouse {
    width: 18px;
    height: 24px;
    background: url(../images/mouse.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 26px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

@keyframes  bounce {
	0%, 20%, 50%, 80%, 100% {
   transform: translateY(0);
  }
	40% {
    transform: translateY(-30px);
  }
	60% {
    transform: translateY(-15px);
  }
}

.screen_number {
	width: 262px;
	height: 263px;
	border: 3px solid #ff351f;
	line-height: 240px;
	text-align: center;
	position: relative;
	font-size: 227.5px;
	color: rgba(0,0,0,.05);
	background: #fff;
}

.screen_number:before,
.screen_number:after {
	content: '';
	display: block;
	position: absolute;
	top: 18px;
	left: 19px;
	background: #000;
	-webkit-transition: width .5s ease-in-out, height .5s ease-in-out;
	transition: width .5s ease-in-out, height .5s ease-in-out;
}

.screen_number:before {
	height: 3px;
	width: 0;
}

.screen_number:after {
	height: 0;
	width: 3px;
}

.finished .screen_number:before,
.finished.screen_number:before {
	width: 43px;
}

.finished .screen_number:after,
.finished.screen_number:after {
	height: 65px;
}

.screen_number span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 239px;
	text-align: center;
	font-size: 227.5px;
	color: rgba(0,0,0,0);
	transition: transform .5s ease-in-out, color .5s ease-in-out;
	-webkit-transition: transform .5s ease-in-out, color .5s ease-in-out;
}

.screen_number:before,
.screen_number:after,
.screen_number span {
	transition-delay: .5s;
	-webkit-transition-delay: .5s;
}

.finished .screen_number span,
.finished.screen_number span {
	color: #000;
	transform: scale(.35)
}

.screen1 .screen_images {
	height: 555px;
	width: 555px;
	float: right;
	position: relative;
}

.screen1 .image1,
.screen1 .image2 {
	overflow: hidden;
	position: absolute;
}

.screen1 .image1 {
	width: 263px;
	height: 555px;
	left: 0;
	top: 0;
}

.screen .image1 img,
.screen .image2 img {
	width: 100%;
}

.screen1 .image2 {
	width: 262px;
	height: 262px;
	right: 0;
	bottom: 0;
} 

.screen1 .screen_number {
	position: absolute;
	right: 0;
	top: 0;
}

.screen {margin-bottom: 65px;}

.screen h2 {
	font-size: 48px;
	line-height: 1.2;
	padding: 63px 0 68px;
	margin-bottom: 67px;
	position: relative;
}

.screen h2:after,
.screen1_1 .image1 a:after,
.image_link span:after {
	content: '';
	display: block;
	width: 263px;
	max-width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ff351f
}

.screen1 .content {
	max-width: 450px;
	margin-bottom: 55px;
}

.screen1_1 .image1 {
	position: relative;
	height: 310px;
}

.screen1_1 .image1 a {
	display: block;
	position: absolute;
	right: 123px;
	top: 133px;
	font-size: 30px;
	line-height: 1.2;
	color: #fff;
	text-decoration: none;
	padding: 0 63px 70px 0;	
	background: url('../images/arrow_w.png') no-repeat 100% 7px;
}

.screen1_1 .image1 a:after {
	width: auto;
	right: 63px
}

.screen1_2 .screen_images  {
	float: left;
	margin-right: 65px;
}

.screen h3 {padding: 68px 0 62px}
.screen1_2 .link {margin-top: 33px;}

.screen2 .middle {
	font-size: 0;
	text-align: center;
}

.screen2 .middle >* {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-bottom: 30px;
}

.screen2 h2 {
	display: inline-block;
	vertical-align: middle;
	width: 293px;
	margin-bottom: 30px;
	padding-top: 0;
}

.screen2 .text {
	padding-left: 97px;
	width: 555px;
	margin-right: 30px;
}

.screen2 .content {margin-bottom: 34px;}

.screen2 .image1 {
	width: 262px;
	height: 263px;
}

.screen2 .screen_number {
	text-align: center;
	margin-right: 30px;
}

.screen2 .image2 {
	width: 555px;
	height: 263px;
	margin-right: 31px;
}

.screen .content_block {
	width: 262px;
	height: 263px;
	border: 3px solid #000;
	font-size: 14px;
	line-height: 1.2;
	padding: 42px 20px 0;
}

.screen .content_block h4 {
	font-size: 24px;
	min-height: 75px;
	margin-bottom: 26px;
}

.screen .content_image_block {
	width: 262px;
	height: 263px;
	position: relative;
	overflow: hidden;
	margin-right: 30px;
}

.screen .content_image_block img,
.image_link img {
	position: absolute;
	height: 100%;
	top: 0;
	margin: auto;
	left: -999px;
	right: -999px;
}

.screen .content_image_block div {
	position: relative;
	z-index: 2;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	padding: 50px 27px 0;
}

.screen .content_image_block + .content_block,
.screen .content_image_block + .content_block + .content_block {
	margin-right: 30px;
}

.screen2 {margin-bottom: 116px}
.screen3 {margin-bottom: 146px;}

.screen3 .screen_top {
	font-size: 0;
	text-align: center;
	margin-bottom: 76px;
}

.screen3 .screen_top >* {
	display: inline-block;
	vertical-align: bottom;
}

.screen3 .image1 {
	width: 360px;
	height: 263px;
	overflow: hidden;	
	margin-right: 30px;
}

.screen3 .screen_number {margin-right: 58px;}

.screen3 h2 {
	width: 429px;
	text-align: left;
	margin-bottom: 0;
}

.screen3 .image2 {
	width: 653px;
	height: 409px;
	float: left;
	margin-right: 52px;
}

.screen3 .content {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 58px;
}

.screen3 .text img {
	display: inline-block;
	margin-top: 62px;
}

.screen4 {margin-bottom: 72px;}

.screen4 .text {
	float: left;
	width: 360px;
	margin-right: 30px;
}

.screen4 .text .content {
	margin: 66px 0 55px;
	font-size: 18px;
	line-height: 30px;
}

.screen4 .screen_images {
	margin-left: 390px;
	font-size: 0;
}

.screen4 .screen_images h2 {
	display: inline-block;
	vertical-align: middle;
	width: 428px;
	margin: 0 30px;
	padding: 20px 0 50px;
}

.screen4 .screen_images .screen_number {
	display: inline-block;
	vertical-align: middle;
}

.screen4 .image2 {
	height: 345px;
	width: 100%;
	margin-top: 73px;
}

.screen5 {margin-bottom: 145px;}

.screen5 .screen_top {
	font-size: 0;
    text-align: center;
    margin-bottom: 30px;
}

.screen5 .screen_top >*,
.screen7 .screen_top >* {
    display: inline-block;
    vertical-align: middle;
}

.screen5 .screen_number {margin-right: 30px;}

.screen5 .image1 {
	width: 360px;
	height: 263px;
	overflow: hidden;
	margin-right: 46px;
}

.screen5 .text {text-align: left;}
.screen5 .link {margin-top: 40px;}

.screen5 .screen_images {
	height: 584px;
	position: relative;
}

.screen5 .image2 {
	width: 653px;
	height: 325px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.screen5 .image3 {
	width: 457px;
	height: 584px;
	position: absolute;
	right: 0;
	bottom: -45px;
}

.screen5 .screen_images h2 {
	max-width: 653px;
	padding: 30px 0 47px;
}

.screen6  {margin-bottom: 146px;}

.screen6 .screen_top {
	min-height: 459px;
	position: relative;
	margin-bottom: 59px;
	padding: 0 0 0 367px;
}

.screen6 .screen_top .image1 {
	width: 263px;
	width: 325px;
	height: 459px;
	position: absolute;
	left: 0;
	top: 0;
}

.screen6 .screen_number {
	position: absolute;
	bottom: 0;
	right: 0;
}

.screen6 h2 {
	padding-top: 56px;
	max-width: 650px;
	margin-bottom: 46px;
}

.screen .text {position: relative;}

.screen6 .text .link {
	position: absolute;
	left: 326px;
	top: -61px;
}

.screen6 .content {max-width: 480px;}
.screen6 .screen_images {font-size: 0;}

.screen6 .screen_images >*,
.screen8 .screen_top >*,
.screen11 .screen_top >* {
	display: inline-block;
	vertical-align: top;
}

.screen6 .image2 {
	width: 555px;
	height: 369px;
}

.screen6 .image_link {margin-right: 29px;}

.image_link {
	position: relative;
	width: 556px;
	height: 369px;
	overflow: hidden;
	text-decoration: none;
}

.image_link span {
	position: relative;
	z-index: 2;
	display: block;
	margin: 0 68px 48px;
	padding: 92px 0 40px;
	margin-bottom: 48px;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
}

.image_link .link:after {display: none}

.image_link .link {
	display: inline-block;
	padding: 0 29px 0 0;
	font-size: 20px;
	line-height: 24px;
	background: url('../images/arrow_w.png') no-repeat 100% 50%;
}

.screen7  {margin-bottom: 146px;}

.screen7 .screen_top {
	height: 263px;
	font-size: 0;
}

.screen7 .screen_top + .screen_top {margin-top: 59px;}

.screen7 .image1 {
	width: 262px;
	height: 263px;
	margin-right: 29px;
}

.screen7 .content {
	font-size: 20px;
	line-height: 30px;
	color: #000;
	margin-right: 100px;
	max-width: 420px;
}

.screen7 h2 {
	max-width: 328px;
	padding: 0 0 50px;
	margin: 0;
}

.screen7 .screen_number {margin: 0 31px 0 62px;}

.screen8,
.screen11 {
	margin-bottom: 146px;
}

.screen8 .screen_top,
.screen11 .screen_top {
	height: 263px;
	margin-bottom: 59px;
}

.screen8 .image1,
.screen11 .image1 {
	width: 847px;
	height: 263px;
	margin-right: 26px;
	position: relative;
}

.screen8 .image2,
.screen11 .image2 {
	width: 360px;
	height: 368px;
	float: left;
	margin-right: 61px;
}

.screen11 .image2 {
	width: 500px;
	height: auto;
	margin-bottom: 20px;
}


.screen8 h2,
.screen11 h2 {
    padding: 0 0 46px;
	display: inline-block;
	max-width: 670px;
	margin: -13px 0 47px;
}

.screen8 .link,
.screen11 .link {
	margin-top: 36px;
}

.screen8 .comp_logo {
	position: absolute;
	top: 57px;
	right: 64px;
	z-index: 2;
}

.screen8 .comp_logo img {height: auto;}

.screen8_1 {margin-bottom: 59px;}

.screen8_1 .top_text  {
	position: relative;
	z-index: 2;
}
	
.screen8_1 .middle {	
	height: 444px;
	padding-right: 672px;
}

.screen8_1 #map {
	position: absolute;
	right: 0;
	top: 13px;
	width: 652px;
	height: 431px;
}

.screen8_1 h2 {
	padding: 0 0 47px;
	margin: 0 0 52px;	
}

.screen8_1 .link {margin-top: 48px;}

.screen9 {margin-bottom: 40px;}
.screen9 .middle {padding-top: 115px;}

.screen9 .screen_number {
	position: absolute;
	top: 0;
	right: 0;
}

.stats {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
}

.stats li {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin-bottom: 90px;
	font-size: 30px;
	line-height: 30px;
	padding-right: 20px;
}

.stats li:nth-child(3) {margin-right: 10px;}

.stats li >img {
	display: block;
	margin-bottom: 14px;
}

.stats li span {
	display: block;
	font-size: 20px;
	line-height: 30px;
}

.stats li span img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	position: relative;
	top: -1px;
}

.screen10 {
	height: 818px;
	position: relative;
	margin-bottom: 145px;
}

.screen10 .block_bg {
	height: 818px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.screen10 .block_bg:after {
	content: '';
	display: block;
	height: 425px;
	width: 1400px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,.6)),	color-stop(.45, rgba(0,0,0,3)), color-stop(1, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,.3) 45%, rgba(0,0,0,0) 100%);
}

.screen10 .block_bg:before {
	content: '';
	display: block;
	height: 180px;
	width: 1400px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0)),	color-stop(100%, rgba(0,0,0,.3)));
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 100%);
}

.screen10 .block_bg img {
	position: absolute;
	top: 0;
	margin: auto;
	left: -999px;
	right: -999px;
	height: 100%;
}

.screen10 .middle {z-index: 2;}

.screen10 h2 {
	margin-left: 197px;
	color: #fff;
	padding: 70px 0 34px;
	max-width: 340px;
}

.screen10 .screen_number {
	position: absolute;
	left: 0;
	top: 493px;
}

.houses {
	margin: 0;
	padding: 0;
	list-style: none;
}

.houses li {
	width: 54px;
	position: absolute;
	transition: z-index .3s;
	-webkit-transition: z-index .3s;
}

.houses li:hover {z-index: 2;}

.house_toggle {
	width: 54px;
	height: 54px;
	background: #ff351f;
	border-radius: 100px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.house_toggle:before {
	content: '+';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 48px;
	text-align: center;
	line-height: 49px;
	color: #fff;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}

.houses li:hover .house_toggle:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.house_link {
	display: block;
	width: 274px;
	background: rgba(255,255,255,.9);
	position: absolute;
	top: 55px;
	margin: auto;
	left: -999px;
	right: -999px;
	opacity: 0;
	padding: 35px 28px 35px;
	text-decoration: none;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: .3s linear;
    transition: .3s linear;
}

.houses li:hover .house_link {
	-webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
    opacity: 1;
}

.house_link .house_num {
	display: block;
	font-size: 30px;
	color: #000;
	margin-bottom: 20px;
}

.house_link .house_time {
	display: block;
	font-size: 14px;
	color: #ff3520;
}

.house_link .house_specify {
	display: inline-block;
	height: 24px;
	padding-right: 29px;
	background: url('../images/arrow_b.png') no-repeat 100% 50%;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-top: 13px;
}

.houses .house1 {
	left: 51px;
	top: 112px;
}

.houses .house2 {
	right: 591px;
	top: 36px;
}

.houses .house3 {
	left: 47px;
	top: 326px;
}

.houses .house4 {
	right: 619px;
	top: 200px;
}

.houses .house5 {
	right: 258px;
	top: 123px;
}

.houses .house6 {
	left: 348px;
	top: 511px;
}

.houses .house7 {
	right: 339px;
	top: 326px;
}

.houses .house8 {
	right: 1px;
	top: 263px;
}

.screen11 {
    margin-top: 30px;
}
/*.screen11 h2 {max-width: 460px;}*/

.map_tip {
	position: absolute;
	margin: auto;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.8);
	width: 330px;
	height: 110px;
	font-size: 24px;
	text-align: center;
	padding: 40px 30px;
}

.map_tip div {
	width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 2;
    background: url(../images/close_menu.png) no-repeat 50%;
    position: absolute;
    top: 15px;
    right: 15px;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.map_tip div:hover {
	background-image: url('../images/close_menu_h.png');
}

@media (max-width: 1170px) {
	#top_page .middle:before,
	.mouse,
	.screen1 .screen_images,
	.screen1_1,
	.screen1_2,
	.screen .image1,
	.screen .screen_number,
	.screen .image2,
	.screen .content_block,
	.screen .content_image_block,
	.screen3 .text img,
	.screen4 .screen_images .screen_number,
	.screen5 .image3,
	.screen6 .screen_images,
	.screen7 .screen_top + .screen_top,
	.screen9,
	.house_toggle,
	.screen11 .screen_top,
	.screen8 .screen_top {
		display: none;
	}
	
	#top_page .top_tip {
		width: 100%;
		text-align: center;
		right: 0;
	}

	#top_page h2 {
		margin-bottom: 25px;
	}
	
	.screen8_1 #map {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 30px;
	}
	
	.screen10 .middle {padding-top: 20px;}
	
	.screen8_1 .middle {
		height: auto;
		padding-right: 0;
	}
	
	.screen10 .block_bg:after {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
	}
	
	.screen10 h2 {
		margin-left: 0;
		color: #fff;
		padding: 70px 0 34px;
		max-width: 100%;
	}
	
	.house_link {
		position: static;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		visibility: visible;
		opacity: 1;
		text-align: left;
	}
	
	.houses >li {position: static;}
	.screen10 {height: auto;}
	.screen10 .block_bg {height: 100%;}
	
	.houses {text-align: center;}
	
	.houses >li {
		width: auto;
		display: inline-block;
		vertical-align: top;
		margin: 0 15px 30px;
	}
	
	.screen10 .block_bg img {
		left: 0;
		right: auto;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.screen h2 {
		padding: 0 0 48px;
		margin-bottom: 50px;
	}
	
/*	#top_page {margin-bottom: 95px;}*/
	
	.screen .content {
		max-width: 100%;
		margin-bottom: 23px;
	}
	
	.screen {margin-bottom: 100px;}
	
	.screen .middle h2 {
		display: block;
		text-align: left;
		margin-bottom: 50px;
		width: auto;
	}
	
	.screen .text {
		padding-left: 0;
		width: auto;
		margin: 0;
		float: none;
	}
	
	.screen .screen_top {margin-bottom: 0;}
	
	.screen4 .text .content {
		margin: 0 0 55px;
		font-size: 18px;
		line-height: 30px;
	}
	
	.screen4 .screen_images h2 {
		width: auto;
		margin: 0 0 50px;
		padding: 0 0 48px;
	}
	
	.screen4 .screen_images {margin-left: 0}
	
	.screen5 .screen_top .text, 
	.screen7 .screen_top .text {
		display: block;
	}
		
	.screen5 .screen_images h2 {
		max-width: 100%;
		padding: 0 0 48px;
	}
	
	.screen5 .link {margin-top: 0;}
	.screen5 .screen_images {height: auto;}
	
	.screen6 .screen_top {
		min-height: 0;
		margin-bottom: 0;
		padding: 0;
	}
	
	.screen6 h2,
	.screen7 h2 {
		max-width: 100%;
	}
	
	.screen6 .text .link {position: static;}
	.screen7 .content {margin-right: 0;}
	
	.screen8 h2, 
	.screen11 h2 {
		padding: 0 0 48px;
		display: block;
		max-width: 100%;
		margin-bottom: 50px;
	}
	
	.screen8 .link, 
	.screen11 .link,
	.screen8_1 .link{
		margin-top: 0;
	}
	
	.screen4 .middle,
	.screen5 .middle,
	.screen7 .screen_top {
		display: flex;
		flex-flow: wrap;
	}
	
	.screen4 .middle .screen_images,
	.screen5 .middle .screen_images,
	.screen7 .screen_top h2{
		order: 1;
	}
	
	.screen4 .middle .text,
	.screen5 .middle .screen_top,
	.screen7 .screen_top .content {
		order: 2;
	}
	
	.screen4 .text .content {margin-bottom: 23px;}
	.screen7 .screen_top {height: auto;}
	
	#top_page .top_text {left: 15px;}
}



@media (max-width: 1030px) {
	#top_page .top_text {
		 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;
	}

	#top_page .top_text h2 {
		width: 100%;
	}

	#top_page .button {
		margin-right: 0;
	}

	#top_page .top_text {
		right: 15px;
	}
}

@media (max-width: 980px) {
	#top_page h2 {
/*		font-size: 48px;*/
/*		line-height: 1.2;*/
	}
	
/*	#top_page .middle {line-height: 448px;}*/
/*	#top_page {height: 448px;}*/

	#top_page .middle {line-height: normal;}
	#top_page {height: auto;}

	
	#top_page .top_image {
/*		height: 448px;*/
		height: 100%;
	}
	
	#top_page .top_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#top_page .top_text {
		position: relative;
		top: auto;
		transform: none;
		flex-direction: column;
		-webkit-box-pack: center;
		      -ms-flex-pack: center;
		justify-content: center;
		align-items: center;
		padding-bottom: 30px;
		left: auto;
		right: auto;
		margin-left: 15px;
		margin-right: 15px;
	}

	#top_page .button {
		margin-bottom: 20px;
		width: 310px;
	}

	#top_page .middle {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		padding-top: 140px;
	}

	#top_page .top_image {
		display: block;
		position: absolute;
		margin: auto;
		bottom: 0;
		top: 0;
		right: 0;
		left: 0;
	}
}

@media (max-width: 650px) {
	.screen10 .middle {margin: 0;}
	
	.screen10 .middle h2 {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.house_link {width: 200px;}
}

@media (max-width: 600px) {
	#top_page {margin-top: -70px;}	
		
	#top_page h3 {
		width: auto;
		width: 240px;
		margin: 0 auto 10px;
		font-size: 18px;
	}
	
	#top_page h2 {
		text-align: center;
		margin-bottom: 47px;
	}
	
	#top_page .button {
		display: block;
/*		width: 290px;*/
/*		padding-left: 30px;*/
/*		font-size: 18px;*/
		margin: 0 auto 15px;
	}
	
	#top_page .top_tip {
		position: static;
		margin: 40px auto 0;
		width: 230px;
		font-size: 18px;
		line-height: 1.2;
	}
	
	#top_page .middle {
		line-height: 1;
		padding-top: 90px;
	}	
	
	.screen .middle h2 {font-size: 36px;}
	.content {font-size: 18px;}
	
	#top_page .top_text {
		position: static; 
		top: auto;
		transform: none;
	}
}

@media (max-width: 480px) {
	.houses >li {
		margin-left: 15px;
		margin-right: 15px;
		display: block;
	}
	
	.house_link {width: 100%}
}