@charset "utf-8";

body { overflow:hidden;}
#wrap { }
#contents {position:relative; zoom:1;}
#contents:after {clear:both;content:"";display:block;}
.section { position:relative;}
.mainTypo { position:absolute; width:30%; max-width:472px; right:20.8%; bottom:30.6%; vertical-align:top; z-index:5;}

.main02 { margin-top:4px;}
.main02:after {content:"";display:block;clear:both;}
.main02_01 { float:left; width:33.2%;}
.main02_02 { float:left; width:33.2%; margin:0 0.2%;}
.main02_03 { float:left; width:33.2%; }

.main02_doble { margin-bottom:4px;}
.main02_doble:after {content:"";display:block;clear:both;}
.main02_doble div { float:left; width:calc(50% - 2px); }
.main02_doble img { width:100%; vertical-align:top; margin-bottom:0;}
.main02_doble div:first-child { margin-right:4px;}

.main03 { }
.main03:after {content:"";display:block;clear:both;}
.main03_01 { float:left; width:33.2%;}
.main03_02 { float:left; width:33.2%; margin:0 0.2%;}
.main03_03 { float:left; width:33.2%; }

.main02 a, .main03 a { position:relative; display:block; background:#5b5b5b;  transition: all 0.3s ease-in-out; margin-bottom:4px; overflow:hidden;  }
.main02 a img, .main03 a img { transition: all 0.3s ease-in-out; }
.main02 a:hover img, .main02 a:focus img, .main03 a:hover img, .main03 a:focus img { transform: scale(1.1); opacity:1; }
.main02 a span, .main03 a span { position:absolute; width:100%; left:0; bottom:12px; text-align:center;  font-family: 'Poppins', sans-serif; font-size:25px; line-height:1.5em; color:#fff; letter-spacing:0.2em; text-transform:uppercase; font-weight:400; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); z-index:2;}
.ml01 img { opacity:0.7;}
.ml02 img { opacity:0.6;}
.ml03 img { opacity:0.6;}
.ml04 img { opacity:0.7;}
.ml05 img { opacity:0.4;}
.ml06 img { opacity:0.5;}
.ml07 img { opacity:0.7;}
.ml08 img { opacity:0.7;}
.ml09 img { opacity:0.5;}

.ml03 span {bottom:46% !important; text-align:right !important; padding-right:20px;}
.ml04 span {bottom:46% !important; text-align:left !important; padding-left:20px;}

.main04 { margin:6% 0; text-align:center;}
.main04 dt {font-family: 'Cormorant SC', serif; font-size:100px; line-height:1em; color:#886a40; margin-bottom:0.6%;}
.main04 dd { font-size:14px; line-height:1.5em; color:#898989; }


@media  (max-width: 1720px){

}

@media  (max-width: 1420px){
}

@media  (max-width: 1280px){
}

@media  (max-width: 1024px){


}


@media  (max-width: 768px){
	
}

@media  (max-width: 559px){


}