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

　コンセプト

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageConcept {}
.pageConcept .concept {}

.pageConcept .concept .contents {
	background: url("../../images/concept/bg.png") top right no-repeat;
}

.pageConcept .concept .contents .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pageConcept .concept .contents .flex .text { width: 70%; text-align: left; color: #585d47; font-size: 120%; letter-spacing: 0.1em; }
.pageConcept .concept .contents .flex .text .clogo { width: 40%; margin-bottom: 40px;}
.pageConcept .concept .contents .flex .photo { width: 25%;} 

.pageConcept .concept .contents .flex .text h3 {
	font-size: 180%;
	line-height: 2.5;
	font-weight: normal;
	margin-bottom: 30px;
}
.pageConcept .concept .contents .flex .text p { margin-bottom: 20px;}
@media screen and (max-width: 767px) {
	.pageConcept  {}
	.pageConcept .concept .contents .flex .text { order: 1; width: 100%; margin-bottom: 15px;}
	.pageConcept .concept .contents .flex .photo { order: 2; width: 50%; margin: auto;}
	.pageConcept .concept .contents .flex .text .clogo { width: 75%; margin-bottom: 15px;}
}

.pageConcept .wallBelt.topZero{   padding-top: 0;}


@media screen and (max-width: 767px) {

}

/* ====================================================
  attention
==================================================== */
.pageConcept .caution{font-size: 70%; line-height: 1.7; text-align: center;}

@media print, screen and (min-width: 768px) {
	.pageConcept .caution{padding: 5em 0 0;}
}
@media screen and (max-width: 767px) {
		.pageConcept .caution{text-align: left;padding: 2em 0 0;}
}


/* end */