/*プロフィールページ画像横スクロール*/

.slide-holizontal {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
background: #fff;
-webkit-overflow-scrolling: touch;
padding: 0px;
margin: 20px 0 0 0;
}

.slide-guide {
margin: 0 0 5px 0;
}

.slide-inner {
display: flex;
gap: 1%;
width: 160%;
-webkit-overflow-scrolling: touch;
}

.slide-inner li {
width: calc(160% / 4);
text-align: center;
border: 1px #947337 solid;
box-sizing: border-box;
padding: 2px;
}

.slide-inner:has(> :nth-child(3):last-child) {
width: 120%;
}

.slide-inner:has(> :nth-child(3):last-child) li {
width: calc(120% / 3);
}

.slide-inner:has(> :nth-child(2):last-child) {
width: 100%;
}

.slide-inner:has(> :nth-child(2):last-child) li {
width: calc(80% / 2);
}

.slide-inner li .slide-image {
width: 100%;
aspect-ratio: 9/12;
}

.slide-inner li .slide-image img {
height: 100%;
object-fit: contain;
}

.slide-inner li span {
display: inline-block;
font-size: 0.9em;
padding: 10px 0;
}

@media screen and (max-width: 768px) {
.slide-inner li span {
font-size: 0.6em;
padding: 2px 0;
}
}