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

.contents {
	background-image: none;
}

/* contents01 */

.contents01 {
	width: 100%;
	text-align: center;
	background-image: url("images/back01.jpg");
background-position: center top;
background-repeat: no-repeat;
	padding-bottom: 50px;
}

.contents01 h3 {
	background-image: url("../house/images/midashi-back2.jpg");
background-position: center center;
background-repeat: no-repeat;
	margin-bottom: 45px;
}

.contents01 .box-in {
	width: 1110px;
	text-align: left;
	margin-bottom: 20px;
}

.contents01 .box {
	background-image: url("../house/images/arrow.png");
background-position: right center;
background-repeat: no-repeat;
	padding-right: 30px;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
	margin-bottom: 20px;
}

.contents01 .box:last-child, .contents01 .box:nth-child(5) {
	background-image: none;
	padding-right: 0px;
}



/* contents02 */

.contents02 {
	width: 100%;
	background-color: #FFF;
	text-align: center;
	background-image: url("images/back02_01.jpg");
background-position: center top;
background-repeat: no-repeat;
	margin-bottom: 20px;
}

.contents02 .box-in {
	width: 100%;
	background-image: url("images/back02_03.jpg");
background-position: center bottom;
background-repeat: no-repeat;
}

.contents02 .box-in2 {
	width: 100%;
	background-image: url("images/arrow.svg");
background-position: center bottom;
background-repeat: no-repeat;
	padding-bottom: 80px;
}

.contents02-end .box-in2 {
	background-image: none;
}

.contents02 .box01 {
	width: 1000px;
	background-repeat: no-repeat;
	background-size: auto 80px;
	padding-top: 80px;
}

.contents02 .box01 .contents-left img, .contents02 .box02 .box img {
	border-radius: 15px;
	width: 100%;
height: auto;
}

.contents02 .box01 .contents-left {
	width: 415px;
}

.contents02 .box001 {
	background-image: url("images/bicon01.png");
background-position: left 265px top;
}

.contents02 .box002 {
	background-image: url("images/bicon02.png");
background-position: left 30px top;
}

.contents02 .box003 {
	background-image: url("images/bicon03.png");
background-position: left 315px top;
}

.contents02 .box004 {
	padding-top: 50px;
}

.contents02 .box01 .contents-right {
	width: 550px;
	text-align: left;
	padding-top: 50px;
}


.contents02 .box02 {
	width: 1100px;
}

.contents02 .box02 .box {
	width: 415px;
	display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
}


.contents02 .box03 {
	width: 100%;
	background-image: url("images/back03.png");
background-position: center bottom 50px;
background-repeat: no-repeat;
}

.contents02 .box03 p {
	width: 880px;
	text-align: left;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}

.contents02 .box03 ul {
	display: inline-block;
}

.contents02 .box03 ul li {
	display: inline-block;
vertical-align: top;
margin-left: 10px;
margin-right: 10px;
}

.contents02 .box03 ul li img {
	border-radius: 50%;
}


.contents02 .box04 {
	width: 1000px;
	background-color: #fffeee;
	padding: 30px 35px;
	border-radius: 20px;
	text-align: left;
	margin-top: 40px;
}


.contents02 h3 {
display: inline-block;
background-repeat: no-repeat;
	background-position: right bottom;
}

.f01 h3, .f02 h3, .f03 h3 {
	background-image: url("images/fee01.png");
	padding: 0px 105px 5px 130px;
}

.f03 h3 {
	padding: 0px 160px 5px;
}

.f04 h3 {
	background-image: url("images/fee02.png");
	padding: 0px 240px 5px 270px;
}

.f06 h3 {
	background-image: url("images/fee03.png");
	padding: 0px 240px 5px 270px;
}

.f07 h3 {
	background-image: url("images/fee04.png");
	padding: 0px 200px 5px 230px;
}

.f08 h3, .f09 h3 {
	background-image: url("images/fee05.png");
	padding: 0px 200px 5px 230px;
}

.f10 h3 {
	background-image: url("images/fee07.png");
	padding: 0px 280px 5px;
}



.contents02 h4 {
font-size: 22px;
color: #4d4d4d;
line-height: 1.6;
letter-spacing: 0.1em;
font-weight: normal;
	margin-bottom: 20px;
}

.contents02 .box02 h4 {
padding-top: 50px;
	margin-bottom: 45px;
}

.contents02 h5 {
font-size: 29px;
color: #4d4d4d;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: normal;
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 15px;
}

.contents02 .box01 h6 {
padding-top: 20px;
}

.contents02 .box02 h6 {
font-size: 22px;
color: #f4516c;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: normal;
	padding: 6px 30px;
	border-radius: 30px;
	background-color: #fef7cd;
	margin-bottom: 15px;
	margin-top: 20px;
	display: inline-block;
}

.contents02 .box03 h6 {
	margin-bottom: 25px;
	background-image: url("images/midashi01-back.png");
background-position: center top;
background-repeat: no-repeat;
	height: 121px;
	padding-top: 53px;
	margin-top: 40px;
}

.contents02 .box04 h6 {
	font-size: 22px;
color: #fb5373;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: normal;
	margin-bottom: 20px;
}

.contents02 h6 a:hover {
opacity: 0.75;
}

.contents02 p {
line-height: 2;
	letter-spacing: 0.05em;
}

.contents02 .box02 p {
line-height: 1.6;
	text-align: left;
}


.sp-view {
    display: none;
}

html, body {
    height: 100%;
}