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

　デザイン

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageDesign .wallBelt.topZero{
    padding-top: 0;
	background: #737373;
	color: #fff;
}
.pageDesign .design {}
.pageDesign .design .flower { position: absolute;}
.pageDesign .design .photo01 { position: relative;}
.pageDesign .design .photo01 .text {
	position: absolute;
    top: 16%;
    text-align: left;
    left: 15%;
}
.pageDesign .design .photo01 .text h3 { font-size: 250%; font-weight: normal;}
.pageDesign .design .photo01 .text p { font-size: 120%; margin-top: 30px; text-shadow: 5px 5px 5px black;}

.pageDesign .design .contents.flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
.pageDesign .design .contents.flex .imgBox { width: 50%;}
.pageDesign .design .contents.flex .text { width: 45%; position: relative;}
.pageDesign .design .contents.flex .text h3 { font-size: 250%; font-weight: normal;}
.pageDesign .design .contents.flex .text p { font-size: 120%; margin-top: 30px; }
.pageDesign .design .contents.flex .flower { right: 0; width: 60%; z-index: -1;}
.pageDesign .design span.small { text-align: right; padding:10px; display: block; font-size: 80%;}

@media screen and (max-width: 767px) {
	.pageDesign .design .photo01 .text { padding: 0 20px; position: inherit; left: 0; margin-top: 15px; text-align: center;}
	.pageDesign .design .photo01 .text p { text-shadow: none; margin-top: 8px;}
	
	.pageDesign .design .contents.flex .imgBox,
	.pageDesign .design .contents.flex .text { width: 100%; position: relative; text-align:center;}
	.pageDesign .design .contents.flex .flower { width: 50%; z-index: 1;}
}
/* ====================================================
  attention
==================================================== */
.pageDesign .attentionList li{font-size: 80%; line-height: 1.7; text-align: center; }

@media print, screen and (min-width: 768px) {
	.pageDesign .attentionList{text-align: left; padding: 3em 15px;}
}
@media screen and (max-width: 767px) {
		.pageDesign .attentionList{text-align: left; padding: 15px;}
}

.pageDesign .doublebtn ul li { color: #000;}


/* end */