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

.housing_heading{
	text-align:center;
}
.housing_heading span{
	font-size:25px;
	font-weight: 800;
}
.family_top {
	text-align:center;
}
.family_top img{
	max-width:840px;
}
.coloum3_menu{
	width:100%;
	font-size:0;
	margin:36px 0;
}
.coloum3_menu li{
	width:calc(100% / 3);
	display:inline-block;
	text-align: center;
}
.coloum3_menu li:nth-of-type(2) a{
	background:#0a6134;
}
.coloum3_menu li:nth-of-type(3) a{
	background:#2c7faa;
}
.coloum3_menu li a{
	width:100%;
	color:#fff;
	font-size:21px;
	padding:10px 25px;
	color:#fff;
	transition:0.3s;
	display:block;
	background:#df612a;
}
.coloum3_menu li a i{
    vertical-align: middle;
}
.coloum3_menu.fd li a{
	background:#100c0a;
}
.coloum3_menu.fd li:nth-of-type(2) a{
	background:#2c3f37;
}
.coloum3_menu.fd li:nth-of-type(3) a{
	background:#757c7a;
}
.coloum3_menu li a:hover,.coloum3_menu.fd li a:hover{
	background:#d9a01f;
	text-decoration: none;
}



.twins{
	width:100%;
	padding:0;
	margin:0;
	font-size:0;
	display:flex;
	align-items: stretch;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}
.twins .twin{
	width:50%;
	height:auto;
	font-size:16px;
	color:#171717;
	vertical-align: top;
}
.twins .twin img{
	height:100%;
	object-fit: cover;
}

.twin.menu01{
	color:#fff;
	background:#df612a;
}
.twin.menu02{
	color:#fff;
	background:#0a6134;
}
.twin.menu03{
	color:#fff;
	background:#2c7faa;
}


.twin_inner{
	width:100%;
	max-width:960px;
	padding:68px;
	margin:0 0 0 auto;
}
.twin_inner.H_img{
	padding:68px 68px 68px 0;
}

.twin h3{
	font-size:25px;
	letter-spacing: 0.35em;
	font-weight:800;
	margin-bottom:18px;
	line-height: 1.35em;
}

.twin h3 span{
	font-size:17px;
	letter-spacing: 0.35em;
	font-weight:300;
}


.twin h3:nth-child(n+2){
	margin-top:36px;
}

.twin hr{
	color:black;
	margin-top:-16px;
}
.twin .border_button{
	margin:21px 0 0 auto;
	text-align:right;
}
.twin .border_button{
	border:#fff solid 1px;
	margin-right:21px;
}
.twin .border_button:last-of-type{
	margin-right:0;
}

.twin .border_button p,.border_button.wa p{
	width:auto;
	padding:10px 18px;
	margin:0;
}
.twin .border_button p a{
	color:#fff;
}
.twin p{
	margin-bottom:18px;
}
.twin p:last-of-type{
	margin-bottom:0;
}


.twin i,.movie_inner i{
    font-size: 21px;
    line-height: 1.1em;
	vertical-align:sub;
}
.twin .border_button.b p a{
	color:#100c0a;
}
.twin .border_button.b{
	border: #100c0a solid 1px;
}
.twin .border_button.b p a::before{
	color:#100c0a;
}
.twin .border_button.b p a::after{
	color:#fff;
}
.twins .twin:nth-of-type(2) .border_button p a::before{
	background:#100c0a;
}
.ua_average {
	text-align:center;
	padding:68px 0;
	background:#e2e2e2;
}
.ua_average img{
	width:100%;
	max-width:960px;
}
.twin h3.non_inner{
	margin-top:68px;
}

.vl_contents{
	writing-mode: vertical-rl;
}

.vl_contents li{
	height:calc(100% + 3em);
	font-size:21px;
	font-weight:800;
	margin-right:32px;
}
.vl_contents li span{
	writing-mode:horizontal-tb;
}
.border_button.wa.vl{
	margin-left: calc(100% - 180px);
}

@media screen and (max-width: 1000px) {
		.twins{
		display:block;
	}
	.twins .twin{
		width:100%;
	}
	.twin_inner{
		padding:32px;
	}
	.twin_inner.housing{
		padding:32px;
	}
	.twin .border_button{
		margin-bottom:11px;
	}
	.twin .border_button:last-of-type{
		margin-bottom:0;
	}
	.ua_average{
		padding:32px;
	}

}
@media screen and (max-width: 880px) {
	.twin h3.non_inner{
	margin:32px 32px 0 32px;
}
.vl_contents {
	margin-bottom:32px;
}
.vl_contents li{
	font-size:15px;
	font-weight:800;
	margin-right:14px;

}

}

@media screen and (max-width: 800px) {
	.coloum3_menu li{
	width:100%;
	}

}