@charset "utf-8";

/* front-page */

/* top */
.top_img img {
    width: 100%;
}

/* subsidy_grant */
.subsidy_support_container {
    margin-bottom: -50px;
    position: relative;
}
.subsidy_support_container h2 {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 30px;
}
.subsidy_support_container h2 img {
    width: 1.5em;
    margin: 0 20px -12px 0;
}
.subsidy_support_container h2 span {
    padding: 0.8em;
    position: relative;
    background: linear-gradient(45deg, #e6c156, #d4a637, #f0d98c, #c99e2e, #e6c156);
    color: #222222;
    -webkit-text-stroke: 3px #ffffff;
    text-stroke: 3px #ffffff;
    paint-order: stroke;
    margin-bottom: 50px;
}

/* business */
#business {
    margin-top: 150px;
}
.business_container {
    margin: 30px 0;
    display: flex;
}
.business_content {
    width: 50%;
}
.business_img {
    margin: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.business_img img {
    width: 90%;
    border: solid 5px #0094d6;
    border-radius: 20px;
}
.business_content h1 {
    position: absolute;
    top: -1.7em;
    left: 0;
    right: 0;
}
.business_content span {
    padding: 0.8em;
    display: inline-block;
    font-size: 20px;
    color: #ffffff;
    background: #0094d6;
}

/* others */
.others_container {
    margin: 20px 0 50px 0;
}
.others_container h2 {
    text-align: center;
    font-size: 25px;
}
.others_container h2 img {
    margin-bottom: -25px;
    width: 3em;
}
.others_container h2 span {
    padding: 0.5em;
    position: relative;
    background: -webkit-linear-gradient(to left, rgb(255, 155, 55), transparent);
    background: linear-gradient(to left, rgb(255, 155, 55), transparent);
    color: #222222;
    -webkit-text-stroke: 3px #ffffff;
    text-stroke: 3px #ffffff;
    paint-order: stroke;
}

/* responsive */
@media screen and (max-width: 960px) {
    .subsidy_support_container h2 {
        top: 35px;
        left: 0;
        font-size: 15px;
    }
    .subsidy_support_container h2 img {
        margin: 0 10px -5px 0;
    }
    .business_container {
        display: block;
    }
    .business_content {
        width: 100%;
        margin-bottom: 70px;
    }
    .others_container h2 {
        font-size: 15px;
    }
    .others_container h2 span {
        background: none;
    }
    .others_container h2 img {
        margin-bottom: -10px;
        width: 2em;
    }
}