@charset "utf-8";   

/* main-10 */ 
.main10__sec   { width:100% ; padding:6rem 0 } 
.main10__title {
    font-size:3.4rem ; line-height:140% ; font-weight:600 ; color:#111111 ; text-align:center ;
    margin-bottom:3rem ; letter-spacing:-0.1rem ;
}
.main10__list  { width:96% ; max-width:120rem ; margin:auto ; border-top:solid 0.2rem #444444 }  
.main10__link  { 
    display:block ; border-bottom:solid 1px rgba(0,0,0,0.1) ; position:relative ;
    padding:1rem 0.2rem ; padding-right:3rem ; 
}
.main10__link , .main10__link::after , .main10__date , .main10__list__title , .main10__list__desc { transition:0.3s all }
.main10__link::after { 
    display:block ; content:"" ; overflow:hidden  ; width:0 ; height:0.2rem ;
    background-color:#ff6600 ; 
    position:absolute ; left:0 ; bottom:-1px ;
}
.main10__link:hover:after { width:100% ;}
.main10__date {
    display:inline-block ; padding:0.2rem 0.5rem 0.4rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:100% ; color:#ffffff ;
    background-color:#444444 ;
}
.main10__date_YM , .main10__date__D { color:inherit }
.main10__date__D::before { content:"-" }
.main10__list__title , .main10__list__desc { display:block ; line-height:160% }
.main10__list__title { font-size:2rem ; font-weight:600 ; letter-spacing:-0.05rem }
.main10__list__desc  { font-size:1.6rem } 
.main10__link:hover .main10__list__title , .main10__link:hover .main10__list__desc { color:#111111 }

.main10__list__icon {
    display:block ; width:2rem ; height:1rem ; opacity:0.3 ; 
    position:absolute ; right:0.2rem ; top:50% ; transform:translateY(-50%) ; 
    transition:0.3s all ;
}
.main10__link:hover .main10__list__icon { opacity:1 ; right:0.7rem }
.main10__list__icon::before , .main10__list__icon::after {
    display:block ; content:"" ; height:0.1rem ; 
    background-color:#111111 ;
    position:absolute ; 
} 
.main10__list__icon::before { 
    width:100% ; 
    left:0 ; bottom:0 ; 
}
.main10__list__icon::after {
    width:0.6rem ;
    right:0 ; bottom:0.2rem ; transform:rotate(45deg) ; 
}


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

    /* main-10 */
    .main10__sec   { padding:8rem 0 }
    .main10__title { font-size:4rem } 

    .main10__link { padding:1.5rem 4rem 1.7rem 5.5rem ; }
    .main10__date { 
        width:4.6rem ; text-align:center ; padding:0.4rem 0.2rem 0.5rem ;
        position:absolute ; left:0.2rem ; top:2.3rem ;
        overflow:hidden ;
    }
    .main10__list__title { font-size:2.2rem }
    .main10__list__icon  { width:2.4rem ; top:3.2rem }

    .main10__item:first-child .main10__link { padding-left:7rem } 
    .main10__item:first-child .main10__date { width:6rem ; height:6rem ; top:1.7rem }
    .main10__item:first-child .main10__date_YM , .main10__item:first-child .main10__date__D { display:block ; line-height:100% }
    .main10__item:first-child .main10__date__D::before { content:"" }
    .main10__item:first-child .main10__date_YM { padding-top:0.2rem ; margin-bottom:0.2rem }
    .main10__item:first-child .main10__date__D { font-size:3.4rem ; font-weight:600 ;}
 
}
 




@media print {  }