@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:#002265; font-size:16px;line-height: 160%; font-family: 'Noto Serif JP', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-feature-settings:"palt";}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: top; overflow: hidden; }
a {color:inherit; text-decoration:none; transition: color 0.4s;  }
a:hover {color:#e9525a;}
.tuline { text-decoration: underline; }
.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%;}
.sp_none{ display: block; }
.pc_none{ display: none; }
.an_scl{ opacity: 0; }


.fw_Nsans{font-family: 'Noto Sans JP', sans-serif!important;}

.red_cl{ color:#e9525a; }
.white_cl{ color:#fff; }
.black_cl{ color: #000; }


.fs14{ font-size:0.14rem; line-height: 150%; }
.fs16{ font-size:0.16rem; line-height: 150%; }
.fs18{ font-size:0.18rem; line-height: 160%; }
.fs20{ font-size:0.2rem; line-height: 170%; }
.fs22{ font-size:0.22rem; line-height: 170%; }
.fs26{ font-size:0.26rem; line-height: 170%; }
.fs30{ font-size:0.3rem; line-height: 160%; }
.fs31{ font-size:0.31rem; line-height: 150%; }
.fs34{ font-size:0.34rem; line-height: 140%; }
.fs36{ font-size:0.36rem; line-height: 140%; }
.fs40{ font-size:0.4rem; line-height: 120%; }
.fs60{ font-size:0.6rem; line-height: 120%; }

.smf{ font-weight: 300; }
.ta_cen{text-align: center;}


/******************************************************************/
html{ font-size: 100px; opacity: 0; transition: opacity 1s;visibility: hidden;}
html.pgshow{ opacity: 1;visibility: visible; }
/* html.wf-active,html.loading-delay{visibility: visible;} */
body{font-size: 0.2rem; line-height:200%; position: relative;}
body::after{content: ""; position: fixed; top: 0; left: 0; width: 100vw;height: 101vh; z-index: -1; background: url("../images/bg.svg") center center no-repeat; background-size: cover; opacity: 0.3;}


.wrap{ position: relative; z-index: 10; }
header{width:1500px; max-width: 100%; margin: 0 auto;padding: 0 0.2rem; box-sizing: border-box; position: relative;}
.top{ text-align: center; width: 50%; padding: 5.3% 0 5.3% 2%; }
.kv{ position:absolute; top: 2.4%;right:3.8%; z-index: -1; width: 49%; }
.ahu_tx01{padding-bottom:0;line-height: 100%; text-align: center;}
.ahu_tx01 img{ width: 60%;}

.ahu_tx02{word-break: keep-all; line-height: 100%;}
.ahu_tx03{padding: 3% 0 5.67% 0;  line-height: 100%;}
.ahu_time{padding-bottom:1.9%;}
.ahu_tx04{ padding-bottom: 2.3%;  line-height: 100%;}
.ahu_tx05 > span{ display: inline-block; padding-bottom:1%;margin-bottom:1%; border-bottom: 1px solid #be0008;}

.top_pv{ width:65%; margin:6.7% auto;}
.topytbmob{ width: 100%; padding-bottom: 56.25%; position:relative;}
.topytbmob iframe{ position: absolute; top:0; left:0; width:100%; height:100%; }


.main{ width: 1100px; max-width:90%; margin: 0 auto; padding: 0 4.5%; box-sizing: border-box; margin-bottom: 50px; position: relative; z-index: 10;}
.inner_mob{position:relative; box-sizing: border-box; padding:0.3rem; margin-bottom:0.8rem ;}

.inm_line{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; box-sizing: border-box;border: 4px solid #e9525a;}
.inm_line>span{ display: block;margin:0.1rem; width:calc(100% - 0.2rem); height:calc(100% - 0.2rem); background-color: rgba(225, 220, 193, 0.7);  }



.ahu_tabin{ display: flex; flex-wrap: wrap;min-height:90px; }
.tit_none .ahu_tabcon{text-align: center;}
.ahu_tabtitle{ font-size: 20px; line-height: 120%; width: 25px; padding: 0.1rem 0.25rem 0.1rem 0;text-align: center; color: #fff; display: flex; align-items: center; font-weight: 700; position: relative; }
.mobin_title{ position: absolute; top: 50%; left:0%; width: 2.2rem; max-width: 900px; transform: translate(-50%, -55%); }


.ahu_tabcon{padding: 0.3rem 0.3rem 0.3rem 0.9rem; box-sizing: border-box; width: calc(100% - 55px)}
.ahu_ints{ display: flex; padding-bottom: 0.15rem}
.ahu_instit{ display: flex; align-items: center; border-right: 1px solid #fff; padding-right: 0.105rem; width: 2.2em; }
.ahu_insc{ display: flex; align-items: center; padding:0 0.3rem 0 0.1rem; }
.ahu_ints .ahu_insc:last-of-type{ padding: 0 0 0 0.1rem; }
.smtx{ display: block; font-weight: 300; }
.smtx02{ display: block; font-weight: 300; text-align: left;}
.smtx03{ display: block; font-weight: 300; padding-top: 0.1rem;}
.ahu_ints02{ display: flex; padding-top: 0.4rem}
.ahu_ints02 .ahu_instit{ text-align: center;  width:2.7rem;white-space: nowrap;display: flex;justify-content: center;}
.ahu_ints02 .ahu_insc{ padding:0 0 0 0.32rem ; line-height:180%; width: calc(100% - 2.7rem); box-sizing: border-box; }
.ahu_ints02 .ahu_insc .comment{ font-size: 0.8em; line-height: 1.5; }
.mobtx02 .ahu_tabcon{display: flex; align-items: center;}
.newconts{position: relative;}
.newconts::before{content: "NEW"; display: block; position: absolute; top: -2.5em;left: -2em; font-size: 1.2em; line-height: 3em; width: 3em; height: 3em; border-radius: 999px; background: #fe8889; color: #fff; text-align: center; transform: rotate(-15deg);z-index: 0;/* animation: starfade 1s linear infinite; */}

.newicos{position: relative;}
.newicos::after{content: "NEW"; display: block; position: absolute; top: 0;left:0; font-size: 0.5em; line-height: 1em;padding: 0.2em 0.2em; background: #fe8889; color: #fff; text-align: center; z-index: 0;/* animation: starfade 2s linear infinite; */}



@keyframes starfade {
  0% {
    opacity: 1;
    color: #fff;
  }
  50% {
    opacity: 0.5;
    color: #fff;
  }
  100% {
    opacity: 1;
    color: #fff;
  }
}




.precon{ display: flex;flex-wrap: wrap;padding: 0.2rem 0 0.3rem 0;}
.preconinner{ width: 45%; box-sizing: border-box; margin-left: 3%;}
.preimg{ width:100%;}

.ahu_sns{width:1500px; max-width: 100%; margin: 0 auto;padding: 0 0.2rem;}
.ahu_sns a{display:inline-block; line-height:150%;}
.ico_sns{ width:0.3rem; vertical-align: middle;margin-right: 0.1rem;}
.smtxinfo{text-align: center; padding: 0.3rem 0.2rem 0.2rem 0.2rem;}

.ban_lcf{ display: inline-block; font-size: 0.24rem; line-height: 110%; padding: 0.45em 1.4em;margin: 0.1rem 0;border: 0.02rem solid #e9525a; position: relative; color: #e9525a; overflow: hidden;}
.ban_lcf::before{content: "";width:150%;height:500%;opacity: 0;border-radius:999px;background: #e9525a;position: absolute;transition: all .5s ease-Out;top:50%;left: 50%; transform: translate(-50%,-50%) scale(0, 0); z-index:0;}
.ban_lcf:hover::before{ transform: translate(-50%,-50%) scale(1, 1);opacity: 1;}

.ban_lcf span{ position: relative; z-index: 10; }
.ban_lcf:hover{color:#fff;}

.ico_ytb{height: 1em; vertical-align: bottom;}
.pics{fill: #e9525a;}
.ban_lcf:hover .pics{fill: #fff;}
.comtxs{font-size: 0.8em; line-height: 1.5;}


.textlin01{}
.textlin01 li{ text-indent: -1em; padding-left: 1em; line-height: 130%; padding-bottom: 0.3em; }


.prelistmob{ display: flex; flex-wrap:wrap; width: 100%;}
.preinner{ width:18%; text-align: center; padding-right: 2%}

.txin05{ padding-left:5em;text-indent: -5em; display: block; }

.footphoto{ position: relative; z-index: -1;margin: -8% 0 -5% 0;}
.footphoto img{ width: 100%; }



footer{ display: block; }
.footinner{width:1500px; max-width: 100%; margin: 0 auto;padding: 0.1rem 0.2rem; position: relative; box-sizing: border-box;}
.ftcn{ text-align: right; line-height: 200%; }
.ftcn_inbox{display:inline-block; text-align:left; line-height: 187%;}
.ft_logo{ position: absolute; width:5rem; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.ftcopy{ text-align: center; padding-bottom: 0.8rem; }

.fbt_box{width:800px; max-width: 90%; display:none; color: #000; font-size: 0.18rem; line-height: 150%}


@media screen and (max-width:750px) {
html{ width: 100%; overflow-x: hidden; }
body{ overflow-x: hidden;font-size: 0.24rem; line-height:200%;}
.sp_none{ display: none; }
.pc_none{ display: block; }

header{padding: 0 5%;}
.top{ width: auto; padding: 3% 0 0.3rem 0; }
.kv{ position: static;width:100%; padding:2% 0 0.2rem 0 ;margin-left:0; }
.ahu_tx01{ line-height: 100%; }
.ahu_tx02{ line-height: 100%; }
.ahu_tx03{padding: 0.15rem 0 0.44rem 0;line-height: 100%; font-size: 0.38rem;}
.top_pv{ width:83%; margin:0 auto 0.3rem auto; }
.topytbmob{}
.top_logo{margin: 0 0.1rem;}

.ahu_time{ line-height: 100%; }

.main{max-width: 100%;padding: 0 3.33%;}
.inner_mob{margin-top: 1.3rem;}
.inm_line{ border: 2px solid #e9525a;}
.tit_none{margin: 0 0 1.3rem 0;}
.ahu_tabin{ min-height: 50px; position: relative; }

.ahu_tabtitle{position: absolute; top: 0; left: 50%; width: 2rem; border: 0;}
.ahu_tabtitle img{ width:100%; position: static;transform: translate(-55%, -75%); }




.ahu_tabcon{padding: 0.7rem 0.2rem 0.3rem 0.2rem; box-sizing: border-box; width:100%;}
.tit_none .ahu_tabcon{padding: 0.3rem; box-sizing: border-box; width:100%; text-align: left; line-height: 1.4;}

.ahu_instit{ padding-right: 0.15rem; width: 2.2em; }
.smtx02{text-align:center;}
.smtx03{display: inline;padding-top:0;}

.ahu_ints02{flex-wrap: wrap;}
.ahu_ints02 .ahu_instit{ width: 100%;display: block;padding: 0 0 0.15rem 0; border-right: 0; border-bottom: 1px solid #fff; margin-bottom: 0.15rem;}
.ahu_ints02 .ahu_insc{ width: 100%; display: block; text-align: center; padding:0; word-break: break-all;  }
.ahu_ints02 .ahu_insc .comment{ text-align: left; font-size: 0.2rem; line-height: 1.45; padding: 2% 0 4% 0; }
.mobtx02 .ahu_tabcon p{ line-height: 200%; }


.newconts::before{top: -1em;left: -1.5em; transform: rotate(-15deg);}



.precon{ display: block; padding: 0 0 0.5rem 0;}
.preconinner{ width: 90%; box-sizing: border-box; margin-top: 5%;}

.prelistmob{}
.preinner{ width:30%;padding:1.5%}
.comtxs{font-size: 0.2rem; line-height: 1.5;}

.footphoto{margin: -12% 0 -5% 0%;}
.footphoto img{ width: 120%;max-width: 120%; margin-left: -10%; }

.ban_lcf{font-size: 0.26rem; line-height: 110%; padding: 0.45em 1.4em;margin: 0.1rem 0;}


.txin05{ padding-left:0;text-indent: 0;white-space: nowrap;}



footer{}
.footinner{padding: 0;}
.ft_logo{ position:static; width:100%;transform: translate(0,0); text-align: center; padding-top: 0.7rem}
.ft_logo img{ width:5rem;}
.ftcopy{ text-align: center; padding-bottom: 0.6rem; }

}