/**************************************************************
202503 固定ページ 修繕・改修 repair
**************************************************************/
@media (max-width: 768px) {
    .tab-2 {
        width: 100%;
        justify-content: flex-start;
        gap: 0;
        margin-bottom: 50px;
    }

    .tab-2>label {
        flex: auto;
        width: 46%;
        margin: 6px;
        line-height: 1.3;
        align-self: flex-start;
        align-content: flex-start;
        font-size: 15px;
        flex-grow: 0;
        align-self: stretch;
        align-content: center;
        padding: 12px 5px;
    }

    .tab-2 label:nth-of-type(5) {
        width: 46%;
        flex-grow: 0;
    }

    .tab-2>div {
        padding: 0;
    }

    .midashi-underline {
        font-size: 1.8rem;
        margin: -30px 0 40px;
    }

    .tab-2 .midashi-apply {
        margin: 20px 0;
        font-size: clamp(15px, 4vw, 22px);
    }

    .tab-2 .midashi-apply span::before {
        left: 20px;
        top: -10px;
        height: 40px;
    }

    .tab-2 .midashi-apply span::after {
        right: 20px;
        top: -10px;
        height: 40px;
    }

    .tab-2 .baloon p {
        margin: 0 auto;
    }

    .baloon:nth-of-type(even)::after {
        top: 99.9%;
    }

    .baloon>.wrap,
    .no-baloon>.wrap {
        width: 100%;
    }

    /* #repair-issue こんなお困りごとはありませんか？ */
    .tab-2 ul.w-flex {
        width: 100%;
    }

    #repair .w-flex li,
    #renovation .w-flex li {
        width: 50%;
        text-align: center;
        font-size: clamp(0.875rem, 0.517rem + 1.53vw, 1.25rem);
    }

    .tab-2 .baloon p.marker-y {
        margin: 50px auto 30px;
        text-align: center;
        display: block;
        font-weight: bold;
        font-size: 1.5rem;
        position: relative;
    }

    /* #repair-menu 修繕メニュー */
    .tab-2 #repair-menu h2+p,
    .tab-2 .contact p {
        text-align: center;
    }

    .tab-2 .col-3 {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 2%;
        grid-row-gap: 20px;
        max-width: 768px;
        width: 95%;
        margin: 30px auto;
    }

    .tab-2 .col-3 .menu-box {
        width: 100%;
        margin: 0 auto;
    }

    .tab-2 .menu-box h3+p {
        font-size: 13px;
    }

    .tab-2 .menu-box hr {
        margin: 0 auto;
    }

    .tab-2 .menu-box .flex {
        display: flex;
        flex-direction: column;
    }

    .menu-box .flex>a {
        display: block;
        width: 100%;

    }

    .menu-box .flex>a:nth-of-type(1) {
        border-radius: 0;
        border-right: none;
        border-bottom: 1px solid #ccc;
    }

    .menu-box .flex>a:nth-of-type(2) {
        border-radius: 0 0 10px 10px;
        /*padding-left: 20px; 絵文字いらないときはpadding-left不要*/
    }

    .menu-box .flex>a:nth-of-type(1)::before {
        content: '';
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        position: absolute;
        top: 50%;
        left: 8px;
        transform: translate(10px, -50%);
        background-image: url('../../../../image/repair/mail.svg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
    }



    /* #repair-term 修繕箇所と周期 */
    .tab-2 #repair-term img {
        width: 90%;
        margin: 0 5% 5%;
    }

    #repair-term .wrap {
        width: 90%;
    }

    /* 施工事例 */
    #repair-works .works-flex {
        flex-direction: column;
    }

    #repair-works .works-flex figure {
        width: 100%;
    }

    .works-flex img[src$="svg"] {
        height: 20px;
        transform: rotate(90deg);
        margin: 0 auto;
    }

    #repair-works .works-flex {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 30px;
    }

    #repair-works .works-flex figure {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #repair-works .works-flex figcaption {
        width: 90%;
        text-align: center;
        display: block;
        background: #e4007f;
        color: #fff;
        margin: 10px auto 0;
    }


    .works-flex figure img {
        width: 90%;
        margin: 0 auto;
    }

    .works-flex img[src$="svg"] {
        width: 50px;
    }

    /* お問い合わせエリア */
    .tab-2 .wrap hr {
        box-shadow: none;
        height: 1px;
        border: none;
        background: #ccc;
        width: 70%;
        margin: 17px auto;
    }

    .tab-2 .contact a {
        min-width: 180px;
        text-align: center;
    }

    /* 省エネ #energy */
    #energy {
        margin-top: 100px;
    }

    #energy section.m-t100 {
        margin-top: 40px;
    }

    #energy section.m-t100 .flex {
        flex-direction: column;
        padding: 10px;
    }

    #energy .col-3 {
        gap: 10px;
        margin-top: 0;
    }

    #energy section#dannetsu h3 {
        text-align: left;
        margin-left: 10px;
        margin-bottom: 16px;
    }

    /* 耐震補強 */
    #taishin .col-3 {
        display: block;
        padding: 0;
        margin: 0 auto;
    }

    #taishin ul.col-3 li {
        box-shadow: 0 0 5px 0px #a8c9f8;
        margin: 0 auto 10px;
    }

    #taishin .w-flex {
        text-align: center;
    }
}