@charset "utf-8";   

/* main-9 */ 
.main9__sec   { width:100% ; padding:6rem 0 } 
.main9__title {
    font-size:3.4rem ; line-height:140% ; font-weight:600 ; color:#111111 ; text-align:center ;
    margin-bottom:3rem ; letter-spacing:-0.1rem ;
}
.main9__list  { 
    width:96% ; max-width:120rem ; margin:auto ;  
    text-align:center ; font-size:0 ;
} 
.main9__item {
    display:inline-block ; width:16% ; min-width:10rem ; max-width:20rem ; 
    margin-bottom:2rem ;
}
.main9__link { width:90% ; display:block } 
.main9__icon , .main9__icon::before , .main9__text { transition:0.3s all }
.main9__icon , .main9__icon::before { display:block ; overflow:hidden ; width:8rem ; height:8rem }
.main9__icon { 
    font-size:0 ; color:transparent ; text-indent:-99rem ;
    margin:0 auto 0.5rem ; position:relative ; border-radius:100% ;
}
.main9__link:hover .main9__icon { background-color:#eeeeee }
.main9__icon::before { 
    content:"" ; position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(0.7) ;
    background:no-repeat center ; background-size:cover ;
    opacity:0.7 ;
}
.main9__item:nth-child(1) .main9__icon::before { background-image:url(../icons/icon_bell.svg) }
.main9__item:nth-child(2) .main9__icon::before { background-image:url(../icons/icon_book.svg) }
.main9__item:nth-child(3) .main9__icon::before { background-image:url(../icons/icon_link.svg) }
.main9__item:nth-child(4) .main9__icon::before { background-image:url(../icons/icon_search.svg) }
.main9__item:nth-child(5) .main9__icon::before { background-image:url(../icons/icon_people.svg) }
.main9__item:nth-child(6) .main9__icon::before { background-image:url(../icons/icon_talk.svg) } 
.main9__link:hover .main9__icon::before { transform:translate(-50%,-50%) scale(0.6) ; opacity:1 }


.main9__text { font-size:1.4rem ; line-height:110% ; word-break:keep-all }
.main9__link:hover .main9__text { color:#111111 }




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

    /* main-9 */
    .main9__sec   { padding:8rem 0 }
    .main9__title { font-size:4rem } 

    .main9__list { display:flex ; flex-wrap:wrap ; justify-content:center ; gap:0 }
    .main9__item { 
        display:block ; margin:0 ; width:auto ; 
        position:relative;
        flex:1 1 16.66% ;  
    }
    .main9__item::after {
        display:block ; content:"" ; width:1px ; height:30% ; 
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .main9__item:last-child:after { display:none }
    
}
 




@media print {  }