@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:160%; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", YuGothic, "Hiragino Kaku Gothic ProN", Arial, Meiryo,sans-serif; overflow-x:hidden; }
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;}

.red_cl{ color:#e60012;}
.red_bucl{ color:#c81815;}
.pink_cl{ color:#ee9d9a;}
.blue_cl{ color:#2573a1;}
.bluein_cl{ color:#4e78aa;}
.ql_cl{ color:#02a586;}
.or_cl{ color:#be7900;}
.gr_cl{ color:#86b901;}
.ye_cl{ color:#fdd000;}


.f16{ font-size: 0.16rem; line-height: 178%; }
.f18{ font-size: 0.18rem; line-height: 178%; }
.f20{ font-size: 0.2rem;  line-height: 180%; }
.f24{ font-size: 0.24rem; line-height: 170%; }
.f30{ font-size: 0.3rem;  line-height: 150%; }

.align_center{ text-align: center; }
.align_left{ text-align: left; }

.fm_mp1{font-family: 'M PLUS 1p', sans-serif;font-weight:400;}

.inpv{ text-align: center;  }
.YoutubeWrapper{position:relative;padding-bottom:56.25%;overflow: hidden; display: inline-block; width: 750px; max-width: 100%;}
.YoutubeWrapper iframe {position:absolute;top:0;left:0;height:100%;width:100% ;}


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

/******************************index************************************************/
html{ font-size:100px;}
body{ position:relative; background-color: #000; color: #fff; /*font-family: "Mplus 1p"; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings:"palt";-moz-font-feature-settings:"palt";-webkit-font-feature-settings:"palt";*/}

.con_bg{ background: url(../images/tp_bg.jpg) top center no-repeat; background-size: auto auto; width: 100%; height: 100vh; position:fixed; top: 0; left: 0; z-index: 0; transition:opacity 0.4s;}

.wrap{width:1000px;max-width:96%; margin: 0 auto; position:relative; z-index:5; min-height:100%; box-sizing:border-box;}
.header{ text-align: center;}
.h_logo{}
.h_txcon{padding: 2.5% 6% 6.5% 6%;}
.h_ban{}
.insntx{padding: 9% 0 6.5% 0; font-size:1.5em; line-height: 140%; color: #e9536b; font-weight: 600; }
.insntx a:hover{color: #ff0;}


menu{ text-align: center;padding: 0;margin: 0;}
.menu_inner{ padding: 0.4em 1.2em; background: #e9536b; border: 0.2em solid #fff; border-radius: 999px; display: inline-block; font-size: 1.5em; line-height: 110%;  }
.menu_inner a{ display: inline-block; position: relative; padding: 0.2em 1em; }
.menu_inner a:before{content: ""; position: absolute; top: 0;right:-2px; width:0.16em; height: calc(50% - 0.08em); background: #fff; border-radius: 999px;}
.menu_inner a:after{ content: ""; position: absolute; bottom: 0;right:-2px; width:0.16em; height: calc(50% - 0.08em);background: #fff;border-radius: 999px;}
.menu_inner a:last-child:before{ display: none;}
.menu_inner a:last-child:after{ display: none;}
.menu_inner a:hover{ color: #ff0;}


.main{padding: 0 0 0 0; }
.mn_title{ text-align: center;padding: 7% 0 0 0; }
.mn_title span{ display: inline-block; font-size:2.5em; padding: 0 5em; min-width: 6em; position: relative;}
.mn_title span:before{ content: ""; display: block; width: 4.75em; height: 100%; background: url(../images/tit_star.png) 0 center no-repeat; background-size: 100% auto; position: absolute; top: 0; left:0; }
.mn_title span:after{ content: ""; display: block; width: 4.75em; height: 100%; background: url(../images/tit_star.png) 0 center no-repeat; background-size: 100% auto; position: absolute; top: 0; right:0;transform: rotate(180deg);transform-origin: 50% 50%;}
.mob_inner{padding: 6% 0; font-size: 1.2em;line-height: 180%; word-break: break-all;}
.mn_tit{ font-size:1.45em; line-height: 120%; color:#0aadde;}
.mn_t{ font-size:1.33em; line-height: 120%;}
.mn_t02{font-size:1.15em; line-height: 120%;}
.linet01{ padding-left: 1em;text-indent: -1em; display: block;}
.mob_inner a{ color: #e9536b;}
.mob_inner a:hover{ color: #f00;}

.ban_list{ text-align: center;padding: 3% 5%; }
.ban_list a{transition:opacity 0.3s; }
.ban_list a:hover{opacity: 0.7;}


footer{ text-align: center; font-size: 0.9em; padding: 1rem 0 0.5rem 0; }



@media screen and (min-width: 2000px){
.con_bg{background-size: 100% auto;}

}

@media screen and (max-width: 1000px){
.con_bg{background-size: 200% auto;}

}



@media screen and (max-width: 750px){
body{ font-size: 0.16rem; }

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

.menu_inner{ padding: 0.4em 0.6em; }
.menu_inner a{padding: 0.2em 0.4em; }


}