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

.reason .art_wrap{
	margin-bottom: 20px;
}

.art_wrap p{
	margin: 10px 0;
}
.art_wrap small{
	font-size: 14px;
}

.art_wrap .hl_type05:first-child{
	margin: 0 0 10px 0;
	font-size: 28px;
	padding-top: 0;
}

.d2d{
	display: inline-block;
}
.d2d::after{
	content: "・";
}

.cp_comment{
	margin: 20px 0 40px;
}

.reason {
	margin: 20px 0 80px;
}
.reason .ayahacorp{
	-webkit-transition: .5s;
	transition: .5s;
	background: #1F2D5D;
}
.reason .ayahacorp:hover{
	color: #1f2d5d;
	border-color: #1f2d5d;
	background: white;
}
.reason .ayahacorp::after{
	content: url('../images/blank.png');
}
.reason .ayahacorp:hover::after{
	content: url('../images/blank_hover.png');
}

.reason .link_arrow{
	margin: 15px 0 15px 20px;
}

.cp_center{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	width: 60%;
	display: block;
	margin: auto;
}
.cp_center .hl_type05{
	padding: 0;
	color: #333;
}
.cp_center p{
	color: #e9a94b;
}

.reason .art_right_b{
	width: 700px;
}

.reason .art_left_b{
	width: 370px;
}

.reason .art_left_b .cp_center{
	width: 100%;
}


.gray_pd{
	padding: 20px;
	margin-top: 20px;
	background-color: #EEEFEF;
}
.gray_pd p{
	margin-top: 20px;
}
.gray_pd p:first-of-type{
	margin-top: 0px;
}

.gray_pd .wide_m{
	width: 70%;
}

.gray_pd .wide_lm{
	width: 60%;
}
.gray_pd .wide_ls{
	width: 40%;
}

.gray_pd .wide_s{
	width: 30%;
}
.gray_pd h3{
	padding-left: 30px;
	font-size: 22px;
	margin-bottom: 10px;
	background: url('../images/cp_head_icon.png') no-repeat left top 6px;
}

.quality .hl_type05 .right{
	float: right;
}
.quality .hl_type05 .right img{
	display: inline-block;
	margin-left: 10px;
}

.cp-copy{
	font-size: 26px;
	margin: 80px 0;
}

.quality .tri_images{
	margin: 20px 0;
}

.quality .tri_images li{
	display: inline-block;
	margin-right: 20px;
}
.quality .tri_images li:last-child{
	margin-right: -40px;
}

.cp_btn{
	display: block !important;
	width: 200px;
	margin: 0 auto;
}

/* === 分譲実績 === */

.achivement .hl_type05{
	display: block;
	margin-top: -20px;
	font-size: 30px;
	font-weight: normal;
}
.achivement .copy{
	display: block;
	margin: 0 0 40px;
}

.acv_box{
	margin-bottom: 60px;
}

.acv_box .acv_hl{
	position: relative;
	display: block;
	width: 50%;
	background-color: #9FA0A0;
	padding: 10px;
	height: 50px;
}
.acv_box .acv_hl span{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	color: white;
}

.acv_box .acv_hl::after{
	position: absolute;
	right: -20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 25px 0 25px 20px;
	border-color: transparent transparent transparent #9FA0A0;
	color: white;
}

.acv_img{
	margin-top: 10px;
}
.acv_img img{
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom: 20px;
}
.acv_img .acv_img_main{
	float: left;
	width: 540px;
}

.acv_img .acv_img_sub{
	float: right;
	width: 540px;
}

.acv_datalist{
	margin-top: 20px;
	letter-spacing: -.8em;
}

.acv_datalist ul{
	display: inline-block;
	letter-spacing: normal;
	width: 100%;
	vertical-align: top;
}
.acv_datalist ul li{
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.acv_box .art_wrap{
	font-size: 0;
	margin: 0;
	margin-top: 20px;
}
.acv_box .art_wrap img{
	display: block;
}
.acv_box .art_left_half{
	display: inline-block;
	width: 50%;
	padding-right: 10px;
}
.acv_box .art_right_half{
	display: inline-block;
	width: 50%;
	padding-left: 10px;
}

.history .copy{
	margin: 10px 0 30px;
}

.history ul{
	letter-spacing: -.8em;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.history ul li{
	display: inline-block;
	letter-spacing: normal;
	width: 33.33%;
	vertical-align: top;
	font-size: 14px;
	margin-bottom: 10px;
}
.history ul li span{
	display: inline-block;
	vertical-align: top;
}
.history ul li span:first-of-type{
	width: 70px;
}

.history .total{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: .1em;
	color: #E60013;
	padding: 10px;
	margin-top: 10px;
	border-top: solid 1px #bfbfbf;
}
.history .link_arrow{
	text-align: center;
	margin: 40px 0;
}
.history .link_arrow a{
	padding-left: 10px;
}

.history .link_arrow .la_back{
	-webkit-transition: .5s;
	transition: .5s;
	padding-left: 50px;
	background: url('../../common/img/go2back.png') no-repeat left 12px center white;
	border: solid 1px #666565;
	color: #666565;
}
.history .link_arrow .la_back:hover{
	background: url('../../common/img/go2back_white.png') no-repeat left 12px center #666565;
	color: white;
}