/* 建材事業 - .business3*/
#business #business-details.business3 .service-header > .flex > div:last-child {
    flex: 0 1 auto;
}
#business .business3 #section1{
    margin-top: 0;
    padding-top: calc(var(--section-space) / 2);
    background: var(--color-white);
}
#business .business3 #section1 .catch {
    font-size: 2.1em;
    font-weight: 700;
}
#business .business3 #section1 h3 {
    margin-top: calc(var(--margin) / 2);
}
#business .business3 #section1 h3 + .lead {
    font-size: 1.5em;
}
#business .business3 .parts-box {
    padding-left: var(--padding);
    padding-right: var(--padding);
    border-left: 1px solid var(--color-black);
    border-right: 1px solid var(--color-black);
}
#business .business3 .parts-box .title {
    text-align: center;
    font-size: 1.8em;
    color: var(--color-white);
    background: var(--color-blue);
}
#business .business3 .parts-box .title + div {
    margin-top: calc(var(--margin) / 2);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 0;
    height: 100%;
}
#business .business3 .parts-box .title + div .card {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 50%;
}
#business .business3 .parts-box .title + div .card:first-child {
    padding-right: var(--padding);
    border-right: 1px solid var(--color-black);
}
#business .business3 .parts-box .title + div .card:last-child {
    padding-left: var(--padding);
}
#business .business3 .parts-box .title + div .card .image img {
    max-width: 100%;
}
#business .business3 .parts-box .title + div .card .texts {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1; 
    margin-top: calc(var(--margin) / 2);
}
#business .business3 .parts-box .title + div .card .texts > p {
    text-align: center;
    font-size: 1.8em;
}
#business .business3 .parts-box .title + div .card .texts > h4 {
    text-align: center;
    margin-top: 0;
    font-size: 2.5em;
}
#business .business3 .parts-box .title + div .card .texts > .logo {
    width: fit-content;
    margin: calc(var(--margin) / 2) auto 0;
    display: block;
}
#business .business3 .parts-box .title + div .card:first-child .buttons {
    margin-top: auto;
}

#business .business3 .circle-list {
    margin: 0;
    list-style: none;
}

#business .business3 .circle-list li {
    margin-top: 5px;
    display: table;
}

#business .business3 .circle-list li > span {
    display: table-cell;
    font-size: 1.3em;
}

#business .business3 .treat-h4 .flex .circle-list {
    width: 50%;
}

#business .business3 .treat-h4 + .circle-list {
    margin-top: calc(var(--margin) / 2);
}

#business .business3 .circle-list li > span:first-child {
    padding-right: calc(var(--padding) / 4);
    color: var(--color-blue);
}
#business .business3 #section1 .parts-box-vertical .card {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}
#business .business3 #section1 .parts-box-vertical .card .texts {
    flex: 1 0 auto;
    gap: 0;
    align-items: flex-start;
}
#business .business3 #section1 .parts-box-vertical .card .texts h4 {
    letter-spacing: .12em;
    color: var(--color-orange);
    font-size: 2.5em;
}
#business .business3 #section1 .parts-box-vertical .card .texts .name {
    margin-top: calc(var(--margin) / 4);
    font-size: 2.1em;
}
#business .business3 #section1 .parts-box-vertical .card .texts .name + p {
    margin-top: calc(var(--margin) / 5);
    font-size: 1.2em;
    color: var(--color-text-gray);
}
#business .business3 #section1 .parts-box-vertical .card .texts .buttons {
    margin-top: var(--margin);
}
#business .business3 #section1 .parts-box-vertical .card:last-child .image {
    flex: 0 0 54%;
    width: 54%;
    height: auto;
    overflow: hidden;
    aspect-ratio: 319 / 170;
}
#business .business3 #section1 .parts-box-vertical .card:last-child .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (min-width: 921px) {
    #business .business3 .section .br-pc {
        display: inline;
    }
    #business .business3 .section .br-sp {
        display: none;
    }
}


@media (max-width: 920px) {
    #business .business3 .section .br-pc {
        display: none;
    }
    #business .business3 .section .br-sp {
        display: inline;
    }
    #business .business3 #section1 {
        padding-top: calc(var(--section-space) * 2);
    }
    #business .business3 .parts-box .title + div {
        flex-direction: column;
        gap: calc(var(--gap) * 2);
    }
    #business .business3 .parts-box .title + div > .card {
        width: 100%;
    }
    #business .business3 .parts-box .title + div .card .texts > .logo {
        width: 80%;
    }
    #business .business3 .parts-box .title + div .card:last-child .texts > .logo {
        width: 60%;
    }
    #business .business3 .parts-box .title + div > .card .buttons ,
    #business .business3 .parts-box .title + div .card:first-child .buttons {
        margin-top: var(--margin);
    }
    #business .business3 .parts-box .title + div .card:first-child {
        padding-right: 0;
        border: 0;
        border-bottom: 1px solid var(--color-black);
        padding-bottom: calc(var(--padding) * 2);
    }
    #business .business3 .parts-box .title + div .card:last-child {
        padding-left: 0;
    }
    #business .business3 .flex.sp-no-gap {
        gap: 0;
    }

    #business .business3 #section1 .parts-box-vertical .card:last-child .image {
        width: 100%;
    }

    #business .business3 .circle-list li > span {
        font-size: 1.1em;
    }
}
    
@media (max-width: 820px) {

}
@media (max-width: 520px) {

}