@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--title : #333;
	--main : #333;
	--base : #333;
	--mainBold : #333;
	--sub : #333;
	--white : #333;
	--bg : #333;
}
/*--------------------------------------------
CONTENT HEADER
---------------------------------------------*/
#contentHeader{
	background-image : url("../images/home/bg_header.png");
	background-repeat : no-repeat;
	background-position : 0 0;
}
#contentHeader .box{
	background-color : rgba(0,0,0,.8);
}
@media screen and (max-width: 768px){
	#contentHeader{
		background-size : auto 100%;
		background-position : top left calc( -300 * 100vw / 768 ) !important;
	}
	#contentHeader .wrap{
		padding-top : calc( 257 * 100vw / 768 );
		padding-bottom : calc( 19 * 100vw / 768 );
		padding-left : calc( 13 * 100% / 768 );
		padding-right : calc( 13 * 100% / 768 );
	}
	#contentHeader .box{
		width : 100%;
		padding-top : calc( ( 28 - 5.5 ) * 100vw / 768 );
		padding-left : calc( 19 * 100% / 742 );
		padding-right : calc( 19 * 100% / 742 );
		padding-bottom : calc( ( 27 - 5.5 ) * 100vw / 768 );
		color : #fff;
	}
	#contentHeader h2{
		font-size : calc( 45 * 100vw / 768 );
		line-height : 1.24;
	}
	#contentHeader h2 span{
		font-size : calc( 35 * 100vw / 768 );
	}
	#contentHeader p{
		font-size : calc( 26 * 100vw / 768 );
		line-height : 1.38;
		margin-top : calc( ( 23 - 5.5 - 5.5 ) * 100vw / 768 );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#contentHeader .wrap{
		padding-top : 188px;
		padding-bottom : 14px;
	}
	#contentHeader .box{
		width : 742px;
		padding-top : calc( 26px - 5px );
		padding-left : 22px;
		padding-right : 22px;
		padding-bottom : calc( 27px - 5.5px );
	}
	#contentHeader h2{
		font-size : 40px;
		line-height : 50px;
	}
	#contentHeader h2 span{
		font-size : 28px;
	}
	#contentHeader p{
		font-size : 17px;
		line-height : 28px;
		margin-top : calc( 19px - 5px - 5.5px );
	}
}
@media print, screen and (min-width: 1440px){
	#contentHeader{
		background-size : cover;
	}
	#contentHeader .wrap{
		padding-top : 184px;
		padding-bottom : 130px;
	}
	#contentHeader .box{
		width : 895px;
		padding-top : calc( 46px - 10px );
		padding-left : 31px;
		padding-right : 31px;
		padding-bottom : calc( 46px - 6px );
	}
	#contentHeader h2{
		font-size : 50px;
		line-height : 70px;
	}
	#contentHeader h2 span{
		font-size : 30px;
	}
	#contentHeader p{
		font-size : 20px;
		line-height : 32px;
		margin-top : calc( 33px - 10px - 6px );
	}
}
/*--------------------------------------------
MANAGEMENT
---------------------------------------------*/
#management{
	background-repeat : no-repeat;
}
#management h3{
	letter-spacing : .1em;
}
#management li{
	background-repeat : no-repeat;
	background-size : cover;
	background-position : 0 0;
}
#management li:nth-child(1){
	background-image : url("../images/home/list0101.png");
}
#management li:nth-child(2){
	background-image : url("../images/home/list0102.png");
}
#management li:nth-child(3){
	background-image : url("../images/home/list0103.png");
}
#management li:nth-child(4){
	background-image : url("../images/home/list0104.png");
}
#management p{
	color : #504f4f;
}
@media screen and (max-width: 768px){
	#management{
		background-image : url("../images/home/bg_management_sp.png");
		background-position : calc( -166 * 100% / 768 ) 0;
		background-size : auto calc( 596 * 100vw / 768 );
	}
	#management .wrap{
		padding-left : 0;
		padding-right : 0;
		padding-top : calc( 441 * 100vw / 768 );
		padding-bottom : calc( 30 * 100vw / 768 );
	}
	#management .box{
		padding-top : 52px;
		padding-left : calc( 16 * 100% / 768 );
		padding-right : calc( 16 * 100% / 768 );
	}
	#management h3{
		font-size : calc( 40 * 100vw / 768 );
		line-height : 1.25;
		margin-top : calc( ( 48 - 5 ) * 100vw / 768 );
		padding-left : calc( 7 * 100% / 736 );
	}
	#management p{
		margin-top : calc( ( 23 - 5 - 8 ) * 100vw / 768 );
		padding-left : calc( 8 * 100% / 736 );
	}
	#management ul{
		margin-top : calc( ( 21 - 8 ) * 100vw / 768 );
	}
}
@media print, screen and (min-width: 769px){
	#management{
		background-image : url("../images/home/bg_management_pc.png");
	}
	#management .box{
		width : 810px;
	}
	#management h3{
		font-size : 25px;
		line-height : 33px;
		margin-top : calc( 26px - 4px );
	}
	#management p{
		margin-top : calc( 17px - 4px - 5px );
	}
	#management ul{
		margin-top : calc( 13px - 5px );
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#management{
		background-position : right top;
		background-size : auto 100%;
	}
	#management .wrap{
		padding-top : 45px;
		padding-bottom : 14px;
	}
	#management .box{
		padding-left : 37px;
		padding-right : 68px;
		padding-top : 58px;
		padding-bottom : 40px;
	}
}
@media print, screen and (min-width: 1440px){
	#management{
		background-position : right top;
		background-size : auto 100%;
	}
	#management .wrap{
		padding-top : 58px;
		padding-bottom : 72px;
		padding-left : 47px;
	}
	#management .box{
		padding-left : 37px;
		padding-right : 68px;
		padding-top : 58px;
		padding-bottom : 40px;
	}
}
#residents{
	background-repeat : no-repeat;
}
#residents p{
	color : #504f4f;
}
#residents ul{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
#residents li{
	background-color : #fff;
}
#residents li a{
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 100%;
	height : 100%;
	color : #504f4f;
	letter-spacing : .1em;
}
@media screen and (max-width: 768px){
	#residents{
		background-image : url("../images/home/bg_residents_sp.png");
		background-position : 0 0;
		background-size : auto calc( 846 * 100vw / 768 );
	}
	#residents .wrap{
		padding-top : calc( 616 * 100vw / 768 );
		padding-bottom : calc( 67 * 100vw / 768 );
	}
	#residents .box{
		padding-top : calc( 40 * 100vw / 768 );
		padding-left : calc( 12 * 100% / 736 );
		padding-right : calc( 12 * 100% / 736 );
		padding-bottom : calc( 35 * 100vw / 768 );
	}
	#residents p{
		margin-top : calc( ( 40 - 7 ) * 100vw / 768 );
	}
	#residents ul{
		margin-top : calc( ( 45 - 7 ) * 100vw / 768 );
	}
	#residents li{
		width : calc( 352 * 100% / 712 );
		height : calc( 86 * 100vw / 768 );
		border : calc( 4 * 100vw / 768 ) solid #dcdddd;
	}
	#residents li a{
		-webkit-box-pack : center;
		-ms-flex-pack : center;
		justify-content : center;
		font-size : calc( 26 * 100vw / 768 );
	}
}
@media print, screen and (min-width: 769px){
	#residents{
		background-image : url("../images/home/bg_residents_pc.png");
		background-position : 0 0;
	}
	#residents .box{
		width : 738px;
		margin-left : auto;
		padding-top : 39px;
		padding-left : 36px;
		padding-bottom : 56px;
		padding-right : 34px;
	}
	#residents p{
		margin-top : calc( 24px - 5px );
	}
	#residents ul{
		margin-top : calc( 52px - 5px );
	}
	#residents li{
		width : 328px;
		height : 86px;
		border : 2px solid #dcdddd;
		padding : 1px;
	}
	#residents li a{
		background-repeat : no-repeat;
		padding-left : 108px;
	}
	#residents li:nth-child(1) a{
		background-image : url("../images/home/list0201.png");
	}
	#residents li:nth-child(2) a{
		background-image : url("../images/home/list0202.png");
	}
}
@media screen and (min-width: 769px) and (max-width:1439px){
	#residents .wrap{
		padding-top : 184px;
		padding-bottom : 18px;
	}
}
@media print, screen and (min-width: 1440px){
	#residents .wrap{
		padding-top : 104px;
		padding-bottom : 257px;
	}
	#residents .box{
		margin-right : 76px;
	}
}
/*# sourceMappingURL=../maps/home.css.map */