/* ---------------------------- */
/* ---------- 事業内容 ---------- */
/* ----------------------------- */
#business-content{
    background: url('../img/business-contents-bg.jpg')  no-repeat center/cover;
    padding-bottom: 60px;
}

#business-content p{
    font-size: var(--font-semi-large);
}

#business-content h4{
    font-size: var(--font-large);
}

.shipping-service-intro-text{
    margin-bottom: 60px;
}

#business-content .service-content-segment-title{
    font-size: var(--font-semi-larger);
    margin-bottom: 15px;
    margin-left: calc(0.7em + 5px);
    position: relative;
}

#business-content .service-content-segment-title::before{
    content: "";
    position: absolute;
    height: 0.7em;
    width: 0.7em;
    background-color: var(--base-red);
    top: calc((100% - 0.7em)/2);
    left: calc(-0.7em - 5px);
}

#business-content .service-contents-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

#business-content .service-contents-wrapper .service-content{
    width: 31%;
}

#business-content .service-contents-wrapper .service-content .service-content-title{
    margin-bottom: 15px;
}

#business-content .service-contents-wrapper .service-content .service-content-image{
    width: 100%;
    aspect-ratio: 40/25;
    margin-bottom: 5px;
}
#business-content .service-contents-wrapper .service-content .service-content-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#business-content .warehouse .service-contents-wrapper,
#business-content .event .service-contents-wrapper{
    display: block;
}

#business-content .service-content.child-warehouse,
#business-content .service-content.event-yu{
    width: 100%;
}

#business-content .service-contents-wrapper .service-content.child-warehouse .service-content-image-wrapper,
#business-content .service-contents-wrapper .service-content.event-yu .service-content-image-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#business-content .service-contents-wrapper .service-content.child-warehouse .service-content-image-wrapper .service-content-image,
#business-content .service-contents-wrapper .service-content.event-yu .service-content-image-wrapper .service-content-image{
    width: 31%;
    aspect-ratio: 40/25;
}

#business-content .service-contents-wrapper .service-content.child-warehouse .service-content-image-wrapper .service-content-image img,
#business-content .service-contents-wrapper .service-content.event-yu .service-content-image-wrapper .service-content-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#business-content .service-content-segment-title-sub{
    font-size: var(--font-semi-larger);
    margin-bottom: 15px;
}

#business-content .service-contents-wrapper .service-content.child-warehouse .service-content-image-wrapper.sp,
#business-content .service-contents-wrapper .service-content.event-yu .service-content-image-wrapper.sp{
    display: none;
}

#business-content .special-site{margin-top: 30px;}
#business-content .special-site a{border-bottom: 1px solid var(--font-black);}

@media (max-width: 1723px) {
    #business-content .service-content-segment-title{
        font-size: 1.5rem; /* もとのサイズから少しだけ下げる */
    }
}

/* =========================
   タブレット（～1200px）
========================= */
@media (max-width: 1200px) {  
    /* 事業内容：3カラム→2カラム寄りに */
    #business-content .service-contents-wrapper{
        flex-wrap: wrap;
        gap: 24px;
    }

    #business-content .service-contents-wrapper .freezer,
    #business-content .service-contents-wrapper .container{
        margin-bottom: 60px;
    }
  
    #business-content .service-contents-wrapper .service-content{
        width: calc(50% - 12px);
    }

    #business-content .service-contents-wrapper .service-content.child-warehouse,
    #business-content .service-contents-wrapper .service-content.event-yu{
        width: 100%;
    }
  
    #business-content .service-contents-wrapper 
    .service-content.child-warehouse .service-content-image-wrapper,
    #business-content .service-contents-wrapper 
    .service-content.event-yu .service-content-image-wrapper {
        gap: 16px;
    }
}

@media (max-width: 768px) {
    /* ----------- 事業内容 ----------- */
    #business-content .service-contents-wrapper{
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
    }
    
    #business-content .service-contents-wrapper .service-content{width: 100%;}

    #business-content .service-content.freezer,
    #business-content .service-content.container{
        margin-bottom: 0;
    }

    #business-content .service-wrapper.shipping .service-contents-wrapper:last-child{margin-bottom: 60px;}
    
    #business-content .service-contents-wrapper 
    .service-content.child-warehouse .service-content-image-wrapper,
    #business-content .service-contents-wrapper 
    .service-content.event-yu .service-content-image-wrapper{
        flex-direction: column;
    }
    
    #business-content .service-contents-wrapper 
    .service-content.child-warehouse .service-content-image-wrapper .service-content-image,
    #business-content .service-contents-wrapper 
    .service-content.event-yu .service-content-image-wrapper .service-content-image{
        width: 100%;
        aspect-ratio: 8/5;
        overflow: hidden;
    }

    #business-content .service-wrapper.warehouse{margin-bottom: 60px;}
    .service-content-image{margin-bottom: 15px;}
    .event-swiper, .warehouse-swiper{ margin-bottom: 15px; }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 20px !important;
    }
}