@charset "utf-8";   
 
/* main-1 */
.main1__sec , .main1__inner { width:100% }
.main1__sec   { padding:6rem 1.5rem }
.main1__inner { display:flex ; flex-wrap:wrap ; justify-content:center ; gap:2rem }  
.main1__link  {
    display:block ; min-width:250px ; max-width:38rem ;  
    flex:1 1 30% ; margin-bottom:2rem ;
}
.main1__link:last-child { margin-bottom:0 }
.main1__item__img , .main1__item__img::before { display:block ; width:100% ; border-radius:0.4rem }
.main1__item__img { overflow:hidden ; height:22rem ; position:relative ; margin-bottom:1rem }
.main1__item__img::before { 
    height:100% ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) scale(1.01) ;
    background:no-repeat center ; background-size:cover ;
}
.item1 .main1__item__img::before { background-image:url(../img/thum_450_300.jpg) }
.item2 .main1__item__img::before { background-image:url(../img/thum_450_300.jpg) }
.item3 .main1__item__img::before { background-image:url(../img/thum_450_300.jpg) }

.main1__item__title , .main1__item__txt { display:block ; line-height:160% }
.main1__item__title > span , .main1__item__txt > span {
    font-size:inherit ; line-height:inherit ; font-weight:inherit ; color:inherit ; 
    word-break:keep-all ; letter-spacing:inherit ;
    border-bottom:solid 1px rgba(0,0,0,0) ; padding-bottom:0.2rem ;
}
.main1__item__title { font-size:2.2rem ; font-weight:600 ; letter-spacing:-0.1rem ; margin-bottom:0.5rem }
.main1__item__txt   { font-size:1.6rem }

.main1__item__img , .main1__item__img::before , 
.main1__item__title > span , .main1__item__txt > span { transition:0.3s all }

.main1__link:hover .main1__item__img::before { transform:translate(-50%,-50%) scale(1.1) }
.main1__link:hover .main1__item__title > span , .main1__link:hover  .main1__item__txt > span { 
    color:#111111  ; border-color:rgba(0,0,0,0.4) ;
}





@media screen and (min-width:1024px){ 
    

    /* main-1 */
    .main1__sec   { padding:8rem 0 }
    .main1__inner { max-width:120rem ; margin:auto ; gap:3rem } 
    .main1__link  { margin-bottom:0 }

}
  




@media print {  } 