.inner {
    padding: min(80px, 15vw) 0;
}

@media screen and (max-width:750px) {
    .inner {
        padding: min(80px, 15vw) 3vw 3vw;
    }
}

.hdgroup {
    margin-bottom: min(80px, 12vw);
    text-align: center;
}

.hdgroup .icon {
    width: min(200px, 36%);
    margin-bottom: 1em;
    margin-inline: auto;
}

.hdgroup .title {
    font-size: 2em;
    line-height: 1.5;
}

@media screen and (max-width:750px) {
    .hdgroup .title {
        font-size: min(3em, 5vw);
    }

    [class*="works"] .hdgroup .title {
        font-size: min(3em, 6.4vw);

    }
}

.hdgroup .lead {
    margin-top: 2em;
    padding: 0 1em;
    font-size: 1.1em;
    line-height: 1.8;
}

@media screen and (max-width:750px) {
    .hdgroup .lead {
        font-size: min(1.1rem, 3.8vw);
    }
}

/* case-wrp */
.case-wrp {
    width: min(1200px, 100%);
    margin: 0 auto;
    padding: 0 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 10px;
    position: relative;
}

@media screen and (min-width:751px) {
    .case-wrp.case-ldk {
        border-bottom: dashed 1px;
    }
}

@media screen and (max-width:750px) {
    .case-wrp {
        padding: 0;
    }

    .case-wrp.case-ldk {
        margin-bottom: 5em;
    }
}

.case-wrp .case-title {
    width: 7.5em;
    height: 7.5em;
    padding-top: 2.1em;
    border-radius: 100%;
    font-weight: 500;
    font-size: min(.94em, 1.8vw);
    border-radius: 100%;
    border: solid 1px;
    background-color: #fff;
    position: absolute;
}

@media screen and (min-width:751px) {
    .case-wrp .case-title {
        left: -.5em;
        top: -.5em;
    }

    .case-wrp.case-br .case-title {
        top: 1.25em;
    }

    @media screen and (min-width:1240px) {
        .case-wrp .case-title {
            left: -1.25em;
        }
    }
}

@media screen and (max-width:750px) {
    .case-wrp .case-title {
        margin: 0 auto 3em;
        font-size: min(13px, 4.2vw);
        position: relative;
    }
}

.case-wrp .case-title span {
    font-size: 1.2em;
}

.case-wrp figure {
    padding: min(30px, 8vw) min(30px, 4vw);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.case-wrp .case-low {
    width: 36.5%;
    background-color: #f5f5f5;
}

.case-wrp .case-high {
    width: 52%;
    background-color: #f5f5eb;
}

@media screen and (max-width:750px) {
    .case-wrp .case-low,
    .case-wrp .case-high {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

/*     @media screen and (min-width:601px) {

        .case-wrp .case-low,
        .case-wrp .case-high {
            display: flex;
            flex-direction: row;
            align-items: center;
        }
    } */
}

.case-wrp figure figcaption {
    margin-top: -3.7em;
    margin-bottom: 1.5em;
    text-align: center;
}

@media screen and (min-width:751px) {
    .case-wrp.case-br figure figcaption {
        display: none;
    }
}

@media screen and (max-width:750px) {
    .case-wrp figure figcaption {
        font-size: min(13px, 4.2vw);
    }

/*     @media screen and (min-width:600px) {
        .case-wrp figure figcaption {
            margin-top: 0;
            margin-bottom: 0;
        }
    } */
}

.case-wrp figure figcaption .house_icon img {
    display: block;
    width: min(70px, 15vw);
    margin: 0 auto 1em;
}

.case-wrp figure>:is(picture, img) {
    display: inline-block;
    margin: auto;
}

@media screen and (max-width:767px) {
    .case-wrp figure>:is(picture, img) {
        width: auto;
    }
}

/* works01 */
.works01 {
    background-color: var(--gray);
}

.works01 .figure-wrp {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 30px;

    --season-color: var(--color-blue);
}

@media screen and (max-width:767px) {
    .works01 .figure-wrp {
        margin-inline: auto;
        justify-content: start;
        flex-direction: column;
    }
}

.works01 .figure-wrp+figure {
    margin-top: min(4em, 10vw);
    padding-top: min(4em, 10vw);
    position: relative;
}

.works01 .figure-wrp+figure::before {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--gradation);
    position: absolute;
    left: 0;
    top: 0;
}

.works01 .figure-wrp figcaption {
    width: 2em;
    height: 2em;
    margin-right: auto;
    display: grid;
    place-items: center;
    border-radius: 100%;
    font-weight: 500;
    font-size: 1.75em;
    border-radius: 100%;
    border: solid 1px;
}

@media screen and (max-width:767px) {
    .works01 .figure-wrp figcaption {
        margin: 0 auto;
        font-size: min(1.8rem, 5.6vw);
    }
}

.works01 .figure-wrp .chart {
    width: 42%;
}

.works01 .figure-wrp .chart img {
    width: 100%;
}

@media screen and (max-width:767px) {
    .works01 .figure-wrp .chart {
        width: min(400px, 90%);
        margin: min(3em, 7vw) auto 0;
    }

    .works01 .figure-wrp .chart+.chart {
        margin: min(5em, 12vw) auto 0;
    }
}

/* works02 */
@media screen and (max-width:767px) {
    .works02 .figure-wrp {
        width: 94%;
        margin: 0 auto;
    }
}

.works02 .figure-wrp figcaption {
    width: fit-content;
    margin: 0 auto 2em;
    padding-bottom: .5em;
    text-align: center;
    font-size: min(.95em, 4vw);
    font-weight: 500;
    border-bottom: solid 1px #ccc;
    line-height: 1.6;
}

@media screen and (max-width:767px) {
    .works02 .figure-wrp figcaption {
        font-size: min(1.1rem, 3.6vw);
    }
}

.works02 .figure-wrp figcaption .small {
    display: block;
    font-size: .9em;
}

.works02 .figure-wrp img {
    width: min(840px, 100%);
    margin: 0 auto;
}

@media screen and (max-width:640px) {
    .works02 .figure-wrp img {
        width: min(400px, 100%);
    }
}

.works02 .figure-wrp .note {
    width: fit-content;
    margin: 3em auto 0;
    color: #222;
    text-align: left;
    line-height: 1.6;
}

@media screen and (max-width:767px) {
    .works02 .figure-wrp .note {
        display: block;
        width: 100%;
    }
}

.works02 .figure-wrp .note li {
    display: block;
}

.works02 .figure-wrp .note li+li {
    margin-top: .5em;
}

/* ul.note li.dotnote::before {
    content: '●';
    scale: .7;
} */

/* .works02 .figure-wrp .note ul {
    margin-top: .25em;
    width: fit-content;
    display: grid;
    grid-template: repeat(3, auto) / repeat(2, auto);
    grid-auto-flow: column;
    text-align: left;
    gap: .25em 2em;
    color: #555;
}

@media screen and (max-width:767px) {
    .works02 .figure-wrp .note ul {
        display: block;
        margin-right: -.75em;
    }
}

.works02 .figure-wrp .note ul li:last-child {
    grid-row: span 2;
}

.works02 .figure-wrp .note ul .conditions {
    width: fit-content;
    display: inline-grid;
    grid-template: repeat(2, auto) / repeat(2, auto);
    text-align: left;
} */

.thermal_insulation .reflection {
    width: min(470px, 100%);
    margin: 2em auto 0;
}