@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:#fff; font-size:16px; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; background-color: #000;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration: underline; }
a:hover { color: #ff0000; text-decoration: underline; }
.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%;}
.color_red{ color:#ff3200;}

.inner_ytbp{ position: relative; padding-bottom: 56.25%;  margin:1% 0 4% 0;}
.inner_ytbp iframe{ position: absolute; top: 0; left: 0; width: 100%;height: 100%; }

.an_scl{ opacity: 0; }

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

.menu_pos{ position: fixed; top: 0; left: 0; width: 100%; background: #000; z-index: 99; }
.menu_mob{ position: relative; width: 1040px; max-width: 100%; margin: 2.5em auto 2.2em auto; font-size: 18px; padding: 0 5px; font-family: 'Roboto Condensed', sans-serif;}

.sp_ban{ display: none; }
.menu{ position: absolute; top: 0; left:38.46%; }
.menu a{ text-decoration: none; }

.wrap{width: 1040px; max-width: 100%; margin:0 auto;}
.top_ph{ width: 100%; background: url(../images/top_ph.jpg) center bottom no-repeat;background-size: cover; margin-top:6em;   }
.top_ph img{ width: 100%; display: none;  }

.main{text-align: center; }
.logo{ margin-top: -44.2%; }
.logo img{  max-width: 80%; }
.info{ padding-top: 17.7%;}

.info01p,.info02p{ position: relative; }
.imphbanpos{ display: inline-block; position: relative; }

.info_title{ border: 1px solid #bb0000; margin: 10px 20px; padding: 5px 10px; font-size: 1em; font-weight: 400; }
.info_title02{ border: 1px solid #bb0000; margin: 10px 0px;font-size:2.6rem; line-height:120%; font-weight: bold; padding:15px 10px;}

.ban_l01{ position: absolute; bottom:0; left:39.5%; display: block; width: 35.3%; padding-bottom: 3%;margin-bottom: 5.5%; opacity: 0.5}

.ban_01{ position: absolute; top:5.5%; left:19.8%; display: block; width: 18%; padding-bottom: 3%; opacity: 0.5 }
.ban_02{ position: absolute; top:5.5%; left:40%; display: block; width: 33%; padding-bottom: 3%; opacity: 0.5}
.ban_b01{ position: absolute; bottom:0%; left:19.8%; display: block; width: 18%; padding-bottom: 3%; opacity: 0.5;}

.info01p a:hover,.info02p a:hover,.ban_b01:hover{ background-color: #000; opacity: 0.5;mix-blend-mode: multiply; }

.pr_t{ padding:1.9% 0 6.73% 0; text-align: center; font-family: 'Roboto', sans-serif; font-size: 30px; font-size:1.875rem;line-height: 100%; font-weight: bold; }
.inlanbox{font-size: 1rem; line-height: 175%; padding: 10px;border: 1px solid #bb0000;}

.ct_title{font-family: 'M PLUS 1p', sans-serif; font-size: 50px;line-height: 160%; font-weight: 900; }
.ct_title .c_t01{ font-size:1.5em;  }
.ct_title .c_t02{ font-size:1.4em;  }


.pro_mob{}
.pro_mob .pr_l{ float: left; width: 42.4%; padding: 0 2.7% 0  0.3%; }
.pro_mob .pr_r{ float: left; width: 54.6%; text-align: left; font-size: 1rem; line-height: 175%;}

.foot{ text-align: center; width: 1040px; max-width: 100%; margin:0 auto; padding: 90px 0 50px 0; }
.ft_ed{ font-family: 'Roboto', sans-serif; font-size:26px;line-height:65px;font-weight: bold; display: inline-block; padding: 0 2px;  }
.foot img{ padding: 0 6px; }
.foot a:hover{ opacity: 0.9}

.pgtp{font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 3em; width: 4em; color: #fff; background-color: #464646; position: fixed; bottom: 30px; right: 3%; text-align: center; text-decoration: none; border-radius: 6px; display: none;}
.pgtp:hover{text-decoration: none; background-color: #5a5a5a;}



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

.ban_l01{ left:37.5%;width: 40.6%; padding-bottom: 4%;}
.ban_01{left:15.5%;width: 21%; padding-bottom: 4%; }
.ban_02{left:38.5%; width: 38%; padding-bottom: 4%;}
.ct_title{font-size: 5vw; }

}
@media screen and (max-width:750px) {
html,body{ width: 100%; overflow-x: hidden; }
.top_ph { width: 138.46%; margin-left: -15.23%;}

.sp_ban{ display: block; position: absolute; top: 50%; left: 0; margin-left:2.7%; margin-top: -10px; width:30px; height: 20px; cursor: pointer; }
.sp_ban span{ position: relative; display: block; background-color:#707070;width:30px; height: 2px; margin-top: 8px;  transition: all .3s;     }
.sp_ban span:before{ content: ""; display: block; position: absolute; top: -8px; background-color:#707070;width:30px; height: 2px;  transition: all .3s; transform-origin:0 -300%; } 
.sp_ban span:after{ content: ""; display: block; position: absolute; top: 8px; background-color:#707070;width:30px; height: 2px; transition: all .3s; transform-origin:0 450%;  } 


.sp_ban_sel {}
.sp_ban_sel span{ background-color:transparent;}
.sp_ban_sel span:before{transform: translateY(0%) rotate(45deg); } 
.sp_ban_sel span:after{transform: translateY(0%) rotate(-45deg); } 


.menu_mob{ margin: 0; padding: 3.3% 0 3.3% 40px; width: calc(100% - 40px); font-size: 18px; text-align: center; }

.menu{ position: absolute; top: 100%; left:0; width: 100%; text-align: center; z-index: 500; background-color: #000;  border-top: 1px solid #707070; display: none;}
.menu span{ display: none; }
.menu a{ display: block; padding: 3%; border-bottom: 1px solid #707070;}
.logo{ margin-top: -24%;}

.top_ph{margin-top:4em;   }


.info{ padding-top: 7.7%;}
.info_title02{ font-size:5.4vw;}

.inlanbox{ font-size: 0.75rem; }


.pr_t{ padding:2.9% 0 6.73% 0;}
.pro_mob .pr_r{ font-size: 0.75rem; line-height: 175%;}

.foot{ width: 100%;  padding: 12% 0 6.6% 0; }
.ft_ed{font-size:26px;line-height:8.8vw;font-weight: bold;  }
.foot img{ padding: 0 2px;max-width: 16%; }
.foot a img{max-width: 8.8%;}







}

@media screen and (max-width:520px) {
	
.pr_t{ font-size:5.7vw;  }
.pro_mob .pr_l{ float: none; width: 95%; padding: 0 2.5% 2.5%  2.5%; }
.pro_mob .pr_r{ float: none; width: 95%; padding: 0 2.5% 0  2.5%;}

.ft_ed{font-size:5vw; }

}