
@media screen and (min-width: 768px) {
.main_img {
	background: url(../img/02/main_pc.jpg) no-repeat center;
}
.main_img h2 {
	padding-top: 313px;
}
}
.house_box {
	max-width: 1400px;
	margin: auto;
	padding: 0 20px;
	box-sizing: content-box;
	margin-bottom: 78px;
	margin-top: 100px;
}
.house_box > .ttl {
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 60px;
}
.house_box .nav_list li {
	width: 19.5%;
	float: left;
	margin-right: 0.625%;
}
.house_box .nav_list li:last-child {
	margin-right: auto;
}
.slider_wrap {
	padding: 80px 20px 70px;
	box-sizing: content-box;
}
.slider_wrap.bg {
	background: #dde3e5;
}
.slider_wrap .ttl {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	border: 1px solid #5e6d7c;
	padding: 5px;
	margin-bottom: 50px;
}
.slider_wrap .ttl .m {
	font-size: 145%;
}
.slider_wrap .ttl .s {
	font-size: 89%;
}
.slider_wrap .cont {
	max-width: 1400px;
	margin: auto;
}
.slider_wrap .slider {
	max-width: 1143px;
	margin: auto;
	padding: 0 126px;
	box-sizing: content-box;
}
.slider_wrap .slider .slick-slide {
	padding: 0 19px;
}
.slider_wrap .slider .slick-next {
	width: auto;
	height: auto;
	right: 0;
}
.slider_wrap .slider .slick-prev {
	width: auto;
	height: auto;
	left: 0;
}
.slider_wrap .slider .slick-prev:before {
	content: "";
	background: url("../img/02/prev.png") no-repeat center center;
	background-size: contain;
	width: 58px;
	height: 58px;
	display: block;
}
.slider_wrap .slider .slick-next:before, .slider_wrap .slider .slick-prev:before {
	opacity: 1;
}
.slider_wrap .slider .slick-next:hover::before, .slider_wrap .slider .slick-prev:hover::before {
	opacity: 0.8;
}
.slider_wrap .slider .slick-next:before {
	display: block;
	content: "";
	background: url("../img/02/next.png") no-repeat center center;
	background-size: contain;
	width: 58px;
	height: 58px;
}
.slider_wrap .slider a {
	transition: 0.6s ease-in-out opacity;
	display: block;
}
.slider_wrap .slider a:hover {
	opacity: 0.6;
}
.slider_wrap .slider a img {
	opacity: 1;
}
.slider_wrap .slider .read {
	font-size: 1.8rem;
	text-align: center;
	margin-top: 6px;
}

@media screen and (max-width: 1350px) {
.slider_wrap .slider {
	padding: 0 40px;
}
.slider_wrap .slider .slick-next:before, .slider_wrap .slider .slick-prev:before {
	width: 38px;
	height: 38px;
}
.slider_wrap .slider .read {
	font-size: 1.6rem;
}
.slider_wrap .ttl {
	font-size: 1.6rem;
	padding: 3px;
}
}

@media screen and (max-width: 1050px) {
.slider_wrap .ttl {
	margin-bottom: 25px;
}
.slider_wrap {
	padding: 35px 20px;
}
.house_box .nav_list {
	letter-spacing: -.40em;
	max-width: 835px;
	margin: auto;
	text-align: center;
}
.house_box .nav_list li {
	display: inline-block;
	letter-spacing: normal;
	float: none;
	margin-bottom: 0.95%;
	vertical-align: middle;
	width: 32.7%;
	margin-right: 0.95%;
}
.house_box .nav_list li:nth-last-child(-n + 2) {
	margin-bottom: 0;
}
.house_box .nav_list li:nth-child(3n) {
	margin-right: auto;
}
.slider_wrap .slider .slick-slide {
	padding: 0 5px;
}
.slider_wrap .slider .slick-next:before, .slider_wrap .slider .slick-prev:before {
	width: 27px;
	height: 27px;
}
}

@media screen and (max-width: 767px) {
.house_box > .ttl {
	font-size: 1.6rem;
	margin-bottom: 35px;
}
.house_box {
	margin-top: 40px;
	margin-bottom: 45px;
}
.house_box .nav_list li {
	width: auto;
	display: block;
	margin-right: auto;
	margin-bottom: 2% !important;
}
.house_box .nav_list li:last-child {
	margin-bottom: 0 !important;
}
#sec01, #sec02, #sec03, #sec04, #sec05 {
	margin-top: -35px;
	padding-top: 35px;
}
}

@media screen and (max-width: 550px) {
.slider_wrap .slider {
	padding: 0 32px;
	max-width: 340px;
	margin: auto;
}
.slider_wrap .slider .slick-next:before, .slider_wrap .slider .slick-prev:before {
	width: 20px;
	height: 20px;
}
.slider_wrap .slider .slick-slide {
	padding: 0;
}
}



