@charset "utf8";

/*-------------------------------------------------------------------------
RESET
-------------------------------------------------------------------------*/

#contents_outer {
    background: #fff!important;
}
#contents {
	width: auto;
}
#path,
.h1_section {
	display: none;
}

/*-------------------------------------------------------------------------
SETTING
-------------------------------------------------------------------------*/

.page * {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.5;
    box-sizing: border-box;
}
.wrap {
	width: 950px;
	margin: auto;
}
img {
    vertical-align: top;
}
a:hover {
    text-decoration: none;
}
.mgb5  { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}
.mgb30 { margin-bottom: 30px;}
.mgb40 { margin-bottom: 40px;}
.mgb50 { margin-bottom: 50px;}

.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.section {
	margin: 0 0 70px;
}
.section-ttl {
	text-align: center;60px	line-height: 1;
	font-size  : 40px;
	font-weight: 500;
	color      : #2e2966;
	margin: 0 0 23px;
}
	.section-ttl span {
		line-height: 1;
		font-size  : 20px;
		color      : #666;
		display: block;
		margin: 0;
	}
:root {
    --blue: #2e2966;
}

/*-------------------------------------------------------------------------
メインビュー
-------------------------------------------------------------------------*/

.main-view {
	height: 400px;
	display        : flex;
	align-items    : center;
	justify-content: center;
	background: url("/images/company/bg_main.png") no-repeat center 0;
	min-width: 950px;
	margin: 0 0 80px;
}
	.main-view__ttl {
		font-size: 60px;
		color    : #fff;
	}

/*-------------------------------------------------------------------------
メッセージ
-------------------------------------------------------------------------*/

.message__catch {
        margin-bottom: 20px;
	font-size: 20px;
        font-weight: bold;
}
.message__text--1 {
    margin-bottom: 30px;
}

/*-------------------------------------------------------------------------
会社情報
-------------------------------------------------------------------------*/

.summary-list {
	display: flex;
	border-bottom: 1px solid #ccc;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.summary-list:last-of-type {
	margin: 0 0 50px;
}
	.summary-list__ttl {
		width: 128px;
		padding: 0 0 0 20px;
		color: #2e2966;
	}
	.summary-list__text {
		width: calc(100% - 128px);
	}

/*-------------------------------------------------------------------------
分譲実績
-------------------------------------------------------------------------*/

.bkn-list {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: flex-start;
}
	.bkn-list__items {
		width: 230px;
		margin: 0 0 40px;
	}
        .bkn-list__items:not(:first-child) {
            margin-left: 10px;
        }
        .bkn-list__items a:hover .bkn-list__img {
            opacity: .8;
        }
		.bkn-list__text {
                        height: 40px;
			line-height: 1.2;
                        font-size: 16px;
			margin: 8px 0 5px;
		}
		.bkn-list__date {
			line-height: 1;
			text-align: right;
			font-size: 14px;
		}
.achievments__btn {
	display: block;
	width: 470px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	color: #fff;
	background-color: #2e2966;
	margin: auto;
}
.achievments__btn:hover {
	opacity: .8;
	color: #fff;
}
