@charset "utf-8";
/* CSS Document */
.d1{background:#943637; color:#fff;}
.d1 .left{height:auto; float:left; padding:1em 0.5em;}
.d2{background:rgba(255,255,255,0.8); padding:1em 0;}
.d2 h1{text-align:center; color:#943637; padding-top:1em;}
.d2 ul{margin:0; padding:0; list-style:none; display:flex; justify-content:center; flex-wrap:wrap;}
.d2 ul li{display:block;  height:auto; padding:1.5em; text-align:center; font-weight:bold; font-size:18px;}
.d2 ul li img{width:100%; height:auto;}
.d3{background:url(images/d4-bg.jpg) no-repeat top center; color:#fff;}
.d3 .left{width:50%; background:rgba(18,7,1,0.8);}
@media screen and (max-width:767px) {/*mobile*/
.d1 .left{width:100%;}
.d1 .left h2{text-align:center;}
.d2 ul li{width:100%; background:none;}
.d3 .left{width:100%; padding:8%;}
.flower{display:none;}
}
@media screen and (min-width:768px) and (max-width:1199px) {/*pad*/
.d1 .left{width:60%;}
.d2 ul li{width:33.3%;}

.d3 .left{width:50%; padding:6%; margin-left:5%;}
.flower{position:absolute; top:-50px; right:-30%;}

}
@media screen and (min-width:1200px){/*desktop*/
.d1 .left{width:60%;}
.d2 ul li{width:33.3%;}
.d3 .left{width:50%; padding:8%; margin-left:10%;}
.flower{position:absolute; top:-80px; right:0%;}
}