/* .sub_content .tab {
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
    margin-top: -26px;
}

.sub_content .tab_menu>ul {
    display: flex;
}

.sub_content .tab_menu>ul>* {
    flex: 1;
}

.sub_content .tab_menu>ul>li>a {
    display: block;
    padding: 16px 24px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
}

.sub_content .tab_menu>ul>li.on>a {
    background: #ddd;
} */


/* #sub {
    position: relative;
    background: url(../images/submain_bg.jpg) center center/cover;
} */

/* #sub::after {
    position: absolute;
    content: "";
    inset: 0 0 0 0;
    background: rgba(255, 255, 255, 0.7);
} */

.sub_visual {
    font-size: 0;
}

.sub_content {
    padding: 8rem 0 10rem 0;
}

.sub_content .inner {
    display: flex;
    gap: 8rem;
}

.sub_content .tab {
    max-width: 24rem;
    width: 100%;
    z-index: 3;
}



.sub_content .tab h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 8rem;
    background: #fff;
    border-bottom: 3px solid var(--mc);
}

.sub_content .tab_menu>ul {
    display: flex;
    flex-direction: column;

}

.sub_content .tab_menu>ul>* {
    flex: 1;
}

.sub_content .tab_menu>ul>li>a {
    display: block;
    padding: 2rem 24px;
    border-bottom: 1px solid #ddd;
    background: #fff;
    text-align: center;
    font-size: 1.6rem;
		word-break: keep-all;
line-height: 2.4rem;

}

.sub_content .tab_menu>ul>li.on>a {
    background: #ddd;
    color: var(--mc);
    font-weight: 700;
  
}

.sub_content .tab_menu>ul>li:hover>a {

    color: var(--sc);
    font-weight: 600;
}

.sub_content .dec {
    padding: 0 8rem 8rem 8rem;
    background: var(--white-color);
    z-index: 3;
}

.sub_content .dec .title {
    margin-bottom: 4.8rem;
}

.sub_content .dec .title strong {
    display: block;
    font-size: 2.8rem;
    line-height: 8rem;
    color: #444;
    font-weight: 700;
	word-break: keep-all;
    border-bottom: 1px solid var(--line-color);
}

.sub_content .txt strong {
    position: relative;
    display: block;
    font-size: 4rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 10rem;
}

.sub_content .txt strong::after {
    position: absolute;
    content: "";
    bottom: -5rem;
    left: 2%;
    transform: translate(0, -50%);
    width: 8rem;
    height: 0.5rem;
    background: var(--mc);
}

.sub_content .itm_box figure img {
    width: 100%;
    object-fit: cover
}

@media(max-width:768px) {
    .sub_content {
        position: static;
        background: none;
        padding: 4rem 1.6rem 4rem 1.6rem;

    }

    .sub_content::after {
        position: static;
        background: none;

    }

    .sub_content .tab {
        display: none;
    }

    .sub_content .dec {
        padding: 0 1.6rem;
    }

    .sub_content .dec .title {
        margin-bottom: 4.8rem;
    }

    .sub_content .txt strong {
        position: relative;
        display: block;
        font-size: 3.2rem;
        font-weight: 600;
        color: #444;
        color: var(--mc);
        margin-bottom: 3.2rem;

    }
	


    .sub_content .txt strong::after {
        display: none;

    }
}