@charset "UTF-8";
/* CSS Document */

.hakusanhouse {
	
}
.hakusanhouse h1 {
	display: block;
	width: 980px;
	height: 715px;
	margin-top: 30px;
}
.hh_h2 {
	display: block;
	margin-top: 50px;
	margin-bottom: 25px;
	padding-left: 15px;
	border-left: 15px solid #fff100;
	background: #008589;
	color: #fff;
	font-size: 233.3333%;
	font-weight: bold;
}
.hakusanhouse p {
	color: #3f3a39;
	font-size: 166.6666%;
}
.hakusanhouse .kakomi {
	display: block;
	margin-top: 40px;
	padding: 20px 40px;
	background: #fffbb2;
	border-radius: 10px;
}
.hakusanhouse .kakomi h3 {
	margin-bottom: 15px;
	padding-left: 58px;
	color: #3f3a39;
	background: url(../images/check.svg) no-repeat 0 50%;
	background-size: 40px 40px;
	line-height: 40px;
	font-size: 233.3333%;
	font-weight: bold;
}
.hakusanhouse .kakomi p {
	color: #221815;
}
.sec03photo {
	display: block;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: 3px solid #d9d8d7;
}
.sec03photo img {
	display: block;
	width: 620px;
	height: 400px;
	margin: 0 auto;
}
.sec03photo img+span {
	display: block;
	width: 620px;
	margin: 15px auto 0 auto;
	color: #3f3a39;
	font-size: 133.3333%;
}
.sec04 {
	display: block;
	width: 760px;
	margin: 35px auto 0 auto;
}
.sec04 img {
	display: block;
	width: 760px;
	height: 460px;
}
.sec051 {
	display: block;
	width: 980px;
	margin: 30px auto 0 auto;
}
.sec051 img {
	display: block;
	width: 980px;
	height: 425px;
}
.sec052 {
	display: block;
	width: 980px;
	margin: 20px auto 0 auto;
}
.sec052 img {
	display: block;
	width: 980px;
	height: 616px;
}
.sec06 {
	margin: 40px 0 0 0;
	padding: 20px 0;
	background: #ebebeb;
}
.sec06 h3 {
	display: table;
	margin: 0 auto 20px auto;
}
.sec06 h3 span {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}
.sec06 h3 span img {
	display: block;
	width: 90px;
	height: 90px;
}
.sec06 h3 i {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	color: #3f3a39;
	font-size: 233.3333%;
	font-weight: bold;
	font-style: normal;
}
.sec06 p {
	color: #221815;
	font-size: 166.6666%;
}
.sec08 {
	display: block;
	width: 620px;
	margin: 20px auto;
}
.sec08 img {
	display: block;
	width: 620px;
	height: 465px;
}
.interview {
	
}
.interview h1 {
	display: block;
	width: 980px;
	height: 327px;
	margin-top: 85px;
}
.interview .subtitle {
	display: table;
	width: 100%;
	padding: 20px 0;
	border-bottom: 3px solid #d9d8d7;
}
.interview .subtitle span {
	display: table-cell;
	vertical-align: middle;
	width: 106px;
}
.interview .subtitle span img {
	display: block;
	width: 106px;
	height: 106px;
}
.interview .subtitle i {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	color: #3f3a39;
	font-size: 166.6666%;
	font-style: normal;
}
.interview .col3Wrapper {
	margin-top: 25px;
}
.interview .col3Wrapper .col3 {
	float: left;
	width: 310px;
	margin-right: 25px;
}
.interview .col3Wrapper .col3 img {
	display: block;
	width: 310px;
	height: 216px;
}
.interview .col3Wrapper .col3:nth-of-type(3n) {
	margin-right: 0;
}
.interview .col3Wrapper .col3 span.color_i,
.interview .col3Wrapper .col3 span.color_s,
.interview .col3Wrapper .col3 span.color_d {
	display: block;
	margin-top: 10px;
	text-align: center;
}
.interview .col3Wrapper .col3 span.color_i span,
.interview .col3Wrapper .col3 span.color_s span,
.interview .col3Wrapper .col3 span.color_d span {
	display: inline-block;
	width: 4.75em;
	color: #fff;
	font-size: 166.6666%;
	font-weight: bold;
	border-radius: 10px;
}
.interview .col3Wrapper .col3 span.color_i span {
	background: #0068b7;
}
.interview .col3Wrapper .col3 span.color_s span {
	background: #f19149;
}
.interview .col3Wrapper .col3 span.color_d span {
	background: #80c269;
}
.interview .col3Wrapper .col3 i {
	display: block;
	margin-top: 10px;
	color: #3f3a39;
	font-size: 166.6666%;
	text-align: center;
	font-style: normal;
	line-height: 1.4em;
}
.interview h2.hh_h2 {
	margin-top: 25px;;
}
.interview dl {
	display: table;
	width: 100%;
	margin-top: 30px;
	font-size: 166.6666%;
}
.interview dl dt {
	display: table-cell;
	vertical-align: top;
	width: 4.75em;
}
.interview dl dt span {
	display: inline-block;
	width: 4.75em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
}
.interview dl dt.color_i span {
	background: #0068b7;
}
.interview dl dt.color_s span {
	background: #f19149;
}
.interview dl dt.color_d span {
	background: #80c269;
}
.interview dl dd {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px;
	color: #3f3a39;
}
.sec091 {
	display: block;
	width: 620px;
	margin: 0 auto;
}
.sec091 img {
	display: block;
	width: 620px;
	height: 380px;
}
.sec092Wrapper {
	margin-top: 30px;
}
.sec092 {
	float:left;
	width: 480px;
	margin-right: 20px;
}
.sec092 img {
	width: 480px;
	height: 315px;
}
.sec092:nth-of-type(2n) {
	margin-right: 0;
}
.sec092 span {
	display: block;
	width: 100%;
	margin-top: 5px;
	color: #3f3a39;
	font-size: 166.6666%;
	text-align: center;
}
.sec093 {
	display: block;
	width: 620px;
	margin: 40px auto;
}
.sec093 img {
	display: block;
	width: 620px;
	height: 463px;
}
.sec094 {
	display: block;
	width: 797px;
	margin: 35px auto 70px auto;
}
.sec094 img {
	display: block;
	width: 797px;
	height: 313px;
}
.hacsanClosing {
	margin-bottom: 80px;
	padding: 50px 0 0 0;
	background: #e5f3f3;
	text-align: center;
}
.hacsanClosing a {
	display: inline-block;
	color: #fff;
	margin: 0 0 50px 0;
	padding: 15px 60px;
	font-size: 185.7%;
	font-weight: bold;
	background: #008589;
	border-radius: 10px;
	box-shadow:5px 6px 0px 0px #393736;
}
.hacsanClosing a:hover {
	margin: 5px 0 45px 4px;
	text-decoration: none;
	box-shadow:1px 1px 0px 0px #393736;
}