@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
subMain
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*　ーーーーーーーーーーーーーーーーーー 
Common
ーーーーーーーーーーーーーーーーーーーー */
/* firstview */
.c-subFv {
    position: relative;
}

.c-subFv__titleWrap {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.c-subFv__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--white-color);
    width: 90%;
    margin-inline: auto;

    & .c-subFv__title--jp {
        font-size: clamp(2rem, 1.596rem + 1.79vw, 3.75rem);
        font-weight: 900;
    }

    & .c-subFv__title--en {
        font-size: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 900;
    }
}

.c-subFv__imgWrap {
    display: inline-block;
    width: 100%;
    height: calc(45vh - 110px);
    min-height: 360px;

    img {
        height: 100%;
        object-fit: cover;
    }
}

/* link */
.c-pointLinkWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    gap: clamp(0.75rem, 0.692rem + 0.26vw, 1rem);
}

.c-pointLink {
    a {
        background-color: var(--sub-color);
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: clamp(0.875rem, 0.788rem + 0.38vw, 1.25rem);
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        font-weight: 700;
        border: 2px solid var(--sub-color);

        span {
            position: relative;
            line-height: 1.25;
            margin-right: -10px;

            &::before {
                content: "▼";
                display: block;
                position: absolute;
                left: -24px;
                transform: translateY(-50%);
                top: 50%;
            }
        }
    }
}

/* サービス内容　ーーーーーーーーーーーーーーー */
.p-sbCharter__textItem1,
.p-sbCon__introTextItem2 {
    font-size: clamp(1.375rem, 1.231rem + 0.64vw, 2rem);
    color: var(--white-color);
    font-weight: 700;
    line-height: 1;

    & .textBg {
        color: var(--main-color);
        background: var(--white-color);
        margin: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem)
            clamp(0.313rem, 0.25rem + 0.31vw, 0.625rem);
        padding: clamp(0.375rem, 0.317rem + 0.26vw, 0.625rem);
        font-weight: 900;
        display: inline-block;
        font-size: 110%;
    }
}

.p-sbCharter__linkWrap,
.p-sbCon__intro2linkWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbCharter__link,
.p-sbCon__intro2link {
    a {
        border: 2px solid var(--sub-color);
        background: var(--sub-color);
        display: inline-block;
        width: 100%;
        font-weight: 700;
        box-shadow: 0px 4px 10px -6px #000000;
        padding: 16px;
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        text-align: center;

        span {
            position: relative;
            line-height: 1.25;

            &::before {
                content: "▼";
                display: block;
                position: absolute;
                left: -32px;
                transform: translateY(-50%);
                top: 50%;
            }
        }
    }
}

.p-sbCharter__pointLinkWrap,
.p-sbCon__pointLinkWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

/* point1 */
.p-sbCharter__pointWrap1,
.p-sbCon__pointWrap1 {
    margin-top: clamp(5rem, 4.712rem + 1.28vw, 6.25rem);
}

/*　ーーーーーーーーーーーーーーーーーー 
チャーター便
ーーーーーーーーーーーーーーーーーーーー */
/* intro ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__intro {
    position: relative;
    z-index: 1;
    background: url("../images/charter/intro-bg.png") no-repeat center center /
        cover;
    max-width: 1612px;
    margin-inline: auto;
    padding-top: 50px;
    padding-bottom: 80px;
}

.p-sbCharter__textWrap {
    text-align: center;
    width: min(860px, 90%);
    margin-inline: auto;
}

.p-sbCharter__textItem2 {
    color: var(--white-color);
    font-size: clamp(1rem, 0.971rem + 0.13vw, 1.125rem);
    margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
}

/* point */
.p-sbCharter__point {
    margin-top: clamp(3rem, 2.25rem + 3.33vw, 6.25rem);
}

.p-sbCharter__pointIntroWrap {
    width: min(1180px, 90%);
    margin-inline: auto;
}

/* point1 ーーーーーーーーーーーーーーーーーーーー*/
/* common */
.c-pointTextWrap {
    font-size: clamp(1rem, 0.971rem + 0.13vw, 1.125rem);
    background-color: #f0f0f0;
    margin-top: 32px;
    padding: clamp(1.5rem, 1.385rem + 0.51vw, 2rem)
        clamp(1rem, 0.308rem + 3.08vw, 4rem);

    & .textBold {
        font-weight: 900;
    }
}

/* 見積もり */
.p-sbCharter__tableWrap2 {
    tr {
        th {
            background: #dedede;
        }
    }
}

.p-sbCharter__titleWrap3 {
    margin-top: 64px;
}

.p-sbCharter__estiWrap {
    margin-top: 48px;
    border: 1px solid #c5c5c5;
    padding: clamp(2rem, 1.769rem + 1.03vw, 3rem)
        clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharter__estiTitle {
    text-align: center;
    font-size: clamp(1.5rem, 1.385rem + 0.51vw, 2rem);
    color: var(--main-color);
    font-weight: 700;
}

.p-sbCharter__estiText {
    text-align: center;
    margin-top: 24px;
}

.p-sbCharter__estiContentWrap {
    display: flex;
    margin-top: 48px;
    justify-content: space-between;

    & .p-sbCharter__estiContentFlex {
        flex-basis: 48%;
    }
}

.p-sbCharter__estiItem {
    & .titleWrap {
        display: flex;
        align-items: center;

        & .figre {
            display: flex;
            flex-direction: column;
            background: var(--main-color);
            color: var(--white-color);
            text-align: center;
            border-radius: 999px;
            width: clamp(3.375rem, 3.288rem + 0.38vw, 3.75rem);
            height: clamp(3.375rem, 3.288rem + 0.38vw, 3.75rem);
            justify-content: center;

            & .number {
                font-size: clamp(1.5rem, 1.385rem + 0.51vw, 2rem);
                line-height: 1;
                font-weight: 900;
                margin-top: -2px;
            }

            & .en {
                line-height: 1;
                font-size: 14px;
            }
        }

        & .title {
            font-size: clamp(1.25rem, 1.192rem + 0.26vw, 1.5rem);
            font-weight: 700;
            color: var(--main-color);
            padding-left: clamp(0.875rem, 0.788rem + 0.38vw, 1.25rem);
        }
    }

    & .priceFormWrap {
        margin-top: 24px;
    }
}

.p-sbCharter__estiItem.step1 {
    & .priceFormItem {
        display: flex;

        &:not(:first-child) {
            margin-top: 20px;
        }

        label {
            background: var(--main-color);
            color: var(--white-color);
            padding: 0.5rem;
            flex-basis: calc(max(100px, 20%));
            text-align: center;
            border: 1px solid var(--main-color);
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        input {
            width: 100%;
            padding: 0.5rem;
            border: 1px solid var(--main-color);
        }
    }
}

.p-sbCharter__estiItem.step2 {
    margin-top: 48px;

    & .priceFormFlex {
        display: flex;
        justify-content: flex-start;
        padding: 0.75rem 0;
        border-bottom: 2px solid var(--main-color);

        &:first-of-type {
            padding-top: 0;
        }

        & .priceFormItemWrap {
            width: calc(100% - max(90px, 20%));
            & .priceFormItem {
                &:not(:first-of-type) {
                    margin-left: 0;
                    margin-top: 4px;
                }
            }
        }

        & .priceFormItem {
            display: flex;
            font-size: 14px;

            & .designation {
                border: 1px solid var(--text-color);
                padding: 0 4px;
                margin-left: 10px;
                border-radius: 3px;
                width: min(180px, 100%);
            }

            &:not(:first-of-type) {
                margin-left: 14px;
            }
        }

        & .priceFormText {
            font-size: 14px;
            margin-top: 12px;
        }

        & .title {
            color: var(--main-color);
            font-weight: 700;
            width: max(90px, 20%);
        }

        label {
            margin-left: 6px;
            letter-spacing: 0;
            min-width: 58px;
        }
    }

    dl.priceFormWrap {
        & .priceFormItem {
            display: flex;

            &:not(:first-child) {
                margin-top: 20px;
            }

            dt {
                background: var(--main-color);
                color: var(--white-color);
                padding: 0.5rem;
                flex-basis: calc(max(100px, 20%));
                text-align: center;
                border: 1px solid var(--main-color);
                display: flex;
                flex-direction: column;
                justify-content: center;
                font-size: 14px;
                font-weight: normal;
            }

            dd {
                flex-basis: calc(100% - max(100px, 20%));
                padding: 0.5rem;
                border: 1px solid var(--main-color);

                input {
                    padding: 0.5rem;
                    border: 1px solid var(--main-color);
                    width: 60px;
                    height: 40px;
                }
            }

            .img {
                text-align: right;
                margin-top: -32px;
                img {
                    width: clamp(8.75rem, 7.74rem + 4.49vw, 13.125rem);
                }
            }

            & .priceFormItemFlex {
                display: flex;

                ul:not(:first-child) {
                    padding-left: 20px;
                }

                li {
                    display: flex;
                    align-items: center;

                    &:not(:first-child) {
                        margin-top: 10px;
                    }

                    label {
                        letter-spacing: 0;
                        min-width: 58px;
                        font-size: 14px;

                        &:last-child {
                            margin-left: 6px;
                            min-width: fit-content;
                        }
                    }
                }
            }

            & .attention {
                font-weight: 900;
                color: red;
            }
        }
    }
}

.p-sbCharter__estiItem.mapWrap {
    & .mapItem iframe {
        width: 100%;
        aspect-ratio: 5 / 3;
    }
}

.p-sbCharter__estiItem.resultWrap {
    background: #f0f0f0;
    margin-top: 24px;
    padding: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);

    & .titleWrap {
        display: block;
        text-align: center;
        & .title {
            padding-left: 0;
        }
    }

    .p-sbCharter__estiListWrap {
        margin-top: 16px;
    }

    .p-sbCharter__estiListItem {
        display: flex;
        align-items: center;

        &:not(:first-of-type) {
            margin-top: 24px;
        }

        & .title {
            color: var(--white-color);
            background: var(--main-color);
            flex-basis: 150px;
            text-align: center;
            font-size: 1rem;
            padding: clamp(0.25rem, 0.135rem + 0.51vw, 0.75rem) 0;
        }

        & .text {
            flex-basis: calc(100% - 150px);
            padding-left: 1.5rem;
            font-weight: 900;
            font-size: 1.25rem;
            & .number {
                font-size: 200%;
                font-family: "Montserrat", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                line-height: 1;
                letter-spacing: 0;
            }

            & .other {
                padding-left: 0.5rem;
            }
        }
    }

    & .attention {
        text-align: right;
        font-size: 0.875rem;
        margin-top: 10px;
    }

    & .attention2 {
        text-align: center;
        margin-top: 8px;
        color: #dc3232;
        font-weight: 800;
    }
}

.p-sbCharter__estiItemButton.c-button {
    text-align: center;
    margin-top: 24px;

    button {
        padding: 0.75rem 1rem;
        width: min(350px, 100%);
        font-size: clamp(16px, 1.04vw, 1.25rem);
    }
}

.p-sbCharter__estiItem.mapWrap {
    iframe {
        width: 100%;
        aspect-ratio: 5 / 3;
    }
}

/* point2 ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__pointWrap2,
.p-sbCharter__pointWrap4,
.p-sbCharter__pointWrap6 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    background: #f0f0f0;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
}

.p-sbCharter__pointWrap2--textWrap.c-pointTextWrap,
.p-sbCharter__pointWrap4--textWrap.c-pointTextWrap {
    background: var(--white-color);
}

.p-sbCharter__pointWrap2--tableWrap {
    table {
        border: solid 1px #b3b3b3;
        width: 100%;
        background: var(--white-color);
    }

    th,
    td {
        border: solid 1px #b3b3b3;
        border: solid 1px #b3b3b3;
        text-align: center;
        vertical-align: middle;
        padding: 10px;
        line-height: 1;
        letter-spacing: 0;
        font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);

        a {
            color: var(--main-color);
            border-bottom: 1px solid var(--main-color);
        }
    }

    thead {
        tr {
            background: var(--main-color);
            color: var(--white-color);
        }
    }

    tbody {
        td:nth-child(2) {
            font-size: 1rem;
            font-weight: 700;
        }

        td:nth-child(3) {
            text-align: left;
        }
    }
}

.p-sbCharter__pointWrap2--flexWrap {
    display: flex;
    margin-top: 32px;
    justify-content: space-between;
}

.p-sbCharter__pointWrap2--imgWrap {
    flex-basis: 40%;
}

.p-sbCharter__pointWrap2--tableWrap {
    flex-basis: calc(98% - 40%);
}

.p-sbCharter__pointWrap2--button {
    text-align: center;
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

/* point3 ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__pointWrap3 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharter__pointWrap3--listTitle {
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    font-weight: 700;
    text-align: center;
    background-color: var(--main-color);
    color: var(--white-color);
    padding: 16px;
}

.p-sbCharter__pointWrap3--listWrap {
    border: 2px solid var(--main-color);
    margin-top: 32px;
}

.p-sbCharter__pointWrap3--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(1.5rem, 1.385rem + 0.51vw, 2rem)
        clamp(0.5rem, 0.269rem + 1.03vw, 1.5rem);
    padding: clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharter__pointWrap3--listItemTitle {
    text-align: center;
    margin-top: 4px;
}

/* point4 ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__pointWrap4--listWrap {
    background-color: var(--white-color);
    margin-top: 32px;
    padding: clamp(1rem, 0.769rem + 1.03vw, 2rem)
        clamp(1rem, 0.769rem + 1.03vw, 2rem)
        clamp(2rem, 1.885rem + 0.51vw, 2.5rem);
}

.p-sbCharter__pointWrap4--listTitleWrap {
    text-align: center;
}

.p-sbCharter__pointWrap4--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(1.5rem, 1.385rem + 0.51vw, 2rem)
        clamp(0.5rem, 0.269rem + 1.03vw, 1.5rem);
    margin-top: 32px;
}

.p-sbCharter__pointWrap4--listItemTitle {
    text-align: center;
    font-weight: 900;
    color: var(--main-color);
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    margin-top: 4px;
}

.p-sbCharter__pointWrap4--listItemImg img {
    object-fit: cover;
    aspect-ratio: 5 / 3.5;
}

.p-sbCharter__pointWrap4--buttonWrap {
    text-align: center;
    margin-top: 48px;
}

/* point5 ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__pointWrap5 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharter__pointWrap5--contentWrap {
    margin-top: 48px;
}

.p-sbCharter__pointWrap5--content {
    display: flex;
    align-items: center;

    &:not(:first-child) {
        margin-top: 48px;
        flex-direction: row-reverse;

        & .p-sbCharter__pointWrap5--contentTextWrap {
            margin-right: -32px;
        }
    }
}

.p-sbCharter__pointWrap5--contentImg {
    flex-basis: 52%;
    position: relative;
    z-index: -1;
}

.p-sbCharter__pointWrap5--contentTextWrap {
    flex-basis: calc((100% + 32px) - 52%);
    background-color: var(--main-color);
    color: var(--white-color);
    margin-left: -32px;
    padding: clamp(1.5rem, 1.154rem + 1.54vw, 3rem)
        clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharter__pointWrap5--contentTextTitle {
    font-size: clamp(1.125rem, 1.067rem + 0.26vw, 1.375rem);
    font-weight: 900;
    text-align: center;

    &::before {
        background: url("../images/logo-w.svg") no-repeat center center /
            contain;
        display: inline-block;
        content: "";
        aspect-ratio: 64 / 85;
        width: 32px;
        vertical-align: bottom;
        margin-bottom: -2px;
        margin-right: 10px;
    }
}

.p-sbCharter__pointWrap5--contentText {
    margin-top: 24px;
}

.p-sbCharter__pointWrap5--listWrap {
    background-color: var(--main-color);
    margin-top: 48px;
}

.p-sbCharter__pointWrap5--list {
    display: flex;
    padding: clamp(0.75rem, 0.577rem + 0.77vw, 1.5rem);
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

.p-sbCharter__pointWrap5--listItem {
    background-color: var(--white-color);
    margin: clamp(0.313rem, 0.269rem + 0.19vw, 0.5rem);
    flex-basis: max(18.474%, 144px);
}

.p-sbCharter__pointWrap5--listItemTitle {
    text-align: center;
    color: var(--main-color);
    font-size: clamp(1rem, 0.971rem + 0.13vw, 1.125rem);
    font-weight: 700;
    line-height: 1.5;
    padding: 16px 8px;
}

/* point6 ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__pointWrap6 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharter__pointWrap6--listWrap {
    margin-top: 32px;
    background-color: var(--white-color);
    padding: clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharter__pointWrap6--listTitle {
    width: fit-content;
    background-color: var(--main-color);
    color: var(--white-color);
    margin-inline: auto;
    font-size: clamp(1.25rem, 1.106rem + 0.64vw, 1.875rem);
    font-weight: 700;
    padding: 0 clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharter__pointWrap6--listText {
    margin-top: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    text-align: center;
}

.p-sbCharter__pointWrap6--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(1.5rem, 1.385rem + 0.51vw, 2rem)
        clamp(0.5rem, 0.269rem + 1.03vw, 1.5rem);
    margin-top: 48px;
}

.p-sbCharter__pointWrap6--listItemTitle {
    font-size: clamp(0.875rem, 0.788rem + 0.38vw, 1.25rem);
    font-weight: 700;
    color: var(--main-color);
    text-align: center;
    margin-top: 8px;
}

/* voice ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__voice {
    background: url("../images/charter/voice-bg.jpg") no-repeat center right /
        cover;
    padding: clamp(3rem, 2.538rem + 2.05vw, 5rem) 0
        clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharter__voice--titleWrap {
    text-align: center;
}

.p-sbCharter__voice--contentWrap {
    margin-top: 32px;
    background-color: var(--white-color);
    display: flex;
    border: 2px solid var(--main-color);
    align-items: center;
    padding: 16px clamp(1rem, 0.885rem + 0.51vw, 1.5rem)
        clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
}

.p-sbCharter__voice--imgWrap {
    flex-basis: 40%;
    aspect-ratio: 4 / 3;
    display: flex;
    align-items: center;
    padding: 1rem;
    background: var(--white-color);
}

.p-sbCharter__voice--textWrap {
    flex-basis: calc(100% - 40%);
    padding-left: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
}

.p-sbCharter__voice--textName {
    text-align: right;
}

.p-sbCharter__voice--textTitle {
    text-align: center;
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    color: var(--main-color);
    font-weight: 900;
    margin-top: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
}

.p-sbCharter__voice--text {
    margin-top: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
}

.p-sbCharter__voice--buttonWrap {
    margin-top: 32px;
    text-align: center;
}

/* price ーーーーーーーーーーーーーーーーーーーー*/
.p-sbCharter__price {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharter__price--titleWrap {
    text-align: center;
}

.p-sbCharter__price--text {
    margin-top: 32px;
    text-align: center;
}

.p-sbCharter__price--tableWrap {
    margin-top: 32px;

    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        background: var(--white-color);
    }

    & th,
    td {
        border: solid 1px #b3b3b3;
        border: solid 1px #b3b3b3;
        text-align: center;
        vertical-align: middle;
        padding: clamp(0.625rem, 0.567rem + 0.26vw, 0.875rem);
        line-height: 1.25;
        letter-spacing: 0;
        font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    }

    & thead {
        th {
            background-color: var(--main-color);
            color: var(--white-color);
        }
    }

    & tbody {
        & .bgColor {
            background-color: var(--main-color);
            color: var(--white-color);
        }
    }
}

.p-sbCharter__price--listWrap {
    margin-top: 32px;
    background: #f0f0f0;
    padding: clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-sbCharterSubForm__formWrap {
    & .formWrap {
        margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
    }
}

.p-sbCharterForm {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCharterForm__formWrap {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

/*　ーーーーーーーーーーーーーーーーーー 
混載便
ーーーーーーーーーーーーーーーーーーーー */
.p-sbCon__intro {
    position: relative;
    z-index: 1;
    background: url("../images/charter/intro-bg.png") no-repeat center center /
        cover;
    max-width: 1664px;
    margin-inline: auto;
    padding-top: 20px;
    padding-bottom: 80px;
}

.p-sbCon__introTextWrap {
    width: min(1140px, 90%);
    margin-inline: auto;
}

.p-sbCon__introTextItem1 {
    font-size: clamp(1.375rem, 1.173rem + 0.9vw, 2.25rem);
    font-weight: 900;
    color: var(--white-color);
    display: flex;
    flex-direction: column;
    align-items: center;

    &::before {
        background: url("../images/logo-w.svg") no-repeat center center /
            contain;
        display: inline-block;
        content: "";
        aspect-ratio: 58 / 60;
        width: 64px;
        vertical-align: bottom;
        margin-bottom: -4px;
    }
}

.p-sbCon__introListWrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    justify-content: center;
}

.p-sbCon__introListItem {
    display: flex;
    background-color: var(--white-color);
    margin: 8px;
    padding: clamp(1rem, 0.827rem + 0.77vw, 1.75rem);
    align-items: center;
    justify-content: space-between;
    border-radius: clamp(0.625rem, 0.337rem + 1.28vw, 1.875rem);
    width: min(100%, 364px);
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
}

.p-sbCon__introListItemText {
    flex-basis: 60%;
    font-weight: 700;
}

.p-sbCon__introListItemImg {
    flex-basis: calc(98% - 60%);
}

.p-sbCon__introTextItem2 {
    margin-top: 32px;
    text-align: center;
}

.p-sbCon__intro2 {
    margin-top: 64px;
    position: relative;

    &::before {
        display: block;
        content: "";
        background: url("../images/intro-bg.png") no-repeat center center /
            cover;
        display: inline-block;
        content: "";
        position: absolute;
        width: max(600px, 40%);
        right: -80px;
        aspect-ratio: 923 / 730;
        opacity: 0.2;
        z-index: -1;
        bottom: -80px;
    }
}

.p-sbCon__intro2Inner {
    border: 2px solid var(--main-color);
    box-shadow: 10px 10px 0px 0px var(--main-color);
    padding: clamp(1.5rem, 1.154rem + 1.54vw, 3rem)
        clamp(1rem, 0.538rem + 2.05vw, 3rem);
    background-color: var(--white-color);
}

.p-sbCon__intro2Title {
    font-size: clamp(1.375rem, 1.173rem + 0.9vw, 2.25rem);
    font-weight: 900;
    color: var(--main-color);
    line-height: 1.25;
    text-align: center;

    & .textBig {
        font-size: 130%;
    }
}

.p-sbCon__intro2Text {
    text-align: center;
    margin-top: 32px;
}

.p-sbCon__intro2Img {
    margin-top: 32px;
    display: block;
}

.p-sbCon__intro2linkWrap {
    width: min(860px, 90%);
    margin-inline: auto;
}

.p-sbCon__pointWrap1--priceWrap {
    border: 2px solid var(--main-color);
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
    padding: 0 16px 16px;
}

.p-sbCon__pointWrap1--priceTitle {
    width: fit-content;
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    font-weight: 700;
    background-color: var(--main-color);
    color: var(--white-color);
    margin-inline: auto;
    padding: 4px 32px;
    margin-top: -28px;
}

.p-sbCon__pointWrap1--priceText {
    text-align: center;
    margin-top: 16px;
}

.p-sbCon__pointWrap1--priceTableWrap {
    margin-top: 24px;
    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);

        thead {
            background: var(--main-color);
            color: var(--white-color);
        }

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }

        td:last-child {
            font-size: clamp(1.125rem, 1.067rem + 0.26vw, 1.375rem);
            font-weight: 900;
            color: red;
        }
    }
}

/* point2 */
.p-sbCon__pointWrap2,
.p-sbCon__pointWrap4 {
    background-color: #f0f0f0;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCon__pointWrap2--textWrap,
.p-sbCon__pointWrap4--textWrap {
    background-color: var(--white-color);
}

.p-sbCon__pointWrap2--imgWrap {
    margin-top: 32px;
}

/* point3 */
.p-sbCon__pointWrap3 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCon__pointWrap3--buttonWrap {
    text-align: center;
    margin-top: 48px;
}

/*　ーーーーーーーーーーーーーーーーーー 
倉庫保管サービス
ーーーーーーーーーーーーーーーーーーーー */
.p-sbWare__intro {
    padding-top: 50px;
    padding-bottom: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    background: url("../images/warehouse/intro-bg.jpg") no-repeat center center /
        cover;
}

.p-sbWare__introTextItem1 {
    font-size: clamp(1.25rem, 0.962rem + 1.28vw, 2.5rem);
    font-weight: 900;
    text-align: center;
    color: var(--main-color);
    line-height: 1;

    & .textBg {
        background-color: var(--white-color);
        display: inline-block;
        padding: clamp(0.375rem, 0.317rem + 0.26vw, 0.625rem);
        margin: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem)
            clamp(0.313rem, 0.25rem + 0.31vw, 0.625rem);
    }
}

.p-sbWare__introTextItem2 {
    text-align: center;
    font-size: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    color: var(--main-color);
    font-weight: 900;
    margin-top: clamp(2rem, 1.769rem + 1.03vw, 3rem);
    display: flex;
    flex-direction: column;
    align-items: center;

    &::before {
        background: url("../images/logo-g.svg") no-repeat center center /
            contain;
        display: inline-block;
        content: "";
        aspect-ratio: 58 / 60;
        width: clamp(2.5rem, 2.154rem + 1.54vw, 4rem);
        vertical-align: bottom;
        margin-bottom: -4px;
    }
}

.p-sbWare__introListWrap {
    width: fit-content;
    margin-inline: auto;
}

.p-sbWare__introListItem {
    background-color: var(--white-color);
    margin-top: 24px;
    font-size: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    color: var(--main-color);
    font-weight: 900;
    padding: clamp(0.375rem, 0.317rem + 0.26vw, 0.625rem)
        clamp(0.75rem, 0.692rem + 0.26vw, 1rem);
    line-height: 1.25;

    &:not(:first-child) {
        margin-top: 10px;
    }
}

.p-sbWare__intro2 {
    padding-top: 50px;
    padding-bottom: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    background: url("../images/warehouse/intro2-bg.jpg") no-repeat center center /
        cover;
}

.p-sbWare__intro2TextItem1,
.p-sbWare__intro2TextItem2,
.p-sbWare__intro2TextItem3 {
    text-align: center;
}

.p-sbWare__intro2TextItem1 {
    font-size: clamp(1.375rem, 1.173rem + 0.9vw, 2.25rem);
    font-weight: 900;
    color: var(--white-color);

    & .textBig {
        font-size: 130%;
    }
}

.p-sbWare__intro2TextItem2 {
    color: var(--white-color);
    font-size: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    font-weight: 900;
    line-height: 1;
    margin-top: 32px;

    & .textBg {
        color: var(--main-color);
        background-color: var(--white-color);
        display: inline-block;
        padding: clamp(0.375rem, 0.317rem + 0.26vw, 0.625rem);
        margin: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem)
            clamp(0.313rem, 0.25rem + 0.31vw, 0.625rem);
    }
}

.p-sbWare__intro2TextItem3 {
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    font-weight: 900;
    color: var(--white-color);
    line-height: 1.5;
    margin-top: 24px;

    & .textMarker {
        color: var(--sub-color);
        font-size: 130%;
        background: linear-gradient(transparent 70%, var(--main-color) 70%);
    }

    & .textMarker.textBig {
        font-size: 150%;
    }
}

.p-sbWare__intro2ListWrap {
    width: min(100%, 800px);
    margin-inline: auto;
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

/* point */
.p-sbWare__point {
    margin-top: clamp(3rem, 2.25rem + 3.33vw, 6.25rem);
}

.p-sbWare__pointLinkWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

/* point1 */
.p-sbWare__pointWrap1 {
    margin-top: clamp(5rem, 4.712rem + 1.28vw, 6.25rem);
    position: relative;

    &::before {
        display: block;
        content: "";
        background: url("../images/intro-bg.png") no-repeat center center /
            cover;
        display: inline-block;
        content: "";
        position: absolute;
        width: max(600px, 40%);
        right: -80px;
        aspect-ratio: 923 / 730;
        opacity: 0.2;
        z-index: -1;
        bottom: -80px;
    }
}

.p-sbWare__pointWrap1--flexWrap {
    display: flex;
    align-items: center;
    margin-top: clamp(2rem, 1.538rem + 2.05vw, 4rem);
    justify-content: space-between;
}

.p-sbWare__pointWrap1--textWrap {
    flex-basis: 80%;
    box-shadow: 0px 7px 0px 0px var(--main-color);
    border: 2px solid var(--main-color);
    border-radius: 20px;
    position: relative;
    background-color: var(--white-color);

    &::before {
        content: "";
        position: absolute;
        top: 50%;
        right: -24px;
        margin-top: -12px;
        border: 12px solid transparent;
        border-left: 12px solid var(--white-color);
        z-index: 2;
    }

    &::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -30px;
        margin-top: -14px;
        border: 14px solid transparent;
        border-left: 14px solid var(--main-color);
        z-index: 1;
    }
}

.p-sbWare__pointWrap1--text {
    padding: clamp(1rem, 0.885rem + 0.51vw, 1.5rem)
        clamp(1rem, 0.942rem + 0.26vw, 1.25rem);
    font-size: clamp(0.875rem, 0.788rem + 0.38vw, 1.25rem);

    & .textBold {
        font-weight: 900;
    }
}

.p-sbWare__pointWrap1--imgWrap {
    flex-basis: calc(98% - 80%);
}

.p-sbWare__pointWrap1--listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    margin-top: 100px;
}

.p-sbWare__pointWrap1--list {
    border: 2px solid var(--main-color);
    padding: 0 16px 16px;
    background-color: var(--white-color);
}

.p-sbWare__pointWrap1--listTitle {
    width: fit-content;
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    font-weight: 700;
    background-color: var(--main-color);
    color: var(--white-color);
    margin-inline: auto;
    padding: 4px 32px;
    margin-top: -28px;
}

.p-sbWare__pointWrap1--listFlex {
    display: flex;
    margin-top: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    justify-content: space-between;
    align-items: center;
}

.p-sbWare__pointWrap1--listTableWrap {
    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);

        thead {
            background: var(--main-color);
            color: var(--white-color);
        }

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }
    }
}

.p-sbWare__pointWrap1--listImgWrap {
    flex-basis: 35%;
}

.p-sbWare__pointWrap1--listTableWrap {
    flex-basis: calc(95% - 35%);
}

/* point2 */
.p-sbWare__pointWrap2 {
    background-color: #f0f0f0;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbWare__pointWrap2--textWrap {
    background-color: var(--white-color);
}

.p-sbWare__pointWrap2--linkWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbWare__pointWrap2--content {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    background-color: var(--white-color);
    padding: clamp(1rem, 0.538rem + 2.05vw, 3rem);
}

.p-sbWare__pointWrap2--contentTitleWrap {
    text-align: center;
}

.p-sbWare__pointWrap2--contentFlex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 32px;

    & .p-subProp__otherWrap {
        margin-top: 0;
    }

    & .thumbnail-img {
        padding: 0 4px;
    }

    & .js-thumbnail1 {
        margin-top: 10px;
    }
}

.p-sbWare__pointWrap2--contentFlexL {
    width: 45%;
}

.p-sbWare__pointWrap2--contentFlexR {
    width: calc(98% - 45%);
}

.p-sbWare__pointWrap2--contentListFlex {
    display: flex;
    border: 2px solid var(--main-color);

    &:not(:first-child) {
        margin-top: 6px;
    }
}

.p-sbWare__pointWrap2--contentListTitle,
.p-sbWare__pointWrap2--contentListText {
    padding: 4px;
    text-align: center;
}

.p-sbWare__pointWrap2--contentListTitle {
    flex-basis: max(100px, 20%);
    background-color: var(--main-color);
    color: var(--white-color);
    padding: 4px;
}

.p-sbWare__pointWrap2--contentListText {
    flex-basis: calc(100% - max(100px, 20%));
}

.p-sbWare__pointWrap2--button1.c-button {
    margin-top: 24px;

    a,
    button {
        box-shadow: none;
		width:100%;
    }
}

.p-sbWare__pointWrap2--mapWrap {
    margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
    iframe {
        width: 100%;
        aspect-ratio: 6 / 2.5;
    }
}

.p-sbWare__pointWrap2--imgWrap,
.p-sbWare__pointWrap5--imgWrap {
    width: min(800px, 100%);
    margin-inline: auto;
    margin-top: clamp(3rem, 2.636rem + 1.82vw, 4rem);
}

/* point3 */
.p-sbWare__pointWrap3 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

/* point4 */
.p-sbWare__pointWrap4 {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    background-color: #f0f0f0;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
}

.p-sbWare__pointWrap4--textWrap {
    background-color: var(--white-color);
}

.p-sbWare__pointWrap4--listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    margin-top: 32px;
}

.p-sbWare__pointWrap4--buttonWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 48px;
    width: min(768px, 100%);
    margin-inline: auto;

    & .c-button {
        a,
        button {
            width: 100%;
        }
    }
}

.p-sbWare__pointWrap4--listWrap2 {
    margin-top: 64px;
}

.p-sbCharter__pointWrap5--buttonWrap {
    text-align: center;
    margin-top: clamp(3rem, 2.636rem + 1.82vw, 4rem);
}

/*　ーーーーーーーーーーーーーーーーーー 
拠点・保有倉庫
ーーーーーーーーーーーーーーーーーーーー */
.p-subOffice {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}
.p-subOffice__textWrap {
    margin-top: 0;
}

/*　ーーーーーーーーーーーーーーーーーー 
保有車両
ーーーーーーーーーーーーーーーーーーーー */
.p-subProp__tableWrap {
    margin-top: 64px;
}

.p-subProp__cateListWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    margin-top: clamp(4rem, 3.481rem + 2.31vw, 6.25rem);
    gap: clamp(0.75rem, 0.692rem + 0.26vw, 1rem);

    a {
        background-color: var(--sub-color);
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: clamp(0.875rem, 0.788rem + 0.38vw, 1.25rem);
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        font-weight: 700;
        border: 2px solid var(--sub-color);

        span {
            position: relative;
            line-height: 1.25;
            margin-right: -10px;

            &::before {
                content: "▼";
                display: block;
                position: absolute;
                left: -24px;
                transform: translateY(-50%);
                top: 50%;
            }
        }
    }
}

.p-subProp__otherFlex {
    display: flex;
    justify-content: space-between;
}

.p-subProp__otherListWrap {
    width: clamp(18.75rem, 10.417rem + 17.36vw, 31.25rem);

    & .slick-img {
        img {
            aspect-ratio: 5 / 3;
            object-fit: cover;
        }
    }

    & .thumbnail-img {
        padding: 0 4px;
        img {
            aspect-ratio: 4 / 3;
            object-fit: cover;
        }
    }

    & .js-thumbslider1 {
        padding: 0 4px;
    }

    & .js-thumbnail1 {
        margin-top: 10px;
    }
}

.p-subProp__otherInfoWrap {
    flex-basis: calc(97% - clamp(18.75rem, 10.417rem + 17.36vw, 31.25rem));
}

.p-subProp__cateItemWrap {
    margin-top: clamp(5rem, 4.423rem + 2.56vw, 7.5rem);
}

.p-subProp__cateitemTitleWrap {
    text-align: center;
}

.p-subProp__otherWrap {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-subProp__cateItemWrap .p-subProp__otherWrap:nth-of-type(2) {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-subProp__otherInfoTitle {
    & .text {
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        font-weight: 900;
        color: var(--main-color);
    }
}

.p-subProp__tableWrap {
    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);

        a {
            color: var(--main-color);
            border-bottom: 1px solid var(--main-color);
        }

        thead {
            background: var(--main-color);
            color: var(--white-color);
        }

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }
    }
}

.p-subProp__otherInfoTable1 {
    margin-top: 10px;

    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }

        th {
            background: var(--main-color);
            color: var(--white-color);
        }
    }
}

.p-subProp__otherInfoTable2 {
    margin-top: 24px;

    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }

        th {
            background: var(--main-color);
            color: var(--white-color);
        }
    }
}

.p-subProp__otherInfoButtonWrap {
    margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
    text-align: right;

    a {
        width: min(400px, 100%);
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);

        &::after {
            right: 1.25rem;
            width: 14px;
            height: 14px;
        }
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
会社概要
ーーーーーーーーーーーーーーーーーーーー */
.p-sbCompany__intro {
    padding-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    position: relative;

    &::before {
        display: block;
        content: "";
        background: url("../images/intro-bg.png") no-repeat center center /
            cover;
        display: inline-block;
        content: "";
        position: absolute;
        width: max(500px, 38%);
        right: -80px;
        aspect-ratio: 923 / 730;
        opacity: 0.2;
        z-index: -1;
        top: -80px;
    }
}

.p-sbCompany__introMessage {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.p-sbCompany__introMessage--imgWrap {
    flex-basis: 36%;
}

.p-sbCompany__introMessage--textWrap {
    flex-basis: calc(97% - 36%);
}

.p-sbCompany__introMessage--title.c-mainTitle {
    align-items: flex-end;
}

.p-sbCompany__introMessage--img {
    margin-top: 24px;
}

.p-sbCompany__introMessage--subTitle {
    font-size: clamp(1.5rem, 1.269rem + 1.03vw, 2.5rem);
    font-weight: 700;
    color: var(--main-color);
    line-height: 1.25;
}

.p-sbCompany__introMessage--text {
    margin-top: 32px;
}

.p-sbCompany__introMessage--name {
    text-align: right;
    margin-top: 10px;
}

/* outline */
.p-sbCompany__outline {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbCompany__outline--titleWrap,
.p-sbCompany__history--titleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    font-size: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    line-height: 1.5;
    font-weight: 900;
    color: var(--white-color);
    padding: 10px;

    & .textSmall {
        font-size: max(50%, 14px);
        font-weight: 700;
    }
}

.p-sbCompany__outline--list,
.p-sbCompany__history--list {
    margin-top: 32px;
}

.p-sbCompany__outline--listItem,
.p-sbCompany__history--listItem {
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--main-color);
    padding: 16px 0;
}

.p-sbCompany__outline--listTitle,
.p-sbCompany__history--listTitle {
    flex-basis: max(30%, 120px);
    text-align: center;
    color: var(--main-color);
    font-size: clamp(1rem, 0.971rem + 0.13vw, 1.125rem);
}

.p-sbCompany__outline--listText,
.p-sbCompany__history--listText {
    flex-basis: calc(100% - max(30%, 120px));
}

/* 売上高の推移 */
.p-sbCompany__outline--sales {
    background: url("../images/company/outline-sales-bg.jpg") no-repeat center
        center / cover;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
}

.p-sbCompany__outline--salesInner {
    width: min(90%, 941px);
    margin-inline: auto;
}

.p-sbCompany__outline--salesFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-sbCompany__outline--salesTitle.c-mainTitle {
    color: var(--white-color);
    & .en {
        color: var(--sub-color);
    }
}

.p-sbCompany__outline--salesPriceWrap1 {
    font-size: clamp(1.5rem, 1.385rem + 0.51vw, 2rem);
    font-weight: 900;
    color: var(--white-color);

    & .textSmall {
        font-size: max(50%, 20px);
        font-weight: 700;
    }
}

.p-sbCompany__outline--salesPriceWrap2 {
    color: var(--sub-color);
    font-size: clamp(2.5rem, 2.067rem + 1.92vw, 4.375rem);
    line-height: 1;
    font-family: "akazukinpop", sans-serif;

    & .textSmall {
        font-size: max(50%, 30px);
        font-weight: 700;
    }
}

.p-sbCompany__outline--salesImg {
    margin-top: 48px;
}

/* 拠点情報 */
.p-sbCompany__outline--office {
    padding: clamp(3rem, 2.538rem + 2.05vw, 5rem) 0;

    & .p-sbCharter__pointWrap2--flexWrap {
        margin-top: 48px;
    }
}

.p-sbCompany__outline--officeTitleWrap {
    text-align: center;
}

.p-sbCompany__outline--officeButtonWrap {
    text-align: center;
    margin-top: 48px;
}

/* 経営理念 */
.p-sbCompany__outline--philo {
    background: url("../images/company/outline-philo-bg.png") no-repeat center
        center / cover;
    padding: clamp(5rem, 4.712rem + 1.28vw, 6.25rem) 0;
    clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% calc(100% - 2vw), 0 100%);
}

.p-sbCompany__outline--philoTextWrap {
    width: min(820px, 90%);
    margin-inline: auto;
    background-color: var(--white-color);
    padding: clamp(1.5rem, 0.923rem + 2.56vw, 4rem) 16px;
    text-align: center;
}

.p-sbCompany__outline--philoTitle2 {
    font-size: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
    font-weight: 700;
    margin-top: 24px;
    background: -webkit-linear-gradient(90deg, #268e3a 30%, #196c37);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.p-sbCompany__outline--philoText {
    margin-top: 24px;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
}

/* History */
.p-sbCompany__history {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
    position: relative;

    &::before {
        display: block;
        content: "";
        background: url("../images/intro-bg.png") no-repeat center center /
            cover;
        display: inline-block;
        content: "";
        position: absolute;
        width: max(500px, 38%);
        right: -80px;
        aspect-ratio: 923 / 730;
        opacity: 0.2;
        z-index: -1;
        top: -200px;
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
安全品質・SDGs・CSR
ーーーーーーーーーーーーーーーーーーーー */
.p-sbSdgs__intro {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbSdgs__linkWrap {
    width: min(860px, 90%);
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);

    a {
        border: 2px solid var(--sub-color);
        background: var(--sub-color);
        display: inline-block;
        width: 100%;
        font-weight: 700;
        box-shadow: 0px 4px 10px -6px #000000;
        padding: 16px;
        font-size: clamp(1rem, 0.942rem + 0.26vw, 1.25rem);
        text-align: center;

        span {
            position: relative;
            line-height: 1.25;

            &::before {
                content: "▼";
                display: block;
                position: absolute;
                left: -32px;
                transform: translateY(-50%);
                top: 50%;
            }
        }
    }
}

.p-sbSdgs__safeWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbSdgs__safeTitleWrap,
.p-sbSdgs__iniTitleWrap,
.p-sbSdgs__sdgs--titleWrap {
    background: url("../images/sdgs/safe-bg.jpg") no-repeat center center /
        cover;
    background-attachment: fixed;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;

    .c-pointTitle {
        &::before {
            background: url("../images/logo-w.svg") no-repeat center center /
                contain;
            display: inline-block;
            content: "";
            aspect-ratio: 58 / 60;
            width: 64px;
            vertical-align: bottom;
            margin-bottom: -4px;
        }

        & .c-pointTitle__jp,
        .c-pointTitle__en {
            color: var(--white-color);
        }
    }
}

.p-sbSdgs__safeDriverWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbSdgs__safeDriver--titleWrap,
.p-sbSdgs__safeFacility--titleWrap {
    text-align: center;
}

.p-sbSdgs__safeDriver--textWrap,
.p-sbSdgs__safeFacility--textWrap {
    margin-top: 32px;
    text-align: center;
}

.p-sbSdgs__safeDriver--listWrap,
.p-sbSdgs__safeFacility--listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 32px;
    gap: clamp(1.5rem, 1.154rem + 1.54vw, 3rem)
        clamp(0.75rem, 0.635rem + 0.51vw, 1.25rem);
}

.p-sbSdgs__safeDriver--listItem,
.p-sbSdgs__safeFacility--listItem {
    background: var(--white-color);
}

.p-sbSdgs__safeDriver--listTitle,
.p-sbSdgs__safeFacility--listTitle {
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
    font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
    padding: 8px;
}

.p-sbSdgs__safeDriver--listText,
.p-sbSdgs__safeFacility--listText {
    padding: 10px 16px;
}

.p-sbSdgs__safeDriver--listImg,
.p-sbSdgs__safeFacility--listImg {
    img {
        object-fit: cover;
        aspect-ratio: 5 / 3;
    }
}

.p-sbSdgs__safeFacilityWrap {
    background: #f0f0f0;
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
}

/* SDGsの取り組みーーーーーー */
.p-sbSdgs__iniTitleWrap {
    background: url("../images/sdgs/ini-bg.jpg") no-repeat center center / cover;
    background-attachment: fixed;
}

/* ini1 */
.p-sbSdgs__ini1Wrap,
.p-sbSdgs__ini2Wrap,
.p-sbSdgs__ini3Wrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbSdgs__ini1--titleWrap,
.p-sbSdgs__ini2--titleWrap,
.p-sbSdgs__ini3--titleWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    font-size: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    line-height: 1.5;
    font-weight: 900;
    color: var(--white-color);
    padding: 10px;

    & .textSmall {
        font-size: max(50%, 14px);
        font-weight: 700;
    }
}

.p-sbSdgs__ini1--flexWrap,
.p-sbSdgs__ini2--flexWrap,
.p-sbSdgs__ini3--flexWrap {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.p-sbSdgs__ini1--imgWrap,
.p-sbSdgs__ini1--otherWrap,
.p-sbSdgs__ini2--imgWrap,
.p-sbSdgs__ini2--otherWrap,
.p-sbSdgs__ini3--imgWrap,
.p-sbSdgs__ini3--otherWrap {
    flex-basis: 50%;
}

.p-sbSdgs__ini1--otherWrap,
.p-sbSdgs__ini2--otherWrap,
.p-sbSdgs__ini3--otherWrap {
    padding-left: 24px;
}

.p-sbSdgs__ini1--sdgsWrap,
.p-sbSdgs__ini2--sdgsWrap,
.p-sbSdgs__ini3--sdgsWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 4px;
}

.p-sbSdgs__ini1--listWrap,
.p-sbSdgs__ini2--listWrap,
.p-sbSdgs__ini3--listWrap {
    margin-top: 10px;
    border: 1px solid var(--main-color);
    padding: 16px;
}

.p-sbSdgs__ini1--listTitle,
.p-sbSdgs__ini2--listTitle,
.p-sbSdgs__ini3--listTitle {
    font-size: clamp(1rem, 0.942rem + 0.26vw, 1.25rem);
    font-weight: 700;
    color: var(--main-color);
}

.p-sbSdgs__ini1--list,
.p-sbSdgs__ini2--list,
.p-sbSdgs__ini3--list {
    font-size: 14px;
    margin-top: 4px;
}

.p-sbSdgs__ini1--cardListItem,
.p-sbSdgs__ini2--cardListItem,
.p-sbSdgs__ini3--cardListItem {
    display: flex;
    margin-top: 48px;
    box-shadow: 0px 4px 10px -5px #8c8c8c;
}

.p-sbSdgs__ini1--cardListImg,
.p-sbSdgs__ini2--cardListImg,
.p-sbSdgs__ini3--cardListImg {
    flex-basis: 40%;
    display: flex;

    img {
        object-fit: cover;
    }
}

.p-sbSdgs__ini1--cardListTextWrap,
.p-sbSdgs__ini2--cardListTextWrap,
.p-sbSdgs__ini3--cardListTextWrap {
    flex-basis: calc(100% - 40%);
    padding: clamp(1rem, 0.885rem + 0.51vw, 1.5rem)
        clamp(1rem, 0.538rem + 2.05vw, 3rem);
}

.p-sbSdgs__ini1--cardListTitleWrap,
.p-sbSdgs__ini2--cardListTitleWrap,
.p-sbSdgs__ini3--cardListTitleWrap {
    text-align: center;
}

.p-sbSdgs__ini1--cardListTitle.c-subTitle,
.p-sbSdgs__ini2--cardListTitle.c-subTitle,
.p-sbSdgs__ini3--cardListTitle.c-subTitle {
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
}

.p-sbSdgs__ini1--cardListText,
.p-sbSdgs__ini2--cardListText,
.p-sbSdgs__ini3--cardListText {
    margin-top: 32px;
}

/* 取り組み一覧　ーーーーーーーーーー */
.p-sbSdgs__sdgsWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-sbSdgs__sdgs--titleWrap {
    background: url("../images/sdgs/sdgs-bg.jpg") no-repeat center center /
        cover;
}

.p-sbSdgs__sdgs--listContainer {
    background: url("../images/sdgs/sdgs-bg2.jpg") no-repeat center center /
        cover;
    padding: clamp(4rem, 3.769rem + 1.03vw, 5rem) 0;
}

.p-sbSdgs__sdgs--listWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.p-sbSdgs__sdgs--list {
    flex-basis: calc(100% - 50% - 4px * 2);
    display: flex;
    align-items: center;
    background-color: var(--white-color);
    margin: 4px;
    min-height: 220px;
    padding: 16px;
}

.p-sbSdgs__sdgs--listImg {
    flex-basis: clamp(5.625rem, 5.048rem + 2.56vw, 8.125rem);
}

.p-sbSdgs__sdgsSub--listWrap {
    flex-basis: calc(100% - clamp(5.625rem, 5.048rem + 2.56vw, 8.125rem));
    padding-left: 16px;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
}

/*　ーーーーーーーーーーーーーーーーーー 
自動見積り／料金表
ーーーーーーーーーーーーーーーーーーーー */
.p-sbPrice__linkWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
    width: min(980px, 90%);
    margin-inline: auto;
}

.p-sbPrice__link {
    & a {
        background: var(--sub-color);
        display: inline-block;
        width: 100%;
        font-weight: 700;
        box-shadow: 0px 4px 10px -6px #000000;
        padding: 16px;
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        text-align: center;
        border: 2px solid var(--sub-color);

        & span {
            position: relative;
            line-height: 1.25;

            &::before {
                content: "▼";
                display: block;
                position: absolute;
                left: -32px;
                transform: translateY(-50%);
                top: 50%;
            }
        }
    }
}

/* チャーター */
.p-sbPrice__charterWrap {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-sbPrice__charterTitleWrap,
.p-sbPrice__consTitleWrap {
    text-align: center;
}

.p-sbPrice__charterSubTitleWrap,
.p-sbPrice__consSubTitle {
    margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
}

.p-sbPrice__charterButton,
.p-sbPrice__consButton {
    text-align: center;
    margin-top: clamp(1.5rem, 1.154rem + 1.54vw, 3rem);
    a {
        padding: 1.25rem 1rem;
        width: min(400px, 100%);
        font-size: clamp(16px, 1.04vw, 1.25rem);
    }
}

.p-sbPrice__consWrap {
    margin-top: clamp(5rem, 4.712rem + 1.28vw, 6.25rem);
}

.p-sbPrice__consTableWrap {
    margin-top: 32px;

    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        background: var(--white-color);
        table-layout: fixed;
    }

    & th,
    td {
        border: solid 1px #b3b3b3;
        border: solid 1px #b3b3b3;
        text-align: center;
        vertical-align: middle;
        padding: clamp(0.625rem, 0.567rem + 0.26vw, 0.875rem);
        line-height: 1.25;
        letter-spacing: 0;
        font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    }

    & thead {
        th {
            background-color: var(--main-color);
            color: var(--white-color);
        }
    }

    & tbody {
        & .bgColor {
            background-color: var(--main-color);
            color: var(--white-color);
        }
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
倉庫・営業所一覧
ーーーーーーーーーーーーーーーーーーーー */
.p-subOffice__cateListWrap {
    margin-top: clamp(4rem, 3.481rem + 2.31vw, 6.25rem);
}

.p-subOffice__cateItemWrap {
    margin-top: clamp(5rem, 3.558rem + 6.41vw, 11.25rem);
}

#office1.p-subOffice__cateItemWrap {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-subOffice__cateItem .p-subOffice__otherWrap {
    margin-top: 100px;

    &:first-child {
        margin-top: clamp(2rem, 1.538rem + 2.05vw, 4rem);
    }
}

.p-subOffice__otherFlex {
    display: flex;
    justify-content: space-between;
}

.p-subOffice__otherImgWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    gap: clamp(0.75rem, 0.692rem + 0.26vw, 1rem);
    margin-top: 24px;
}

.p-subOffice__otherImg {
    img {
        aspect-ratio: 5 / 3;
        object-fit: cover;
    }
}

.p-subOffice__other--map {
    flex-basis: 48%;

    iframe {
        width: 100%;
        aspect-ratio: 5 / 3;
    }
}

.p-subOffice__otherTable--name {
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    font-weight: 900;
    color: var(--main-color);
}

.p-subOffice__otherTableWrap {
    flex-basis: calc(97% - 48%);

    & .c-table {
        border: solid 1px #b3b3b3;
        width: 100%;
        font-size: clamp(0.813rem, 0.769rem + 0.19vw, 1rem);
        margin-top: 16px;

        th,
        td {
            border: solid 1px #b3b3b3;
            text-align: center;
            vertical-align: middle;
            padding: clamp(0.5rem, 0.442rem + 0.26vw, 0.75rem)
                clamp(0.25rem, 0.192rem + 0.26vw, 0.5rem);
            line-height: 1.25;
            letter-spacing: 0;
        }

        td {
            text-align: left;
        }

        th {
            background: var(--main-color);
            color: var(--white-color);
        }
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
Voice
ーーーーーーーーーーーーーーーーーーーー */
.p-subVoice,
.p-subVoiceSingle {
    padding-top: clamp(4rem, 3.481rem + 2.31vw, 6.25rem);
}

.p-subVoice__inner {
    width: min(90%, 1200px);
    margin-inline: auto;
}

.p-subVoice__listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px 24px;
}

.p-subVoice__listItem {
    background: #f0f0f0;
    a {
        padding: clamp(1rem, 0.942rem + 0.26vw, 1.25rem)
            clamp(1rem, 0.942rem + 0.26vw, 1.25rem)
            clamp(1.5rem, 1.385rem + 0.51vw, 2rem);
        display: inline-block;
    }

    & .title {
        font-size: 16px;
        line-height: 1.75;
        color: var(--main-color);
        font-weight: 700;
        margin-top: 10px;
    }

    & .title br {
        display: none;
    }

    & .img {
        aspect-ratio: 4 / 3;
        display: flex;
        align-items: center;
        padding: 1rem;
        background: var(--white-color);
    }

    & .name {
        text-align: center;
        margin-top: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    }
}

/* single */
.p-subVoiceSingle__contant1 {
    background: #f0f0f0;
    padding: clamp(1rem, 0.769rem + 1.03vw, 2rem);
}

.p-subVoiceSingle__contant1-flex {
    display: flex;
    margin-top: 32px;

    & .imgWrap {
        flex-basis: 45%;
        display: flex;
        align-items: center;
        background: var(--white-color);
        padding: 2rem;
        aspect-ratio: 3 / 2;
        height: 100%;
    }

    & .textWrap {
        flex-basis: calc(100% - 45%);
        margin-left: 2rem;

        & .textItem {
            &:not(:first-child) {
                margin-top: 12px;
            }

            a {
                color: var(--main-color);
                border-bottom: 1px solid var(--main-color);
            }
        }
    }
}

.p-subVoiceSingle__contant1-title {
    text-align: center;
    font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
    color: var(--main-color);
    font-weight: 900;
}

.p-subVoiceSingle__contant2 {
    margin-top: 80px;
}

.p-subVoiceSingle__contant2-listItem {
    & .title {
        background: var(--main-color);
        color: var(--white-color);
        padding: 0.5rem 1rem;
        font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
        font-weight: 700;
    }

    & .text {
        padding-top: 1rem;
    }

    &:not(:first-child) {
        margin-top: 64px;
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
CONTACT
ーーーーーーーーーーーーーーーーーーーー */
.p-subContact {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-subContact__textWrap {
    & .text {
        text-align: center;

        &:not(:first-child) {
            margin-top: 32px;
        }
    }

    & .telContainer {
        text-align: center;
        margin-top: 32px;
        width: min(658px, 100%);
        margin-inline: auto;
        border-top: clamp(0.125rem, 0.096rem + 0.13vw, 0.25rem) solid
            var(--main-color);
        border-bottom: clamp(0.125rem, 0.096rem + 0.13vw, 0.25rem) solid
            var(--main-color);
        padding: 24px 0;

        & .attention {
            font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
            color: var(--main-color);
        }

        & .telWrap {
            margin-top: 16px;
            & .text {
                font-size: clamp(2.375rem, 2.26rem + 0.51vw, 2.875rem);
                font-family: "Montserrat", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                letter-spacing: 0;
                color: var(--main-color);
                line-height: 1;
                padding-left: 8px;
            }

            & .icon {
                width: clamp(20px, 1.35vw, 26px);
            }
        }

        & .hourWrap {
            margin-left: 10px;
            border: 2px solid var(--main-color);
            display: inline-block;
            margin-top: 16px;

            & .week {
                height: 100%;
                background: var(--main-color);
                display: inline-block;
                color: var(--white-color);
                padding: 0 0.5rem;
                font-weight: 700;
            }

            & .hour {
                padding: 0 0.5rem;
                font-weight: 900;
                color: var(--main-color);
            }
        }
    }
}

/* form */
.formWrap {
    margin-top: 48px;
}

.formFlex {
    display: flex;
    justify-content: space-between;

    &:not(:first-child) {
        margin-top: 32px;
    }
}

.form_title {
    flex-basis: max(180px, 24%);
    font-size: 18px;
}

.form_text {
    flex-basis: calc(95% - max(180px, 24%));
    line-height: 1.5;

    & .form_text-flex {
        display: flex;
        border-bottom: 2px solid var(--main-color);
        padding: clamp(0.5rem, 0.385rem + 0.51vw, 1rem) 0;

        & .form_text-title {
            flex-basis: max(130px, 20%);
            color: var(--main-color);
            font-weight: 700;
        }

        & .form_text-text {
            flex-basis: calc(100% - max(130px, 20%));

            & .attention {
                margin-left: 20px;
                font-size: 12px;
            }
        }
    }

    & .form_text-flex.result {
        border: none;
        background: #f0f0f0;
        margin-top: 24px;
        padding: clamp(1rem, 0.885rem + 0.51vw, 1.5rem)
            clamp(1.5rem, 1.385rem + 0.51vw, 2rem);
        display: block;

        & .form_text-text {
            display: flex;
            align-items: center;
        }

        & .form_text-text-title {
            font-size: 24px;
            font-weight: 900;
        }

        & .form_text-text-subtitle {
            font-size: 18px;
            background: var(--sub-color);
            color: var(--white-color);
            padding: 0.5rem 1rem;
            margin-left: 20px;
        }

        & .form_text-text-figre {
            font-size: 40px;
            font-weight: 900;
            line-height: 1;
            vertical-align: sub;
            margin-left: 20px;
        }
    }
}

.form_must {
    background: var(--main-color);
    color: var(--white-color);
    padding: 0.05rem 0.75rem;
    margin-left: 1rem;
    display: inline-block;
    font-size: 0.75rem;
}

.wpcf7-list-item {
    display: block;
    letter-spacing: 0.05rem;
    margin: 0;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -4px;
}

.wpcf7 input,
.wpcf7 textarea {
    background: #ebebeb;
    border-radius: 4px;
    text-align: left;
    padding: 0.5rem;
    width: 100%;
    resize: none;
    font-size: 16px;
}

.formacceptance {
    margin-top: 48px;
    text-align: center;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);

    a {
        color: var(--main-color);
        border-bottom: 1px solid var(--main-color);
    }

    & .check {
        margin-top: 24px;
    }
}

.formbutton {
    margin-top: 64px;
    text-align: center;

    input[type="submit"] {
        text-align: center;
        width: min(380px, 100%);
        padding: 1rem 1.25rem;
        font-size: 1.25rem;
        background: var(--main-color);
        color: var(--white-color);
        border: 2px solid var(--main-color);
        font-weight: 700;
    }
}

span.wpcf7-spinner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    display: block;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px;
    font-weight: 900;
    display: block;
    position: absolute;
    width: 100vw;
}

/*　ーーーーーーーーーーーーーーーーーー 
Blog
ーーーーーーーーーーーーーーーーーーーー */
.p-subBlog,
.p-blogSingle {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-subBlog__inner,
.p-blogSingle__inner {
    width: min(1080px, 90%);
    margin-inline: auto;
}

.p-subBlog__cateWrap {
    align-items: center;
    display: grid;
    font-size: clamp(1rem, 0.913rem + 0.38vw, 1.375rem);
    font-weight: 700;
    grid-template-columns: 1fr 1fr 1fr;
    width: min(800px, 100%);
    margin-inline: auto;
    color: var(--main-color);

    & .cateItem {
        border-right: 2px solid var(--main-color);
        text-align: center;
        margin: 4px 0;

        &:first-child {
            border-left: 2px solid var(--main-color);
        }
    }
}

.p-subBlog__listContainer,
.p-subVoice__listWrap {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
}

.p-subBlog__listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: clamp(2rem, 1.769rem + 1.03vw, 3rem)
        clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
}

.p-subBlog__listItem {
    a {
        & .img {
            img {
                aspect-ratio: 4 / 3;
                object-fit: cover;
            }
        }

        & .textwrap {
            margin-top: 10px;

            & .title {
                font-size: clamp(1.125rem, 1.096rem + 0.13vw, 1.25rem);
                font-weight: 900;
                line-height: 1.5;
                letter-spacing: 0.025rem;
                margin-top: 10px;
            }

            & .text {
                margin-top: 18px;
                font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
            }

            & .infolist {
                display: flex;
                align-items: center;

                & .date {
                    font-family: "Montserrat", sans-serif;
                    font-weight: 900;
                }
            }

            & .category {
                padding-left: 1rem;
                & .categoryItem {
                    display: inline-block;
                    margin: 4px 2px;
                    font-size: 12px;
                    background: var(--main-color);
                    text-align: center;
                    color: var(--white-color);
                    padding: 0.15rem 0.75rem;
                }
            }
        }
    }
}

/* pagenav */
.c-pagenavi .wp-pagenavi {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
    align-items: center;
}

.c-pagenavi .wp-pagenavi .page,
.c-pagenavi .wp-pagenavi .current {
    margin: 8px;
    color: var(--main-color);
    height: 40px;
    width: 40px;
    line-height: 36px;
    font-size: 1.25rem;
    text-align: center;
    transition: 0.4s all;
    border: 1px solid var(--main-color);
    border-radius: 999px;
    padding-left: 2px;
    font-weight: 900;
}

.c-pagenavi .wp-pagenavi .current {
    background: var(--main-color);
    transition: 0.4s all;
    color: var(--white-color);
    border: 1px solid var(--main-color);
}

.c-pagenavi .wp-pagenavi .pages,
.c-pagenavi .wp-pagenavi .last,
.c-pagenavi .wp-pagenavi .first,
.c-pagenavi .wp-pagenavi .extend {
    display: none;
}

.c-pagenavi .wp-pagenavi .previouspostslink,
.c-pagenavi .wp-pagenavi .nextpostslink {
    width: 14px;
    height: 20px;
    margin: 8px;
}

.c-pagenavi .wp-pagenavi .nextpostslink {
    content: url("../images/arrow2-r.png");
}

.c-pagenavi .wp-pagenavi .previouspostslink {
    content: url("../images/arrow2-l.png");
}

/*pagenation*/
.c-blogSingle__pagination {
    margin-top: clamp(3rem, 2.769rem + 1.03vw, 4rem);
    width: min(500px, 80%);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

.c-blogSingle__pagination a {
    position: relative;
}

.c-blogSingle__pagination .c-blogSingle__pagination--prev a::after,
.c-blogSingle__pagination .c-blogSingle__pagination--next a::after {
    position: absolute;
    top: 50%;
    right: -24px;
    width: 0.75rem;
    height: 0.75rem;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid var(--main-color);
    border-top: 2px solid var(--main-color);
    content: "";
}

.c-blogSingle__pagination .c-blogSingle__pagination--prev a::after {
    transform: translateY(-50%) rotate(225deg);
    left: -24px;
}

/*sidebar*/
.p-sidebar__category .title,
.p-sidebar__newpost .title,
.p-sidebar__archives .title {
    background: var(--main-color);
    color: var(--white-color);
    padding: 0.5rem;
}

.p-sidebar__categoryList,
.p-sidebar__newpostList,
.p-sidebar__archivesList {
    border-left: 1px solid #c6c6c6;
    border-right: 1px solid #c6c6c6;
}

.p-sidebar__categoryList > li,
.p-sidebar__newpostList > li,
.p-sidebar__archivesList > li {
    border-bottom: 1px solid #c6c6c6;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-size: max(0.875rem, 14px);
    line-height: 1.5;
}

/* single */
.p-blogSingle__title {
    font-size: clamp(1.25rem, 1.077rem + 0.77vw, 2rem);
    font-weight: 900;
    line-height: 1.5;
}

.p-blogSingle__cateWrap {
    display: flex;
    align-items: center;
    margin-top: 14px;

    & .date {
        word-break: normal;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
    }

    & .category {
        padding-left: 1rem;
        & .categoryItem a {
            background: var(--main-color);
            color: var(--white-color);
            padding: 0.075rem 0.75rem;
            font-size: 12px;
            display: inline-block;
            border: 2px solid var(--main-color);
        }
    }
}

.p-blogSingle__content {
    img {
        width: auto;
    }
}

.p-blogSingle__content h1 {
    font-size: clamp(2rem, 1.885rem + 0.51vw, 2.5rem);
    font-weight: 900;
    margin: 2rem 0;
    color: var(--main-color);
}

.p-blogSingle__content h2 {
    font-size: clamp(1.75rem, 1.692rem + 0.26vw, 2rem);
    font-weight: 900;
    margin: 1.5rem 0;
    background: var(--main-color);
    color: var(--white-color);
    padding: 0.75rem;
    line-height: 1.25;
}

.p-blogSingle__content h3 {
    font-size: clamp(1.5rem, 1.442rem + 0.26vw, 1.75rem);
    font-weight: 900;
    margin: 1.25rem 0;
    position: relative;
    padding-left: 50px;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 4px;

    &::before {
        display: block;
        content: "";
        background: url("../images/logo-g.svg") no-repeat center center /
            contain;
        height: 40px;
        width: 40px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

.p-blogSingle__content h4 {
    font-size: 1.5rem;
    font-weight: 900;
    margin: 1rem 0;
    color: var(--main-color);
}
.p-blogSingle__content h5 {
    font-size: 1.25rem;
    font-weight: 900;
    margin: 0.75rem 0;
    color: var(--main-color);
}
.p-blogSingle__content h6 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0.5rem 0;
    color: var(--main-color);
}

.p-blogSingle__content blockquote,
.p-blogSingle__content p,
.p-blogSingle__content table,
.p-blogSingle__content dl,
.p-blogSingle__content ul {
    margin: 1.25rem 0;
}

.p-blogSingle__content blockquote {
    padding: 1rem;
    text-align: center;
    box-shadow: 4px 4px 12px -2px rgba(0, 0, 0, 0.25);
}

.p-blogSingle__content table {
    font-size: clamp(13px, 0.83vw, 16px);

    thead {
        background: var(--main-color);
        color: var(--white-color);
    }
}

.p-blogSingle__content thead,
.p-blogSingle__content tbody,
.p-blogSingle__content tr,
.p-blogSingle__content th,
.p-blogSingle__content td {
    border: 1px solid var(--text-color);
    padding: 0.5rem;
}

.p-blogSingle__content dd {
    padding-left: 24px;
}

.p-blogSingle__content ul,
.p-blogSingle__content ol {
    padding-left: 24px;
}

.p-blogSingle__content ul > li > ul,
.p-blogSingle__content ol > li > ol {
    margin: 0.75rem 0;
}

.p-blogSingle__content ul {
    list-style-type: disc;
}
.p-blogSingle__content ul > li > ul {
    list-style-type: circle;
}
.p-blogSingle__content ol {
    list-style-type: decimal;
}

.p-blogSingle__content a {
    color: var(--main-color);
}

.c-newsSingle__content a.wp-block-file__button {
    background: #fff;
    border-bottom: none;
    border: 1px solid var(--main-color);
}

.p-blogSingle__content strong {
    font-weight: 900;
}

.p-blogSingle__content address > p {
    margin: 0;
}

.p-blogSingle__content code,
.p-blogSingle__content kbd,
.p-blogSingle__content samp {
    font-family: monospace;
    font-size: 1rem;
}

.p-blogSingle__content figcaption {
    text-align: center;
    opacity: 0.7;
    font-size: max(0.875rem, 13px);
}

.p-blogSingle__content pre {
    white-space: pre-wrap;
}

/*　ーーーーーーーーーーーーーーーーーー 
Download
ーーーーーーーーーーーーーーーーーーーー */
.p-subDownload,
.p-subDownloadSingle {
    margin-top: clamp(4rem, 3.769rem + 1.03vw, 5rem);
}

.p-subDownload__listWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: clamp(2rem, 1.769rem + 1.03vw, 3rem)
        clamp(1rem, 0.885rem + 0.51vw, 1.5rem);
}

.p-subDownload__listItem {
    & .img {
        padding: 1rem;
        border: 1px solid var(--text-color);
        aspect-ratio: 4 / 3;
        display: flex;
    }

    & .textwrap {
        margin-top: 10px;

        & .title {
            font-size: clamp(1rem, 0.971rem + 0.13vw, 1.125rem);
            font-weight: 700;
            color: var(--main-color);
        }
    }
}

/* single */
.p-subDownloadSingle__title {
    font-size: clamp(1.125rem, 1.038rem + 0.38vw, 1.5rem);
    color: var(--main-color);
    text-align: center;
    font-weight: 700;
}

.p-subDownloadSingle__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
}

.p-subDownloadSingle__imgWrap {
    flex-basis: 43%;

    & .textwrap {
        margin-top: 20px;
        & .title {
            text-align: center;
            font-size: clamp(1rem, 0.942rem + 0.26vw, 1.25rem);
            font-weight: 700;
            color: var(--main-color);
        }

        & .text {
            background: #f0f0f0;
            margin-top: 10px;
            padding: 16px;
        }
    }
}

.p-subDownloadSingle__formWrap {
    flex-basis: calc(97% - 43%);
}

.p-subDownloadSingle__form {
    & .formWrap {
        margin-top: 0;
    }

    & .form_title {
        font-size: 16px;
        flex-basis: max(180px, 20%);

        & .form_must {
            margin-left: 0.5rem;
        }
    }

    & .form_text {
        flex-basis: calc(95% - max(180px, 20%));
    }

    & .formbutton {
        margin-top: 48px;
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
error
ーーーーーーーーーーーーーーーーーーーー */
.error__wrap {
    text-align: center;
    padding: clamp(3rem, 2.636rem + 1.82vw, 4rem) 0 0;
    width: min(90%, 1024px);
    margin-inline: auto;

    & .title {
        font-size: clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem);
        font-weight: 900;
        color: var(--main-color);
    }

    & .text,
    .error_url_wrap {
        margin-top: 24px;
    }

    & .error_url {
        display: inline-block;
        border: 1px solid var(--text-color);
        padding: 1rem;
    }

    & .c-button {
        margin-top: 32px;
    }
}

/*　ーーーーーーーーーーーーーーーーーー 
responsive
ーーーーーーーーーーーーーーーーーーーー */
/* max 1024px　ーーーーーーーーーーーーー */
@media screen and (max-width: 1024px) {
    /* charter */
    .p-sbCharter__estiContentWrap {
        display: block;
    }

    .p-sbCharter__estiItem.mapWrap,
    .p-sbCharter__estiItem.resultWrap {
        margin-top: clamp(1.5rem, 0.687rem + 3.61vw, 3rem);
    }

    .p-sbCharter__pointWrap3--list,
    .p-sbCharter__pointWrap4--list {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* sdgs */
    .p-sbSdgs__safeDriver--listWrap,
    .p-sbSdgs__safeFacility--listWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-sbSdgs__safeTitleWrap,
    .p-sbSdgs__iniTitleWrap,
    .p-sbSdgs__sdgs--titleWrap {
        background-attachment: initial;
    }

    .p-sbSdgs__sdgs--list {
        display: block;
    }

    .p-sbSdgs__sdgs--listImg {
        width: min(100%, 130px);
        margin-inline: auto;
    }

    .p-sbSdgs__sdgsSub--listWrap {
        padding-left: 0;
        padding-top: 16px;
    }

    /* voice */
    .p-subVoice__listWrap {
        grid-template-columns: 1fr 1fr;
    }

    /* blog */
    .p-subBlog__listWrap {
        grid-template-columns: 1fr 1fr;
    }

    /* download	 */
    .p-subDownload__listWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-subDownloadSingle__flex {
        display: block;
    }

    .p-subDownloadSingle__form {
        & .formWrap {
            margin-top: 32px;
        }
    }
}

/* max 768px　ーーーーーーーーーーーーー */
@media screen and (max-width: 768px) {
    .c-pointLinkWrap {
        grid-template-columns: 1fr 1fr;
    }
    /* charter */
    .p-sbCharter__estiText,
    .p-sbCharter__textItem2,
    .p-sbCharter__pointWrap6--listText,
    .p-sbCharter__price--text {
        text-align: left;
    }

    .p-sbCharter__pointLinkWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-sbCharter__pointWrap2--flexWrap {
        display: block;
    }

    .p-sbCharter__pointWrap2--imgWrap {
        width: min(100%, 400px);
        margin-inline: auto;
    }

    .p-sbCharter__pointWrap2--tableWrap {
        margin-top: 24px;
    }

    .p-sbCharter__pointWrap5--content {
        display: block;
    }

    .p-sbCharter__pointWrap5--contentImg {
        img {
            aspect-ratio: 5 / 3;
        }
    }

    .p-sbCharter__pointWrap5--contentTextWrap {
        margin-left: 0;
    }

    .p-sbCharter__pointWrap5--content {
        &:not(:first-child) {
            & .p-sbCharter__pointWrap5--contentTextWrap {
                margin-right: 0;
            }
        }
    }

    .p-sbCharter__voice--contentWrap {
        display: block;
        width: min(430px, 100%);
        margin-inline: auto;
    }

    .p-sbCharter__voice--textName {
        margin-top: 10px;
        text-align: center;
    }

    .p-sbCharter__voice--textWrap {
        padding-left: 0;
    }

    /* PROPERTY */
    .p-subProp__tableWrap {
        overflow-y: scroll;

        & .c-table {
            min-width: 840px;
        }
    }

    .p-subProp__cateListWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-subProp__otherFlex {
        display: block;
    }

    .p-subProp__otherListWrap {
        margin-inline: auto;
        width: clamp(20rem, 5.882rem + 62.75vw, 36rem);
    }

    .p-subProp__otherInfoWrap {
        margin-top: 24px;
    }

    /* 自動見積り／料金表 */
    .p-sbCharter__price--tableWrap,
    .p-sbPrice__consTableWrap {
        overflow-y: scroll;

        & .c-table {
            min-width: 840px;

            a {
                color: var(--main-color);
                border-bottom: 1px solid var(--main-color);
            }
        }
    }

    /* 倉庫保管 */
    .p-sbWare__pointWrap2--linkWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-sbWare__pointWrap4--listWrap {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .p-sbWare__pointWrap1--flexWrap {
        flex-direction: column-reverse;
        align-items: center;
    }

    .p-sbWare__pointWrap1--imgWrap {
        width: clamp(8.75rem, 6.544rem + 9.8vw, 11.25rem);
    }

    .p-sbWare__pointWrap1--textWrap {
        margin-top: 24px;
        &::before {
            top: -24px;
            left: 50%;
            margin-left: -15px;
            border: 12px solid transparent;
            border-bottom: 12px solid var(--white-color);
            right: initial;
            margin-top: initial;
        }

        &::after {
            top: -30px;
            left: 50%;
            margin-left: -17px;
            border: 14px solid transparent;
            border-bottom: 14px solid var(--main-color);
            right: initial;
            margin-top: initial;
        }
    }

    .p-sbWare__pointWrap1--listWrap {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .p-sbWare__pointWrap2--contentFlex {
        flex-direction: column;
    }

    .p-sbWare__pointWrap2--contentFlexL,
    .p-sbWare__pointWrap2--contentFlexR {
        width: 100%;
    }

    .p-sbWare__pointWrap2--contentListWrap {
        margin-top: 24px;
    }

    .p-sbWare__pointWrap2--buttonWrap,
    .p-sbWare__pointWrap4--buttonWrap {
        & .c-button {
            a,
            button {
                width: 100%;
            }
        }
    }

    .p-sbWare__pointWrap2--mapWrap {
        iframe {
            aspect-ratio: 5 / 3;
        }
    }

    /* 会社概要 */
    .p-sbCompany__introMessage {
        display: block;
    }

    .p-sbCompany__introMessage--img {
        width: min(100%, 360px);
        margin-inline: auto;
    }

    .p-sbCompany__introMessage--textWrap {
        margin-top: 24px;
    }

    .p-sbCompany__outline--salesFlex {
        display: block;
    }

    .p-sbCompany__outline--salesTitle.c-mainTitle,
    .p-sbCompany__introMessage--title.c-mainTitle {
        align-items: center;
    }

    .p-sbCompany__outline--salesPriceWrap {
        margin-top: 24px;
        text-align: center;
    }

    /* SDGs */
    .p-sbSdgs__linkWrap {
        grid-template-columns: 1fr;
    }

    .p-sbSdgs__ini1--flexWrap,
    .p-sbSdgs__ini2--flexWrap,
    .p-sbSdgs__ini3--flexWrap,
    .p-sbSdgs__ini1--cardListItem,
    .p-sbSdgs__ini2--cardListItem,
    .p-sbSdgs__ini3--cardListItem {
        display: block;
    }

    .p-sbSdgs__ini1--otherWrap,
    .p-sbSdgs__ini2--otherWrap,
    .p-sbSdgs__ini3--otherWrap {
        padding-left: 0;
        margin-top: 16px;
    }

    .p-sbSdgs__ini1--listWrap,
    .p-sbSdgs__ini2--listWrap,
    .p-sbSdgs__ini3--listWrap {
        margin-top: 16px;
    }

    /* 倉庫・営業所一覧 */
    .p-subOffice__cateListWrap {
        grid-template-columns: 1fr 1fr;
    }

    .p-subOffice__otherFlex {
        display: block;
    }

    .p-subOffice__otherTable--name {
        text-align: center;
        margin-top: 16px;
    }

    /* voice */
    .p-subVoiceSingle__contant1-flex {
        display: block;

        & .textWrap {
            margin-left: 0;
            margin-top: 32px;
        }
    }

    /* contact */
    .p-subContact__textWrap {
        & .text {
            text-align: left;
        }
    }

    .formFlex {
        display: block;
    }

    .form_text {
        margin-top: 14px;
    }
}

/* max 576px　ーーーーーーーーーーーーー */
@media screen and (max-width: 576px) {
    .c-pointLinkWrap {
        grid-template-columns: 1fr;
    }

    .c-subFv__imgWrap {
        height: calc(45vh - 60px);
        max-height: calc(280px - 60px);
        min-height: inherit;
    }

    /* charter ーーーーーーーーーー*/
    .p-sbCharter__linkWrap,
    .p-sbCharter__pointLinkWrap,
    .p-sbCon__intro2linkWrap {
        grid-template-columns: 1fr;
    }

    .p-sbCharter__estiItem.step2 {
        & .priceFormFlex {
            display: block;

            & .priceFormItem {
                &:not(:first-of-type) {
                    margin-left: 0;
                }
            }
        }
    }

    .p-sbCharter__estiItem.resultWrap {
        .p-sbCharter__estiListItem {
            display: block;

            & .text {
                text-align: center;
                padding-left: 0;
                padding-top: 12px;
            }
        }

        & .attention {
            text-align: left;
        }
    }

    .p-sbCharter__pointWrap2--tableWrap,
    .p-sbCharter__price--tableWrap {
        overflow-x: scroll;

        & .c-table {
            width: 480px;
        }
    }

    .p-sbCharter__pointWrap5--listItem {
        flex-basis: 46%;
    }

    .p-sbCharter__pointWrap3--list,
    .p-sbCharter__pointWrap4--list,
    .p-sbCharter__pointWrap6--list {
        grid-template-columns: 1fr 1fr;
    }

    .p-sbCharter__estiItem.step2 {
        & .priceFormFlex {
            & .priceFormItemWrap {
                width: 100%;
            }
        }

        & dl.priceFormWrap {
            & .priceFormItem {
                display: block;

                & dd {
                    input {
                        padding: 0.25rem;
                        width: 50px;
                    }
                }

                & .priceFormItemFlex {
                    & li {
                        label {
                            min-width: 52px;
                            font-size: 13px;
                        }
                    }
                }
            }
        }
    }

    .form_text {
        & .form_text-flex.result {
            & .form_text-text {
                display: block;
                text-align: center;
            }

            & .form_text-text-subtitle,
            .form_text-text-figre {
                margin-left: 0;
                margin-top: 10px;
            }
        }
    }

    /* 混載便 */
    .p-sbCon__intro2Text {
        text-align: left;
    }

    .p-sbCon__pointWrap1--priceTableWrap {
        & .c-table {
            width: 576px;
            overflow-y: scroll;
        }
    }

    /* 車両一覧 */
    .p-subProp__cateListWrap {
        grid-template-columns: 1fr;
    }

    /* 自動見積り／料金表 */
    .p-sbPrice__linkWrap {
        grid-template-columns: 1fr;
    }

    /* 倉庫保管 */
    .p-sbWare__intro2ListWrap {
        flex-wrap: wrap;
    }

    .p-sbWare__intro2ListItem {
        flex-basis: 50%;

        &:nth-child(3) {
            margin-top: -20px;
        }
    }

    .p-sbWare__pointWrap2--linkWrap,
    .p-sbWare__pointWrap2--buttonWrap,
    .p-sbWare__pointWrap4--buttonWrap {
        grid-template-columns: 1fr;
    }

    .p-sbWare__pointWrap2--contentListFlex {
        display: block;

        &:not(:first-child) {
            margin-top: 14px;
        }
    }

    .p-sbWare__pointWrap2--imgWrap,
    .p-sbWare__pointWrap5--imgWrap {
        overflow-x: scroll;

        img {
            width: 576px;
        }
    }

    .p-sbWare__pointWrap4--listWrap {
        grid-template-columns: 1fr 1fr;
    }

    /* 会社概要 */
    .p-sbCompany__outline--listItem,
    .p-sbCompany__history--listItem {
        display: block;
    }

    .p-sbCompany__outline--listTitle,
    .p-sbCompany__history--listTitle {
        text-align: left;
    }

    .p-sbCompany__outline--listText,
    .p-sbCompany__history--listText {
        margin-top: 8px;
    }

    .p-sbCompany__outline--salesImg {
        overflow-x: scroll;

        img {
            width: 576px;
        }
    }

    /* SDGs */
    .p-sbSdgs__safeDriver--textWrap,
    .p-sbSdgs__safeFacility--textWrap {
        text-align: left;
    }

    .p-sbSdgs__safeDriver--listWrap,
    .p-sbSdgs__safeFacility--listWrap {
        grid-template-columns: 1fr;
    }

    .p-sbSdgs__sdgs--listWrap {
        display: block;
    }

    .p-sbSdgs__sdgs--list {
        margin: 8px 0;
        min-height: auto;
    }

    /* 倉庫・営業所一覧 */
    .p-subOffice__cateListWrap {
        grid-template-columns: 1fr;
    }

    .p-subOffice__otherImgWrap {
        grid-template-columns: 1fr;
    }

    /* voice */
    .p-subVoice__listWrap {
        grid-template-columns: 1fr;
    }

    /* blog */
    .p-subBlog__listWrap {
        grid-template-columns: 1fr;
    }

    /* download	 */
    .p-subDownload__listWrap {
        grid-template-columns: 1fr;
    }
}

/* thanks */
.p-dawnloadThanks__inner {
    text-align: center;
    margin-top: 64px;
}

.p-dawnloadThanks__buttonWrap,
.p-dawnloadThanks__textWrap {
    margin-top: 32px;
}

h2.p-dawnloadThanks__titleInner {
    font-size: 1.5rem;
    color: var(--main-color);
    font-weight: 900;
}