@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_logo{
 width: 268px;
 height: auto;
 margin: 0px auto;
}

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

.top_hero_info_catch{
 width: 472px;
 height: auto;
 height: 500px;
}


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

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

.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: #fff;
 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: #fff;
 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: #D7000F;
 background-color: rgba(0,0,0,0.80);
 margin: 0px 0px 0px;
 border-bottom: rgba(255,255,255,0.80) solid 1px;
 border-right: rgba(255,255,255,0.80) solid 1px;
 border-left: rgba(255,255,255,0.80) solid 1px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.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-image: url("../img/common/arrow.svg");
 background-repeat: no-repeat;
 background-position: right;
 /*background-color: rgba(0,0,0,0.80);*/
 
}

.top_firstbtn01 a{
 text-decoration: none;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 /*text-align: center;background-color: aqua;*/
}

.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: #fff;
 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: #fff;
 /*font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";*/
 font-family: 'Noto Sans JP', sans-serif !important;
 font-size: 35px;
 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;
 background-color: rgba(0,0,0,0.20);
 margin: 19px auto 0px;
 padding: 0px;
 display: flex;
 align-items: center;
 justify-content: space-between;

}

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

.topbtn02{
 margin: 0px ;
 height: 100px;
 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;
}


.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 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 100px;
 padding: 97px 0px 0px;
 /*background-color: rgba(160,109,110,0.52);*/
}


.top_hero_info{
 width: 100%;
 height: auto;
 margin: 0px auto;
  height: auto;
/* background-color: rgba(140,229,227,0.66);*/
/*display: flex;
align-items: center;
justify-content: center;*/
 text-align: center;
}
 
 
.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: 472px;
 height: auto;
 height: 500px;
}


.top_hero_infobox{
 width: 90%;
 height: auto;
 background-color: rgba(0,0,0,0.80);
 margin: 15px auto 0px;
 border: rgba(255,255,255,0.80) solid 1px;
 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: 35px;
 color: #fff;
 padding: 17px 0px 17px;
 /*background-color: rgba(216,249,0,0.40);*/
 border-right: rgba(255,255,255,0.74) solid 1px;
 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;
 color: #fff;
 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;
 color: #000;
 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: 20px;
 color: #fff;
 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;
 background-color: #D7000F;
 background-color: rgba(0,0,0,0.80);
 margin: 0px auto 0px;
 border-bottom: rgba(255,255,255,0.80) solid 1px;
 border-right: rgba(255,255,255,0.80) solid 1px;
 border-left: rgba(255,255,255,0.80) solid 1px;
 display: flex;
 align-items: center;
 flex-direction: column;
}

.top_firstbtn01{
 width: 90%;
 height: 40px;
 margin: 0px auto 0px;
 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
 font-size: 20px;
 display: block;
 display: flex;
 align-items: center;
 justify-content:flex-end;
 justify-content:center;
 text-align: right;
 font-weight: bold;
 color: #FFFF00;
 text-decoration: none;
 background-image: url("../img/common/arrow.svg");
 background-repeat: no-repeat;
 background-position: right;
 padding-right: 10%;
 border-top:  rgba(255,255,255,0.80) solid 1px;
 
}

.top_firstbtn01 a{
 text-decoration: none;
 color: #ffffff;
}

.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: 40%;
 height: auto;
 height: 30px;
 padding-left: 0;
 color: #fff;
 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;
 /*background-color: rgba(219,31,34,0.41);*/
}

.top_hero_infobox_kikan p{
 width: 300px;
 width: 60%;
 height: auto;
 height: 30px;
 color: #fff;
 /*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: 22px;
 font-weight:bold  ;
 margin: -1px auto 0px;
 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-image: url("../img/common/ico_nextbtn_w.svg");
 background-position: right;
 background-repeat: no-repeat;
 background-color: rgba(0,0,0,0.80);
}

.topbtn02{
 margin: 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: 90%;
 height: auto;

 
/* 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;
}
 
 
 
 
 
 
}