@charset "utf-8";

/* notice */
.gallery-wide-list {display: flex; flex-direction: column; gap: 123rem; margin-top: 60rem;}
.gallery-wide-list li{position: relative;}
.gallery-wide-list .gallery-list__img{flex-shrink: 0; height:120rem;width: 160rem; border-radius: 5rem;}
.gallery-wide-list .gallery-list__img img{display:block; width:100%; height:100%; object-fit:cover;}
.gallery-wide-list .gallery-list__img:not(:has(img)) {position: relative; background: var(--op-w10);}
.gallery-wide-list .gallery-list__img:not(:has(img))::after {opacity: .3; position: absolute; left: 50%; top: 50%; content:''; width: 70%; aspect-ratio: 110 / 12; background: url(../../../img/layout/logo_gts_w.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.gallery-wide-list li a{display:flex;}
.gallery-wide-list__link{display:flex; align-items:center; position:absolute; right:0; font-size:13rem; text-decoration:underline;}
.gallery-wide-list__title strong{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: var(--font-19); font-weight: 700; letter-spacing: -0.01em; color: var(--w);}
.gallery-wide-list__title p{display:-webkit-box;overflow:hidden;margin-top:8rem;max-width: 100%;-webkit-line-clamp: 1;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:62rem; font-size: 16rem; color:var(--op-w50);}
.gallery-wide-list__title{display: flex; flex-direction: column; margin-left:30rem;}
.gallery-wide-list__title i{display:block; margin-top: auto; font-family: var(--lang-en); font-size: var(--font-13); color: var(--op-w50);}
.gallery-wide-list__link::after{margin-left:150rem;}
.gallery-wide-list li a > i{margin-right:100rem; padding-top:30rem; font-size:15rem; color:var(--b-01);}

@media (max-width:1023px){
    .gallery-wide-list {gap: 0; margin-top: 0;}
    .gallery-wide-list li a {padding: 60rem 0;}
    .gallery-wide-list li:not(:last-child) {border-bottom: 1px solid var(--op-w05);}
}

@media (max-width:860px){
    .gallery-wide-list li a {padding: 42rem 0;}
}

@media (max-width:540px){
    .gallery-wide-list__title {margin-left: 0;}
    .gallery-wide-list .gallery-list__img {display: none;}
    .gallery-wide-list li:first-child {border-top: 1px solid var(--op-w05);}
    .gallery-wide-list li a {padding: 30rem 0;}
    .gallery-wide-list__title i {margin-top: 20rem;}
}