@charset "utf-8";

#contents {position:relative; width:100%; opacity:0; filter: alpha(opacity=0;); zoom:1; z-index:5;}
#contents:after {clear:both;content:"";display:block;}

.mainCon { position:relative; }
.mainCon:after {content:"";display:block;clear:both;}

.mainCon01 { position:relative; background:url('../images/common/bg02.jpg') repeat-x; background-size: contain; margin-bottom:7%;}
/*.mainCon01:after {content:"";display:block;clear:both;}*/
.main01_01 { float:left; width:58.5%; padding:12% 7%;}
.main01_02 { position:relative; float:right; width:41.5%;}
.main01_03 { position:relative; width:58.5%; display:table; margin-bottom:10%;z-index:3;}
.main01_0301 { display:table-cell; width:41.3%;}
.main01_0302 { display:table-cell; width:58.7%; vertical-align:middle; padding-left:5%;}
.main01_04 { position:relative;z-index:2;}
.main01_0401 { position:absolute; width:41.5%; top:47%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; z-index:3;}
.main01_0402 { position:relative; width:58.5%; margin-left:41.5%; z-index:3;}
.main01_bg01 { position:absolute; width:100%; left:0; bottom:50%; z-index:2;}
.main01_bg02 { position:absolute; width:100%; height:50%; left:0; top:50%; background:#fff; z-index:1;}


.mainImg01 {background:url("../images/main/01_01.jpg");}
.mainImg02 {background:url("../images/main/01_02.jpg");}
.mainImg03 {background:url("../images/main/01_03.jpg");}
.mainImg04 {background:url("../images/main/01_04.jpg");}
.mainImg05 {background:url("../images/main/01_05.jpg");}
.mainImg06 {background:url("../images/main/01_06.jpg");}
.mainImg07 {background:url("../images/main/01_07.jpg");}
.mainImg08 {background:url("../images/main/01_08.jpg");}
.mainImg09 {background:url("../images/main/01_09.jpg");}
.mainImg10 {background:url("../images/main/01_10.jpg");}
.mainImg11 {background:url("../images/main/01_11.jpg");}
.mainImg12 {background:url("../images/main/01_12.jpg");}
.mainImg13 {background:url("../images/main/01_13.jpg");}
.mainImg14 {background:url("../images/main/01_14.jpg");}
.mainImg15 {background:url("../images/main/01_15.jpg");}
.mainImg16 {background:url("../images/main/01_16.jpg");}
.mainImg17 {background:url("../images/main/01_17.jpg");}
.mainImg18 {background:url("../images/main/01_18.jpg");}
.mainImg19 {background:url("../images/main/01_19.jpg");}
.mainImg20 {background:url("../images/main/01_20.jpg");}
.mainImg21 {background:url("../images/main/01_21.jpg");}
.mainImg22 {background:url("../images/main/01_22.jpg");}
.mainImg23 {background:url("../images/main/01_23.jpg");}
.mainImg24 {background:url("../images/main/01_24.jpg");}
.mainImg25 {background:url("../images/main/01_25.jpg");}
.mainImg26 {background:url("../images/main/01_26.jpg");}
.mainImg27 {background:url("../images/main/01_27.jpg");}
.mainImg28 {background:url("../images/main/01_28.jpg");}
.mainImg29 {background:url("../images/main/01_29.jpg");}
.mainImg30 {background:url("../images/main/01_30.jpg");}

@media  (max-width: 1620px){

}

@media  (max-width: 1480px){

}

@media  (max-width: 1024px){
.main01_01 {padding:6% 6%;}
.main01_02_clear:after {content:"";display:block;clear:both;}
.main01_03 { width:100%;}
.main01_0302 {padding:0 1% 0 3%;}

}

@media  (max-width: 768px){

.mainImg01 {background:url("../images/main/m/01_01.jpg");}
.mainImg02 {background:url("../images/main/m/01_02.jpg");}
.mainImg03 {background:url("../images/main/m/01_03.jpg");}
.mainImg04 {background:url("../images/main/m/01_04.jpg");}
.mainImg05 {background:url("../images/main/m/01_05.jpg");}
.mainImg06 {background:url("../images/main/m/01_06.jpg");}
.mainImg07 {background:url("../images/main/m/01_07.jpg");}
.mainImg08 {background:url("../images/main/m/01_08.jpg");}
.mainImg09 {background:url("../images/main/m/01_09.jpg");}
.mainImg10 {background:url("../images/main/m/01_10.jpg");}
.mainImg11 {background:url("../images/main/m/01_11.jpg");}
.mainImg12 {background:url("../images/main/m/01_12.jpg");}
.mainImg13 {background:url("../images/main/m/01_13.jpg");}
.mainImg14 {background:url("../images/main/m/01_14.jpg");}
.mainImg15 {background:url("../images/main/m/01_15.jpg");}
.mainImg16 {background:url("../images/main/m/01_16.jpg");}
.mainImg17 {background:url("../images/main/m/01_17.jpg");}
.mainImg18 {background:url("../images/main/m/01_18.jpg");}
.mainImg19 {background:url("../images/main/m/01_19.jpg");}
.mainImg20 {background:url("../images/main/m/01_20.jpg");}
.mainImg21 {background:url("../images/main/m/01_21.jpg");}
.mainImg22 {background:url("../images/main/m/01_22.jpg");}
.mainImg23 {background:url("../images/main/m/01_23.jpg");}
.mainImg24 {background:url("../images/main/m/01_24.jpg");}
.mainImg25 {background:url("../images/main/m/01_25.jpg");}
.mainImg26 {background:url("../images/main/m/01_26.jpg");}
.mainImg27 {background:url("../images/main/m/01_27.jpg");}
.mainImg28 {background:url("../images/main/m/01_28.jpg");}
.mainImg29 {background:url("../images/main/m/01_29.jpg");}
.mainImg30 {background:url("../images/main/m/01_30.jpg");}



}

@media  (max-width: 560px){

}

#popup_video { display:none; position:fixed; width:calc(100vw * 0.8) !important;  height:calc(100vw * 0.45) !important; left:10%; top:5% !important; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  z-index:50;}
#popup_video .line { position:absolute; background:rgba(0,0,0,0.5); z-index:2;}
#popup_video .line01 { width:100%; height:10px; left:0; top:0;}
#popup_video .line02 { width:10px; height:calc(100% - 20px); right:0; top:10px;}
#popup_video .line03 { width:100%; height:10px; left:0; bottom:0;}
#popup_video .line04 {width:10px; height:calc(100% - 20px); left:0; top:10px;}
#popup_video .video_content { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;}
#popup_video .b-iframe {position:absolute; width:100%; height:100%; left:0; top:0;}
@media  (max-width: 1024px){
#popup_video { width:calc(100vw * 0.9) !important;  height:calc(100vw * 0.50625) !important; left:5%; top:12% !important; }
}

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

@media  (max-width: 559px){
#popup_video { width:100vw !important;  height:calc(100vw * 0.5625) !important; left:0; top:8% !important; }
}