@charset "UTF-8";
/*-----------------------------共通設定-----------------------------*/
.catalog-intro {
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalog-img {
    width: 40%;
    text-align: center;
}
.catalog-content {
    width: 60%;
}
.catalog-actions {
    margin: 20px 20px 0;
}
.catalog-preview {
    display: flex;
}
.catalog-preview img {
    width: 50%;
    padding: 10px;
}
/*-------------------------------------------------------------------*/
/*---------------------------タブレット用------------------------------*/
/*-------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
.catalog-link {
    scroll-margin-top: 100px;
}
}
/*-------------------------------------------------------------------*/
/*-----------------------------スマホ用------------------------------*/
/*-------------------------------------------------------------------*/

@media screen and (max-width:767px) {
    .catalog-link {
        scroll-margin-top: 0;
    }
    .catalog-intro {
        flex-direction: column;
    }
    .catalog-img {
        width: auto;
    }
    .catalog-content {
        margin-top: 20px;
        width: auto;
    }
    .catalog-actions {
        margin: 20px auto 0;
    }
    .catalog-preview {
        display: none;
    }
}