.main_ttl_border {
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    background-color: #fff000;
    position: relative;
}

.main_ttl_border::before,
.main_ttl_border::after {
    position: absolute;
    max-width: 114px;
    max-height: 38px;
    width: 16%;
    height: 50%;
    content: url(../images/outline/main_ttl_deco.svg);
    background-repeat: no-repeat;
    z-index: 1;
    background-size: 100% 100%;
}

.main_ttl_border::before {
    top: 0;
    left: 0;
    background-position: right 0;
}

.main_ttl_border::after  {
    transform: rotate(180deg);
    bottom: 0;
    right: 0;
    background-position: right top;
}

.main_ttl_bg {
    clip-path: polygon(
        calc(5.3% - 2px) 2px,
        calc(95% - 2px) 2px,
        calc(100% - 4px) 50%, 
        calc(95% - 2px) calc(100% - 2px),
        calc(5.3% - 2px) calc(100% - 2px),
        4px 50%);
    background: linear-gradient(to right,
    #000014 0%,
    #174f9e 50%,
    #000014 100%
    );
    padding: 20px 0;
}

.main_ttl {
    margin: 0 auto;
    color: #fff000;
    text-align: center;
    font-weight: bold;
    font-size: clamp(16px,2vw,25px);
}

.content {
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-top: 30px;
}

.content .txt_wrap {
    width: 55%;
}

.content .txt_wrap .txt {
    font-size: clamp(13px,1.3vw,16px);
    line-height: 1.8;
}

.content .image_wrap {
    width: 42%;
}

@media screen and (max-width: 730px) {
    .main_ttl_bg {
        padding: 18px 0;
    }

    .page_main_border::before,
    .page_main_border::after {
        width: 96%;
        height: 2%;
    }

    .main_ttl_bg {
        clip-path: polygon(
            calc(6% - 1.5px) 2px,
            calc(95% - 1px) 2px,
            calc(100% - 2px) 50%, 
            calc(95% - 1px) calc(100% - 1px),
            calc(6% - 1.5px) calc(100% - 1px),
            2px 50%);
    }

    .content {
        margin-top: 20px;
        flex-direction: column;
        gap: 20px 0;
    }

    .content .txt_wrap {
        width: 100%;
    }

    .content .image_wrap {
        width: 100%;
    }
}