@charset "UTF-8";
@import url('style.css');

.intro_container {
    display: flex;
    margin: 0;
    padding: 26px 24px;
    justify-content: center;
    align-items: center;
    background: var(--primary, #237DFF);
    overflow: hidden; /* 親要素の外側を隠す */
}

.fig {
    height: 183px;
}
.img-scroll {
    display: flex;
    width: calc(789.33px + 64px);
    gap: 16px;
    overflow-x: auto; /* 横方向のスクロールを有効にする */
    white-space: nowrap; /* 子要素を横一列に配置する */
    text-align: center; /* 画像を中央に配置 */
}


.img-container {
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    height: 148px; /* コンテナの高さを指定 */
    text-align: center; /* 画像を中央に配置 */
    line-height: 148px; /* 画像の高さに合わせる */
    background-color: #000000;
}

.img-container img {
    max-height: 100%; /* 画像の高さがコンテナの高さに合わせる */
    width: auto; /* 幅を自動に設定して、アスペクト比を維持 */
    cursor: pointer;
    
}

.img-container img:hover{
    opacity: 0.8;
    transition:0.3s;    
}