@charset "utf-8";
/* CSS Document */

.o_main{padding-bottom:20px;}

.o_box{ position:relative; overflow:hidden;}
.o_box h3{ font-size:34px; line-height:120%; font-family:serif; font-weight:bolder; font-smoothing:antialiased; letter-spacing:0.1em; padding:3% 0;}
.o_box .o_main{ padding:2% 4% 4% 4%; color:#fff; font-size:22px; line-height:150%; overflow:hidden;}
.o_box .o_main span{ font-size:16px;}
.o_box .o_main li{ padding-left:1em; text-indent:-1em;}
.o_m2{ background:#4c5500;}
.o_m2 h2{ background:#4c5500 url(../images/t_bg.png) 0 0 repeat;}
.o_m2 h3{ color:#fffc00;}
.o_m2 h4{ color:#00fffc; text-align:center; font-size:24px; line-height:160%; font-weight:100;}
.o_m2 h5{ color:#00fffc; font-size:20px; line-height:160%; font-weight:100;}
.o_m2 .oc{ width:66%; float:left;}
.o_m2 .ph{ float:right; width:34%;}
.o_m2 .ph img{ width:94%; padding:2% 0 8% 6%;}

.o_m3{ background:#669500; position: relative;}
.o_m3 h2{ background:#669500 url(../images/t_bg.png) 0 0 repeat; z-index:66;}
.o_m3 h3{ color:#fffc00; padding:0 0 3% 0; line-height:135%; letter-spacing:0.1em; font-size:42px;}
.o_m3 .oc{ width:62%; float:left; font-size:24px; line-height: 160%; padding-left:38%;}
.o_m3 .ph{ float:left; width:34%; position: absolute; bottom: 0; left:3%;}
.o_m3 .ph img{ width:100%; z-index:999;}

.o_pv{ padding: 0 4% 4% 4%; background: #743117; }
.o_pvinner{ border:10px solid #000; padding-bottom: 56.9%; position: relative; background: #464646; }
.o_pvinner iframe{  position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
.o_natc{ padding: 1.2%; font-size:38px; font-family:serif; font-weight: bold; color: #fff; line-height: 120%; background: #000;  }
.o_smalltn{ float: right; font-size: 20px; }

.o_innermob02{ background: #004c8b; position: relative; }
.o_imlt{ padding:1px 4% 4% 35%; color: #fff;  font-size: 24px; line-height: 150%; position: relative; }
.o_imlt span{ font-size: 0.8em; color: #ff0;}
.o_insmtit{font-family:serif; font-weight: bolder;font-smoothing:antialiased ; font-size:40px; line-height: 105%; color: #ff9c00;  margin:1.2em 0 0.5em 0;  }
.o_rg_pre{ width:28.6%; position: absolute; top: 4.2%; left: 3.2%; }
.o_innermob02 h5{ color:#004c8b; font-size:1em; background-color:#02d0dd; display: inline-block; line-height:150%; padding:0 0.4em; font-weight:800;}

.o_v30{font-weight: bolder;font-smoothing:antialiased ; font-size:36px; line-height: 120%; margin:1.2em 0 0 0;}
.o_v30 span{font-weight:100; font-size:18px; color: #fff;}

.o_ban_cl{ margin: 3% 0 5% 0;font-family:fantasy; font-weight: bold; font-size:26px; line-height: 140%;  }
.o_ban_cl a{ display: inline-block; position: relative; padding:0.4em 0.7em; background: #c9640a; border-bottom:2px solid #040000; transition:0.4s all;  }
.o_ban_cl a:before{ content: "〉〉"; letter-spacing: -0.7em; padding-right: 0.6em; }
.o_ban_cl a:hover{ background: #8b2828!important; }

.o_ban_cl02{margin: 2% 0 5% 0;font-family:fantasy; font-weight: bold; font-size:26px; line-height: 120%; }
.o_ban_cl02 a{display: inline-block; position: relative; padding:0.5em 0.7em 0.5em 3em; background: #008554; border-bottom:2px solid #040000; transition:0.4s all;color:#fff000; }
.o_ban_cl02 .o_ban_smlt{display: inline-block; font-size: 0.75em;}
.o_ban_cl02 a:before{ content: "〉〉"; letter-spacing: -0.7em;position: absolute;left: 0.4em;top: 0.55em;font-size: 2.1em;}
.o_ban_cl02 a:hover{ background: #8b2828!important;}

.o_ban_cl03{ margin:1% 0 4% 0; font-weight: bold; font-size:16px; padding:1em 0; line-height: 140%;}
.o_ban_cl03 a{ display: inline-block; position: relative; padding:0.4em 0.7em; background: #c9640a; border-bottom:2px solid #040000; transition:0.4s all; text-align: left; }
/*.o_ban_cl03 a:before{ content: "〉〉"; letter-spacing: -0.7em; padding-right: 0.6em; }*/
.o_ban_cl03 a:hover{ background: #8b2828!important; }


.o_innermob03{ background: #662e29; position: relative; }
.o_innermob03 .o_insmtit{color: #00fcff; margin:0em 0 0.5em 0;  }
.o_innermob03 .o_imlt{ padding:4% 29.5% 4% 4%; color: #fff;}
.o_innermob03 .o_rg_pre{ width:33.1%; position: absolute; top: auto; bottom: 0; left:auto; right: 0; padding-top: 4%; }
.o_innermob03 .o_ban_cl a{ background: #682e00; padding:0.4em 0.6em;white-space:nowrap; }

.o_innermob04{background:#266b7c url(../images/m5_bg.png) 0 0 repeat;  }
.o_m4_inner{background:#266b7c; padding:2% 4% 4% 4%; color: #fff; font-size: 24px; line-height:150%; }
.o_textindent01{ padding-left: 1em; text-indent: -1em; }




/* 

.o_innermob04{background: #897414; padding: 4%; background:#e7c900; }
.o4_intn{ background: #fff000; padding: 3%; }
.o_inleft{ float: left; text-align: right; width: 39.6%; padding-right: 3.4%; }
.o_box_show{ box-shadow: 5px 5px 0 #000; border:1px solid #fff; }
.o_inright{ float: left; text-align: left; width: 57%;}

.o_innermob04 .o_ban_cl{ text-align: center; margin-bottom: 0;}
.o_innermob04 .o_ban_cl a{  color: #fff; padding-left:2.1em; background: #c1000f; }
.o_innermob04 .o_ban_cl a:before{ content:""; letter-spacing:0;position: absolute;left: 0.4em;top: 0.4em; width:1.4em; height:1.4em; background: url(../images/ban_ioc.png) center center no-repeat; background-size: 100% 100%; padding: 0;}

 */

.o_innermob05{background:#6c6c6c url(../images/m5_bg.png) 0 0 repeat; padding: 4%; }
.o5_intn{ padding: 3.8%; background: #6c6c6c; }
.o5_intn .o_inleft{float: left; text-align: right; padding-right: 3.4%;width: 32.6%; }
.o5_intn .o_inright{ float: left; text-align: left; width:64%;}
.o_box_show{ box-shadow: 5px 5px 0 #000; border:1px solid #fff; }

.o5_intn .o_ban_cl02 a{background: #fff;color:#000; }

.o5_intn .o_ban_cl02 a:hover{ background: #00c4b2!important;}

.o_innermob08{background: #897414; padding: 4% 4% 3% 4%; background:#e7c900; }
.o_innermob08 .o8_intn{ background: #fff000; padding: 3%; }
.o_innermob08 .o_inleft{ float: left; text-align: right; width: 39.6%; padding-right: 3.4%; }
.o_innermob08 .o_box_show{ box-shadow: 5px 5px 0 #000; border:1px solid #fff; }
.o_innermob08 .o_inright{ float: left; text-align: left; width: 57%;}



/*-------------------------------------------*/
@media screen and (max-width: 1000px) {

.o_box{ position:relative; overflow:hidden;}
.o_box h3{ font-size:4.2vw;}
.o_box .o_main{ font-size:2.8vw;}
.o_box .o_main span{ font-size:1.6vw;}

.o_m2 h4{ font-size:16px;}
.o_m2 .oc{ width:60%; float:left;}
.o_m2 .ph{ float:right; width:40%;}
.o_m2 .ph img{ width:100%; padding:0 0 8% 2%;}

.o_m3 .oc{ font-size:2.8vw;}

.o_pvinner{ border:1vw solid #000; }
.o_natc{ font-size:3.8vw;letter-spacing: 0.1em;}
.o_smalltn{ font-size: 2vw; letter-spacing: 0.15em; }

.o_imlt{font-size:2.4vw; }
.o_insmtit{font-size:4.2vw; }
.o_ban_cl{ font-size:2.8vw;}

.o_v30{font-size:3.8vw;}
.o_v30 span{font-size:1.2vw;}

.o_ban_cl02{ font-size:2.8vw; margin-top: 0.8em;}
.o_ban_cl03{ font-size:2.6vw;}
.o_m4_inner{font-size:2.4vw;}
.o_m5_inner{ font-size:2.8vw; }



}

/*-------------------------------------------*/
@media screen and (max-width: 750px) {
.o_main{ margin-top:15px;}


}

/*-------------------------------------------*/
@media screen and (max-width: 640px) {

.o_m3 .o_main{ padding:0 4% 4% 4%;}

}