/* comm */
html,body{width: 100%;background: url(../img/pc/bg_list1.jpg) no-repeat 50% 50% fixed;background-size: 100% 100%;}
html::-webkit-scrollbar {width: 26px;box-shadow: 0 0 0 #479df0;}
html::-webkit-scrollbar-track {background: #abddff;}
html::-webkit-scrollbar-thumb{width: 20px;background: #d2a8f5;border-left:3px solid #abddff;border-right:3px solid #abddff;border-radius: 20px;margin: 0 auto;}
html::-webkit-scrollbar-button {width: 26px;height: 20px;}
html::-webkit-scrollbar-button:start:single-button {background: url(../img/pc/scrollbar_top.png) no-repeat;}
html::-webkit-scrollbar-button:end:single-button {background: url(../img/pc/scrollbar_bottom.png) no-repeat;}
body {position: relative;font-size: 0;line-height: 1;}
.page {width: 100%;}

.inner {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 1920px;height: 960px;background: no-repeat center/cover;}
.hide {display:block;width:0;height:0;overflow:hidden;}

.page_main{width: 1750px;margin: 185px auto 50px;background: url(../img/pc/ip_bg1.png) no-repeat 50% 0 / 1750px 400px, url(../img/pc/ip_bg3.png) no-repeat 50% 100% / 1750px 327px;position: relative;}
.page_main:before{display: block;content: "";width: 1750px;height: calc(100% - 710px); position: absolute;pointer-events: none;left: 0%;top: 390px;background: url(../img/pc/ip_bg2.png) repeat 50% 0/100% 100%;}
.actor_cont{width: 1750px;height: auto;box-sizing: border-box;padding: 50px 0 100px;}
.tit_actor img{display: block;margin: 0 auto;}
.actor_head{width: 1410px;margin: 0 auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkit-justify-content: space-between;position: relative;}
.actor_nav{width: 50%;height: 100%;font-size: 18px;color: #ffffff;line-height: 51px;text-align: left;font-weight: bold;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;}
.actor_nav a{color: #FFFFFF;margin: 0 10px;}

.companion_main{width: 1700px;position: relative;margin: 0 auto;}
/*.bodyscroll{width: 100%;height: 420px;overflow: hidden;overflow-y: auto;}
.bodyscroll::-webkit-scrollbar {width: 26px;box-shadow: 0 0 0 #479df0;}
.bodyscroll::-webkit-scrollbar-track {background: #abddff;}
.bodyscroll::-webkit-scrollbar-thumb{width: 20px;background: #d2a8f5;border-left:3px solid #abddff;border-right:3px solid #abddff;border-radius: 20px;margin: 0 auto;}
.bodyscroll::-webkit-scrollbar-button {width: 26px;height: 20px;}
.bodyscroll::-webkit-scrollbar-button:start:single-button {background: url(../img/pc/scrollbar_top.png) no-repeat;}
.bodyscroll::-webkit-scrollbar-button:end:single-button {background: url(../img/pc/scrollbar_bottom.png) no-repeat;}*/
.contact_main{padding-top: 50px;}
.contact_main h3{padding-top: 20px;}
.contact_main h3 img{display: block;margin: 0 auto 0;height: 61px;}

.act_main{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.act_main .logo_list{margin: 0 8px;width: 272px;}
.act_main p{margin: 0 8px;font-size: 34px;color: #ffffff;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;line-height: ;text-align: center;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;font-weight: bold;align-items: center;}
.logo_list{width: 1632px;margin: 0 auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.logo_listleft{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.logo_list li{width: 256px;margin: 30px 8px 0;position: relative;}
.logo_list li div{width: 256px;height: 144px;border-radius: 15px;background: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.logo_list li img{display: block;margin: 0 auto 0;max-width: 100%;max-height: 100%;object-fit: cover;}
.logo_list li p{width: 100%;font-size: 20px;line-height: 26px; color: #FFFFFF;font-weight: bold;text-shadow: #4696f8 2px 0 0, #4696f8 0 2px 0, #4696f8 -2px 0 0, #4696f8 0 -2px 0;text-align: center;padding-top: 20px;}
.contact_mainbottom{padding-bottom: 50px;}

.companion_contact img{display: block;margin: -75px auto 0;}
.shareicon_list{width: 100%;margin: 0 auto;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;padding-top: 30px;}
.shareicon_list i{display: block;width: 280px;height: 169px;}
.icon_list{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;padding-top: 10px;}
.icon_list li{width: 169px;height: 169px;}
.icon_list li a{display: block;width: 169px;height: 169px;position: relative;}
.icon_list li a img{display: block;width: 169px;}
.icon_list li a:hover img{filter: brightness(1.1);}
.icon_list li a div{width: 120px;height: 120px;position: absolute;left: 169px;top: 50%;margin-top: -60px;display: none;z-index: 9;}
.icon_list li a div img{display: block;width: 120px;}
.icon_list li a:hover div{display: block;}

.head_main{width: 100%;height: 150px;background: #4696f8;position: fixed;left: 0;top: 0;}
.btn_logo{display: block;text-indent: -999em;width: 224px;height: 68px;background: url(../img/pc/logo.png) no-repeat 50% 0;position: absolute;left: 44px;top: 46px;pointer-events: all;}
.head_nav{width: 1240px;position: absolute;right: 40px;top: 50px;pointer-events: all;}
.nav_list{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.nav_list li{width: 167px;height: 60px;margin: 0 5px;position: relative;}
.nav_list li a{display: block;width: 167px;height: 42px;font-size: 30px;color: #ffffff;line-height: 42px;text-align: center;}
.nav_list li a span{display: block;width: 100%;height: 100%;}
.nav_list li a i{display: none;}
.nav_list li.on a span{display: none;}
.nav_list li.on a i{display: block;}
.nav_list li:hover a span{display: none;}
.nav_list li:hover a i{display: block;}
.nav_list li .nav2_list{width: 708px;height: 69px;background: url(../img/pc/nav_bg.png) no-repeat 50% 0;position: absolute;left: -40px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}
.nav_list li .nav2_list.show3{width: 554px;height: 69px;background: url(../img/pc/nav_bg3.png) no-repeat 50% 0;position: absolute;left: -40px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}
.nav_list li.on .nav2_list{display: block;}
.nav_list li:hover .nav2_list{display: block;z-index: 99;}
.nav_list li .nav2_list div{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.nav_list li .nav2_list a{display: block;width: 155px;height: 55px;transition: all 1s;}
.nav_list li.on .nav2_list span{display: block;}
.nav_list li.on .nav2_list i{display: none;}
.nav_list li:hover .nav2_list span{display: block;}
.nav_list li:hover .nav2_list i{display: none;}
.nav_list li.on .nav2_list .curr span{display: none;}
.nav_list li.on .nav2_list .curr i{display: block;}
.nav_list li .nav2_list a:hover span{display: none;}
.nav_list li .nav2_list a:hover i{display: block;}
/*.nav_list li .nav3_list{width: 868px;height: 71px;background: url(../img/pc/nav_bg2.png) no-repeat 50% 0;position: absolute;left: -220px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}*/
.nav_list li .nav3_list{width: 708px;height: 69px;background: url(../img/pc/nav_bg.png) no-repeat 50% 0;position: absolute;left: -40px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}
.nav_list li .nav3_list div{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: flex-start;-webkit-justify-content: flex-start;}
.nav_list li .nav3_list a{display: block;width: 155px;height: 55px;transition: all 1s;}
.nav_list li .nav3_list a:nth-of-type(5){display: none;}
.nav_list li.on .nav3_list{display: block;z-index: 99;}
.nav_list li.on .nav3_list{display: block;}
.nav_list li:hover .nav3_list{display: block;}
.nav_list li.on .nav3_list span{display: block;}
.nav_list li.on .nav3_list i{display: none;}
.nav_list li:hover .nav3_list span{display: block;}
.nav_list li:hover .nav3_list i{display: none;}
.nav_list li.on .nav3_list .curr span{display: none;}
.nav_list li.on .nav3_list .curr i{display: block;}
.nav_list li .nav3_list a:hover span{display: none;}
.nav_list li .nav3_list a:hover i{display: block;}

.nav_list li .nav2_list a:nth-of-type(3){display: none;}
.nav_list.showsignli .nav2_list.show3{width: 708px;height: 69px;background: url(../img/pc/nav_bg.png) no-repeat 50% 0;position: absolute;left: -40px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}
.nav_list.showsignli li .nav2_list a:nth-of-type(3){display: block !important;}

.language_main{width: 85px;position: absolute;left: 320px;top: 52px ;box-sizing: border-box;padding-left: 24px;}
.language_main:before{display: block;content: "";width: 16px;height: 38px;background: url(../img/pc/language_point.png) no-repeat;position: absolute;left: 0;top: 0;}
.language_select{width: 61px;height: 82px;background: url(../img/pc/language_bg.png) no-repeat;box-sizing: border-box;padding: 0 3px 0 5px;position: absolute;left: 24px;top: 38px;display: none;}
.language_select a{display: block;width: 61px;height: 38px;font-size: 22px;color: #ffffff;line-height: 38px;text-align: left;margin-bottom: 1px;}

/*.webjpn .nav_list li .nav3_list{width: 957px;height: 69px;background: url(../img/pc/nav_jpbg2.png) no-repeat 50% 0;position: absolute;left: -250px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}*/
.webjpn .nav_list li .nav3_list{width: 799px;height: 69px;background: url(../img/pc/nav_jpbg3.png) no-repeat 50% 0;position: absolute;left: -40px;top: 60px;box-sizing: border-box;padding: 0 44px;display: none;}
.webjpn .nav_list li .nav3_list a:nth-of-type(2){width: 246px;}