@charset "utf-8"; 
/* MOBILE */
 
/* visual */  
#visual , #VS_inner , #VS_slide , .slide_box  { position: relative }
#VS_inner ,#VS__list , .slide_box { z-index:49 }
#visual_slide , #VS_inner , #VS__list , .VS__item , #VS_slide , .slide_box { display:block ; width:100% ; height:50rem }  
#visual , #VS_inner , .slide_box { overflow:hidden }  
#VS__list { position:absolute }
.VS__item { position:absolute ; top:0 ; font-size:0 ; color:transparent } 
.VS__item::before { 
    content:"" ; display:block ; width:100% ; height:100% ; position:absolute ; left:0 ; top:0 ;
    background-color:rgba(0,0,0,0.5) }
.VS__item:nth-child(1)  { left:-100% }
.VS__item:nth-child(2)  { left:0% }
.VS__item:nth-child(3)  { left:100% }
.VS__item:nth-child(4)  { left:200% }
.VS__item:nth-child(5)  { left:300% }
.VS__item:nth-child(6)  { left:400% }
.VS__item:nth-child(7)  { left:500% }
.VS__item:nth-child(8)  { left:600% }
.VS__item:nth-child(9)  { left:700% }
.VS__item:nth-child(10) { left:800% }
.VS__item:nth-child(11) { left:900% }

.VS__item { background-repeat:no-repeat ; background-position:center center ; background-size:cover } 
.VS__item.slide1 { background-image:url(../img/visual_slide1_mobile.jpg) }
.VS__item.slide2 { background-image:url(../img/visual_slide2_mobile.jpg) }
.VS__item.slide3 { background-image:url(../img/visual_slide3_mobile.jpg) } 
.VS__item.slide4 { background-image:url(../img/visual_slide4_mobile.jpg) }
.VS__item.slide5 { background-image:url(../img/visual_slide5_mobile.jpg) }
.VS__item.slide6 { background-image:url(../img/visual_slide6_mobile.jpg) } 
.VS__item.slide7 { background-image:url(../img/visual_slide7_mobile.jpg) }
.VS__item.slide8 { background-image:url(../img/visual_slide8_mobile.jpg) }
.VS__item.slide9 { background-image:url(../img/visual_slide9_mobile.jpg) } 

.slide__arrow , .slide__btn__pp , #slide_page_nav button , .slide_more { transition:0.3s all }
.slide__arrow , .slide__btn__pp , #slide_page_nav { display:block ; overflow:hidden }

.slide__btn__pp , #slide_page_nav { z-index:56 }
.slide__btn__pp { 
    opacity:0.5 ; 
    width:2rem ; height:2rem ; border:solid 1px rgba(255,255,255,0.5) ; border-radius:4rem ; box-sizing:border-box ;    
    position:absolute ; right:1rem ; top:1rem ; font-size:0 ; color:transparent ;  
    background:url(../img/slide_play.png) no-repeat -0.1rem -0.1rem ; background-size:auto 4rem }
.slide__btn__pp:hover , .slide__btn__pp:focus { opacity:1 ; border-color:rgba(255,255,255,0.2) }
.slide__btn__pp.play { background-position:-2.1rem -0.1rem }
 
.slide__page    { width:80% ; position:absolute ; left:50% ; bottom:19rem ; z-index:56 ; transform:translateX(-50%) }
#slide_page_nav { text-align:center ; font-size:0 }
#slide_page_nav li { display:inline-block ; overflow:hidden ; margin:0 0.4rem }
#slide_page_nav button {     
    display:block ; overflow:hidden ; width:2rem ; height:2rem ; border-radius:3rem ;
    background-color:#ff9828 ; opacity:0.7 ;
    font-size:0 ; color:transparent
}
#slide_page_nav button > b, #slide_page_nav button > p { font-size:inherit ; color:inherit ; line-height:inherit ; font-weight:inherit }
#slide_page_nav button > p { display:none }
  
#slide_page_nav button:hover , #slide_page_nav button:focus ,
#slide_page_nav li.now button { opacity:1 }  
#slide_page_nav li.now button { 
    font-size:1.4rem ; line-height:1.8rem; color:#444444 ; font-weight:500 
    ; width:auto ; padding:0.1rem 1.3rem ;
}
#slide_page_nav li.now button:hover , #slide_page_nav li.now button:focus { background:#111111 ; color:#ff9828 }

.VS__item::before {
    display:block ; content:"" ; width:100% ; height:100% ;
    position:absolute ; left:0 ; top:0 ;
    background:linear-gradient(to bottom ,
        rgba(0,0,0,0.1) 0% ,
        rgba(0,0,0,0.1) 40% ,
        rgba(0,0,0,0.6) 60% ,
        rgba(0,0,0,0.6) 100% );  
}
.slide__box { width:90% ; height:17rem ; position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%) ; text-align:center}
.slide__box__title , .slide__box__caption  { word-break:keep-all }  
.slide__box__caption /* , .slide__box__title > br , .slide__box__caption > br  */ { display:none } 
.slide__box__title { 
    display:block ;
    font-size:3rem ; line-height:4rem ; color:#ffffff ; font-weight:600 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; margin-bottom:1.5rem ;
}
.slide__box__link , .slide__box__link > b , .slide__box__title > b , .more__arrow { display:block ; width:4rem ; height:4rem }
.slide__box__link     { margin:auto }
.slide__box__link > b , .slide__box__title > b , .more__arrow { font-size:0 ; color:transparent ; position:relative }
.slide__box__link > b::before , .slide__box__link > b::after ,
.slide__box__title > b::before , .slide__box__title > b::after ,
.more__arrow::before , .more__arrow::after { 
    display:block ; overflow:hidden ; content:"" ; width:100% ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    box-sizing:border-box ; transition:0.3s all ;
}
.slide__box__link > b::before , .slide__box__title > b::before , .more__arrow::before { border:solid 1px rgba(255,255,255,0.1) ; border-radius:100% }
.slide__box__link > b::after , .slide__box__title > b::after , .more__arrow::after    {
    background:url(../img/icon_sprite.png) no-repeat -20rem 0 ; background-size:auto 8rem ;
    opacity:0.5 ;
}
.slide__box__link:hover > b::before  , .slide__box__link:focus > b::before ,
.more__arrow:hover::before , .more__arrow:focus::before { 
    border-color:rgba(255,255,255,0.3) ;
    background-color:rgba(0,0,0,0.1)
}
.slide__box__link:hover::after  , .slide__box__link:focus::after ,
.more__arrow:hover::after , .more__arrow:focus::after { opacity:0.9 }
.slide__box__title > b { display:none }
 
.slide__arrow , .slide__arrow::before  { transition:0.3s all } 
.slide__arrow { 
    position:absolute ; top:50% ; z-index:55 ; transform:translateY(-50%) ; opacity:0 ; 
    width:4rem ; height:4rem ;  background-color:rgba(0,0,0,0.2) ; border-radius:100% ;
    font-size:0 ; color:transparent }
.slide__arrow:hover , .slide__arrow:focus { background-color:rgba(0,0,0,0.5) }      
.slide__arrow.prev { left:-5rem }
.slide__arrow.next { right:-5rem }
#visual_slide:hover .slide__arrow.prev , .slide__arrow.prev:hover , .slide__arrow.prev:focus { left:0.5rem ; opacity:1 }
#visual_slide:hover .slide__arrow.next , .slide__arrow.next:hover , .slide__arrow.next:focus { right:0.5rem ; opacity:1 }
 .slide__arrow::before { 
    display:block ; content:"" ; width:20% ; height:20% ; 
    border:solid 1px rgba(255,255,255,0.7) ; border-bottom:none ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
}  
.slide__arrow.prev::before { 
    transform:translate(-50%,-50%) rotate(-45deg) ; border-right:none ;
    left:55%
}
.slide__arrow.next::before {  
    transform:translate(-50%,-50%) rotate(45deg) ; border-left:none ;
    left:45%
} 
.slide__arrow:hover.prev::before , .slide__arrow:focus.prev::before ,
.slide__arrow:hover.next::before , .slide__arrow:focus.next::before { border-color:#ffffff }
.slide__arrow:hover.prev::before , .slide__arrow:focus.prev::before { transform:translate(-50%,-50%) rotate(-45deg) scale(1.1) }
.slide__arrow:hover.next::before , .slide__arrow:focus.next::before { transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }
  


/* main section */
.main__sec { margin-bottom:8rem }
.main__sec:last-child { margin-bottom:0 }



/* icons */
#sec_icons   { margin:0 }
.icons__list { 
    width:100% ; background-color:#313131 ; padding:2rem 0 ;
    text-align:center ; font-size:0 }
.icons__item { display:inline-block ; width:33.3% ; max-width:11rem }
.icons__item:nth-child(2n) { width:33.4% }
.icons__link , .icons__link > b { margin:auto }
.icons__link { display:block ; width:10rem ; padding:1rem 0 }
.icons__link > b , .icons__link > b::before , .icons__link > span { transition:0.3s all }
.icons__link > b , .icons__link > b::before { width:7rem ; height:7rem ; display:block }
.icons__link > b { position:relative }
.icons__link > b::before { 
    display:block ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(0.9) ;
    background:url(../img/icon_sprite_main.png) no-repeat 0 0 ; background-size:auto 14rem ;
}
.icons__link:hover > b::before , .icons__link:focus > b::before { transform:translate(-50%,-50%) scale(1) } 
.icons__link > span {
    display:block ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    font-size:1.6rem ; line-height:2.8rem ; text-align:center ; color:#ffffff ; 
} 
.icons__link:hover > span , .icons__link:focus > span  { color:#ff9828 }

.icons__link.icon1 > b::before { background-position:0 0 }
.icons__link.icon2 > b::before { background-position:-7rem 0 }
.icons__link.icon3 > b::before { background-position:-14rem 0 }
.icons__link.icon4 > b::before { background-position:-21rem 0 }
.icons__link.icon5 > b::before { background-position:-28rem 0 }
.icons__link.icon6 > b::before { background-position:-35rem 0 }

.icons__link.icon1:hover > b::before , .icons__link.icon1:focus > b::before { background-position:0 -7rem }
.icons__link.icon2:hover > b::before , .icons__link.icon2:focus > b::before { background-position:-7rem -7rem }
.icons__link.icon3:hover > b::before , .icons__link.icon3:focus > b::before { background-position:-14rem -7rem }
.icons__link.icon4:hover > b::before , .icons__link.icon4:focus > b::before { background-position:-21rem -7rem }
.icons__link.icon5:hover > b::before , .icons__link.icon5:focus > b::before { background-position:-28rem -7rem }
.icons__link.icon6:hover > b::before , .icons__link.icon6:focus > b::before { background-position:-35rem -7rem }



/* new tech */
#sec_tech { background-color:#ffffff ; padding:7rem 0 4rem ; margin-bottom:0 }
.sec__title { 
    color:#111111 ; font-size:3.4rem ; line-height:4.4rem ; text-align:center ;
    font-family:"GongGothicMedium",sans-serif ;
    margin-bottom:2rem ;
}
.sec__title::after {
    content:"." ; color:#ff9828 ;
    font-size:inherit ; line-height:inherit ; font-weight:inherit ; font-family:inherit ;
    letter-spacing:inherit ; text-shadow:inherit ;
}
.tech__list { text-align:center }
.tech__item { 
    display:inline-block ; width:32% ; min-width:30rem ; max-width:45rem ; 
    margin:0 0.5% 3rem ; text-align:left ;
    position:relative ;
}

.tech__item__img { 
    display:block ; overflow:hidden ; width:100% ; height:18rem ;
    position:relative ; border-radius:0.8rem ; margin-bottom:0.7rem ;
}
.tech__item__img::before , .tech__item__img::after { 
    display:block ; content:"" ; width:100% ; height:100% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(1.01) 
}
.tech__item__img::after  { background-color:#000000 ; opacity:0.15 }
.tech__item__img::before { background:no-repeat center ; background-size:cover }
.tech__item__img.img1::before { background-image:url(../img/main_thum_21.jpg) }
.tech__item__img.img2::before { background-image:url(../img/main_thum_22.jpg) }
.tech__item__img.img3::before { background-image:url(../img/main_thum_23.jpg) }
.tech__item__img.img4::before { background-image:url(../img/main_thum_24.jpg) }
.tech__item__img.img5::before { background-image:url(../img/main_thum_25.jpg) }
.tech__item__img.img6::before { background-image:url(../img/main_thum_26.jpg) }

.tech__item__title , .tech__item__name { word-break:keep-all }
.tech__item__title { font-size:2.2rem ; line-height:2.8rem ; color:#111111 ; font-weight:600 ; margin-bottom:0.7rem }
.tech__item__title > br { display:none }
.tech__item__name { font-size:1.4rem ; line-height:2.8rem ; color:#444444 }

.tech__item__link , .tech__item__link > b , .tech__item__name ,
.tech__item__img::before , .tech__item__img::after { transition:0.3s all }

.tech__item__link , .tech__item__link > b { display:block ; position:absolute }
.tech__item__link { width:100% ; height:100% ; left:0 ; top:0 }
.tech__item__link > b { 
    display:inline-block ; padding:0 1rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:2.4rem ; color:#111111 ; font-weight:500 ;
    background-color:#ff9828 ; opacity:0.9 ;
    left:0.5rem ; top:15.1rem
}  
.tech__item__link:hover > b , .tech__item__link:focus > b { background-color:#111111 ; color:#ff9828 }

.tech__item:hover .tech__item__img::before { transform:translate(-50%,-50%) scale(1.1) }
.tech__item:hover .tech__item__img::after  { opacity:0.3 }
.tech__item:hover .tech__item__name { color:#111111 }



/* interview */
#sec_itv , #sec_award , #sec_column { padding:7rem 0 ; margin-bottom:0 }
#sec_itv .sec__title ,  #sec_column .sec__title { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.itv__event__link    { display:none }
#sec_itv .sec__inner { width:98% ; max-width:140rem ; margin:auto }
.itv__list { display:flex ; justify-content:center ; align-items:stretch }
.itv__item { 
    width:32.5% ; max-width:19rem ; border-radius:1.2rem 1.2rem 0.8rem 0.8rem ; 
    background-color:#ffffff ; padding-bottom:1rem ; margin-right:1% ;
    text-align:center ; position:relative ;
}
.itv__item:last-child { margin-right:0 }    
.itv__item__img , .itv__event__link { border-radius:0.8rem }
.itv__item__img { 
    display:block ; overflow:hidden ; width:100% ; height:19rem ; 
    position:relative ; margin-bottom:0.5rem ;
}
.itv__item__img::before , .itv__item__img::after { 
    display:block ; content:"" ; width:100% ; height:100% ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(1.01) 
}
.itv__item__img::after  { background-color:#000000 ; opacity:0.15 }
.itv__item__img::before { background:no-repeat center top ; background-size:cover }
.itv__item__img.img41::before { background-image:url(../img/main_itv_41.jpg) }
.itv__item__img.img42::before { background-image:url(../img/main_itv_42.jpg) }
.itv__item__img.img61::before { background-image:url(../img/main_itv_61.jpg) } 

.itv__item:hover .itv__item__img::before { transform:translate(-50%,-50%) scale(1.1) }
.itv__item:hover .itv__item__img::after  { opacity:0.3 }

.itv__item__tag , .itv__item__title { display:block ; width:100% ; padding:0 1rem ; word-break:keep-all ; text-align:center }
.itv__item__tag   { font-size:1.4rem ; line-height:2.4rem ; color:#444444 ; margin-bottom:0.5rem } 
.itv__item__title { font-size:1.8rem ; line-height:2.4rem ; color:#111111 ; font-weight:600 } 
.itv__item__title > br { display:none }
.itv__item__link  { 
    display:block ; width:100% ; height:100% ; 
    position:absolute ; left:0 ; top:0 ; z-index:5 ;
}
.itv__item__img::before , .itv__item__img::after ,
.itv__item__mov , .itv__link__icon , .itv__mov__icon , .itv__link__icon span { transition:0.3s all }
.itv__item__mov , .itv__link__icon , .itv__mov__icon { width:3rem ; height:3rem ; display:block  }
.itv__item__mov , .itv__link__icon { 
    border-radius:100% ;
    position:absolute ; right:0.5rem ;
    font-size:0 ; color:transparent
}
.itv__item__mov  { top:0.5rem ; background-color:#ff9828 ; z-index:7 }
.itv__link__icon { top:4rem ; background-color:#ffffff ; z-index:6 }
.no__mov .itv__link__icon { top:0.5rem }



.itv__item__mov:hover , .itv__item__mov:focus { background-color:#111111 }
.itv__mov__icon  { background:url(../img/icon_sprite_main.png) no-repeat -30.8rem -6rem ; background-size:auto 10rem }
.itv__item__mov:hover .itv__mov__icon , .itv__item__mov:focus .itv__mov__icon { background-position:-30.8rem -1rem }
.itv__link__icon span   { display:block } 
.itv__link__icon > span { width:40% ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.itv__link__icon > span > span { 
    width:0.2rem ; height:0.2rem ; border-radius:1rem ;
    background-color:#444444 ; overflow:hidden ; 
    position:absolute ; top:50% ; transform:translate(-50%,-50%) ;
}
.itv__link__icon > span > span:nth-child(1) { left:0 }
.itv__link__icon > span > span:nth-child(2) { left:50% }
.itv__link__icon > span > span:nth-child(3) { left:100% }
.itv__item__link:hover .itv__link__icon > span , 
.itv__item__link:focus .itv__link__icon > span { transform:translate(-50%,-50%) rotate(90deg) ; height:45% ; width:32% }
.itv__item__link:hover .itv__link__icon > span > span , 
.itv__item__link:focus .itv__link__icon > span > span { height:100% }



/* award */
#sec_award { background-color:#ffffff }
.award__list { 
    width:96% ; max-width:60rem ; margin:0 auto 2rem ;
    border-top:solid 0.2rem #ff9828 ;
}
.award__link {
    display:block ; padding:1rem 0.4rem ;
    font-size:1.6rem ; line-height:2.6rem ; text-align:left ; word-break:keep-all ;
    border-bottom:solid 1px rgba(0,0,0,0.1) 
}
.award__link br { display:none }
.award__link:hover , .award__link:focus { color:#111111 ; border-bottom:solid 1px rgba(0,0,0,0.3) ; }
.award__img { display:none }

.award__link , .award__more , .award__more b , .award__more span { transition:0.3s all }
.award__more { 
    width:12rem ; display:block ; overflow:hidden ; border-radius:0.4rem ;
    border:solid 1px rgba(0,0,0,0.1) ; margin:auto ;
    text-align:center ;
}
.award__more b { 
    display:inline-block ; font-size:1.4rem ; line-height:3rem ; 
    padding:0.5rem 0 0.5rem 2.2rem ; position:relative ;
}
.award__more span {
    display:block ; width:1.4rem ; height:1.4rem ; opacity:0.2 ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) ;
}
.award__more span::before , .award__more span::after {
    display:block ; content:"" ; width:100% ; height:0.2rem ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background-color:#111111 ;
}
.award__more span::after { transform:translate(-50%,-50%) rotate(90deg) } 

.award__more:hover , .award__more:focus { border-color:rgba(0,0,0,0.2) ; background-color:#ffffff ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) }
.award__more:hover b  , .award__more:focus b { color:#111111 }
.award__more:hover span  , .award__more:focus span { transform:translateY(-50%) rotate(90deg) ; opacity:0.6 }



/* column */
#sec_column > .sec__inner { text-align:center ; font-size:0 }
.column__item {
    display:inline-block ; width:48% ; max-width:18.5rem ;
    margin:0 1% 2rem ; padding:22rem 0 0 ; background-color:#ffffff ;
    position:relative ; border-radius:1.2rem 1.2rem 0.8rem 0.8rem ; 
    text-align:left ;
}
.column__img { 
    position:absolute ; left:0 ; top:0 ;
    display:block ; overflow:hidden ; width:100% ; height:20rem ; border-radius:0.8rem } 
.column__img::before , .column__img::after { 
    width:100% ; height:100% ; display:block ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(1.01) ;
    transition:0.3s all ;
}
.column__img::before { background:no-repeat center ; background-size:cover }
.column__img::after { background-color:#000000 ; opacity:0.1 }
.item43 .column__img::before { background-image:url(../img/main_thum_43_mobile.jpg) } 
.item44 .column__img::before { background-image:url(../img/main_thum_44_mobile.jpg) } 
.item45 .column__img::before { background-image:url(../img/main_thum_45_mobile.jpg) } 
.item46 .column__img::before { background-image:url(../img/main_thum_46_mobile.jpg) } 

.column__tag { 
    display:inline-block ; overflow:hidden ; padding:0.3rem 1.2rem ; border-radius:2rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#111111 ;
    background-color:#ff9828 ;
    position:absolute ; left:1rem ; top:18.8rem
}
.column__title {
    font-size:1.8rem ; line-height:2.4rem ; font-weight:500 ;  
    word-break:keep-all ; padding:0 1rem 1.5rem ;
}
.column__title br { display:none }
.column__link { 
    display:block ; width:100% ; height:100%  ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0
}
.column__tag , .column__title , .column__item:hover { transition:0.3s all }
.column__item { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) }
.column__item:hover .column__tag   { background-color:#111111 ; color:#ff9828 }
.column__item:hover .column__title { color:#111111 }
.column__item:hover .column__img::before { transform:translate(-50%,-50%) scale(1.1) } 
.column__item:hover .column__img::after  { opacity:0.2 }

.column__event , .column__subscribe { 
    width:98% ; max-width:38rem ; display:block ; overflow:hidden ; border-radius:0.8rem ;
    margin: 0 auto 1rem ; font-size:0 ;
    text-align:left ;
} 
.column__event img { width:100% }
.column__subscribe { height:14rem ; position:relative } 
.column__subs__img::before ,  .column__subs__icon , .column__subs__txt { transition:0.3s all }
.column__subs__img , .column__subs__img::before , .column__subs__link  { width:100% ; height:100% ; display:block }
.column__subs__img { 
    position:relative ; overflow:hidden ; 
    background:url(../img/main_subscription_bg_mobile.jpg) ;
}
.column__subs__img::before , .column__subs__link { position:absolute ; left:50% ; top:50% }
.column__subs__img::before { 
    content:"" ;
    transform:translate(-50%,-50%) scale(1.01) ;
    background-color:#000000 ; opacity:0.1 ; 
}
.column__subs__box  { display:block ; position:absolute ; left:2rem ; top:50% ; transform:translateY(-50%) }
.column__subs__link { 
    width:98% ; height:96% ;
    font-size:0 ; color:transparent ;
    transform:translate(-50%,-50%) }
.column__subs__title , .column__subs__txt { color:#ffffff ; word-break:keep-all ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.column__subs__title {
    display:inline-block ; margin-bottom:1rem ; padding-right:5.5rem ; position:relative ;
    font-size:3.6rem ; line-height:4rem ; 
    font-family:"GongGothicMedium",sans-serif ; color:#ffffff 
}
.column__subs__txt  { font-size:1.4rem ; line-height:2.2rem ; opacity:0.8 }
.column__subs__icon { position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) }

.column__subscribe:hover .column__subs__img::before { opacity:0.3 }
.column__subscribe:hover .column__subs__txt , .column__subscribe:hover .column__subs__icon::after { opacity:1 }
.column__subscribe:hover .column__subs__icon::before { border-color:rgba(255,255,255,0.3)}



/* mov */  
#mov__popup , .mov__popup__inner , .mov__popup__box , .mov__popup__close , 
.mov__popup__close::before , .mov__popup__close::after { display:block ; overflow:hidden }
#mov__popup , .mov__popup__inner , .mov__popup__box > iframe { width:100% }
#mov__popup {  
    position:fixed ; left:0 ; top:0 ; z-index:109 ;
    height:0 ; transition:0.5s all ;
}
#mov__popup.open , .mov__popup__inner { height:100% } 
.mov__popup__inner { background-color:rgba(0,0,0,0.7) ; position:relative }
.mov__popup__box   { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    width:90% ; max-width:70rem ;
    padding-bottom:4rem 
} 
.mov__popup__box > iframe { 
    border-radius:0.6rem ; border:0 ; 
    min-width:15rem ; min-height:8.5rem ; 
    background-color:rgba(0,0,0,0.5) }
.mov__popup__close , .mov__popup__close::before , .mov__popup__close::after { transition:0.3s all }
.mov__popup__close {  
    position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) ; 
     width:2rem ; height:2rem ; opacity:0.5 ;
    font-size:0 ; color:transparent }
.mov__popup__close:hover { opacity:1 }    
.mov__popup__close::before , .mov__popup__close::after { 
    content:""; width:2rem ; height:1px ; background-color:#ffffff ;  
    position:absolute ; left:50% ; top:50% 
}
.mov__popup__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.mov__popup__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.mov__popup__close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.mov__popup__close:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }






/* PC */
@media screen and (min-width:1024px){ 
 
    /* visual */ 
    #visual { overflow:inherit }
    #visual , .icons__list { width:96% ; max-width:150rem ; margin:auto}
    #visual_slide , #VS_inner , #VS__list , .VS__item , #VS_slide , .slide_box { height:70rem }
    #VS_inner { border-radius:1.6rem ; overflow:hidden }

    .VS__item.slide1 { background-image:url(../img/visual_slide1.jpg) }
    .VS__item.slide2 { background-image:url(../img/visual_slide2.jpg) }
    .VS__item.slide3 { background-image:url(../img/visual_slide3.jpg) } 
    .VS__item.slide4 { background-image:url(../img/visual_slide4.jpg) }
    .VS__item.slide5 { background-image:url(../img/visual_slide5.jpg) }
    .VS__item.slide6 { background-image:url(../img/visual_slide6.jpg) } 
    .VS__item.slide7 { background-image:url(../img/visual_slide7.jpg) }
    .VS__item.slide8 { background-image:url(../img/visual_slide8.jpg) }
    .VS__item.slide9 { background-image:url(../img/visual_slide9.jpg) } 

    .slide__btn__pp { top:auto ; bottom:1rem }
    .slide__arrow   { width:5rem ; height:5rem ; background-color:#313131 }
    .slide__arrow.prev , #visual_slide:hover .slide__arrow.prev , .slide__arrow.prev:hover , .slide__arrow.prev:focus ,
    .slide__arrow.next , #visual_slide:hover .slide__arrow.next , .slide__arrow.next:hover , .slide__arrow.next:focus { opacity:1 }
    .slide__arrow.prev , #visual_slide:hover .slide__arrow.prev , .slide__arrow.prev:hover , .slide__arrow.prev:focus { left:-2.5rem }
    .slide__arrow.next , #visual_slide:hover .slide__arrow.next , .slide__arrow.next:hover , .slide__arrow.next:focus { right:-2.5rem }

    .slide__arrow:hover , .slide__arrow:focus { background-color:#111111 ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) } 
    
    .VS__item::before { 
        background:linear-gradient(to bottom ,
            rgba(0,0,0,0.1) 0% ,
            rgba(0,0,0,0.1) 30% ,
            rgba(0,0,0,0.7) 70% ,
            rgba(0,0,0,0.7) 100% );  
    } 

    .slide__box { height:22rem ; max-width:110rem }
    .slide__box__title , .slide__box__caption { display:block }
    .slide__box__title { 
        display:inline-block ; width:auto ; position:relative ;
        font-size:4.4rem ; line-height:5rem ; font-weight:600 ; padding:0 5rem } 
    .slide__box__title > b { 
        display:block ;
        position:absolute ; right:0 ; top:0.7rem 
    }
    .slide__box:hover .slide__box__title > b::before { background-color:rgba(0,0,0,0.1) ; border-color:rgba(255,255,255,0.2)}
    .slide__box:hover .slide__box__title > b::after  { opacity:0.8 }

    .slide__box__caption { text-align:center }
    .slide__box__caption > span {
        font-size:1.8rem ; line-height:3.4rem ; color:rgba(255,255,255,0.8) ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
        border-bottom:solid 1px rgba(255,255,255,0.1) ; padding-bottom:0.5rem ;
        transition:0.3s all ;
    } 
    .slide__box:hover .slide__box__caption > span { color:#ffffff ; border-color:rgba(255,255,255,0.3) }
    .slide__box__link { 
        width:98% ; height:98% ; 
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
    .slide__box__link > b { display:none }

    .slide__page    { bottom:25rem ; width:96% ; max-width:120rem ; text-align:center }
    #slide_page_nav , #slide_page_nav button { border-radius:0.6rem } 
    #slide_page_nav { 
        overflow:hidden ; display:inline-block ;
        border:solid 1px rgba(255,255,255,0.1) } 
    #slide_page_nav li { margin:0 ; position:relative }
    #slide_page_nav li::after {
        display:block ; content:"" ; width:1px ; height:1rem ; background-color:#ffffff ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ; opacity:0.1 ;
    }
    #slide_page_nav li:last-child::after , #slide_page_nav li.now::after { display:none }
    #slide_page_nav button , #slide_page_nav li.now button { 
        padding:0.5rem 1.3rem 0.7rem ;
        font-size:1.6rem ; line-height:2.8rem
    }
    #slide_page_nav button {
        width:auto ; height:auto ;
        background:none ;  ; color:#ffffff ;  
    } 
    #slide_page_nav button > b , #slide_page_nav button br { display:none }
    #slide_page_nav button > p { 
        display:block ; max-width:32rem ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis ; 
        text-shadow:0 0 0.3rem rgba(0,0,0,0.3) 
    }
    #slide_page_nav li.now button { background-color:#ff9828 }
    #slide_page_nav li.now button > p { display:none }
    #slide_page_nav li.now button > b { display:block ; color:#111111 }
    #slide_page_nav li.now button:hover > b ,
    #slide_page_nav li.now button:focus > b { color:#ff9828 }

    

    /* icons */ 
    .icons__list  { padding:4rem 0 }
    .icons__list::after { display:block ; content:"" ; clear:both }
    .icons__item , .icons__item:nth-child(2n) { width:16.6% }
    .icons__item  { display:block ; float:left ; max-width:none ; position:relative }
    .icons__item::after {
        display:block ; content:"" ; width:1px ; height:3rem ;
        background-color:#ffffff ; opacity:0.1 ;
        position:absolute ; right:0 ; top:40% ; transform:translateY(-50%) ; 
    }
    .icons__item:last-child:after { display:none }  



    /* new tech */
    #sec_tech , #sec_tech::after {background:url(../img/main20_bg.jpg) no-repeat center bottom ; background-size:cover }
    #sec_tech { padding:11rem 0 12rem ; position:relative ; overflow:hidden } 
    #sec_tech::after {
        display:block ; content:"" ; width:100% ; height:8rem ; 
        position:absolute ; left:50% ; bottom:-1px ; transform:translateX(-50%);
        background:url(../img/main20_round.svg) no-repeat center bottom ; background-size:100% auto ;
    }     
    .sec__title { font-size:4.4rem ; line-height:5.4rem ; margin-bottom:4rem }
    #sec_award .sec__title ,
    #sec_tech .sec__title { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }

    .tech__list::after { display:block ; content:"" ; clear:both } 
    #sec_tech .sec__inner , .award__list , #sec_column > .sec__inner { width:98% ; max-width:140rem ; margin:auto }
    .tech__item { 
        display:block ; float:left ; width:32.14% ; margin:0 1.78% 0 0 ; 
        min-width:auto; 
    }
    .tech__item:last-child { margin-right:0 ; float:right }
    .tech__item__img { height:30rem ; margin-bottom:1rem }

    .tech__item__link > b { top:27.1rem }  
    .tech__item__title { font-size:2.4rem ; line-height:3.6rem ; color:#ffffff ; margin-bottom:1rem }
    .tech__item__name  { font-size:1.6rem ; line-height:2.8rem ; color:rgba(255,255,255,0.7) }
    .tech__item:hover .tech__item__name { color:#ffffff }



    /* interview */
    #sec_itv , #sec_award , #sec_column { padding:10rem 0 ; margin-bottom:0 }
    #sec_itv { background:linear-gradient(to bottom , #ffffff 0% , #ffffff 55% , rgba(49,49,49,0) 55% , rgba(49,49,49,0) 100% ) }
    #sec_itv .sec__title { color:#111111 ; text-shadow:none }
    #sec_itv .sec__inner::after { display:block ; content:"" ; clear:both }
    .itv__list { width:73.57% ; float:left }
    .itv__item , .itv__event__link { height:43rem ; box-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.34) }
    .itv__event__link { display:block ; overflow:hidden ; width:25% ; max-width:30rem ; float:right ; position:relative } 
    .itv__item        { width:32.03% ; max-width:33rem ; margin-right:1.94% }
    .itv__item__img   { height:33rem ; margin-bottom:1.5rem }
    .itv__item__tag , .itv__item__title { padding:0 1.5rem }
    .itv__item__title { 
        font-size:2.2rem ; line-height:3.2rem ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis
    } 

    .itv__item__mov , .itv__link__icon , .itv__mov__icon { width:5rem ; height:5rem ; display:block } 
    .itv__item__mov  { top:1rem }
    .itv__link__icon { top:7rem }
    .no__mov .itv__link__icon { top:1rem }

    .itv__mov__icon  { background-position:-42.8rem -8rem  ; background-size:auto 14rem }
    .itv__item__mov:hover .itv__mov__icon , .itv__item__mov:focus .itv__mov__icon { background-position:-42.8rem -1rem  }
    .itv__link__icon > span > span { width:0.4rem ; height:0.4rem }
    .itv__item__link:hover .itv__link__icon > span > span , 
    .itv__item__link:focus .itv__link__icon > span > span { width:0.2rem }
    .itv__item__link:hover .itv__link__icon > span , 
    .itv__item__link:focus .itv__link__icon > span { width:32% }

    .itv__event__link > span , .itv__event__link > b { 
        display:block ; width:100% ; height:100% ;
        font-size:0 ; color:transparent ;
        position:absolute ; left:0 ; top:0 ; background:no-repeat center ; 
        transition:0.3s all ;
    }
    .itv__event__link > span:nth-child(1) { background-image:url(../img/main_event_bg1.jpg) }
    .itv__event__link > span:nth-child(2) { background-image:url(../img/main_event_bg2.jpg) ; opacity:0 }
    .itv__event__link > b { background-image:url(../img/main_event.png) }
    .itv__event__link:hover > span:nth-child(2) , .itv__event__link:focus > span:nth-child(2) { opacity:1 }



    /* award */
    #sec_award   { background:none ; padding-top:3rem }
    .award__list { 
        display:flex ; flex-wrap:wrap ; justify-content:space-between ; align-items:stretch ;
        border:none ; margin-bottom:3rem }
    .award__item { width:49% }
    .award__item:nth-child(1) , .award__item:nth-child(2) { border-top:solid 0.2rem #ff9828 }
    .award__link { 
        font-size:1.8rem ; line-height:3rem ; color:rgba(255,255,255,0.8); text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
        padding:2rem 0 2rem 11.5rem ; height:100% ; min-height:10rem ;
        border-color:rgba(255,255,255,0.1) ; position:relative 
    } 
    .award__link:hover , .award__link:focus { 
        color:#ffffff ; border-color:rgba(255,255,255,0.4) ;
        background-color:#313131;
    }

    .award__img { 
        width:10rem ; height:7rem ; display:block ; overflow:hidden ; border-radius:0.4rem ;
        position:absolute ; left:0 ; top:1.5rem ;
        background:no-repeat center ; background-size:cover ;
    }
    .item1 .award__img { background-image:url(../img_sub/SW11_thum1.jpg) }
    .item2 .award__img { background-image:url(../img_sub/SW11_thum2.jpg) }
    .item3 .award__img { background-image:url(../img_sub/SW11_thum3.jpg) }
    .item4 .award__img { background-image:url(../img_sub/SW11_thum4.jpg) }
    .item5 .award__img { background-image:url(../img_sub/SW11_thum5.jpg) }
    .item6 .award__img { background-image:url(../img_sub/SW11_thum6.jpg) }
    .item7 .award__img { background-image:url(../img_sub/SW11_thum7.jpg) }
    .item8 .award__img { background-image:url(../img_sub/SW11_thum8.jpg) }


    .award__more { border-color:rgba(255,255,255,0.1) ; background-color:#313131 }
    .award__more b { color:rgba(255,255,255,0.8) }
    .award__more span::before , .award__more span::after { background-color:#ffffff }
    .award__more:hover , .award__more:focus { border-color:#111111 ; background-color:#111111 }
    .award__more:hover b  , .award__more:focus b { color:#ffffff }
   


    /* column */
    #sec_column { 
        padding-bottom:18rem ;
        background:url(../img/main_column_bg.jpg) no-repeat center #313131 ; background-size:cover }
    #sec_column > .sec__inner { position:relative }
    #sec_column > .sec__inner::after { display:block ; content:"" ; clear:both }
    .column__item { margin:0 ; padding:0 ; background:none ; border-radius:0.8rem ; overflow:hidden ; max-width:none }

    .column__item.item43 { width:42.85% ; margin-right:2.14%}
    .column__item.item44 { width:30% }
    .column__item.item43 , .column__item.item44 { height:57rem ; margin-bottom:3rem ; float:left }
    .column__item.item45 , .column__item.item46 { width:22.85%}
    .column__item.item45 { height:39rem ; float:right }
    .column__item.item46 { height:32rem ; position:absolute ; right:0 ; bottom:0 }

    .column__img { 
        width:100% ; height:100% ; border-radius:0 ; 
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .item43 .column__img::before { background-image:url(../img/main_thum_43.jpg) } 
    .item44 .column__img::before { background-image:url(../img/main_thum_44.jpg) } 
    .item45 .column__img::before { background-image:url(../img/main_thum_45.jpg) } 
    .item46 .column__img::before { background-image:url(../img/main_thum_46.jpg) } 

    .column__img::after {
        opacity:0.5 ;
        background:linear-gradient(to bottom ,
            rgba(0,0,0,0.5) 0% ,
            rgba(0,0,0,0.5) 50% ,
            rgba(0,0,0,1) 80% ,
            rgba(0,0,0,1) 100% );  
    }
    .column__item:hover .column__img::after  { opacity:0.8 }
 
    .column__txt { padding:2rem ; position:absolute ; left:0 ; bottom:0 }
    .column__tag { position:static ; font-size:1.6rem ; line-height:2.8rem ; padding:0.1rem 1.5rem ; margin-bottom:1rem }
    .column__title {
        padding:0 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; 
        font-size:2.6rem ; line-height:3.4rem ; font-weight:600 ; 
    }
    .column__title , .column__item:hover .column__title { color:#ffffff }
    .column__title br { display:block }

    .column__link { left:50% ; top:50% ; transform:translate(-50%,-50%) scale(0.98) }

    .column__event { display:none }

    .column__subscribe { 
        float:left ; display:block ; margin:0 ;
        width:74.99% ; height:14rem ; max-width:none ;
        box-shadow:0 0 0.3rem rgba(0,0,0,0.3) } 
    .column__subs__img { background-image:url(../img/main_subscription_bg.jpg) }
    .column__subs__box { left:2rem }
    .column__subs__txt br { display:none }
    .column__subs__title  { font-size:4.4rem ; line-height:5rem ; }
    .column__subs__txt    { font-size:1.8rem  } 



    /* column+2506 */
    .itv__item__title > br { display:block }
    .itv__item__img   { height:30rem }



}   





/* PRINT */
@media print { }