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

/* Visual */
.visual__container , .visual__img  { height:20rem } 



/* acc */
#acv_acc , .acv__acc__item , .acv__acc__header , .acv__acc__body { width:100% }
.acv__acc__item   { border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.6rem ; margin-bottom:0.5rem ; background-color:#ffffff }
.acv__acc__item.open { border-color:rgba(0,0,0,0.2) ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ;}
.acv__acc__header { position:relative ; padding-right:5rem }
.open .acv__acc__header { border-bottom:dashed 1px rgba(0,0,0,0.15) }
.acv__acc__year {  
    font-size:2.4rem ; line-height:3.8rem ; font-weight:bold ; color:#111111 ;
    padding:1rem 0.5rem 1.2rem 2rem ; letter-spacing:-0.15rem ;
}
.acv__acc__item , .acv__acc__body ,
.acv__acc__btn , .acv__acc__btn::before , .acv__acc__body { transition:0.3s all }
.acv__acc__btn { 
    width:100% ; height:100% ;  
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0
}
.acv__acc__btn::before {
    display:block ; content:"" ; width:0.8rem ; height:0.8rem ; 
    position:absolute ; right:2rem ; top:50% ; transform:translate(-50%,-50%) rotate(45deg) ;
    border:solid 0.2rem #111111 ; border-left:none ; border-top:none ;
    opacity:0.5 ;
} 
.acv__acc__btn:hover::before { opacity:1 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }

.open .acv__acc__btn::before { 
    border-color:#39ab21  ; opacity:1 ;
    top:52% ; transform:translate(-50%,-50%) rotate(225deg) scale(1.1)
}
 
.acv__acc__body       { overflow:hidden ; height:0 ; padding:0 2rem }
.open .acv__acc__body { padding:3rem 2rem 0 ; height:auto } 
.acv__acc__container  {
    display:none ; padding:0 ;
    width:100% ; text-align:center ;
}
.open .acv__acc__container { display:block }



/* list */
.archive__list { text-align:center ; font-size:0  }
.archive__link { margin:0 0.2rem 4rem ; width:20rem ; display:inline-block } 
.archive__img , .archive__img::after { border-radius:0.6rem }
.archive__img {  
    display:block ; width:100% ; height:27rem ;
    position:relative;
} 
.archive__img { background:no-repeat center ; background-size:cover }
.archive__img::after  {  
    display:block ; content:"" ; width:100% ; height:100% ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.archive__img::after {  border:solid 1px rgba(0,0,0,0.1) }
.archive__txt {  
    display:block ; padding:0.5rem 0.2rem 0.7rem ;
    font-size:1.6rem ; line-height:2.8rem ; text-align:center ;
    position:relative;
}
.archive__txt::after { 
    display:block ; width:0 ; height:1px ; content:"" ;
    background-color:#54db37 ;
    position:absolute; left:50% ; bottom:0 ; transform:translateX(-50%) ;
 } 
.archive__txt , .archive__img::after , .archive__txt::after { transition:0.3s all }
.archive__link:hover .archive__txt   { color:#111111 }
.archive__link:hover .archive__img::after { border:solid 0.3rem #54db37 ; opacity:0.7 }
.archive__link:hover .archive__txt::after { width:100% }  




 
@media screen and (min-width:1024px){ 
 
    /* Visual */
    #visual, .visual__container, .visual__img { height:40rem }
 
} 
    
@media print { }