@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,  pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; }
body{ font-size:16px; line-height:150%; font-family:"ヒラギノ角ゴ ProN w3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN w6","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;  overflow-x:hidden; background:#f8efbf url(../images/top_bg.jpg) top center no-repeat; color:#3c3c3c; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/ }
ul, ol, li, dl, dt, dd{ list-style:none; }
fieldset, img{ border:0; vertical-align:middle; overflow:hidden; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix{ *zoom:1;
}
.clear{ clear:both; display:block; height:0; overflow:hidden; }
img{ max-width:100%; }
a{ text-decoration:none; color:inherit; padding:0; margin:0; }
::selection{ background:#0a2d42; color:#fff; }

/******************************************************************************/

.color_orange{ color:#ff7200;}
.color_green{ color:#00a489;}
.color_cyan{color:#00434e;}
.color_red{color:#F00;}

.fs14{ font-size:14px; line-height:21px;}
.fs15{ font-size:15px;}
.fs17{ font-size:17px;}


.head{ position:relative; width:1000px; margin:0 auto;}
.menu{}
.menu li{ float:left; width:25%; position:relative;}
.menu li .comingsoon{ position:absolute; top:0; left:0; width:100%; z-index:200;}
.menu li a{ display:block; overflow:hidden; width:100%;}
.menu li a img{ position:relative; z-index:100;}
.menu li a:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0b4d8b; mix-blend-mode: overlay; z-index:101; opacity:0.8; transition:all 0.4s ease-in; transform:scaleX(0); transform-origin:0 0;}
.menu li a:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#0b4d8b; mix-blend-mode: overlay; z-index:101; opacity:0.8; transition:all 0.4s ease-in; transform:scaleX(0); transform-origin:100% 0;}

.menu li a:hover:before{transform:scaleX(0.5)}
.menu li a:hover:after{transform:scaleX(0.5)}




.main{width:1000px; margin:0 auto; padding-bottom:8%;}
.main h3{ padding-top:25px; }
.text_inner{ padding:4%; font-size:1.3125em; line-height:160%; font-weight:bold;}
.text_inner .sml_tx{ font-size:14px; line-height:22px; padding-left:3em; text-indent:-3em;}

.tab_b{ border-top:10px solid #333; border-left:1px solid #333;}
.tab_b td{ border-bottom:1px solid #333; border-right:1px solid #333; padding:3px; line-height:130%;}
.tab_b .tab_tfe td{ border-top:10px solid #333; }
.tab_b tr:first-child td{ color:#F60;}
.tab_b a{ text-decoration:underline; color:#996100;}
.tab_b a:hover{ color:#F30; text-decoration:underline;}
.tab_b .tab_f01{ background:#36d7ff;}
.tab_b .tab_f02{ background:#fdff36;}
.tab_b .bg_prink{ background:#fb87ff;}

.mob_fl{ float:left; width:48%; padding:0 1%;}
.mob_fl .mob_text{ position:relative; margin-top:20px;word-break:break-all; padding:10px;font-weight:bold;}
.mob_fl .mob_text .inner_t{ text-align:center; font-size:18px; border-bottom:2px solid #666; padding-bottom:15px; margin-bottom:15px; position:relative; z-index:20;}
.mob_fl .mob_text a{  color:#996100;}
.mob_fl .mob_text a:hover{ text-decoration:underline;}
.mob_fl .for_s01{ background:#b3efe7;}
.mob_fl .for_s01:before{ content:"";display:block; border:40px solid transparent; border-bottom:60px solid #b3efe7; position:absolute; top:-70px; left:10%; transform:rotate(20deg); z-index:15;}
.mob_fl .for_s02{ background:#fffd78;}
.mob_fl .for_s02:before{ content:"";display:block; border:30px solid transparent; border-bottom:110px solid #fffd78; position:absolute; top:-130px; left:5%; z-index:15;}

.mob_fl .for_s01 .star_t01{ position:absolute; top:30px; right:2%; transform:scale(0.32,0.32) rotate(15deg); transform-origin:100% 0%;}
.mob_fl .for_s01 .star_t02{ position:absolute; top:90px; right:2%; transform:scale(0.25,0.25) rotate(-15deg); transform-origin:100% 0%;}
.mob_fl .for_s02 .star_t02{ position:absolute; top:20px; left:8%; transform:scale(0.25,0.25) rotate(-15deg); transform-origin:0% 0%;}
.mob_fl .for_s02 .star_t03{ position:absolute; top:70px; left:2%; transform:scale(0.35,0.35) rotate(-15deg); transform-origin:0% 0%;}

.star_t01 .star{border-bottom-color:#fffd78;}
.star_t01 .star:before{border-bottom-color:#fffd78;}
.star_t01 .star:after{border-bottom-color:#fffd78;}
.star_t02 .star{border-bottom-color:#ffffff;}
.star_t02 .star:before{border-bottom-color:#ffffff;}
.star_t02 .star:after{border-bottom-color:#ffffff;}
.star_t03 .star{border-bottom-color:#b3efe7;}
.star_t03 .star:before{border-bottom-color:#b3efe7;}
.star_t03 .star:after{border-bottom-color:#b3efe7;}


.star{margin: 50px 0; position: relative; display: block; color: red; width: 0px; height: 0px; border-right:  100px solid transparent; border-bottom: 70px  solid red; border-left: 100px solid transparent; -webkit-transform: rotate(35deg); transform: rotate(35deg);  z-index:18;}  
.star:before { content: ""; border-bottom: 80px solid red; border-left: 30px solid transparent; border-right: 30px solid transparent; position: absolute; height: 0; width: 0; top: -45px; left: -65px; display: block; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }  
.star:after { content: "";  position: absolute; display: block; color: red; top: 3px;  left: -105px;  width: 0px;  height: 0px;  border-right: 100px solid transparent;  border-bottom: 70px solid red;  border-left: 100px solid transparent;  -webkit-transform: rotate(-70deg);  transform: rotate(-70deg); }  

.inner_nav{ display:table; width:100%;}
.inner_nav li{ display:table-cell; cursor:pointer; text-align:center; padding:10px;padding-bottom:16px; background:#bfe9e5; color:#2bb6aa; border:1px solid #fff;}
.under_line{ position:absolute; left:1px; bottom:0; height:6px; background:#ff9933; display:block;}

/*
.inner_nav li:nth-child(1){ background:#b2fff6; color:#009382;}
.inner_nav li:nth-child(2){ background:#fff8e5; color:#d9b339;}
.inner_nav li:nth-child(3){ background:#50c3ff; color:#0e6c82;}
.inner_nav li:nth-child(4){ background:#ffcac0; color:#d98b7b;}
.inner_nav li:nth-child(5){ background:#c3d4ff; color:#6f8cd4;}
.inner_nav li:nth-child(6){ background:#effada; color:#79d3ad;}
.inner_nav li:hover{ border-bottom:6px solid #F93;}
*/
.inner_nav li.nav_sel{ background:#2bb6aa; color:#fff; }

.mob_innerc{ padding:20px 10px; background:#fff; border:1px solid #fff; border-top:0;}
.mob_info{ display:none;}



.foot{ padding:85px 30px; text-align:center; background-color:#ffffff; font-size:0.75em; font-weight:bold;}

















@media screen and (max-width: 750px) {
body{ width:100%; overflow-x:hidden; font-size:14px;}   
.head{ width:100%;}
.main{width:100%;}

.mob_fl{ float:left; width:48%; padding:0 1%;}
}




@media screen and (max-width: 640px) {
.mob_fl{ float:none; width:98%; padding:0 1%; margin-bottom:30px;}
}