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




@media screen and (max-width: 737px) {

/* contents01 */

.contents01 {
	width: 100%;
	background-size: 200% auto;
	padding-bottom: 40px;
}

.contents01 h3 {
	background-size: auto 80px;
	margin-bottom: 30px;
}
	
.contents01 h3 img {
	height: 75px;
	width: auto;
}

.contents01 .box-in {
	width: 92%;
}

.contents01 .box {
	padding-right: 20px;
	margin: 0 0px;
	background-size: 12px auto;
	width: 50%;
}
	
	
.contents01 .box img {
	width: 100%;
	height: auto;
}

.contents01 .box:last-child, .contents01 .box:nth-child(even) {
	background-image: none;
	padding-right: 0px;
	width: 45%;
}
	
.contents01 .box:nth-child(5) {
	background-image: url("../house/images/arrow.png");
background-position: right center;
background-repeat: no-repeat;
	padding-right: 20px;
}

	
	
	
/* contents02 */

.contents02, .contents02 .box-in {
	width: 100%;
	background-size: 200% auto;
}


.contents02 .box-in2 {
	width: 100%;
	padding-bottom: 60px;
	background-size: auto 30px;
}
		

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

.contents02 .box01 {
	width: 92%;
	background-size: auto 45px;
	padding-top: 45px;
}


.contents02 .box01 .contents-left {
	width: 100%;
}

.contents02 .box001 {
background-position: right 30px top;
}

.contents02 .box002 {
background-position: left 20px top;
}

.contents02 .box003 {
background-position: right top;
}

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

.contents02 .box01 .contents-right {
	width: 100%;
	padding-top: 20px;
}


.contents02 .box02 {
	width: 92%;
}

.contents02 .box02 .box {
	width: 100%;
margin-left: auto;
margin-right: auto;
	margin-bottom: 30px;
}
	
.contents02 .box02 .box:last-child {
	margin-bottom: 0px;
}


.contents02 .box03 {
	width: 100%;
background-position: center bottom 30px;
	background-size: 120% auto;
}

.contents02 .box03 p {
	width: 92%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.contents02 .box03 ul {
	width: 92%;
}
	
.contents02 .box03 ul li {
	width: 30%;
margin-left: 1%;
margin-right: 1%;
}

.contents02 .box03 ul li img {
	width: 100%;
height: auto;
}


.contents02 .box04 {
	width: 92%;
	padding: 15px 15px;
	margin-top: 30px;
}


.contents02 h3 {
display: block;
background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 25px;
	padding: 0px;
}
	
.contents02 h3 img {
height: 80px;
	width: auto;
}


.f01 h3, .f02 h3, .f03 h3, .f04 h3, .f05 h3, .f06 h3, .f07 h3, .f08 h3, .f09 h3, .f10 h3 {
	padding-bottom: 35px;
}

.f05 h3 {
padding-bottom: 0px;
}
	
.f05 h3 img {
height: 60px;
	width: auto;
}

.contents02 h4 {
font-size: 17px;
letter-spacing: 0.05em;
	margin-bottom: 15px;
}

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

.contents02 h5 {
font-size: 19px;
	font-family: "Sawarabi Mincho", YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.contents02 .box01 h6 img {
	height: 30px;
	width: auto;
}

.contents02 .box02 h6 {
font-size: 17px;
letter-spacing: 0.1em;
	padding: 6px 20px;
}

.contents02 .box03 h6 {
	margin-bottom: 15px;
	background-image: none;
	height: auto;
	padding-top: 0px;
	margin-top: 30px;
}
	
.contents02 .box03 h6 img {
	height: 26px;
	width: auto;
}

.contents02 .box04 h6 {
	font-size: 17px;
letter-spacing: 0.05em;
	margin-bottom: 15px;
}


.contents02 p {
line-height: 1.6;
}


    .pc-view {
        display: none;
    }
    .sp-view {
        display: block;
    }
   
}