@charset "UTF-8";
/* CSS Document */





/*ヒーロー情報エリア*/
.top_hero_info_area{
 width: 998px;
 height: auto;
 margin: 0px auto 100px;
 padding: 97px 0px 0px;
 /*background-color: rgba(160,109,110,0.52);*/
}


.top_hero_info{
 width: 998px;
 height: auto;
 margin: 0px auto;
 /*background-color: rgba(140,229,227,0.66);*/
/*display: flex;
align-items: center;
justify-content: center;*/
 text-align: center;
}

.top_hero_info_catch{
    width: 998px;
    height: auto;
    /*background-color: rgba(223,246,0,0.49);*/
    position: absolute;
	top: 25px;
	text-align: left;
}

.top_hero_info_catch img{
	width:138px;
	height:auto;
    position: absolute;
    /* margin: 180px 0px 0px 700px; */
    filter: drop-shadow(0px 0px 2px #000);
    top: 30px;
    right: 130px;
}

@media screen and (max-width: 767px) {
.top_hero_info_catch img{
	width:115px;
	height:auto;
    position: absolute;
    /* margin: 180px 0px 0px 700px; */
    filter: drop-shadow(0px 0px 2px #000);
    top: 20px;
    left: 180px;
}
}

.top_hero_info_logo{
 width: 268px;
 height: auto;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 position: relative;
}

.top_hero_info_logo img{
 width: 268px;
 height: auto;
 margin: 0px auto;
}



.top_hero_infobox{
 width: 998px;
 height: 118px;
 background-color: rgba(255,255,255,0.7);
 margin: 95px 0px 0px;
 border: rgba(0,0,0,1) solid 1px;
 display: flex;
 align-items: center;
 backdrop-filter: blur(5px);
}

.top_hero_infobox h4{
 width: 35%;
 height: 60px;
 margin: 0px auto 0px;
 /*background-color: aqua;*/
 /* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-size: 28px;
 
 padding: 10px 0px 0px;
 /*background-color: rgba(216,249,0,0.40);*/
 border-right: rgba(0,0,0,1) solid 1px;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #000000;
line-height:1.4;
}

.top_hero_infobox h4 .type00{
 width: 40%;
 margin: 0px 0px 0px 40px;
 padding: 0px 0px 5px 0px;
 font-family: 'Noto Sans JP', sans-serif !important;
 color: #000000;
 font-size: 35px;
}

.top_hero_infobox h4 .type01{
 width: 35%;
 height: auto;
 margin: 0px auto 0px;
 /* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 22px;
 color: #000;
 padding: 8px 0px 11px;
 background-color: rgba(253,208,0,0.80);
 border: none;
 border-radius: 15px;
} 

.top_hero_infobox p{
 width: 650px;
 width: 63%;
 height: 60px;
 margin: 0px auto 0px;
/* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 24px;
 color: #d80c18;
 padding: 0px 0px 0px 3%;
 line-height: 1.4em;
/* display: flex;
 align-items: flex-start;*/
 /*background-color: rgba(228,66,255,0.53);*/
 text-align: left;
}


.top_hero_infobox02{
 width: 998px;
 height: 62px;
 background-color: rgba(255,255,255,0.7);
 margin: 0px 0px 0px;
 border-bottom: rgba(0,0,0,1) solid 1px;
 border-right: rgba(0,0,0,1) solid 1px;
 border-left: rgba(0,0,0,1) solid 1px;
 display: flex;
 align-items: center;
 justify-content: center;
 backdrop-filter: blur(5px);
}

.top_firstbtn01{
 width: 40%;
 height: 62px;
 margin: 0px 0px 0px;
 padding: 0px 20px 0px 0px;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 24px;
 display: block;
  display: flex;
 align-items: center;
 justify-content: center;
 font-weight: bold;
 color: #ffff56;
 text-decoration: none;
 background-repeat: no-repeat;
 background-position: right;
 /*background-color: rgba(0,0,0,0.80);*/
 
}

.top_firstbtn01 a{
 text-decoration: none;
 color: #fff;
 color: rgba(255,217,0,1.00);
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 background-color:#000 ;
 padding: 10px 25px;
 border-radius: 10px;
}


.top_firstbtn01 .arrow-right{
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin-left:10px;
  transform: rotate(45deg); /* 45度回転させて矢印にする */
}


.top_firstbtn01 :hover{
 background-color: rgba(0,0,0,0.8);
	background-color: rgba(194,0,3,0.86);
	background-color: rgba(130,0,2,0.8);
	
}

.top_firstbtn01 .type02{
 text-decoration: none;
 color: #000;
 background-color: #fff;
 font-size: 20px;
 padding: 4px 10px;
}

.top_firstbtn01 .type03 a{
 text-decoration: none;
 color: #fff;
 padding: 7px 10px;
 margin-right: 10px;
 background-color: aqua;
 background-color: #FF0004;
 border-radius: 8px;
 display: block;
}

.top_firstbtn01 .type03 :hover{
 color: #000;
/* background-color: #B80306;*/
}


.top_hero_infobox_kikan{
 width: 472px;
 width: 60%;
 height: auto;
 height: 40px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 /*background-color: rgba(85,117,77,0.40);*/
}

.top_hero_infobox_kikan h5{
 width: 135px;
 width: 175px;
 height: auto;
 height: 30px;
 padding-left: 40px;
 color: #000000;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 justify-content: flex-start;
 /*background-color: rgba(219,31,34,0.41);*/
}

.top_hero_infobox_kikan p{
 width: 360px;
 height: auto;
 height: 30px;
 color: #d80c18;
 /*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 35px;
font-weight:bold;
 display: flex;
 align-items: flex-end;
 /*background-color: rgba(51,22,218,0.71);*/
}

.top_hero_infobox_kikan p .infosmall{
 font-size: 70%;
 vertical-align: text-bottom;
 display: flex;
 align-items: flex-end;
 justify-content: flex-end;

}






/*ボタンエリア*/

.top_hero_btnbox{
 width: 998px;
 height: 100px;
 margin: 19px auto 0px;
 padding: 0px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.topbtn01,.topbtn02{
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 26px;
 font-weight:bold  ;
 margin: 0px ;
 color: #fff;
 /*color: rgba(255,255,255,0.50);*/
 text-align: center;
 line-height: 1.5em;
 padding:0px;
 width: 489px;
 height: 100px;
 border: rgba(0,0,0,1) solid 1px;
 background-image: url("../img/common/ico_nextbtn_w.svg");
 background-position: right;
 background-repeat: no-repeat;
 background-color: rgba(255,255,255,0.7);
 backdrop-filter: blur(5px);
 display: flex;
 align-items: center;
 justify-content: center;
}

.topbtn01{
	background-image: none;/*Comingsoonの場合*/
}

/*ComingSoonの時に使う*/
/*.topbtn01::after{
	background-image: none;
	content: "Coming Soon";
	background-color: rgba(0,0,0,0.75);
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: 400;
	font-size: 31px;
	padding: 10px 15px 15px;
	margin: 0px 0px 0px 10px;
}*/

.topbtn01 .arrow-right{
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  margin-left:30px;
  transform: rotate(45deg); /* 45度回転させて矢印にする */
}

.topbtn02{
 margin: 0px;
 height: 100px;
 border: rgba(0,0,0,1) solid 1px;
 background-image: none;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align:left;
line-spacing:0.05em;
/* background-image: url("../img/common/ico_nextbtn_w.svg");*/

 background-position: right;
 background-repeat: no-repeat;
font-size:26px;
font-weight:bold;
}

.topbtn02 a:hover{
 background-color: rgba(216,12,24,0.70);
color:#ffffff;
}

.topbtn01 a:hover{
 background-color: rgba(216,12,24,0.70);
color:#ffffff;
}

.topbtn01 a:hover .arrow-right{
 border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

.aboutarea{
 width: 100%;
 height: auto;
 padding: 54px 0px 90px 0px;
 background-color: #000;
 background-image: linear-gradient( 135deg, #B31119 10%, #6D0309 100%);
}

.kyoryoku{
 width: 100%;
 height: auto;
 padding: 57px 0px 36px 0px;
 background-color: #fff;
}


.aboutarea h4,.kyoryoku h4{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 26px;
 margin: 0px auto ;
 color: #fff;
 border-bottom: #fff 1px solid;
 line-height: 20px;
 text-align: center;
 width: 440px;
 padding:0px 10px 20px 10px;
}

.aboutarea h5,.kyoryoku h5{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 font-weight: normal;
 margin: 10px auto ;
 color: #fff;
 text-align: center;
 width: 440px;
 padding:0px;
}

.kyoryoku h4{
 color: #000;
 border-bottom: #000 1px solid;
}

.kyoryoku h5{
 color: #000;
}


.aboutarea p{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 font-weight: normal;
 margin: 45px auto ;
 color: #fff;
 text-align: center;
 line-height: 1.5em;
 padding:0px;
}

.aboutarea .c-button-link .mont{
color:#fff;
font-size:23px;
font-weight:400;
}

.aboutarea a{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 23px;
 font-weight:bold  ;
 margin: 45px auto ;
 color: #fff;
 text-align: center;
 line-height: 1.5em;
 padding:0px;
 width: 262px;
 height: 53px;
 border: 1px #fff solid;
 background-image: url("../img/common/ico_nextbtn_w.svg");
 background-position: right;
 background-repeat: no-repeat;
}

.movei_box01{
 width: 476px;
 height: 264px;
 margin: 36px auto 0px;
}

.movei_box01 img{
 width: 100%;
 height: auto;
 margin: 0px;
}

.movie_cap{
 width: 476px;
 height: auto;
 margin: 20px auto 0px;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 10px;
 color: #fff;
 text-align: center;
}




@media screen and (max-width: 767px) {
 
/*ヒーロー情報エリア*/
.top_hero_info_area{
 width: 100%;
 height: auto;
 margin: 0px auto 0px;
 padding: 0px 0px 0px;
 /*background-color: rgba(160,109,110,0.52);*/
}


.top_hero_info{
 width: 100%;
 height: auto;
 margin: 0px auto;
 /*background-color: rgba(140,229,227,0.66);*/
/*display: flex;
align-items: center;
justify-content: center;*/
 text-align: center;
  padding: 0px;
}
 
 
.top_hero_info_logo{
 width: 41%;
 height: auto;
 margin: 0px auto;
}

.top_hero_info_logo img{
 width: 100%;
 height: auto;
 margin: 0px auto;
} 


.top_hero_info_catch{
 width: 60px;
 height: auto;
 /*background-color: aqua;*/
position:absolute;
top:-40px;
right:210px;
}
  
.top_hero_info_catch img{
    width: 100%;
    height: auto;
}


.top_hero_infobox{
 width: 90%;
 height: auto;
 margin: 50px auto 0px;
 display: flex;
 flex-direction:column;
 align-items: center;
 justify-content: center;
}

.top_hero_infobox h4{
 width: 346px;
 width: 100%;
 height: auto;
 margin: 0px auto 0px;
 /* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 25px;
 padding: 17px 0px 10px;
 /*background-color: rgba(216,249,0,0.40);*/
 border: none;
}
 
 .top_hero_infobox h4 .type00{
 width: 40%;
 margin: 0px 0px 0px 40px;
 padding: 0px 0px 5px 0px;
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 35px;
}

.top_hero_infobox h4 .type01{
 width: 30%;
 height: auto;
 margin: 0px auto 0px;
 /* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 22px;
 padding: 8px 0px 11px;
 background-color: rgba(253,208,0,0.80);
 border: none;
} 
 
 
.top_hero_infobox p{
 width: 650px;
 width: 90%;
 height: auto;
 margin: 0px auto 0px;
/* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 16px;
 padding: 10px 0px 10px 0px;
 line-height: 1.4em;
/* display: flex;
 align-items: flex-start;*/
 /*background-color: rgba(228,66,255,0.53);*/
 text-align: center;
}


.top_hero_infobox02{
 width: 90%;
 height: auto;
 margin: 0px auto 0px;
 display: flex;
 align-items: center;
 flex-direction: column;
}

.top_firstbtn01{
 width: 95%;
 height: 40px;
 margin: 0px auto 0px;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 display: block;
 align-items: center;
 justify-content:flex-end;
 justify-content:center;
 text-align: right;
 font-weight: bold;
 color: #FFFF00;
 text-decoration: none;
 background-repeat: no-repeat;
 background-position: right;
}

.top_firstbtn01 a{
 text-decoration: none;
 color: #000;
  color: rgba(255,217,0,1.00);
	background-color: #000;
  
  text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 background-color:#000 ;
 border-radius: 0px;
  width: 100%;
padding: 10px;
}
	

.top_firstbtn01 .type02{
 text-decoration: none;
 color: #000;
 background-color: #fff;
 font-size: 15px;
 padding: 4px 10px;
 margin-left: 10px;
}

.top_firstbtn01 .type03 a{
 text-decoration: none;
 color: #fff;
 text-align: right;
 padding: 4px 5px 8px;
 margin-right: 0px;
 border-radius: 8px;
 
}


.top_hero_infobox_kikan{
 width: 80%;
 width: 100%;
 height: auto;
 height: 50px;
 display: flex;
 align-items: center;
 justify-content: flex-start;
 justify-content: space-around;
 /*background-color: rgba(85,117,77,0.40);*/
}

.top_hero_infobox_kikan h5{
 width: 175px;
 width: 22%;
 height: auto;
 height: 30px;
 padding-left: 0;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 120%;
 display: flex;
 align-items: center;
 justify-content: center;
 /*justify-content: flex-end;*/
 /*justify-content: flex-start;*/
 /*background-color: rgba(1,200,169,0.50);*/
  text-align: left;
}

.top_hero_infobox_kikan p{
 width: 300px;
 width: 60%;
 height: auto;
 height: 30px;
 /*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 130%;
 display: flex;
 align-items: center;
 justify-content: center;
 /*background-color: darkgreen;*/
}






/*ボタンエリア*/

.top_hero_btnbox{
 width: 90%;
 height: auto;
 /*background-color: rgba(0,0,0,0.20);*/
 margin: 15px auto 0px;
 padding: 0px 0px 20px 0px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-direction: column;

}

.topbtn01,.topbtn02{
/* font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 20px;
 font-weight:bold  ;
 color: #fff;
 text-align: center;
 line-height: 1.5em;
 width: 100%;
 height: auto;
 padding: 3% 0px;
 border: rgba(255,255,255,0.80) solid 1px;
 background-position: right;
 background-repeat: no-repeat;
}

.topbtn02{
 margin:20px 0px 0px;
 height: auto;
 padding: 3% 0px;
 border: rgba(255,255,255,0.80) solid 1px;
 background-image: none;
 display: flex;
 align-items: center;
 justify-content: center;
 
/* background-image: url("../img/common/ico_nextbtn_w.svg");*/

 background-position: right;
 background-repeat: no-repeat;
}

 .topbtn02 img{
 margin: 0px ;
  width: 50%;
 height: auto;
margin-left:20px;
 
/* background-image: url("../img/common/ico_nextbtn_w.svg");*/

 background-position: right;
 background-repeat: no-repeat;
}

.aboutarea{
 width: 100%;
 height: auto;
 padding: 54px 0px 90px 0px;
 background-color: #000;
}

.kyoryoku{
 width: 100%;
 height: auto;
 padding: 57px 0px 36px 0px;
 background-color: #fff;
}


.aboutarea h4,.kyoryoku h4{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 26px;
 margin: 0px auto ;
 color: #fff;
 border-bottom: #fff 1px solid;
 line-height: 1.3em;
 text-align: center;
 width: 90%;
 padding:0px 0px 10px 0px;
}

.aboutarea h5,.kyoryoku h5{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 font-weight: normal;
 margin: 10px auto ;
 color: #fff;
 text-align: center;
 width: 90%;
 padding:0px;
}

.kyoryoku h4{
 color: #000;
 border-bottom: #000 1px solid;
}

.kyoryoku h5{
 color: #000;
}


.aboutarea p{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 font-weight: normal;
 margin: 25px auto ;
 color: #fff;
 text-align: center;
 line-height: 1.5em;
 padding:0px;
 width: 90%;
}

.aboutarea a{
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 23px;
 font-weight:bold  ;
 margin: 45px auto ;
 color: #fff;
 text-align: center;
 line-height: 1.5em;
 padding:0px;
 width: 262px;
 height: 53px;
 border: 1px #fff solid;
 background-image: url("../img/common/ico_nextbtn_w.svg");
 background-position: right;
 background-repeat: no-repeat;
}

.movei_box01{
 width: 80%;
 height: auto;
 margin: 36px auto 0px;
}

.movei_box01 img{
 width: 100%;
 height: auto;
 margin: 0px;
}

.movie_cap{
 width: 90%;
 height: auto;
 margin: 20px auto 0px;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 17px;
 color: #fff;
 text-align: center;
}

.c-link-link{
color:#fff;
}

.c-link-link .arrow-right{
margin-left:10px;
}
	
}