.main-wrap{position:relative;}
#visual{position:relative; width:100%; min-width:1000px;  top:0px;  background:#191b27;}
#visual{position:relative;  overflow:hidden;}
#visual .visual_item{position:relative; width:100%; margin:0 auto; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; }
#visual .visual_item > img{text-align:center; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#visual .visual_item > video{text-align:center; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#visual .visual_item .txt{position:absolute; top:200px; left:0; text-align:center; width:100%;}
#visual .visual_item .txt p{display:inline-block; max-width:1200px; margin:0 auto; width:100%; text-align:center;}
#visual .visual_item .txt p img{display:inline-block; max-width:100%;}
#visual .visual_item .txt p img.m-img{display:none;}

.LR_btn{position:absolute; width:100%; top:50%; left:0;}
.LR_btn li{display:inline-block;  position:absolute; top:45%; font-size:50px; color:#fff; opacity:0.9; cursor:pointer; z-index:20;}
.LR_btn li.prev{left:50px;}
.LR_btn li.next{right:50px;}

.inner{max-width:1200px; margin:0 auto;}
.inner_1000{max-width:1000px; margin:0 auto;}

.quick_box{position:absolute; bottom:0; left:50%; transform:translateX(-50%); max-width:1200px; margin:0px auto; background:rgba(0,0,0,0.6); width:100%;}
.quick_box ul{font-size:0;}
.quick_box li{display:inline-block; width:calc(70%/3); font-size:23px; text-align:center; vertical-align:middle;} 
.quick_box li.logo{width:30%;}
.quick_box li.logo img{height:97px;}
.quick_box li a{display:block; width:100%; height:100%; color:#fff; font-weight:500; padding:50px 0 35px;}
.quick_box li .icon_box{background:url(../../images/main/quick_icon01-2023.png) no-repeat; background-size:auto 65px; background-position:center; padding-top:65px;}
.quick_box li.qi_02 .icon_box{background-image:url(../../images/main/quick_icon02-2023.png);}
.quick_box li.qi_03 .icon_box{background-image:url(../../images/main/quick_icon03-2023.png);}
.quick_box li .txt_box{padding-top:20px;}
.quick_box li .txt_box br{display:none;}
.quick_box li .txt_box em{display:none;}
.quick_box li:hover a{color:#c5a0ff;}
.quick_box li.qi_01:hover .icon_box{background-image:url(../../images/main/quick_icon01-2023_on.png);}
.quick_box li.qi_02:hover .icon_box{background-image:url(../../images/main/quick_icon02-2023_on.png);}
.quick_box li.qi_03:hover .icon_box{background-image:url(../../images/main/quick_icon03-2023_on.png);}

#about_cont{padding:80px 0 100px; background:#ccc url("../../images/main/about-cont-bg.jpg") no-repeat; background-size:cover; background-position:center;}
#about_cont .inner{position:relative;}
#about_cont .txt_box{word-break:keep-all; text-align:center;}
#about_cont .txt_box .tit{font-size:34px; color:#482795; font-weight:500;}
#about_cont .txt_box .tit .tit_img{display:block;font-size:16px; line-height:1em; margin-bottom:10px;}
#about_cont .txt_box .tit .tit_img img{height:34px;}
#about_cont .txt_box .tit em{display:block; font-size:23px; color:#333;}
#about_cont .txt_box .tit em br{display:none;}
#about_cont .txt_box .txt{font-size:18px; margin-top:20px; padding-top:20px; position:relative;}
#about_cont .txt_box .txt:before{content:""; display:block; width:45px; height:3px; background:#482795; position:absolute; top:0; left:50%; transform:translateX(-50%); }
#about_cont .poster_box{position:absolute; top:50%; transform:translateY(-50%); right:0;}
#about_cont .poster_box img{width:340px; box-shadow:0 0 9px 6px rgba(0,0,0,0.2);}
#about_cont .youtube_box{position:relative; margin-top:70px; width:100%; height:0; padding-bottom:56.25%;}
#about_cont .youtube_box:before{content:""; display:block; width:95%; height:95%; border:1px solid #43409b; position:absolute; top:-16px; left:-16px; }
#about_cont .youtube_box:after{content:""; display:block; width:100px; height:100px; background:#43409b; position:absolute; bottom:-16px; right:-16px; }
#about_cont .youtube_box iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0; z-index:1;}

#character{margin-bottom:70px;}
#character_cont{ background:url(../../images/main/character_bg_pat.png); padding-bottom:70px;}
.pro-eng-tit{font-family:'Roboto'; font-size:12px; text-align:center; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; padding-top:78px;}
.pro-eng-tit span{ border-bottom:2px #6464f5 solid; display:inline-block; color:#6464f5; line-height:1.8;}
#character_cont .tit_img{display:block; margin-top:23px; text-align:center;}
#character_cont .tit_img img{height:78px; max-width:100%;}
#character_cont .inner{text-align:center;}
#character_cont .img_box{margin-top:45px;}
#character_cont .img_box img{width:100%; max-width:514px;}
#character_cont .tit{display:inline-block; padding:10px 30%; background:#43409b; font-size:23px; color:#fff;}
#character_cont .tit em{display:inline-block; font-weight:500;}
#character_cont .txt{font-size:20px; margin-top:30px;}
#character_cont .txt em{display:block; margin-top:15px;font-weight:600;}


@media screen and (min-width:1921px){
#visual .visual_item > img{ height:100%;}
}

@media screen and (max-width:1400px){
#visual .visual_item .txt p{ max-width:1000px;}
.LR_btn li.prev{left:10px;}
.LR_btn li.next{right:10px;}
}

@media screen and (max-width:1200px){
#main_top{min-width:100%; max-width:100%;}
.pr_list{width:100%;}
#visual{min-width:inherit;}
.LR_btn li{font-size:30px;}
.banner{width:100%; box-sizing:border-box;}

.inner{width:100%; padding:0 15px; box-sizing:border-box;}
.inner_1000{width:100%; padding:0 15px; box-sizing:border-box;}
#about_cont .txt_box .tit em, #about_cont .txt_box .txt{padding-right:0;}
#about_cont .poster_box{right:15px;}
#about_cont .youtube_box{margin-top:50px;}
}


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



#visual{min-height:600px;}
#visual .visual_item > img{  width: auto;height:600px; position: absolute;   top: 0px;   left: 50%; margin-left: -560px; transform:inherit;}
#visual .visual_item .txt{top:123px;}
#visual .visual_item .txt p{ max-width:750px;}

.quick_box li{font-size:20px;}
.quick_box li a{padding:30px 0;}
.quick_box li.logo img{height:70px;}
.quick_box li .icon_box{background-size:auto 55px;}
.quick_box li .txt_box{padding-top:15px;}

#about_cont{padding:40px 0 50px;}
#about_cont .txt_box .tit{font-size:25px;}
#about_cont .txt_box .tit .tit_img img{height:30px;}
#about_cont .txt_box .tit em{font-size:21px;}
#about_cont .txt_box .txt{padding-right:40%; font-size:16px;}
#about_cont .txt_box .txt br{display:none;}
#about_cont .poster_box{width:30%; top:40px; transform:inherit;}
#about_cont .poster_box img{max-width:100%;}
#about_cont .youtube_box:before, #about_cont .youtube_box:after{display:none;}

#character_cont .tit_img img{height:30px;}
}

@media screen and (max-width:767px){
#main_top{min-width:100%;}
#visual{min-width:100%; min-height:490px;}
#visual .visual_item > img{  width: auto;height:490px; position: absolute;   top: 0px;   left: 50%; margin-left: -455px;}
#visual .visual_item .txt{top:80px; left:0; text-align:center;}
#visual .visual_item .txt p{display:inline-block;}
#visual .visual_item .txt p img.pc-img{display:none;}
#visual .visual_item .txt p img.m-img{display:inline-block; max-width:320px;}
.LR_btn{top:45%;}
.LR_btn li.prev{left:0px;}
.LR_btn li.next{right:0px;}

.quick_box li{position:relative;  font-size:14px;  box-sizing:border-box; vertical-align:middle;}
.quick_box li.logo{padding-right:5px; text-align:right;}
.quick_box li.logo img{height:auto; width:80%; max-width:100px;}
.quick_box li a{padding:15px 0;}
.quick_box li .icon_box{background-size:auto 30px; padding-top:40px;}
.quick_box li .txt_box{padding-top:5px; line-height:1.3em;}
.quick_box li .txt_box br{display:block;}
.quick_box li .txt_box em{display:block;}

#about_cont{padding:40px 0;}
#about_cont .txt_box .tit{font-size:23px;}
#about_cont .txt_box .tit em{font-size:17px; line-height:1.3em;}
#about_cont .txt_box .tit em br{display:block;}
#about_cont .txt_box .tit .tit_img img{height:auto; max-height:23px; max-width:100%;}
#about_cont .txt_box .tit em{font-size:16px; padding-right:0;}
#about_cont .txt_box .txt{padding-right:0; font-size:14px; padding-top:15px; margin-top:15px;}
#about_cont .txt_box .txt:before{width:35px;}
#about_cont .poster_box{position:static; top:auto; right:auto; transform:inherit; margin-top:30px; text-align:center; width:100%;}
#about_cont .poster_box img{display:inline-block; max-width:170px;}
#about_cont .youtube_box{display:block; margin-top:20px;}

.sec-tit{font-size:28px;}
.pro-eng-tit{padding-top:30px;}
#character_cont{padding-bottom:40px;}
#character_cont .tit_img{padding:0 15px;}
#character_cont .tit_img img{height:auto; max-height:52px; max-width:100%;}
#character_cont .img_box{margin-top:25px;}
#character_cont .img_box img{max-width:280px;}
#character_cont .tit{display:block; padding:10px; font-size:16px; word-break:keep-all;}
#character_cont .tit em{display:inline-block;}
#character_cont .txt{font-size:14px; margin-top:15px; word-break:keep-all;}
#character_cont .txt br{display:none;}
}