@charset "UTF-8";

/*--- レイアウト調整(2025/06/09) ---*/
#icon-02 + .composite_box01 .wrapper_item {
    justify-content: center;
}
#icon-02 + .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(3),
#icon-02 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(2),
#icon-02 + .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(1) {
    width: 23.5%;
    margin-left: 2% !important;
}
#icon-01 + .composite_box01 .inner_item_img img,
#icon-02 + .composite_box01 .inner_item_img img {
    object-fit: contain;
    max-width: 220px;
    height: initial !important;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
}
#icon-011 + .composite_box01:after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.5) 100%);
    width: 100%;
    height: 60%;
    top: 0;
    left: 0;
    z-index: 0;
}
#icon-02 + .composite_box01:after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 1) 100%);
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    z-index: 0;
}
#con4+section:after {
    position: absolute;
    content: "";
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 1) 100%);
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    z-index: 0;
}
@media only screen and (min-width: 901px) {
    #icon-01 + .composite_box01 .inner_item{
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 920px) {
    #icon-01 + .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(4),
    #icon-01 + .composite_box01 .inner_item:nth-of-type(2):nth-last-of-type(3),
    #icon-01 + .composite_box01 .inner_item:nth-of-type(3):nth-last-of-type(2),
    #icon-01 + .composite_box01 .inner_item:nth-of-type(4):nth-last-of-type(1) {
        width: 23.5%;
        margin-left: 2% !important;
    }
    #icon-01 + .composite_box01 .inner_item:nth-of-type(1):nth-last-of-type(4) {
        margin-left:0 !important;
    }
    #icon-01 + .composite_box01 .inner_item_img img,
    #icon-02 + .composite_box01 .inner_item_img img {
        height: auto !important;
    }
}