@charset "UTF-8";
/* ######################################################################################

　コンセプト

###################################################################################### */
.pageConcept  { position: relative;}
.pageConcept .wallBelt.concept { background: #1a0b08; padding: 0;}

.pageConcept .wallBelt.concept .main { padding: 0; margin: 0;}
.pageConcept .wallBelt.concept .main img { width: 100%;}
.pageConcept .wallBelt.concept .contents.mark { padding-bottom: 0; text-align: center;}
.pageConcept .wallBelt.concept .contents.flex {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.pageConcept .wallBelt.concept .contents.flex .text{
	color: #fff;
	text-align: left;
	font-size: 120%;
	padding-top: 40px;
	width: 50%;
}
.pageConcept .wallBelt.concept .contents.flex .text p {
	line-height: 2.25;
	margin-bottom: 20px;
}
.pageConcept .wallBelt.concept .contents.flex .text p.line span {
	display: flex;
	align-items: center;
	justify-content:flex-start;
}
.pageConcept .wallBelt.concept .contents.flex .text p.line span:after {
	border-top: 1px solid #fff;
	content: "";
	width: 120px;
	margin-left: 15px;
}
.pageConcept .wallBelt.concept .contents.flex .perth{ width: 50%; }

@media print, screen and (max-width: 767px) {
	.pageConcept .wallBelt.concept .contents.mark { width: 70%; margin: auto;}
	.pageConcept .wallBelt.concept .contents.mark img { width: 100%; height: auto;}
	.pageConcept .wallBelt.concept .contents.flex {	display: block; padding-top: 0;}
	.pageConcept .wallBelt.concept .contents.flex .text { padding-top: 0; font-size: 140%; width: 100%;}
	.pageConcept .wallBelt.concept .contents.flex .perth { width: 100%;}
	.pageConcept .wallBelt.concept .contents.flex .text p.line span:after { width: 60px;}

}

.pageConcept .att.contents { font-size: 11px; line-height: 1.5; text-align: left; color: #fff; padding-top: 0; }


/*end*/