@charset "utf-8";

/* printing_feature */
.feature_lineups {
    margin-bottom: 48px;
}
.feature_ct {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 48px;
}
.feature_ct:last-child {
    margin-bottom: 0;
}
.feature_ct:nth-child(even) {
    flex-direction: row-reverse;
}
.feature_ct .img {
    width: 50%;
}
.feature_ct .desc {
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
}
.feature_ct .desc h3 {
    margin-bottom: 16px;
}
.feature_ct .img img {
    height: 320px;
    -o-object-fit: cover;
       object-fit: cover;
}
.feature_sublineups {
    display: flex;
    flex-wrap: wrap;
}
.feature_sublineups .feature_subct {
    width: 50%;
    padding: 32px;
    box-sizing: border-box;
}
.feature_subct .subct_img {
    padding: 32px;
    box-sizing: border-box;
}
.feature_subct .subct_img img {
    height: 160px;
    -o-object-fit: contain;
       object-fit: contain;
}
/* printing_featureここまで */

/* printing_equipment */
.equipment_group_ttl .s_method {
    position: relative;
}
.equipment_group_ttl .s_method::after {
    content: ''; /* 疑似要素のコンテンツを空に設定 */
    position: absolute; /* 要素の位置を絶対的に設定 */
    z-index: -1;
    top: 50%; /* 上端から中央に配置 */
    left: 0; /* 右端に配置 */
    width: 100%; /* 十分に広い横幅を設定 */
    height: 1px; /* 線の高さを設定 */
    background-color: #1D4763; /* 線の色を設定 */
    transform: translateY(-50%); /* 縦方向に中央揃え */
}
.equipment_group_ttl .s_method_inner {
    display: inline-flex;
    align-items: center;
    padding: 16px 16px 16px 0;
    background-color: #FFF;
}
.equipment_group_ttl .s_method_en {
    margin-left: 16px;
    font-size: 0.8em;
}
.equipment_wrap {
    display: flex;
    flex-wrap: wrap;
}
.equipment_item {
    width: 50%;
    padding: 32px;
    box-sizing: border-box;
}
.equipment_item .ttl {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.equipment_item .color::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: contain;
    border-radius: 24px;
}
.equipment_item .color4::before {
    background-image: url("../img/printing/grd_square1.png");
}
.equipment_item .color2::before {
    background-image: url("../img/printing/grd_square2.png");
}
.equipment_item .color1::before {
    background-image: url("../img/printing/grd_square3.png");
}
.equipment_item .ttl .machine_type {
    font-size: 1.2em;
}
.equipment_item .ttl .machine_color {
    margin-left: 8px;
}
.equipment_item .machine_name {
    margin-bottom: 8px;
}
.equipment_item .machine_img img {
    height: 240px;
    -o-object-fit: contain;
       object-fit: contain;
}
/* printing_equipmentここまで */

/* レスポンシブ */
@media screen and (max-width: 599px) {
    .feature_ct .img {
        width: 100%;
    }
    .feature_ct .desc {
        width: 100%;
        padding: 16px;
    }
    .feature_sublineups .feature_subct {
        width: 100%;
        margin-bottom: 32px;
        padding: 16px;
    }
    .feature_sublineups .feature_subct:last-child {
        margin-bottom: 0;
    }
    .equipment_item {
        width: 100%;
        padding: 16px;
    }
    .equipment_group_ttl .s_method_inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .equipment_group_ttl .s_method_en {
        margin-left: 0;
        font-size: 0.7em;
    }
}
/* レスポンシブ */
@media screen and (max-width: 599px) {

}