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

/* list */
.inno10__list__box, .inno10__list__num , .inno10__list__link , .inno10__list__link::before { transition:0.3s all }
.inno10__list__box, .inno10__list__link { position:relative }
.inno10__list__item {  margin-bottom:1.5rem }
.inno10__list__item:last-child { margin-bottom:0 }
.inno10__list__box{ 
    display:block ; border-radius:0.6rem ; border:solid 1px rgba(0,0,0,0.1) ;
   ; padding:0 1rem 0 4rem ; 
    background-color:#ffffff ;
} 
.inno10__list__box:hover , .inno10__list__box:focus { box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) }

.inno10__list__num { 
    width:3rem ; height:3rem ; display:block ; overflow:hidden ; border-radius:0.2rem ;
    font-size:1.8rem ; line-height:2.8rem ; color:#ffffff ; text-align:center ; text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
    background-color:#444444 ; padding-top:0.1rem ;
    position:absolute ; left:0 ; top:1.5rem
}
.inno10__list__title {
    font-size:2rem ; line-height:2.8rem ; font-weight:600 ; color:#111111 ;
    padding:1.5rem 0.2rem 1.7rem ; 
}
.inno10__list__link { 
    display:block ; padding:1rem 0.2rem  ;
    font-size:1.6rem ; line-height:2.4rem ;
    border-top:dashed 1px rgba(0,0,0,0.15) ;
}
.inno10__list__link::before {
    display:block ; content:"" ; width:0 ; height:1px ;
    background-color:#ff9828 ;
    position:absolute ; left:0 ; top:-1px
}
.inno10__list__item:hover .inno10__list__link::before ,
.inno10__list__item:focus .inno10__list__link::before { width:100% }
.inno10__list__item:hover .inno10__list__link ,
.inno10__list__item:focus .inno10__list__link { color:#111111 }
.inno10__list__item:hover .inno10__list__num ,
.inno10__list__item:focus .inno10__list__num { background-color:#ff9828 }









/* PC */
@media all and (min-width:1024px){ 
 
} 
 




/* PRINT */
@media print {   }