@charset "UTF-8";

#house-header {background-image: url("../img/prod-header.jpg");}
#contents{padding: 0;}

#house-01{padding: 0;position: relative;}
#house-01 h2{margin-bottom: 70px;text-align: center;line-height: 1;}
#house-01-01{position: relative;z-index: 222;}
#h01-c{padding: 90px 0;position: relative;}
#h01-c::before{content: '';display: block;width: 85%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;}
#hm-01{margin-left: -15%;width: 100%;}
#house-01-02{width: 95%;margin-left: 5%;padding-top: 47.5%;margin-top: -12.013888888889%;position: relative;z-index: 111;}
#h02-c{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/prod-01.jpg") no-repeat center center;background-size: cover;}

@media (max-width: 767px) {
	#house-01 h2{margin-bottom: 50px;}
	#h01-c{padding: 60px 0;}
	#h01-c p{padding-right: 3%;}
	#h01-c::before{width: 95%;}
	#hm-01{margin-left: -5%;}
	#house-01-02{padding-top: 75%;}
}

#house-02{padding: 120px 0 80px;position: relative;}
#house-02 h2{text-align: center;margin-bottom: 50px;}
#house-02 ul{margin-bottom: 45px;}
#house-02 ul li{margin: 15px 0;width: 31.25%;}
#h02-02{padding: 40px 50px;border: 1px solid #042275;}
#h02-02 h3{margin-bottom: 30px;line-height: 1;}
@media (max-width: 960px) {
	#h02-02{padding: 30px 7%;}
}
@media (max-width: 767px) {
	#house-02{padding: 80px 0 60px;}
	#house-02 ul li{width: 100%;}
}

#house-03{padding: 0;position: relative;}
#h03-img {width: 50%;padding-top: 50%;background: url("../img/prod-03.jpg") no-repeat center center;background-size: cover;}
#h03-txt {width: 50%;background-color: #fff;padding: 6.944444444444%;}
#h03-txt h2{margin-bottom: 28px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;line-height: 1;}
@media (max-width: 960px) {
	#h03-txt h2{margin-bottom: 18px;padding-bottom: 20px;}
}
@media (max-width: 767px) {
	#h03-img {width: 100%;padding-top: 85%;}
	#h03-txt {width: 100%;padding: 10%;}
}


#house-031{padding: 0;position: relative;}
#h031-img {width: 50%;padding-top: 50%;background: url("../img/prod-031.jpg") no-repeat center center;background-size: cover;}
#h031-txt {width: 50%;background-color: #fff;padding: 6.944444444444%;}
#h031-txt h2{margin-bottom: 28px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;line-height: 1;}
@media (max-width: 960px) {
	#h031-txt h2{margin-bottom: 18px;padding-bottom: 20px;}
}
@media (max-width: 767px) {
	#h031-img {width: 100%;padding-top: 85%;}
	#h031-txt {width: 100%;padding: 10%;}
}

#house-032{padding: 0;position: relative;}
#h032-img {width: 50%;padding-top: 50%;background: url("../img/prod-032.jpg") no-repeat center center;background-size: cover;}
#h032-txt {width: 50%;background-color: #fff;padding: 6.944444444444%;}
#h032-txt h2{margin-bottom: 28px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;line-height: 1;}
@media (max-width: 960px) {
	#h032-txt h2{margin-bottom: 18px;padding-bottom: 20px;}
}
@media (max-width: 767px) {
	#h032-img {width: 100%;padding-top: 85%;}
	#h032-txt {width: 100%;padding: 10%;}
}


#house-033{padding: 0;position: relative;}
#h033-img {width: 50%;padding-top: 50%;background: url("../img/prod-033.jpg") no-repeat center center;background-size: cover;}
#h033-txt {width: 50%;background-color: #fff;padding: 6.944444444444%;}
#h033-txt h2{margin-bottom: 28px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;line-height: 1;}
@media (max-width: 960px) {
	#h033-txt h2{margin-bottom: 18px;padding-bottom: 20px;}
}
@media (max-width: 767px) {
	#h033-img {width: 100%;padding-top: 85%;}
	#h033-txt {width: 100%;padding: 10%;}
}


#house-04{padding: 80px 0 120px;position: relative;text-align: center;}
#house-04 h2{text-align: center;margin-bottom: 60px;line-height: 1;}
#house-04 dt{background-color: #F2F4F8;line-height: 38px;}
#house-04 dd{padding: 15px 0 35px;position: relative;}
#house-04 dd::after{content: '';width: 100%;height: 6px;background: url("../img/prod-04-arrow.svg") no-repeat center center;position: absolute;left: 0;bottom: 15px;}
#house-04 dd:last-child{padding-bottom: 0;}
#house-04 dd:last-child::after{display: none;}
@media (max-width: 767px) {
	#house-04{padding: 60px 0 80px;}
	#house-04 h2{margin-bottom: 45px;}
	#house-04 dd{text-align: justify;}
}

#house-05{padding: 0;margin-bottom: 120px;position: relative;}
#h05-img {width: 50%;padding-top: 50%;background: url("../img/prod-05.jpg") no-repeat center center;background-size: cover;}
#h05-txt {width: 50%;background-color: #fff;padding: 6.944444444444%;} 
#h05-txt h2{margin-bottom: 60px;line-height: 1;text-align: center;}
#h05-txt dt{font-weight: bold;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px dotted #ccc;color: #042275;position: relative;padding-left: 1.4em;text-indent: -1.4em;}
#h05-txt dt::before {content: 'Q. ';}
#h05-txt dd{padding-bottom: 30px;padding-left: 1.4em;text-indent: -1.4em;position: relative;}
#h05-txt dd::before {content: 'A. ';color: #33A1DB;}
#h05-txt dd:last-child{padding-bottom: 0;}
@media (max-width: 960px) {
	#h05-txt h2{margin-bottom: 45px;}
}
@media (max-width: 767px) {
	#house-05{margin-bottom: 80px;}
	#h05-img {width: 100%;padding-top: 85%;}
	#h05-txt {width: 100%;padding: 10%;}
}

.panel{background-color: #fff;padding: 90px 5.555555555556%;}
@media (max-width: 960px) {
	.panel{padding: 60px 5.555555555556%;}
}