@charset "utf-8";

.main-bn { height: 60vh; background: url('../img/sub1/image10.jpg') no-repeat center bottom/cover; }

.titles { text-align: center; }
.titles.p130 { padding-bottom: 40px; }
.titles h5 {font-family: 'ELAND_Choice_M'; font-size:14px; color: #888; margin-bottom: 10px;}
.titles h3 {font-family: 'EBSHMJESaeronRA'; color:#333; font-size: 45px; }

.tlist { padding-bottom: 130px; display: flex; flex-wrap: wrap; justify-content: space-between; /*gap: 0 30px;*/ }
.tlist li { display: flex; flex-direction: column; width: 48%;  }
.tlist> :nth-child(-n+8) { margin-bottom: 50px; }
.tlist li div { width: 100%; }
.tlist li .imgbox { aspect-ratio: 4/3; background-position: center; background-size: cover; background-repeat: no-repeat; /*margin-right: 40px;*/}
.tlist li .img1 { background-image: url('../img/sub6/image1.jpg'); }
.tlist li .img2 { background-image: url('../img/sub6/image2.jpg'); }
.tlist li .img3 { background-image: url('../img/sub6/image3.jpg'); }
.tlist li .img4 { background-image: url('../img/sub6/image4.jpg'); }
.tlist li .img5 { background-image: url('../img/sub6/image5.jpg'); }
.tlist li .img6 { background-image: url('../img/sub6/image6.jpg'); }
.tlist li .img7 { background-image: url('../img/sub6/image7.jpg'); }
.tlist li .img8 { background-image: url('../img/sub6/image8.jpg'); }
.tlist li .img9 { background-image: url('../img/sub6/image9.jpg'); }
.tlist li .img10 { background-image: url('../img/sub6/image10.jpg'); }
.tlist li> :last-child { padding-top: 20px; }
.tlist li div h5 { font-size: 24px; font-family: 'EBSHMJESaeronRA'; line-height: 1.5em; text-align: center;}
.tlist li div :nth-child(2) { font-size: 16px; font-family: 'ELAND_Choice_M'; margin-bottom: 10px; text-align: center; }
.tlist li div :last-child { font-size: 14px; font-family: 'ELAND_Choice_L'; color:#333; }

@media screen and (min-width:1px) and (max-width:1440px){
    .tlist li { width: 49%; }
}
@media screen and (min-width:1px) and (max-width:1024px){
    .tlist li> :last-child { padding-top: 20px; }
}

@media screen and (min-width:1px) and (max-width:768px){
    .titles h3 { font-size: 36px; }
    .titles h5 { margin: 0; }
 
    .tlist li { display: block; width: 100%; }
    .tlist :nth-child(9) { margin-bottom: 50px; }
    .tlist li div { width: 100%; }
    .tlist li .imgbox { margin-right: 0; aspect-ratio: 16/9;}
    .tlist li div h5 { font-size: 22px;}
    .tlist li div :nth-child(2) { font-size: 14px; font-family: 'ELAND_Choice_M'; margin-bottom: 10px; }
    .tlist li div :last-child { font-size: 13px; }
}
@media screen and (min-width:1px) and (max-width:520px){
    .tlist> :not(:last-child) { margin-bottom: 30px;  }
}