@charset "utf-8";
main .main-slide div .s1 { background: url(../img/sub1/image6.jpg) no-repeat center/cover; }
main .contents p { margin: 0; }
main .contents h1 { margin-bottom: 80px; color: #FDFDFD; text-align: center; }

.travels ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.travels ul li { width: calc(50% - 20px); }
.travels ul> :nth-child(-n+6) { margin-bottom: 60px; }
.travels ul li> :first-child { width: 100%; aspect-ratio: 4/3; margin-bottom: 30px; }
.travels ul li .img1 { background: url(../img/sub5/image1.jpg) no-repeat center/cover; }
.travels ul li .img2 { background: url(../img/sub5/image2.jpg) no-repeat center/cover; }
.travels ul li .img3 { background: url(../img/sub5/image3.jpg) no-repeat center/cover; }
.travels ul li .img4 { background: url(../img/sub5/image4.jpg) no-repeat center/cover; }
.travels ul li .img5 { background: url(../img/sub5/image5.jpg) no-repeat center/cover; }
.travels ul li .img6 { background: url(../img/sub5/image6.jpg) no-repeat center/cover; }
.travels ul li .img7 { background: url(../img/sub5/image7.jpg) no-repeat center/cover; }
.travels ul li .img8 { background: url(../img/sub5/image8.jpg) no-repeat center/cover; }
.travels ul li div .tit { margin-bottom: 30px; padding-left: 20px; }
.travels ul li div .tit h1 { font-size: 32px; }
.travels ul li> div> p { padding-left: 20px; text-align: justify; }


@media screen and (max-width: 1680px) {
    .travels { padding: 130px 3%; }
}

@media screen and (max-width: 1024px) {
    .travels ul li { width: calc(50% - 15px); }
}

@media screen and (max-width: 840px) {
    .travels { padding: 100px 3%; }
}

@media screen and (max-width: 600px) {
    .travels { padding: 80px 3%; }
    .travels ul li { width: 100%; } 
    .travels ul :nth-child(7) { margin-bottom: 30px; }
    .travels ul li> div> p { padding: 0 20px; }
}