@charset "UTF-8";
#header {
	z-index: 100;
}

#contents h1,
#contents h2 {
	clear: both;
	color: #15aa5a;
	font-size: 30px;
	letter-spacing: 6px;
	line-height: 2;
	text-align: center;
	font-weight:bold;
}

#contents h3 {
	color: #333333;
	font-size: 20px;
	letter-spacing: 3px;
	line-height: 2;
	text-align: center;
	font-weight:bold;
}

#contents p {
	color: #333333;
	font-size: 15px;
	letter-spacing: 1.5px;
	line-height: 2;
}

#contents #topicpath p {
	letter-spacing: 0;
}

.__text-center {
	text-align: center;
}
.__text-bold {
	font-weight: bold;
}
.conversion {
	padding-bottom: 240px;
}
#contents .conversion__catch {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.18em;
	margin-bottom: 20px;
}
#contents .conversion__tel {
	letter-spacing: 0;
}
#contents .conversion__tel span {
	font-family: "Avenir Next LT W01 Bold";
	font-size: 28px;
	font-weight: bold;
}
.conversion__btn {
	background-color: #15aa5a;
	border-radius: 6px;
	color: #fff!important;
	font-size: 24px!important;
	display: block;
	margin: auto;
	padding: 15px 0;
	text-align: center;
	width: 640px;
}
.conversion__btn span.pc {
	color: #fff!important;
	font-size: 24px!important;
}


.divide-section {
	height: 300px;
	margin: 240px 0;
	overflow: hidden;
}
.divide-section img {
	width: 100%;
}
.divide-section._sec2 {
	height: 500px;
	margin-top: 240px;
	background: url(/wp/wp-content/themes/noichi/assets/image/corporate/brand/img_whois.png) center center no-repeat;
	background-size: cover;
	position: relative;
}
.divide-section._sec3 {
	height: 500px;
	background: url(/wp/wp-content/themes/noichi/assets/image/corporate/brand/img_howis.png) center center no-repeat;
	background-size: cover;
	position: relative;
}
.divide-section._sec2 p,
.divide-section._sec3 p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.divide-section._sec2 img,
.divide-section._sec3 img {
	width: auto;
}
.divide-section-mind .pic-area {
	margin: 120px 0;
	width: 100%;
}
.divide-section-mind .pic-area {
	position: relative;
}
.divide-section-mind div {
	position: absolute;
	width: calc(16.667% - 8px);
}
.divide-section-mind div.pic01 {
	left: 4px;
	top: 0;
}
.divide-section-mind div.pic02 {
	left: calc(16.667% + 4px);
	top: 13.8%;
}
.divide-section-mind div.pic03 {
	left: calc(33.334% + 4px);
	top: 21%;
}
.divide-section-mind div.pic04 {
	left: calc(50.001% + 4px);
	top: 6.9%;
}
.divide-section-mind div.pic05 {
	left: calc(66.668% + 4px);
	top: 13.8%;
}
.divide-section-mind div.pic06 {
	left: calc(83.335% + 4px);
	top: 0;
}
.divide-section-mind div.pic07 {
	left: 4px;
	top: 42.5%;
}
.divide-section-mind div.pic08 {
	left: calc(16.667% + 4px);
	top: 56.4%;
}
.divide-section-mind div.pic09 {
	left: calc(33.334% + 4px);
	top: 49.7%;
}
.divide-section-mind div.pic10 {
	left: calc(50.001% + 4px);
	top: 35.6%;
}
.divide-section-mind div.pic11 {
	left: calc(66.668% + 4px);
	top: 56.4%;
}
.divide-section-mind div.pic12 {
	left: calc(83.335% + 4px);
	top: 42.5%;
}
.divide-section-mind div.pic13 {
	left: 4px;
	top: 71.3%;
}
.divide-section-mind div.pic14 {
	left: calc(83.335% + 4px);
	top: 71.3%;
}
.divide-section-mind div.des01 {
	left: 4px;
	top: 28.6%;
}
.divide-section-mind div.des02 {
	left: calc(16.667% + 4px);
	top: 42.5%;
}
.divide-section-mind div.des03 {
	left: calc(33.334% + 4px);
	top: 78.4%;
}
.divide-section-mind div.des04 {
	left: calc(50.001% + 4px);
	top: 64.4%;
}
.divide-section-mind div.des05 {
	left: calc(66.668% + 4px);
	top: 42.5%;
}
.divide-section-mind div.des06 {
	left: calc(83.335% + 4px);
	top: 28.6%;
}
.divide-section-mind img {
	width: 100%;
}

.brand-block {
}
.brand-block h2 {
	margin-bottom: 65px;
}
.brand-block h3 {
	margin-bottom: 30px;
}
.brand-block p {
	margin-bottom: 32px;
}
.brand-block figure {
	margin-bottom: 40px;
}
.brand-block table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
}
.brand-block th {
	background: #f7f7f7;
	border-bottom: 1px solid #ddddd8;
	border-top: 1px solid #ddddd8;
	font-size: 15px;
	font-weight: normal;
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;
	width: 5.5em;
}
.brand-block td {
	border-bottom: 1px solid #ddddd8;
	border-top: 1px solid #ddddd8;
	font-size: 15px;
	padding: 10px 20px;
	text-align: left;
	width: auto;
}
.brand-block .__qualification table,
.brand-block ._japan table,
.brand-block ._aichi table {
	margin-bottom: 12px;
}
.brand-block .__qualification table.wlabel {
	margin-left: 10px;
}
.brand-block .__qualification th,
.brand-block ._japan th,
.brand-block ._aichi th {
	background: #ffffff;
	border: 0;
	padding: 0 0 16px 0;
	width: auto;
}
.brand-block .__qualification td,
.brand-block ._japan td,
.brand-block ._aichi td {
	border: 0;
	padding: 0 0 16px 0;
}

.brand-block._future {
	margin-bottom: 240px;
}

.brand-block *:last-child {
	margin-bottom: 0;
}

.brand-message {
	background: url(/wp/wp-content/themes/noichi/assets/image/corporate/brand/img_main01.jpg) center top no-repeat;
	background-size: contain;
	margin-bottom: 240px;
	min-width: 1024px;
	width: auto;
}
.brand-message h1 {
	padding: 230px 0 65px;
}
.brand-message p {
	margin-top: 32px;
}

.brand-image {
	height: 100%;
	width: 100%;
	z-index: -10;
}
.brand-image figure {
}
.brand-image img {
	margin: auto;
	width: 100%;
}

.brand-copy,
.brand-benefit {
	height: 100%;
	left: 0;
	/*position: fixed;*/
	right: 0;
	top: 50%;
	width: 100%;
	z-index: -5;
}
.brand-copy .brand-layout__column,
.brand-benefit .brand-layout__column {
	transform: translateY(-50%);
}


.brand-layout {
}
.brand-layout__column {
	margin: 0 auto 240px;
	width: 900px;
}
.brand-layout__column.__half {
	margin-bottom: 120px;
}
.brand-layout__column.__quarter {
	margin-bottom: 60px;
}
.brand-layout__column ._col {
	width: 430px;
}
.brand-layout__column ._col4 {
	width: 276px;
}
.brand-layout__column ._col4._left {
	margin-right: 36px;
}
.brand-layout__column ._col7 {
	width: 570px;
}
.brand-layout__column ._col8 {
	width: 588px;
}
.brand-layout__column ._msa {
	margin-left: auto;
	margin-right: auto;
}
.brand-layout__column ._right {
	float: right;
}
.brand-layout__column ._left {
	float: left;
}

.brand-layout__column:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

.construction-block {
	background: url(/wp/wp-content/themes/noichi/assets/image/corporate/brand/img_construction.gif) center top no-repeat;
	position: relative;
}

.construction-block ._col {
	width: 415px !important;
}
.construction-block ._col-chart {
	left: 415px;
	padding-top: 25px;
	position: absolute;
	top: 0;
	width: 240px !important;
}

.construction-block ._col h3 {
	display: inline-block;
	margin: 0 15px 0 40px;
}
.construction-block ._col._right {
	padding-top: 165px;
}
.construction-block ._col._right h3 {
	margin-left: 40px;
}
.__construction-count {
	display: inline-block;
	font-size: 20px !important;
	text-align: center;
}
.__construction-count span {
	color: #15aa5a;
	font-family: "Avenir Next LT W01 Bold";
	font-size: 40px !important;
}

.construction-block ._col-chart .__construction-count {
	font-size: 25px !important;
	left: 30px;
	position: absolute;
	top: 50px;
}

.construction-block ._col-chart .__construction-count span {
	font-size: 50px !important;
}

.construction-block._client {
	background: url(/wp/wp-content/themes/noichi/assets/image/corporate/brand/img_client.gif) center top no-repeat;
	width: 1070px;
}
.construction-block._client .__client-title {
	color: #15aa5a !important;
	font-size: 25px !important;
	font-weight: bold;
	position: absolute;
	top: 80px;
	left: 40px;
}
.construction-block._client ._col._right {
	padding-top: 30px;
}
.construction-block._client ._col._right h3 {
	margin-left: 100px;
}
.construction-block._client ._col._right .housing {
	margin-top: -55px;
}
.construction-block._client ._col._right .housing .__construction-count span {
	color: #117099;
}
.construction-block._client ._col._right .home {
	margin-top: -15px;
}
.construction-block._client ._col._right .home .__construction-count span {
}
.construction-block._client ._col._right .home h3 {
	margin-left: 145px;
}
.construction-block._client ._col._left .business {
	margin-top: -5px;
}
.construction-block._client ._col._left .business .__construction-count span {
	color: #E5B11F;
}
.construction-block._client ._col._left {
	padding-top: 0;
}
.construction-block._client ._col._left div {
	text-align: right;
}
.construction-block._client ._col._left p {
	margin-right: 90px;
}
.construction-block._client ._col._left .private {
	margin-top: 5px;
}
.construction-block._client ._col._left .private .__construction-count span {
	color: #DB7C1D;
}
.construction-block._client ._col._left .agency {
	margin-top: 0;
}
.construction-block._client ._col._left .agency .__construction-count span {
	color: #D83045;
}
.construction-block._client ._col._left .factory {
	margin-top: -25px;
}
.construction-block._client ._col._left .factory .__construction-count span {
	color: #732BB2;
}
.construction-block._client .year ._col-chart {
	left: auto;
	right: 107px;
	top: 84px;
	width: 142px !important;
}
.construction-block._client .year ._col-chart .__construction-count {
	font-size: 16px !important;
	line-height: 1.3 !important;
	left: 25px;
	top: 65px;
}
.construction-block._client .year ._col-chart .__construction-count span {
	font-size: 28px !important;
}
.construction-block._client .year ._col-chart .__construction-count .s-bold {
	color: #333;
	font-weight: bold;
	font-size: 16px !important;
}
.construction-block._client .year ._col {
	text-align: center;
	width: auto !important;
}
.construction-block._client .year span {
	color: #65c38e;
}
.construction-block._client .year ._col h4 {
	font-size: 14px;
	text-align: center;
}
.construction-block._client .year ._col .__construction-count {
	font-size: 14px !important;
	line-height: 1.3 !important;
	margin-right: 0
}
.construction-block._client .year ._col .__construction-count span {
	font-size: 24px !important;
}
.construction-block._client .year ._col._left {
	margin: 35px 0 0 75px;
}
.construction-block._client .year ._col._right {
	padding-top: 0;
	margin: 35px 15px 0 0;
}
/*.construction-block ._col._right {
	padding-top: 165px;
}
.construction-block ._col._right h3 {
	margin-left: 40px;
}*/


.works-block {
	position: relative;
	height: 420px;
	margin-bottom: 240px;
}
.works-block figure {
	overflow: hidden;
	position: absolute;
	max-height: 420px;
	width: 55%;
	z-index: -1;
}
.works-block figure._left {
	left: 0;
}
.works-block figure._right {
	right: 0;
}
.works-block figure img {
	height: auto;
	min-height: 420px;
	min-width: 745px;
	width: 100%;
}
.works-block .brand-layout__column {
	padding: 55px 0;
	z-index: 10;
}
#contents .works-block .brand-layout__column h2,
#contents .works-block .brand-layout__column h3 {
	text-align: left;
}
#contents .works-block .brand-layout__column h2 span {
	color: #15aa5a;
	font-size: 20px;
	letter-spacing: 2px;
}
#contents .works-block .brand-layout__column h3 {
	font-size: 19px;
	font-weight: bold;
}
@media screen and (max-device-width: 768px) {
	.divide-section._sec2 {
		margin-top: 240px;
	}
	.brand-copy,
	.brand-image,
	.brand-image img,
	.brand-benefit {
		height: inherit;
		left: inherit;
		position: static;
		right: inherit;
		top: inherit;
		width: inherit;
	}
	.brand-copy,
	.brand-image {
		margin-bottom: 240px;
	}
	.brand-benefit {
		margin-bottom: 120px;
	}
	.brand-image img {
		width: 100%;
	}
	.brand-copy .brand-layout__column,
	.brand-benefit .brand-layout__column {
		transform: translateY(0);
	}
}