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

　DESIGN

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageDesign {}
.pageDesign .design { background: #eee9e4;}
.pageDesign .wallBelt.topZero{   padding-top: 0;}
.pageDesign .design .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: end;
}

.pageDesign .design .flex .photo { width: 50%;}
.pageDesign .design .flex .text { width: 48%; text-align: left; color: #585d47;}
.pageDesign .design .flex .text h3 { font-size: 220%; font-weight: normal; line-height: 2;}
.pageDesign .design .flex .text h3 span { color: #c49863; display: block;}
.pageDesign .design .flex .text p { margin-top: 50px; font-size: 120%;}
.pageDesign .design .flex .text p.ent { max-width: 576px;}
.pageDesign .design .flex .text span.comp { text-align: right; display: block; padding-top: 15px; font-size: 70%;}

@media screen and (max-width: 767px) {
	.pageDesign .design .flex .photo,
	.pageDesign .design .flex .text { width: 100%; margin-bottom: 30px;}
	.pageDesign .design .flex .text p { margin-top: 30px;}
}


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

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


/* end */