@charset "UTF-8";

:root {
    --banner-gap: 1rem;
    --banner-split-1: 1;
    --banner-split-2: 2;
    --banner-split-3: 3;
    --banner-split-4: 4;
}

.pc_banner {
    /* width: 680px; */
}

.pc_banner .split {
    height: auto !important;
    column-gap: var(--banner-gap);
    row-gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pc_banner .split a {
    height: auto;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
}

/* 1分割 */
.pc_banner .split.split-1 a {
    width: calc(100%/var(--banner-split-1) - var(--banner-gap)*(var(--banner-split-1) - 1)/var(--banner-split-1));
}

/* 2分割 */
.pc_banner .split.split-2 a {
    width: calc(100%/var(--banner-split-2) - var(--banner-gap)*(var(--banner-split-2) - 1)/var(--banner-split-2) - 2px);
}

/* 3分割 */
.pc_banner .split.split-3 a {
    width: calc(100%/var(--banner-split-3) - var(--banner-gap)*(var(--banner-split-3) - 1)/var(--banner-split-3) - 1px);
}

/* 4分割 */
.pc_banner .split.split-4 a {
    width: calc(100%/var(--banner-split-4) - var(--banner-gap)*(var(--banner-split-4) - 1)/var(--banner-split-4));
}

.pc_banner .split a>img {
    width: 100%;
    height: auto !important;
}

.pc_banner a.text {
    border: 2px solid #043e83;
    color: #043e83;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 315 / 46;
}

/* テキストバナー色 */
.pc_banner a.text.green {border:2px solid #5d9087;color: #5d9087;}
.pc_banner a.text.blue {border:2px solid #043e83;color: #043e83;}
.pc_banner a.text.red {border:2px solid #CF142B;color: #CF142B;}
.pc_banner a.text.enji {border:2px solid #531232;color: #531232;}
.pc_banner a.text.orange {border:2px solid #e64606;color: #e64606;}
.pc_banner a.text.pink {border:2px solid #AF0C56;color: #AF0C56;}
.pc_banner a.text.brown {border:2px solid #725131;color: #725131;}