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

/* summary guide */
.summ__guide { padding-bottom:1rem ; border-bottom:solid 0.3rem #ff9828 ; text-align:right ; font-size:0 } 
.summ__guide::after { display:block ; content:"" ; clear:both } 

.summ__guide__txt { 
    float:left ; margin-right:2rem ;
    font-size:1.6rem ; line-height:2.8rem ; padding:0.5rem 0 0.5rem }

.summ__btn {  
    display:inline-block ; border:solid 1px rgba(0,0,0,0.1) ;  
    background-color:#ffffff ; border-radius:0.4rem ; position:relative ;
    font-size:1.6rem ; line-height:3rem ; padding:0.5rem 2rem 0.5rem 4.5rem ; margin:0
}
.summ__btn , .summ__btn__icon , .summ__btn__icon span , .summ__btn::after { transition:0.3s all }

.summ__btn__icon {
    display:block ; overflow:hidden ; width:2rem ; height:2rem ;  opacity:0.7 ;
    position:absolute ; left:3rem ; top:50% ; transform:translate(-50%,-50%) ; 
}
.summ__btn__icon span { 
    display:block ; width:0.2rem ; height:0.2rem ; 
    background-color:#111111 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) 
}
.summ__btn__icon span:nth-child(1) { left:25% }
.summ__btn__icon span:nth-child(3) { left:75% }

.summ__btn:hover , .summ__btn:focus  { background-color:#111111 ; border-color:#111111 ; color:#ffffff }
.summ__btn:hover .summ__btn__icon , .summ__btn:focus .summ__btn__icon { transform:translate(-50%,-50%) scale(1.1) rotate(180deg) ; opacity:1 }
.summ__btn:hover .summ__btn__icon span , .summ__btn:focus .summ__btn__icon span { background-color:#ffffff }

.close .summ__btn__icon span { width:1.4rem ; border-radius:1rem }
.close .summ__btn__icon span:nth-child(1) { left:50% ; top:25% }
.close .summ__btn__icon span:nth-child(2) { left:50% ; top:50% }
.close .summ__btn__icon span:nth-child(3) { left:50% ; top:75% }

.summ__btn.close , .summary .summ__btn.open { display:none }
.summary .summ__btn.close { display:inline-block }



/* summary item */
.summ__item , .summ__img::before ,
.summ__title__icon::before , .summ__title__icon::after , .summ__txt span { transition:0.3s all }
.summ__item        { padding:2rem 0.2rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; position:relative }
.summ__item:hover  { border-color:rgba(0,0,0,0.3) } 
.summ__title br , .summ__name br , .summ__txt br  { display:none }
.summ__title , .summ__name { word-break:keep-all }
.summ__title       { 
    padding-right:5rem ; position:relative ; letter-spacing:-0.1rem ;
    font-size:2.4rem ; line-height:3.4rem ; font-weight:600 ; color:#111111 ; margin-bottom:2rem }
.summ__title__icon { 
    display:block ; overflow:hidden ; width:4rem ; height:4rem ; 
    position:absolute ; right:0 ; top:-0.2rem ;
    font-size:0 ; color:transparent }
.summ__title__icon::before , .summ__title__icon::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 ;
}  
.summ__title__icon::before { border:solid 1px rgba(0,0,0,0.1) ; border-radius:100% }
.summ__title__icon::after  {
    background:url(../img/icon_sprite.png) no-repeat -20rem -4rem ; background-size:auto 8rem ;
    opacity:0.5 ;
}
.summ__item:hover .summ__title__icon::before { background-color:#111111 ; border:none }
.summ__item:hover .summ__title__icon::after  { 
    background-position:-20rem 0 ; opacity:1 ;
    transform:translate(-50%,-50%) scale(1.1)
}

.summ__name , .summ__txt  { display:block }    
.summ__name  { font-size:2rem ; line-height:2.8rem ; font-weight:bold ; margin-bottom:2rem }
.summ__txt   { font-size:1.8rem ; line-height:3rem ; text-align:justify; margin-bottom:3rem } 
.summ__txt span { border-bottom:solid 1px rgba(0,0,0,0) ; padding-bottom:0.2rem }
.summ__item:hover .summ__txt span { border-color:rgba(0,0,0,0.1) }
.summ__img , .summ__img::after    { border-radius:0.6rem ; overflow:hidden }
.summ__img   {
    display:block ; ; position:relative ;
    width:100% ; max-width:35rem ; height:25rem ; margin:auto }
.summ__img::before , .summ__img::after { 
    width:100% ; height:100% ; display:block ; content:"" ; box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) 
}
.summ__img::after  { border:solid 1px rgba(0,0,0,0.1) }
.summ__img::before { 
    transform:translate(-50%,-50%) scale(1.01) ;
    background:no-repeat center #eee ; background-size:cover ;
} 

.summ__item:hover .summ__img::before { transform:translate(-50%,-50%) scale(1.06) }

.summ__link { 
    display:block ; overflow:hidden ; width:100% ; height:100% ; 
    font-size:0 ; color:transparent ;
    position:absolute ; left:0 ; top:0 
}

.summary .summ__item { padding:1.5rem 0.2rem } 
.summary .summ__txt , .summary .summ__img { display:none } 
.summary .summ__name { margin:0 } 

 



/* PC */
@media screen and (min-width:1024px){ 
    
    /* summary item */
    .summ__item  { padding:3rem 39rem 3rem 0.2rem ; min-height:32rem }
    .summ__item::after {
        display:block ; overflow:hidden ; content:"" ; width:0 ; height:1px ; background-color:#ff9828 ;
        position:absolute ; left:0 ; bottom:-1px ; transition:0.5s all ;
    }
    .summ__item:hover::after { width:100% }
    .summ__title { 
        display:inline-block ; padding-right:6rem ; 
        font-size:2.8rem ; line-height:4rem ;  
        font-family:"GongGothicMedium",sans-serif ; font-weight:400 ;
    }
    .summ__txt ,
    .summary .summ__title { display:block ; margin-bottom:0 }
    .summ__title__icon { top:-0.3rem } 
    .summ__img { position:absolute ; right:0.2rem ; top:3rem }
    
    .summary .summ__item { padding:2rem 0.2rem ; min-height:auto } 


    /* tab+2503 */
    .tab__item:nth-last-of-type(1) , .tab__item:nth-last-of-type(3) { width:31% } 
    .tab__item:nth-last-of-type(2) { width:37% } 
}   
 




/* PRINT */
@media print {   }