#idx .cmn-wrapper{padding:0}
#idx .cmn-header:not(.clone){position:absolute;width:100%;background-color:transparent}
#idx .cmn-header:not(.clone) *{color:#fff}
#idx .idx-main_visual{position:relative}
#idx .idx-main_visual.fadein{-webkit-transform:translate(0,0);transform:translate(0,0)}
#idx .idx-main_visual .idx-mv_wrap{position:relative;margin:0 auto}
#idx .idx-main_visual .idx-mv_inner{position:relative;display:block;height:0;overflow:hidden}
#idx .idx-main_visual .idx-mv_movie_link{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:4}
#idx .idx-main_visual .idx-mv_movie_link img{width:100%}
#idx .idx-main_visual .idx-mv_movie_link .cmn-movie:before{display:none}
#idx .idx-main_visual .idx-mv_title{position:absolute;z-index:3;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
#idx .idx-main_visual .idx-mv_title img{width:100%}
#idx .idx-main_visual .idx-mv_logo{position:absolute;z-index:3}
#idx .idx-main_visual .idx-mv_logo img{width:100%}
#idx .idx-main_visual .video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
#idx .idx-topics .box-inner{position:relative}
#idx .idx-topics .idx-topics_inner{position:absolute;color:#fff}
#idx .idx-topics .idx-topics_inner .idx-topics_headline{line-height:1.3}
#idx .idx-topics .idx-topics_btn a{position:relative;display:inline-block;background-color:#fff;border-radius:3px;text-decoration:none;z-index:0;font-weight:700}
#idx .idx-topics .idx-topics_btn a::after{position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:block;color:#444;font-family:"Font Awesome 5 Free";font-weight:700;content:"\f054";-webkit-transition:color .2s ease;transition:color .2s ease}
#idx .idx-links .idx-links_col .item a{position:relative;display:block;z-index:5}
#idx .idx-links .idx-links_col .item .label{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;white-space:nowrap;z-index:2}
#idx .idx-information .idx-information_list dt span{position:relative}
#idx .idx-information .idx-information_list dt span::before{position:absolute;left:0;display:inline-block;content:"";background-color:#000}
#idx .idx-information .idx-information_list dt em{display:inline-block;background:#c4ae7c;color:#fff;text-align:center}
#idx .idx-information .idx-information_list dd{border-bottom:1px solid #ccc}
#idx .idx-information .idx-information_list dd a{position:relative;color:#000}
#idx .idx-information .idx-information_blog .txt{color:#fff}
#idx .idx-information .idx-information_blog .btn{line-height:1.5;color:#fff}
#idx .idx-information .idx-information_blog .btn a{position:relative;display:inline-block;background-color:#fff;border-radius:3px;text-decoration:none;font-weight:700;z-index:0}
#idx .idx-information .idx-information_blog .btn a::after{position:absolute;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:block;color:#444;font-family:"Font Awesome 5 Free";font-weight:700;content:"\f054";-webkit-transition:color .2s ease;transition:color .2s ease}
#idx .idx-information .idx-information_txt .idx-information_txt_label{font-weight:700}
@media screen and (min-width:768px) and (max-width:1200px){#idx .idx-topics .idx-topics_inner .idx-topics_headline{font-size:3.6rem!important}
}
@media print,screen and (min-width:768px){#idx .idx-main_visual .idx-mv_inner{height:780px}
#idx .idx-main_visual .idx-mv_movie_link{top:calc(436 / 790 * 100%)}
#idx .idx-main_visual .idx-mv_title{top:calc(360 / 790 * 100%);width:80%;max-width:763px}
#idx .idx-main_visual .idx-mv_logo{left:50%;bottom:calc(98 / 790 * 100%);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:90%;max-width:1600px}
#idx .idx-main_visual .idx-mv_logo img{max-width:310px}
#idx .cmn-wrapper .box-inner{max-width:1600px}
#idx .idx-topics{height:300px;background:url(../img/img_bg_topics.jpg) no-repeat 50% 50%/cover}
#idx .idx-topics .box-inner{height:300px;background:url(../img/img_topics.png) no-repeat 100% 50%}
#idx .idx-topics .idx-topics_inner{top:50%;left:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:50px;border-left:10px solid #c4ae7c}
#idx .idx-topics .idx-topics_inner .idx-topics_headline{margin-top:-.1em;font-size:3.9rem}
#idx .idx-topics .idx-topics_btn{margin-top:10px}
#idx .idx-topics .idx-topics_btn a{font-size:1.8rem;color:#444;padding:14px 126px 10px 30px;-webkit-transition:color .2s ease;transition:color .2s ease;overflow:hidden}
#idx .idx-topics .idx-topics_btn a::before{display:block;content:'';height:101%;position:absolute;inset:0;background-color:#c4ae7c;border-radius:3px;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;z-index:-1}
#idx .idx-topics .idx-topics_btn a:hover{color:#fff}
#idx .idx-topics .idx-topics_btn a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}
#idx .idx-topics .idx-topics_btn a:hover::after{color:#fff}
#idx .idx-topics .idx-topics_btn a::after{top:50%;right:30px;font-size:1.6rem}
#idx .idx-links{padding-top:120px}
#idx .idx-links .idx-links_col{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#idx .idx-links .idx-links_col .item{width:calc(787 / 1600 * 100%);margin:31px 0 0 auto}
#idx .idx-links .idx-links_col .item:nth-child(2n+1){margin-left:0}
#idx .idx-links .idx-links_col .item:nth-child(-n+2){margin-top:0}
#idx .idx-links .idx-links_col .item .label{font-size:min(2.4vw,4.3rem)}
#idx .idx-information{padding:145px 0 170px}
#idx .idx-information .box-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
#idx .idx-information .idx-information_headline{white-space:nowrap;font-size:3.2rem}
#idx .idx-information .idx-information_main{margin-left:42px;padding-left:77px;border-left:1px solid #ccc}
#idx .idx-information .idx-information_list{margin-top:-23px}
#idx .idx-information .idx-information_list dt{position:relative}
#idx .idx-information .idx-information_list dt span{position:absolute;display:block;padding:25px 0 17px 20px}
#idx .idx-information .idx-information_list dt span::before{top:1.9em;width:11px;height:11px}
#idx .idx-information .idx-information_list dt em{width:110px;margin-left:35px;padding:6px 0 4px;font-size:1.5rem;line-height:1.4}
#idx .idx-information .idx-information_list dd{padding:25px 0 17px 310px}
#idx .idx-information .idx-information_blog{position:absolute;top:84px;left:0;width:280px;height:233px;background:url(../img/bg_blog.jpg) no-repeat 0 0/cover}
#idx .idx-information .idx-information_blog .inner{padding-left:20px}
#idx .idx-information .idx-information_blog .logo{padding-top:27px;font-size:1.5rem}
#idx .idx-information .idx-information_blog .txt{padding-top:20px;font-size:1.4rem;line-height:1.5}
#idx .idx-information .idx-information_blog .btn{padding-top:20px}
#idx .idx-information .idx-information_blog .btn a{font-size:1.3rem;color:#444;padding:7px 23px 4px 10px;-webkit-transition:color .2s ease;transition:color .2s ease;overflow:hidden}
#idx .idx-information .idx-information_blog .btn a::before{display:block;content:'';height:101%;position:absolute;inset:0;background-color:#c4ae7c;border-radius:3px;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;z-index:-1}
#idx .idx-information .idx-information_blog .btn a:hover{color:#fff}
#idx .idx-information .idx-information_blog .btn a:hover::before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}
#idx .idx-information .idx-information_blog .btn a:hover::after{color:#fff}
#idx .idx-information .idx-information_blog .btn a::after{top:50%;right:9px;margin-top:1px;font-size:1.2rem}
#idx .idx-information .idx-information_txt{margin-top:85px}
#idx .idx-information .idx-information_txt .idx-information_txt_label{margin-bottom:25px;font-size:2.8rem}
}
@media print,screen and (max-width:767px){#idx .idx-main_visual .idx-mv_inner{padding-bottom:calc(421 / 414 * 100%)}
#idx .idx-main_visual .idx-mv_movie_link{top:calc(200 / 421 * 100%)}
#idx .idx-main_visual .idx-mv_title{display:none}
#idx .idx-main_visual .idx-mv_logo{top:calc(100 / 421 * 100%);left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:calc(304 / 414 * 100%)}
#idx .idx-topics{background:url(../img/img_bg_topics_smp.jpg) no-repeat 50% 50%/cover}
#idx .idx-topics .box-inner{margin:0 10px;padding-bottom:calc(170 / 414 * 100%)}
#idx .idx-topics .idx-topics_inner{width:100%;bottom:15px}
#idx .idx-topics .idx-topics_inner .idx-topics_headline{font-size:5.3vw;text-align:center}
#idx .idx-topics .idx-topics_btn{margin-top:12px;text-align:right}
#idx .idx-topics .idx-topics_btn a{padding:8px 45px 8px 10px;font-size:1.1rem}
#idx .idx-topics .idx-topics_btn a::after{bottom:2px;right:15px;font-size:1rem}
#idx .idx-links{padding-top:50px}
#idx .idx-links .idx-links_col .item+.item{margin-top:30px}
#idx .idx-links .idx-links_col .item .label{font-size:2.6rem}
#idx .idx-information{padding:30px 0 55px}
#idx .idx-information .idx-information_headline{margin-bottom:20px;font-size:2.1rem;text-align:center}
#idx .idx-information .idx-information_list{padding-top:12px;border-top:1px solid #ccc}
#idx .idx-information .idx-information_list dt span{padding-left:12px;font-size:1.2rem}
#idx .idx-information .idx-information_list dt span::before{top:.45em;width:8px;height:8px}
#idx .idx-information .idx-information_list dt em{width:75px;margin-left:15px;padding:2px 0 2px;font-size:1.1rem;line-height:1.4}
#idx .idx-information .idx-information_list dd{padding:5px 0 12px 0}
#idx .idx-information .idx-information_list dd+dt{margin-top:10px}
#idx .idx-information .idx-information_blog{position:relative;height:0;margin-top:45px;padding:calc(174 / 374 * 100%) 0 0 0;background:url(../img/bg_blog_smp.jpg) no-repeat 0 0/cover}
#idx .idx-information .idx-information_blog .inner{position:absolute;top:0;width:100%;box-sizing:border-box;padding-left:20px}
#idx .idx-information .idx-information_blog .logo{padding-top:calc(22 / 354 * 100%)}
#idx .idx-information .idx-information_blog .logo img{width:calc(221 / 354 * 100%)}
#idx .idx-information .idx-information_blog .txt{padding-top:calc(15 / 354 * 100%);font-size:3.4vw}
#idx .idx-information .idx-information_blog .btn{padding-top:calc(15 / 354 * 100%)}
#idx .idx-information .idx-information_blog .btn a{padding:7px 25px 7px 25px;font-size:1.1rem}
#idx .idx-information .idx-information_blog .btn a::after{top:50%;right:10px;font-size:.9rem}
#idx .idx-information .idx-information_txt{margin-top:40px}
#idx .idx-information .idx-information_txt .idx-information_txt_label{margin-bottom:20px;font-size:1.8rem}
}