@charset "UTF-8";

/*===============================================
PC用　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
.sec1, .sec2 .sec3 {
	margin:0 auto;
	overflow:hidden;
}
.sec1 {
	width:960px;
}
.sec1 h2 {
	font-size:110%;
	font-weight: 310;
	text-align: center;
	line-height: 2.5;
	margin-top: 40px;
}
.sec1 ul {
	width:100%;
	margin-top: 40px;
}
.sec1 li {
	float: left;
	width: 50%;
	margin-bottom: 5%;
	padding: 0% 1.5%;
	box-sizing:border-box;
}

.sec2 {
	width:100%;
	background-color: #ececec;
}
.sec2 .inner {
	width:960px;
	margin:0 auto;
	padding-bottom: 40px;
	overflow:hidden;
	position: relative;
}
.sec2 .h3img {
	position: absolute;
	top: 30px;
	right: 0;
	width:35%;
}
.sec2 h3 {
	width:100%;
	font-size:270%;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 40px;
}
.sec2 h4 {
	font-size:135%;
	font-weight: 600;
	line-height: 1.5;
}
.sec2 .brown {
	color: #895e47;
}
.sec2 .blue {
	color: #2996cd;
}
.sec2 h3 span, .sec2 h4 span, .sec2 h5 span {
	background: linear-gradient(transparent 10%, #ffff66 0%);
}
.sec2 h5 {
	font-size:180%;
	font-weight: 600;
	line-height: 1.6;
	color: #e50000;
}
.sec2 ul {
	width:100%;
	margin-top: 40px;
}
.sec2 li {
	float: left;
	width: 48.5%;
	padding: 0% 3%;
}
.sec2 li.brown {
	padding-bottom: 20px;
	box-sizing:border-box;
	border: 4px solid #dccfc8;
	border-radius: 20px;
	background-color: #fff;
}
.sec2 li.blue {
	padding-bottom: 20px;
	box-sizing:border-box;
	border: 4px solid #bcdeef;
	border-radius: 20px;
	background-color: #fff;
}
.sec2 li.right {
	margin-left: 3%;
}
.sec2 div.sec2arrow {
	margin: auto;
}
.sec2 div.sec2arrow img {
	width:20%;
	padding-top: 10px;
}
.sec2 li dl {
	width:100%;
	margin-top: 20px;
}
.sec2 li dt {
	float: left;
	width: 50%;
	padding: 0%;
	border: none;
}
.sec2 li dd {
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 6px;
}
.sec2 dl.box {
	width:100%;
	margin-top: 10px;
	overflow:hidden;
	padding: 35px;
	box-sizing:border-box;
	background: url(../../img/estate/05_shinchikukodate/texture.png) ;
}
.sec2 dl.box dt {
	float: left;
	width: 67%;
	padding: 0%;
	border: none;
}
.sec2 dl.box dd {
	float: left;
	width: 30%;
	margin-left: 3%;
	margin-top: 8px;
}
.sec2 dl.box dd img {
	box-shadow: 2px 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 2px 2px #999;
}
.sec2 div.cta {
	width: 100%;
	margin-top: 25px;
}
.sec3 {
	width:960px;
}
.sec3 ul {
	width:100%;
	margin-top: 40px;
}

.sec3 li {
	width: 100%;
	margin-top: 20px;
}


}

/*===============================================
スマホ用　画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.sec1, .sec2 .sec3 {
	margin:0 auto;
	overflow:hidden;
}
.sec1 {
	width:90%;
}
.sec1 h2 {
	font-size:90%;
	font-weight: 400;
	text-align: center;
	line-height: 2;
	margin-top: 40px;
}
.sec1 ul {
	width:100%;
	margin-top: 20px;
}
.sec1 li {
	float: left;
	width: 50%;
	margin-bottom: 5%;
	padding: 0% 1.5%;
	box-sizing:border-box;
}

.sec2 {
	width:100%;
	background-color: #ececec;
}
.sec2 .inner {
	width:90%;
	margin:0 auto;
	padding-bottom: 40px;
	overflow:hidden;
	position: relative;
}
.sec2 .h3img {
	position: absolute;
	top: 35px;
	right: 0;
	width:32%;
}
.sec2 h3 {
	width:100%;
	font-size:120%;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 30px;
}
.sec2 h4 {
	font-size:125%;
	font-weight: 600;
	line-height: 1.5;
}
.sec2 .brown {
	color: #895e47;
}
.sec2 .blue {
	color: #2996cd;
}
.sec2 h3 span, .sec2 h4 span, .sec2 h5 span {
	background: linear-gradient(transparent 10%, #ffff66 0%);
}
.sec2 h5 {
	font-size:160%;
	font-weight: 600;
	line-height: 1.6;
	color: #e50000;
}
.sec2 h5 br {
	display: none;
}


.sec2 ul {
	font-size:80%;
	width:100%;
	margin-top: 20px;
}
.sec2 li {
	float: left;
	width: 100%;
	padding: 0% 6%;
}
.sec2 li.brown {
	padding-bottom: 20px;
	box-sizing:border-box;
	border: 4px solid #dccfc8;
	border-radius: 20px;
	background-color: #fff;
}
.sec2 li.blue {
	padding-bottom: 20px;
	box-sizing:border-box;
	border: 4px solid #bcdeef;
	border-radius: 20px;
	background-color: #fff;
}
.sec2 li.right {
	margin-top: 10px;
}
.sec2 div.sec2arrow {
	margin: auto;
}
.sec2 div.sec2arrow img {
	width:25%;
	padding-top: 10px;
}
.sec2 li dl {
	width:100%;
	margin-top: 10px;
}
.sec2 li dt {
	float: left;
	width: 50%;
	padding: 0%;
	border: none;
}
.sec2 li dd {
	float: left;
	width: 47%;
	margin-left: 3%;
	margin-top: 6px;
}
.sec2 dl.box {
	width:100%;
	margin-top: 10px;
	overflow:hidden;
	padding: 25px;
	box-sizing:border-box;
	background: url(../../img/estate/05_shinchikukodate/texture.png) ;
}
.sec2 dl.box dt {
	font-size:80%;
	width: 100%;
	padding: 0%;
	border: none;
}
.sec2 dl.box dd {
	float: left;
	width: 100%;
}
.sec2 dl.box dd img {
	width: 90%;
	margin-top: 10px;
	box-shadow: 2px 2px 2px 2px #999;
	-webkit-box-shadow: 2px 2px 2px 2px #999;
	-moz-box-shadow: 2px 2px 2px 2px #999;
}
.sec2 div.cta {
	width: 100%;
	margin-top: 25px;
}
.sec3 {
	width: 90%;
}
.sec3 ul {
	width:100%;
	margin-top: 40px;
}

.sec3 li {
	width: 100%;
	margin-top: 20px;
}
}