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

.o_main{padding-bottom:20px;}

.o_box{ position:relative; overflow:hidden;}
.o_box h3{ font-size:42px; line-height:130%; font-family:serif; font-weight:bolder; font-smoothing:antialiased; letter-spacing:0.1em;}
.o_box .o_main{ padding:2% 4% 4% 4%; color:#fff; font-size:24px; 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/m5_bg.png) 0 0 repeat;}
.o_m2 h3{ color:#fffc00;}
.o_m2 .oc{ width:100%; text-align: center;}
.o_m2 .oc img{ width:80%;}

.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: 0.4% 1.2% 1.2% 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: #436b4f; position: relative; }
.o_imlt{ padding:4% 4% 4% 38%; color: #fff;  font-size: 18px; line-height: 180%; }
.o_insmtit{font-family:serif; font-weight: bold;font-smoothing:antialiased ; font-size:42px; line-height: 105%; letter-spacing: 0.1em; color: #ffdebe; margin-bottom: 0.3em; }
.o_rg_pre{ width:35%; position: absolute; bottom: 0; left: 1%; }
.o_m_tx{ padding: 0 3% 4% 3%; text-align:center; margin:-2% 0 0 0;}

.o_ban_cl{ margin: 3% 0 0% 0;font-family:fantasy; font-weight: bold; font-size:25px; 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; text-align: left; }
.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:3% 0 0% 0;font-family:fantasy; font-weight: bold; font-size:24px; 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: #897414; position: relative; }
.o_innermob03 .o_insmtit{color: #fffc00; }
.o_innermob03 .o_imlt{ padding:4% 4% 2% 4%; color: #fff; width:65%;}
.o_innermob03 .o_r_ph{ width:35%; position: absolute; bottom: 0; right: 1%; }
.o_innermob03.m_h{ min-height: 300px;}
/*
.o_innermob03 .o_imlt{ padding:4% 30% 18% 4%; color: #fff;}
.o_innermob03 .o_rg_pre{ width:24%; position: absolute; top: 0; bottom: auto; left:auto; right: 4%; padding-top: 4%; }
.o_innermob03 .o_ban_cl a{ background: #682e00; padding:0.4em 0.6em;white-space:nowrap; }
*/


.o_innermob04{background: #897414; padding: 4% 4% 3% 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:#266b7c url(../images/m5_bg.png) 0 0 repeat; }
.o_m5_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_textindent01 a{ color:#ff0;}
.o_textindent01 a:hover{ color:#f00;}


.o_innermob06{background:#6c6c6c url(../images/m5_bg.png) 0 0 repeat; padding: 4%; }
.o6_intn{ padding: 3.8%; background: #6c6c6c; }
.o6_intn .o_inleft{width: 32.6%; }
.o6_intn .o_inright{width:64%;}
.o6_intn .o_ban_cl02 a{background: #fff;color:#000; }

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

.o_innermob07{ background:#004c8b url(../images/m5_bg.png) 0 0 repeat; position:relative;}
.o_innermob07 .o_imlt{ background:#004c8b; padding:1px 4% 4% 30%; color: #fff; position: relative; font-size: 24px; line-height: 150%; min-height: 14em;}
.o_innermob07 .o_insmtit{font-family:serif; font-weight: bolder;font-smoothing:antialiased ;letter-spacing: 0.1em; color: #ff9c00;  margin:0.6em 0 0.5em 0;  }
.o_innermob07 .o_rg_pre{ width:23.6%; position: absolute; top: 0; left: 4%; padding-top: 2%; }

.o_innermob08{ background:#004c8b url(../images/m5_bg.png) 0 0 repeat; position: relative; }
.o_innermob08 .o_imlt{ background:#004c8b; padding:1px 4% 4% 35%; color: #fff;  font-size: 24px; line-height: 150%; position: relative; }
.o_innermob08 .o_insmtit{font-family:serif; font-weight: bolder;font-smoothing:antialiased ; font-size:42px; line-height: 105%; letter-spacing: 0.1em; color: #ff9c00;  margin:1.2em 0 0.5em 0;  }
.o_innermob08 .o_rg_pre{ width:28.6%; position: absolute; top: 0; left: 4%; }



/*-------------------------------------------*/
@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_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.2vw; line-height: 180%; }
.o_insmtit{font-size:4.2vw; }
.o_ban_cl{ font-size:2.8vw;}

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

.o_innermob03 .o_imlt{ padding:4% 4% 2% 4%;}
/*
.o_innermob03 .o_imlt{ padding:4% 30% 10% 4%;}
*/

.o_innermob04 .o_inleft img{ max-width: 28vw; }
.o_m5_inner{ font-size:2.8vw; }

.o_innermob07 .o_imlt{ font-size:2.8vw; min-height: 12em;}

.o_innermob08 .o_imlt{ font-size:2.8vw; line-height: 180%; }
.o_innermob08 .o_insmtit{ font-size:4.2vw; }
.o_innermob08 .o_rg_pre{ top:8%; }



}

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

.o_innermob03 .o_imlt{ padding:4% 4% 2% 4%;}
.o_innermob03 .o_r_ph{ width: 34%; right: 1%; }
.o_innermob03.m_h{ min-height: 120px;}
/*
.o_innermob03 .o_imlt{ padding:4% 30% 4% 4%;}
*/

}

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



}