@charset "UTF-8";

body {
    font-family: 'Noto Sans JP', 'Inter', sans-serif;
}

.hero-bg-v2 {
    background: linear-gradient(to right, rgba(239, 108, 0, 0.85), rgba(0, 53, 114, 0.9));
    background-size: cover;
}

.brand-gradient-text {
    background: -webkit-linear-gradient(45deg, #EF6C00, #003572);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.tapirs-blue { color: #EF6C00; }
.ecbo-orange { color: #003572; }
.tapirs-bg { background-color: #EF6C00; }
.ecbo-bg { background-color: #003572; }

.hero-pt {
    padding-top: 90px;
}

.MV-container {
    background-color: var(--corporate_color);
    max-width: inherit;
    padding: 15px 0;
    margin-bottom: 15px;
}

.hero-pt .content-container,
.Bread_area .content-container
{
    max-height: 40px;
}

.hero-pt .row {
    margin-left: 0;
}

.Bread_area .row {
    margin-left: -15px;
}

.Bread_area {
    padding-bottom:15px;
}

.Bread_area .bread_area {
    display: flex;
    flex-wrap: wrap;
}

.Bread_area .bread_area li {
    color: #9A9A9A;
}

.Bread_area .bread_area li a {
    color: #1C1C1E;
}

.Bread_area .bread_area li::after {
    content: "＞";
    margin-left: 10px;
    margin-right: 10px;
}

.Bread_area .bread_area li:last-child::after {
    content: none;
}

@media (max-width: 767px) {
    .hero-pt {
        padding-top: 60px;
    }
    .hero-pt .content-container,
    .Bread_area .content-container
    {
        max-height: 30px;
    }
    .hero-pt .row,
    .Bread_area .row
    {
        margin-left: 0;
    }
    .ecbo-pl-10 {
        padding-left: 10px;
    }
    .fontXL {
        font-size: 24px;
    }
}