@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 { overflow-x: hidden; color:#444444; font-size:16px;line-height: 160%; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-feature-settings:"palt";}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a { color:inherit; text-decoration: underline; }
a:hover { text-decoration: underline; color: #0046e0; transition:all 0.4s;}
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}

.wf_noto{font-family: 'Noto Serif JP', serif;}
.font_feature{font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}

.cl_yellow{ color: #fff000; }
.cl_white{ color: #fff; }

.sp_none{ display: block; }
.pc_none{ display: none; }

.an_scl{ opacity: 0;}

.f14{ font-size: 14px; line-height:200%;}
.f16{ font-size: 16px; line-height:200%;}
.f18{ font-size: 18px; line-height:160%;}
.f20{ font-size: 20px; line-height:160%;}
.f24{ font-size: 24px; line-height:150%;}
.f32{ font-size: 32px; line-height:150%;}
.f60{ font-size: 60px; line-height:120%;}

.fnm11{ font-size:1.1em;}
.fnm12{ font-size:1.2em;}
.fnm13{ font-size:1.3em;}
.fnm15{ font-size:1.5em;}
.fnm20{ font-size:2em;}




.text-shadow{ text-shadow: 0 0px 0.7em #000, 0 0px 0.7em #000, 0 0px 0.8em #000, 0 0px 0.8em #000, 0 0px 0.8em #000;}
.text-shadow02{ text-shadow: 0 0px 0.3em #000, 0 0px 0.3em #000, 0 0px 0.3em #000, 0 0px 0.3em #000, 0 0px 0.3em #000;}

/******************************************************************/
html{ font-size: 100px; }
body{font-size: 0.2rem; line-height:200%; min-height: 100vh; position: relative;background:url(../images/bg.jpg) 0 0 repeat; }

.wrap{ position: relative; z-index: 10; }
.top_ph{ background:#000; text-align: center; }
.topintn{ width: 1380px; max-width: 96%; padding: 0.8em 2%; margin:0 auto;  color: #fff; font-size: 0.36rem; line-height: 120%;  letter-spacing: 1em; color: #fff000;}
.tpimg{ background: url(../images/top_img.jpg) 0 0 no-repeat; background-size: 100% auto; height:50vw;  }

.innermob{width: 1000px; padding:0 2.5%; max-width: 95%;/* min-height:calc(100vh - 500px); display: flex; flex-wrap:wrap;justify-content: center;align-items: center;*/  margin:0.75rem auto;}
.in_stit{ text-align: center; color: #fff000; font-weight: 700; padding-bottom:2em;  }
.in_stxt{ text-align: center; color: #fff000; }

.in_tptxmob{ text-align: center; padding: 0.6rem; background-color: #5383ed;box-sizing: border-box; width: 100%; font-weight: 700;}

.pre_mob{ display: flex; flex-wrap: wrap;/*  justify-content: center;align-items: center;  */}
.pre_mob .pm_in{ width: 40%; padding: 0 5% 0 0; text-align: center;}


.ytbln{ width: 600px; max-width: 100%; }
.ytbmob{ position: relative; width: 100%; height: 0; padding-bottom: 56.2%; background-color: #000; }
.ytbmob iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.yt_tx{padding:0.8em; font-family: 'Noto Serif JP', serif; font-weight: 700; color: #fff; font-size: 0.36rem; line-height: 110%;}

.intn{width: 1000px; max-width: 96%; margin: 0 auto 0.5rem auto; box-sizing:border-box; padding: 0.5rem 0;  display: block; color:#040404; font-size: 16px; line-height: 150%; background:#fff000; }
.incon{ padding:0 3% 0 32%; position: relative;margin-bottom:0.7rem;min-height: 5.5em; }
.inc_tit{ position: absolute; top: 0; left:-2%; width: 30%; box-sizing:border-box; padding:0.1rem 0.12rem; text-align: right; background: #5383ed; color: #fff;  }
.ban_pdf{ display: inline-block; padding:0.3em 1.2em; margin-top: 0.3em; font-weight: 700; color: #d0feff; border:2px solid #d0feff; background: #0068d2; text-decoration: none;/*background: -webkit-linear-gradient(top, #00fcff 0%,#5087a6 100%);background: linear-gradient(to bottom, #00fcff 0%,#5087a6 100%);*/}
.ban_pdf:hover{text-decoration: none; color: #fff000; background:#009294; }

.in_sbmob{ text-align: center; margin-bottom: 0.5rem; position: relative; }
.in_sbmob h3{ color: #fff; padding-bottom: 0.2rem; }

.sb_logolist a{display: inline-block; margin: 0 10px ;}
.sb_logolist img{ height: 1.7rem; }
.sb_logolist a[href]:hover{opacity: 0.8;}

.lbj{ position: absolute; left:0.1rem; bottom: 0rem; width: 2.5rem; }


.foot{ padding:0.5rem; background-color: #000; }
.ft_lg{ text-align: center; }
.ft_lg a{ display: inline-block; max-width:30%; padding: 0 0.4rem;}
.ft_lg a:hover{opacity: 0.8;}


@media screen and (max-width:1500px) {
/* .innermob{min-height:calc(100vh - 5rem);} */

}
@media screen and (max-width:750px) {
html{ width: 100%; overflow-x: hidden; }
body{ overflow-x: hidden;}

.f14{ font-size:0.18rem; line-height:200%;}
.f16{ font-size:0.2rem; line-height:200%;}
.f18{ font-size:0.22rem; line-height:160%;}
.f20{ font-size:0.24rem; line-height:160%;}
.f24{ font-size:0.32rem; line-height:150%;}
.f32{ font-size:0.4rem; line-height:150%;}
.f60{ font-size:0.68rem; line-height:120%;}



.sp_none{ display: none; }
.pc_none{ display: block; }

.tpimg{ background: url(../images/top_img_sp.jpg) 0 0 no-repeat; background-size: 100% auto; height:133vw;  }

.foot{padding: 0.3rem 0;}
.ft_lg{}
.ft_lg a{ max-width:60%; padding:0.2rem 0; }
}

@media screen and (max-width:480px) {

.f14{ font-size:0.18rem; line-height:200%;}
.f16{ font-size:0.2rem; line-height:200%;}
.f18{ font-size:0.22rem; line-height:160%;}
.f20{ font-size:0.24rem; line-height:160%;}
.f24{ font-size:0.32rem; line-height:150%;}
.f32{ font-size:0.4rem; line-height:150%;}
.f60{ font-size:0.68rem; line-height:120%;}

}
@media screen and (max-width:375px) {

}