@charset "utf-8";

main { width: 90%; height: 45vh; background: url(../img/sub1/image16.jpg) no-repeat center 90%/cover; margin-left: auto; }
main .txtbox { font-size: 36px; }
main .txtbox span { display: block; font-size: 16px; font-family: 'Interop'; margin-bottom: 10px; line-height:normal; }


.t-list { width: 90%; margin-left: auto; padding: 150px 80px; }
.t-list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.t-list ul li { width: 48%; }
.t-list ul> :not(:last-child) { margin-bottom: 60px; }
.t-list ul li .imgbox { width: 100%; aspect-ratio: 1.618/1; margin-bottom: 40px; }
.t-list ul li .img1 { background-image: url(../img/sub5/image1.jpg); } 
.t-list ul li .img2 { background-image: url(../img/sub5/image2.jpg); } 
.t-list ul li .img3 { background-image: url(../img/sub5/image3.jpg); } 
.t-list ul li .img4 { background-image: url(../img/sub5/image4.jpg); } 
.t-list ul li .img5 { background-image: url(../img/sub5/image5.jpg); } 
.t-list ul li .img6 { background-image: url(../img/sub5/image6.jpg); } 
.t-list ul li .img7 { background-image: url(../img/sub5/image7.jpg); } 
.t-list ul li .img8 { background-image: url(../img/sub5/image8.jpg); } 
.t-list ul li> :last-child { }
.t-list ul li div h2 { margin-bottom: 20px; background: #f5efe7
; line-height: 2em; padding-left: 20px; } 
.t-list ul li div h2 span { font-size: 16px; margin-right: 10px;  }
.t-list ul li div> span { display: block; margin-bottom: 20px; font-size: 16px; font-weight: 500; padding-left: 20px; }
.t-list ul li div p { padding: 0 20px; text-align: justify; }


footer .imgbox { background-image: url('../img/sub1/image19.jpg'); }


@media screen and (max-width: 1024px){
    main { width: 100%; }
    .t-list { width: 100%; padding: 80px 4%; }
}

@media screen and (max-width: 840px){
    main .txtbox { font-size: 32px; }
    main .txtbox span { font-size: 12px; }

    .t-list ul { display: block;}
    .t-list ul li { width: 100%; }
    .t-list ul li div> span { font-size: 14px; margin-bottom: 10px; }
}

@media screen and (max-width: 540px){
    .t-list ul li .imgbox { margin-bottom: 20px; }
}