@charset "utf-8";  
/* Mobile */

/* Visual */
#visual , .visual__container , .slide__container , .slide__group , .slide__item ,
.slide__img , .slide__img > span , .slide__img::after { width:100% }
#visual { margin:0 auto 5rem } 
.visual__container , .slide__group , .slide__img { position:relative }

.slide__control , .slide__control__btn { width:2rem ; height:2rem }
.slide__control {  position:absolute ; right:1rem ; top:1rem ; z-index:20 }
.slide__control__btn , .slide__control__btn::before { border-radius:100% ; transition:0.3s all }
.slide__control__btn {
    font-size:0 ; color:transparent ;
    position:relative ; 
    background-color:rgba(0,0,0,0.3) ;
}
.slide__control__btn::before {
    display:block ; content:"" ; width:100% ; height:100% ; opacity:0.7 ;
    background:url(../img/icon_pause_play.png) no-repeat left top ; background-size:4rem auto ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.slide__control__btn.play::before  { background-position:right top  } 
.slide__control__btn.play  { display:none }
.slide__control__btn:hover { background-color:rgba(0,0,0,0.8) }
.slide__control__btn:hover::before { opacity:0.9 }

.stop .slide__control__btn.play  { display:block }
.stop .slide__control__btn.pause { display:none }

.slide__container , .slide__group , .slide__item { height:40rem  }
.slide__item {  
    background-color:#ffffff ;
    position:absolute ; left:0 ; top:0 ; z-index:10 ;
}
.slide__item:first-child { z-index:11 }
.slide__img , .slide__img > span , .slide__img::after { display:block ; overflow:hidden ; height:100% }
.slide__img > span { 
    background-position:center ; background-repeat:no-repeat ; background-size:cover ;
    transition:0.3s all ;
}
.slide__img > span , .slide__img::after { position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
.slide__img::after  { 
    content:"" ; background:rgba(0,0,0,0.5) ;
    background:linear-gradient(to bottom, rgba(0,0,0,0.1) 0% , rgba(0,0,0,0.1) 10% , rgba(0,0,0,0.5) 70% , rgba(0,0,0,0.6) 100%); 
}
.slide__item:hover .slide__img > span { transform:translate(-50%,-50%) scale(1.1) }

.slide__box { 
    width:100% ; padding:0 4rem ; 
    position:absolute ; left:50% ; bottom:3rem ; transform:translateX(-50%) ;
}
.slide__link { width:100% ; display:block ; text-align:center ; font-size:0 }
.slide__text , .slide__more { display:none }
.slide__category , .slide__title { 
    display:block ; text-align:center ; 
    word-break:keep-all ; color:#ffffff ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
}
.slide__category { font-size:1.2rem ; line-height:1.8rem ; font-weight:300 ; margin-bottom:1rem ; opacity:0.8 ; }
.slide__title    { font-size:2.8rem ; line-height:3.8rem ; font-weight:600 }
.slide__title br { display:none }
.slide__title > b , .slide__text > span {
    font-size:inherit ; line-height:inherit ; color:inherit ; font-weight:inherit ;
    text-shadow:inherit ; word-break:inherit ;
    border-bottom:solid 1px rgba(255,255,255,0) ;
}

.slide__category , .slide__title , .slide__title > b , .slide__page { transition:0.3s all }

.slide__link:hover .slide__category  { opacity:1 }
.slide__link:hover .slide__title > b { border-color:rgba(255,255,255,0.15) ;}

.slide__btn , .slide__btn::before    { transition:0.3s all }
.slide__btn { 
    display:block ; width:4rem ; height:4rem ; 
    font-size:0 ; color:transparent ; 
    position:absolute ; top:50% ; transform:translateY(-50%) ; z-index:20 ;
}
.slide__btn::before {
    display:block ; content:"" ; width:1.4rem ; height:1.4rem ;
    border:solid 1px #ffffff ; opacity:0.3 ;
    position:absolute ;  top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
.slide__btn:hover::before { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }
#slide_btn_prev { left:0 } 
#slide_btn_next { right:0 }

#slide_btn_prev::before  { border-top:none ; border-right:none ; left:70% } 
#slide_btn_next::before  { border-bottom:none ; border-left:none ; right:30% }
 
.slide__pagination {
    width:100% ; padding-top:1.5rem ; text-align:center ;
    font-size:0 ; color:transparent
}
.slide__page { 
    display:inline-block ; width:1rem ; height:1rem ; border-radius:1rem ;
    background-color:#eeeeee ; margin:0.2rem 0.5rem
}
.slide__page:hover { background-color:#444444 }
.slide__page.now { background-color:#f58220 ; width:4rem }
 


/* Main */
.main__sec , #subscribe_banner { width:94% ; margin:0 auto 8rem }



/* TOP3 */
#top3 , #subscribe_banner , .story__link , #etc_news , #etc_event , .life__item { max-width:41rem }
#top3 { margin-bottom:1rem }
.tap3__container { background-color:#0c3a6b ; border-radius:0.6rem ; padding:0.5rem 0 ; overflow:hidden }
.tap3__title , .tap3__list { padding:0 2.5rem }
.tap3__title , .tap3__link { position:relative }
.tap3__title { margin-bottom:0.5rem }
.tap3__title > b , .tap3__link { color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; text-align:left ; word-break:keep-all }
.tap3__title > b {  
    font-size:1.4rem ; line-height:2.8rem ; font-weight:500 ;
    padding:0.5rem 0 0.7rem ; display:block ;
    border-bottom:solid 1px #ffffff ;
}
.tap3__title::before {
    display:block ; content:"" ; width:0.5rem ; height:1rem ;
    position:absolute ; left:-0.1rem ; top:45% ; transform:translateY(-50%) ;
    background:url(../img/top3_point.png) no-repeat center ; background-size:cover ;
} 
.tap3__list { margin-bottom:1rem }
.tap3__link , .tap3__link::before { transition:0.3s all }
.tap3__link {
    display:block ; padding:0.5rem 0.5rem 0.7rem 1rem ;
    font-size:1.6rem ; line-height:2.8rem ; font-weight:300 ;
    border-bottom:solid 1px rgba(255,255,255,0.15) ;
}
.tap3__link::before {
    display:block ; content:"" ; width:0.4rem ; height:0.4rem ;
    background-color:#ffffff ; opacity:0.3 ;
    position:absolute ; left:0.1rem ; top:1.8rem ; transform:translateY(-50%) ;
}
.tap3__link:hover { border-color:rgba(255,255,255,0.6) }
.tap3__link:hover::before { opacity:0.8 }



/* Subscribe Banner */
#subscribe_banner , #subscribe_banner::before { border-radius:0.6rem }
#subscribe_banner {  
    height:23rem ; position:relative ;
    background:url(../img/subscribe_bg_mobile.jpg) no-repeat right center }
#subscribe_banner::before , .SB__container { 
    width:100% ; display:block ; 
    position:absolute ; top:50%
}
#subscribe_banner , #subscribe_banner::before , .SB__btn , .SB__btn__icon { transition:0.3s all }
#subscribe_banner::before { 
    content:"" ;  border:solid 1px rgba(0,0,0,0.1) ; height:100% ;
    left:50% ; transform:translate(-50%,-50%) ; box-sizing:border-box ;
}
.SB__container { left:2.5rem ; width:20rem ; transform:translateY(-50%) }
.SB__text      { margin-bottom:1.5rem }
.SB__text span { word-break:keep-all ; color:#222222 ; display:block }
.SB__text br   { display:none }
.SB__text span:first-child { font-size:2.6rem ; line-height:3.4rem ; margin-bottom:0.5rem ; font-weight:300 }
.SB__text b    { font-weight:600 ; letter-spacing:-0.1rem }
.SB__text span:last-child { font-size:1.6rem ; line-height:2.4rem  ; letter-spacing:-0.1rem }

.SB__btn , .SB__btn__icon { display:inline-block }
.SB__btn {
    padding:1rem 2.5rem 1.2rem  ; border-radius:0.4rem ;  
    font-size:1.6rem ; line-height:2.8rem ; color:#ffffff ; font-weight:500 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#f26900 ; 
} 
.SB__btn__icon {
    width:3rem ; height:2rem ; position:relative ; top:0.4rem ; opacity:0.9 ;
    background:url(../img/sprite.png) no-repeat -19.5rem -14rem ; background-size:42rem auto ; 
}
#subscribe_banner:hover::before { border-color:rgba(0,0,0,0.15) }
#subscribe_banner:hover { box-shadow:0 0 0.3rem rgba(0,0,0,0.3) }

.SB__btn:hover { background-color:#0c3a6b } 



/* Section Story */
#sec_story  { padding:0 }
.sec__title { 
    font-size:3rem ; line-height:4rem ; text-align:center ; color:#111111 ;
    letter-spacing:-0.1rem ; margin-bottom:2rem }

.story__container { display:flex ; flex-wrap:wrap ; justify-content:center }   
.story__link , .story__link::after , .story__img { border-radius:0.6rem }
.story__link , .story__link::after { display:block ; width:100% }
.story__link        { position:relative ; margin:0 0.5rem 1.5rem ; background-color:#ffffff }
.story__link:hover  { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) } 
.story__link::after { 
    height:100% ; content:"" ; box-sizing:border-box ;
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:0 ; top:0
}
.story__link:hover::after { border-color:#f58220 }
.story__link , .story__link::after ,
.story__img , .story__img::before , .story__img::after ,
.story__category , .story__title { transition:0.3s all }
.story__img , .story__img::before , .story__img::after { width:100% ; display:block }
.story__img { height:20rem ; position:relative ; overflow:hidden }
.story__img::before , .story__img::after {
    height:100% ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}  
.story__img::before { background:no-repeat center ; background-size:cover }
.item11 .story__img::before { background-image:url(../img/thum_img_11.jpg) }
.item12 .story__img::before { background-image:url(../img/thum_img_12.jpg) }
.item13 .story__img::before { background-image:url(../img/thum_img_13.jpg) }
.story__img::after  { 
    height:3rem ; left:0 ; bottom:0 ; top:auto ; transform:none ;
    background-color:#000000 ; opacity:0.5 ;
}
.story__link:hover .story__img::before { transform:translate(-50%,-50%) scale(1.1) }
.story__link:hover .story__img::after{ opacity:0.8 } 
.story__category , .story__title { display:block ; width:100% ; word-break:keep-all }
.story__category {
    padding:0.5rem 0.5rem 0.7rem ;
    font-size:1.2rem ; line-height:1.8rem ; text-align:center ; color:#ffffff ; 
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    position:absolute ; left:0 ; top:17rem ;
    word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis

}
.story__title {
    padding:1rem 1.5rem 1.2rem ;
    font-size:2rem ; line-height:2.8rem ; text-align:center ; 
}
.story__link:hover .story__title { color:#111111 }
.story__title br { display:none }



/* Section Focus */
#sec_focus { width:100% ; padding:5rem 3% ; background-color:#e4e4e0 }
.focus__container { 
    display:flex ; flex-wrap:wrap ; justify-content:space-between ;
    max-width:63rem ; margin:auto
}   
.focus__link::after , .focus__img::before , .focus__img::after , .focus__category , .focus__title ,
.focus__more , .focus__more::before , .focus__more::after { transition:0.3s all }
.focus__link , .focus__img { height:25rem ; display:block }
.focus__img , .focus__link::after  { border-radius:0.6rem }
.focus__link { width:49% ; margin:0 0 3rem }
.focus__img  { overflow:hidden }
.focus__img , .focus__link { position:relative }
.focus__link::after , .focus__img::before , .focus__img::after {
    display:block ; content:"" ; width:100% ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.focus__link::after { border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ; z-index:10 }
.focus__img::before { background:no-repeat center ; background-size:cover }
.focus__img::after  { background-color:#000000 ; opacity:0.4 }

.focus__link:hover::after { border-color:#f58220 }
.focus__link:hover .focus__img::before { transform:translate(-50%,-50%) scale(1.1) }
.focus__link:hover .focus__img::after  { opacity:0.6 }
  
.item21 .focus__img::before { background-image:url(../img/thum_img_21.jpg) }
.item22 .focus__img::before { background-image:url(../img/thum_img_22.jpg) }
.item23 .focus__img::before { background-image:url(../img/thum_img_23.jpg) }
.item24 .focus__img::before { background-image:url(../img/thum_img_24.jpg) }

.focus__box , .focus__category , .focus__title { display:block ; width:100% }
.focus__box {
    padding:0 1rem ;
    position:absolute ; left:0 ; bottom:3rem ;
}
.focus__category , .focus__title {
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    text-align:center ; word-break:keep-all ;
}
.focus__category { font-size:1.2rem ; line-height:1.8rem ; margin-bottom:0.4rem ; opacity:0.7 }
.focus__title { font-size:2rem ; line-height:3rem ; font-weight:500 ; }

.focus__link:hover .focus__category { opacity:1 }

.focus__more {
    display:block ; overflow:hidden ; width:4rem ; height:4rem ;
    border-radius:100% ; background-color:#111111 ; opacity:0.5 ;
    font-size:0 ; color:transparent ;
    position:absolute ; left:50% ; bottom:-2rem ; transform:translateX(-50%) ; z-index:15
}
.focus__more::before , .focus__more::after {
    display:block ; content:"" ; width:1.5rem ; height:1px ; 
    background-color:#ffffff ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 

.focus__link:hover .focus__more { opacity:1 ; background-color:#f58220 }
.focus__more::after ,
.focus__link:hover .focus__more::before { transform:translate(-50%,-50%) rotate(90deg) }
.focus__link:hover .focus__more::after  { transform:translate(-50%,-50%) rotate(180deg) }



/* Section Etc */
#etc_news , #etc_event { width:100% ; margin:auto ; position:relative }
#etc_news   { margin-bottom:4rem ; position:relative }
.etc__title { 
    font-size:2rem ; line-height:2.4rem ; font-weight:500 ; color:#111111 ; letter-spacing:-0.1rem ; 
    margin-bottom:1.2rem ;
}
.news__list { border-top:solid 0.2rem #f58220 }
.news__link , .news__link::after  { transition:0.3s all }
.news__link { 
    display:block ; padding:0.8rem 0.5rem 1rem ;
    font-size:1.6rem ; line-height:2.6rem ; word-break:keep-all ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
    position:relative ;
}
.news__link:hover { color:#111111 }
.news__link::after { 
    display:block ; content:"" ; width:0 ; height:1px ; 
    background-color:#f58220 ;
    position:absolute ; left:0 ; bottom:-1px ;
} 
.news__link:hover::after { width:100% }
.news__more , .news__more > b { 
    display:block ; overflow:hidden ; width:2rem ; height:2rem ;
    font-size:0 ; color:transparent ; 
}
.news__more { position:absolute ; right:0 ; top:0.3rem }
.news__more > b , .news__more > b::before , .news__more > b::after {
    display:block ; content:"" ; transition:0.3s all ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.news__more > b { opacity:0.2 }
.news__more > b::before , .news__more > b::after {
    display:block ; content:"" ; width:1.4rem ; height:1px ;
    background-color:#111111 ; 
}
.news__more > b::after , .news__more:hover > b::before { transform:translate(-50%,-50%) rotate(90deg) }
.news__more:hover > b { opacity:1 } 
.news__more:hover > b::after  { transform:translate(-50%,-50%) rotate(180deg) }

#etc_event .etc__title , #etc_event .news__more { display:none }
.event__banner , .event__banner::after , .event__banner span , .event__banner::after { 
    display:block ; width:100% ;
    box-sizing:border-box ; border-radius:0.6rem }
.event__banner { 
    font-size:0 ; color:transparent ;
    height:18rem ; position:relative ; 
}
.event__banner span , .event__banner::after {
    display:block ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
.event__banner span { background:no-repeat center ; background-size:cover ; transition:0.3s all ; }
.event__banner span:nth-of-type(1) { background-image:url(../img/thum_event.jpg) }
.event__banner span:nth-of-type(2) { background-image:url(../img/thum_event_hover.jpg) ; opacity:0 }
 
.event__banner::after { content:"" ; border:solid 1px rgba(0,0,0,0.05) ; box-sizing:border-box } 
.event__banner:hover span:nth-of-type(2) { opacity:1 }



/* Section Life */
.life__list , .life__item , .life__link , .life__link::after ,
.life__category , .life__img , .life__img::before , .life__title { width:100% }
.life__link , .life__link::after , .life__category , 
.life__img , .life__img::before , .life__title , .life__img::before { transition:0.3s all }
.life__list { text-align:center }
.life__item { display:inline-block ; margin:0 0.2rem 2rem }
.life__link , .life__link::after { border-radius:0.6rem }  
.life__link { display:block ; position:relative ; background-color:#ffffff }
.life__link:hover  { box-shadow:0 0.2rem 0.3rem rgba(0,0,0,0.2) }
.life__link::after {
    display:block ; content:"" ; height:100% ;
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
.life__link:hover::after { border-color:#f58220 }
.life__category , .life__img , .life__img::before , .life__title { display:block }
.life__category , .life__title { text-align:center }
.life__category { 
    font-size:1.2rem ; line-height:2rem ; color:#ffffff ; 
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; border-radius:0.6rem 0.6rem 0 0 ;
    background-color:#0c3a6b ; padding:0.5rem 0.2rem ;
}
.life__img { height:11rem ; position:relative ; overflow:hidden }
.life__img::before {
    display:block ; content:"" ; width:100% ; height:100% ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:no-repeat center ; background-size:cover ;
}  
.life__link:hover .life__img::before { transform:translate(-50%,-50%) scale(1.1) }
.item41 .life__img::before { background-image:url(../img/thum_img_41.jpg) }
.item42 .life__img::before { background-image:url(../img/thum_img_42.jpg) }
.item43 .life__img::before { background-image:url(../img/thum_img_43.jpg) }
.item44 .life__img::before { background-image:url(../img/thum_img_44.jpg) }
.item45 .life__img::before { background-image:url(../img/thum_img_45.jpg) }

.life__title {
    font-size:1.6rem ; line-height:2.4rem ; word-break:keep-all ;
    padding:1rem 1rem ; 
}
.life__title span { 
    font-size:inherit ; line-height:inherit ; word-break:inherit ;
    font-weight:inherit ; color:inherit ; text-decoration:inherit ;
}
.life__title br , .life__btn , .life__pagination { display:none }
 










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

    /* Visual */
    #visual { width:90% ; max-width:128rem }

    .slide__control { right:0 ; bottom:0 ; top:auto ; z-index:22 }

    .slide__container , .slide__group , .slide__item { height:50rem  }
    .slide__img { 
        width:46.875% ; border-radius:1rem ; 
        position:absolute ; left:0 ; top:0 
    } 
    .slide__box , .slide__link { text-align:left }
    .slide__box , .slide__pagination { width:49.21875% }
    .slide__box {
        height:100% ; margin:0 ; padding:0 4rem 0 0 ;
        position:absolute ; right:0 ; top:0 ; left:auto ; bottom:auto ; transform:none ; 
    }
    .slide__category , .slide__title , .slide__text  { 
        display:block ; word-break:keep-all ;
        text-shadow:none  ; text-align:left 
    } 
    .slide__category { 
        font-size:1.6rem ; line-height:2.4rem ; font-weight:500 ; color:#444444 ;
        margin-bottom:3rem ; padding-top:3rem ; opacity:1 ;
    }

    .slide__title {
        font-size:5.2rem ; line-height:6.4rem ; font-weight:300 ; color:#0c3a6b ;
        margin-bottom:4rem ; letter-spacing:-0.3rem ;
    } 
    .slide__title br { display:block }
    .slide__link:hover .slide__title > b { border-color:#0c3a6b }

    .slide__text { font-size:1.6rem ; line-height:2.8rem ; margin-bottom:3rem }
    .slide__text > span { font-weight:inherit }

    .slide__more , .slide__more__icon { display:inline-block }
    .slide__more , .slide__more__icon , .slide__more__icon::before , .slide__more__icon::after { transition:0.3s all }
    .slide__more { 
        padding:1rem 3.5rem 1.2rem 3rem ;
        font-size:1.4rem ; line-height:2.8rem ; 
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    }
    .slide__more__icon {
        width:1.8rem ; height:1.8rem ; margin-right:0.3rem ;
        position:relative ; top:0.5rem ; opacity:0.5 ; 
    }
    .slide__more__icon::before , .slide__more__icon::after {
        display:block ; content:"" ; width:0.9rem ; height:1px ;
        background-color:#111111 ; 
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
    } 
    .slide__more__icon::after { transform:translate(-50%,-50%) rotate(90deg) }

    .slide__link:hover .slide__more { 
        background-color:#0c3a6b ; border-color:#0c3a6b ; 
        color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    }
    .slide__link:hover .slide__more__icon { opacity:1 ; transform:rotate(90deg) }
    .slide__link:hover .slide__more__icon::before , 
    .slide__link:hover .slide__more__icon::after { background-color:#ffffff }

    .slide__pagination {
        position:absolute ; right:0 ; bottom:0.5rem ; z-index:21 ;
        text-align:left ; padding-right:3rem
    }
    .slide__page { margin:0 1rem 0 0 }

    .slide__btn , .slide__btn::after { border-radius:100% ;}
    .slide__btn { 
        width:6rem ; height:6rem ; 
        background-color:#ffffff ; box-shadow:0 0.2rem 0.3rem rgba(0,0,0,0.2) ;
        transform:translate(-50%,-50%) ;
    }
    .slide__btn::after {
        display:block ; content:"" ; width:100% ; height:100% ; 
        border:solid 1px rgba(0,0,0,0.07) ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    }
    .slide__btn:hover::after { border-color:rgba(0,0,0,0.15) }
 
    #slide_btn_next { right:-6rem }

    .slide__btn::before { border-color:#111111 }
    #slide_btn_prev::before  { border-top:none ; border-right:none ; left:55% } 
    #slide_btn_next::before  { border-bottom:none ; border-left:none ; right:30% }



    /* Main */
    .main__sec , #subscribe_banner , .focus__container { width:90% ; max-width:128rem ; margin:0 auto 10rem } 

    

    /* TOP3 */
    #top3 { max-width:128rem }
    .tap3__container , .tap3__item { transition:0.3s all }
    .tap3__container { padding:0 ; }
    .tap3__container:hover { background-color:#f26900 }
    .tap3__container::after , .tap3__list::after { display:block ; content:"" ; clear:both }
    .tap3__title , .tap3__list { margin:0 ; padding:0  }
    .tap3__title { width:19.5% ; float:left }
    .tap3__title::before { left:0 ; top:50%  } 

    .tap3__title > b {
        width:100% ; padding:1.5rem 1rem 1.7rem ; border:none ;
        font-size:1.6rem ; line-height:2.8rem ; text-align:center ;
    }
    .tap3__list  { width:77.5% ; float:right ; padding:0 }
    .tap3__title::after {
        display:block ; content:"" ; width:1px ; height:2rem ;
        background-color:#ffffff ; opacity:0.2 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .tap3__item { float:left ; width:33.33% ; margin:0 ;  } 
    .tap3__item:last-child { background:none }
    .tap3__link { 
        font-size:1.8rem ; line-height:2.8rem ; 
        border:none ; padding:1.5rem 3rem 1.7rem 1rem ;
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis ;
    }
    .tap3__link::before { top:3rem } 
    .tap3__list:hover .tap3__item { width:25% }
    .tap3__list:hover .tap3__item:hover { width:50% }

    .tap3__link::after { 
        display:block ; content:"" ; width:6.2rem ; height:6.2rem ; 
        background:url(../img/top3_light.png) no-repeat 100.5% 50% ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ; 
        opacity:0.3 ;
    }
    .tap3__item:last-child .tap3__link::after { display:none }  
    .tap3__list:hover .tap3__link::after { opacity:0.7 }
    


    /* Subscribe Banner */
    #subscribe_banner { height:12rem ; background-image:url(../img/subscribe_bg_pc.jpg) }
    .SB__container    { left:50% ; width:94% ; transform:translate(-50%,-50%) }
    .SB__text         { width:60% ; margin:0 } 
    .SB__text span , .SB__text b { text-shadow:0 0 0.3rem rgba(255,255,255,0.6) }
    .SB__text span:first-child { font-size:3rem ; line-height:3.4rem }
    .SB__text span:last-child  { font-size:1.8rem }
    .SB__btn { position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) }



    /* Section Story */
    .sec__title     { font-size:4rem ; line-height:5rem ; font-weight:300 ; margin-bottom:4rem }
    .story__container { justify-content:space-between }  
    .story__link    { margin:0 ; width:32.0312% }
    .story__img     { height:25rem } 
    .story__img::after { display:none }
    .story__category {
        position:static ; padding:2rem 0.5rem 1.2rem ;
        font-size:1.2rem ; line-height:1.8rem ; color:#595959 ; font-weight:400 ;
        text-shadow:none ;
    }
    .story__title {
        font-size:2rem ; line-height:2.8rem ;
        margin-bottom:2rem ; padding:0 2.5rem ;
    }



    /* Section Focus */
    #sec_focus { width:100% ; max-width:none ; padding:8rem 0 }
    .focus__container { margin:auto }
    .focus__link { width:23.8281% ; max-width:30.5rem ; margin:0 0 2rem }
    .focus__link , .focus__img { height:31rem }

    .focus__img::after { opacity:0.5 ; transform:none ; left:0 ; top:0 }
    .focus__link:hover .focus__img::after { top:60% ; opacity:0.7 ; border-radius:0.6rem }
     


    /* Section Etc */
    .etc__container::after { display:block ; content:"" ; clear:both }
    #etc_news , #etc_event { margin:0 }
    #etc_news   { float:left ; width:46.875% ; max-width:60rem }
    #etc_event  { float:right ; width:49.21875% ; max-width:63rem }
    #etc_event .etc__title , #etc_event .news__more { display:block }
    .etc__title { font-size:2.2rem ; line-height:2.8rem }
    .news__more { top:0.4rem }
    .news__link { 
        word-wrap:break-word ; white-space:nowrap ; overflow:hidden ; text-overflow:ellipsis ;
        line-height:2.7rem ; padding:1rem 0.3rem 1.2rem ;
    }
    .news__link:hover  { border-color:#f58220 }
    .news__link::after { display:none } 
    .event__banner     { height:20.2rem }



    /* Section Life */
    .life__container , .life__slide , .life__list { position:relative }
    .life__slide { overflow:hidden ; padding:0.3rem 0 }
    .life__slide , .life__list { height:32.5rem }
    .life__item  { display:block ; margin:0 ; width:32.03125% ; position:absolute ; top:0 } 
    .life__link  { height:31rem } 
    .life__item:nth-child(1) { left:0 }
    .life__item:nth-child(2) { left:33.9843% } /* 435 */
    .life__item:nth-child(3) { left:67.9687% } /* 870 */
    .life__item:nth-child(4) { left:101.9531% } /* 1305 */
    .life__item:nth-child(5) { left:135.9375% } /* 1740 */
    .life__item:nth-child(6) { left:169.9218% } /* 2175 */
    .life__category { padding:1rem 0.5rem ; text-shadow:none ; color:#444444 ; background:none ; opacity:0.8 }

    .life__img , .life__title { width:94% ; margin:auto }
    .life__img   { height:18rem ; border-radius:0.4rem }
    .life__title { 
        padding:1.5rem 0 ;
        font-size:2rem ; line-height:3rem ; font-weight:500 ; letter-spacing:-0.05rem }

    .life__title br , .life__btn , .life__pagination { display:block }

    .life__pagination { width:100% ; text-align:center ; font-size:0 ; color:transparent } 
    .life__page , .life__btn::before { transition:0.3s all }
    .life__page {
        display:inline-block ; width:1rem ; height:1rem ; border-radius:1rem ;
        background-color:#eeeeee ; margin:0.2rem 0.5rem
    }
    .life__page:hover { background-color:#444444 }
    .life__page.now   { background-color:#f58220 ; width:4rem }

    .life__btn {
        width:5rem ; height:5rem ; 
        position:absolute ; top:46% ; transform:translateY(-50%) ;
        font-size:0 ; color:transparent ;  
    }
    .life__btn::before {
        display:block ; content:"" ; width:2rem ; height:2rem ;
        border:solid 1px #111111 ; opacity:0.3 ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    }
    .life__btn:hover::before  { opacity:0.8 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }
    #life_btn_prev { left:-5rem }
    #life_btn_next { right:-5rem }

    #life_btn_prev::before  { border-top:none ; border-right:none ; left:60% }
    #life_btn_next::before  { border-bottom:none ; border-left:none ; left:40% }
 
} 
    
@media print { 
     
}