.article-page-layout {
    display: flex;
    justify-content: space-between;
    background-color: #000054;
    padding: 70px;
    width: 100%;
}
.article-page-layout main {
    width: 70%;
}
.article-page-layout aside {
    width: calc(30% - 70px);
}

.article-kv {
    border-bottom: solid 1px #4d4d88;
    padding-bottom: 40px;
}
.mv-wrap {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.mv-wrap iframe {
    width: 100% !important;
    height: 100% !important;
}
.article-kv-thumbnail {
    width: 100%;
}
.article-kv-thumbnail img {
    max-width: 100%;
}
.article-info-wrap {
    width: 100%;
    margin-top: 30px;
}
.article-info-wrap .tag-area {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}
.article-info-wrap .tag-area .tag-item {
    font-size: 1.2rem;
    font-weight: 500;
    background-color: #fff;
    color: #000;
    padding: 2px 4px;
}
.article-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
}
.article-description {
    font-size: 1.4rem;
    color: #cacaca;
}
.personal-info {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    margin-top: 15px;
}
.personal-info .personal-name {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
}
.personal-info .company-name {
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
}

.article-content {
    width: 100%;
    padding-top: 40px;
}
.article-content .article-content-inner h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    margin: 2em 0 1em;
}
.article-content .article-content-inner p {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    line-height: 2;
    margin-bottom: 1.5em;
}
.article-content .article-content-inner p.mypage-text {
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
}
.article-content .mypage-link-wrap {
    margin-top: 60px;
    text-align: center;
}
.article-content .mypage-link-wrap .bnr-link img {
    max-width: 100%;
}

@media screen and (max-width:768px) {
    .article-page-layout {
        padding: 30px 5%;
        flex-direction: column;
    }
    .article-page-layout main {
        width: 100%;
    }
    .article-kv {
        padding-bottom: 30px;
    }
    .article-info-wrap {
        margin-top: 20px;
    }
    .article-title {
        font-size: 2.4rem;
    }
    section.article-content {
        padding-top: 30px;
        margin-bottom: 0;
    }
    .article-content .article-content-inner h3 {
        font-size: 1.8rem;
        margin: 2em 0 1em;
    }
    .article-content .article-content-inner p {
        font-size: 1.5rem;
    }
    .article-content .article-content-inner p.mypage-text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .article-content .mypage-link-wrap {
        margin-top: 30px;
    }
    .article-content .mypage-link-wrap a img {
        max-width: 100%;
    }

    section.side-articles {
        margin-bottom: 0;
        padding-bottom: 30px;
    }
    .article-page-layout aside {
        width: 100%;
        margin-top: 60px;
    }
}


.side-articles {
    width: 100%;
}
.side-articles-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.side-article-link {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}
.side-article-thumbnail {
    width: 200px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}
.side-article-thumbnail img {
    max-width: 100%;
}
.side-article-title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}


@media screen and (min-width:768px) and (max-width:1600px) {
    .side-articles-wrap {
        gap: 20px;
    }
    .side-article-link {
        flex-direction: column;
    }
    .side-article-thumbnail {
        width: auto;
        min-width: 200px;
    }
    .side-article-title {
        width: auto;
        min-width: 200px;
    }
}
/*# sourceMappingURL=data:application/json;base64,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YWdlLWxheW91dCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwMDA1NDtcbiAgICBwYWRkaW5nOiA3MHB4O1xuICAgIHdpZHRoOiAxMDAlO1xufVxuLmFydGljbGUtcGFnZS1sYXlvdXQgbWFpbiB7XG4gICAgd2lkdGg6IDcwJTtcbn1cbi5hcnRpY2xlLXBhZ2UtbGF5b3V0IGFzaWRlIHtcbiAgICB3aWR0aDogY2FsYygzMCUgLSA3MHB4KTtcbn1cblxuLmFydGljbGUta3Yge1xuICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCAjNGQ0ZDg4O1xuICAgIHBhZGRpbmctYm90dG9tOiA0MHB4O1xufVxuLm12LXdyYXAge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFzcGVjdC1yYXRpbzogMTYgLyA5O1xufVxuLm12LXdyYXAgaWZyYW1lIHtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xufVxuLmFydGljbGUta3YtdGh1bWJuYWlsIHtcbiAgICB3aWR0aDogMTAwJTtcbn1cbi5hcnRpY2xlLWt2LXRodW1ibmFpbCBpbWcge1xuICAgIG1heC13aWR0aDogMTAwJTtcbn1cbi5hcnRpY2xlLWluZm8td3JhcCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgbWFyZ2luLXRvcDogMzBweDtcbn1cbi5hcnRpY2xlLWluZm8td3JhcCAudGFnLWFyZWEge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAxMHB4O1xuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XG59XG4uYXJ0aWNsZS1pbmZvLXdyYXAgLnRhZy1hcmVhIC50YWctaXRlbSB7XG4gICAgZm9udC1zaXplOiAxLjJyZW07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmO1xuICAgIGNvbG9yOiAjMDAwO1xuICAgIHBhZGRpbmc6IDJweCA0cHg7XG59XG4uYXJ0aWNsZS10aXRsZSB7XG4gICAgZm9udC1zaXplOiAzcmVtO1xuICAgIGZvbnQtd2VpZ2h0OiA3MDA7XG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcbiAgICBjb2xvcjogI2ZmZjtcbn1cbi5hcnRpY2xlLWRlc2NyaXB0aW9uIHtcbiAgICBmb250LXNpemU6IDEuNHJlbTtcbiAgICBjb2xvcjogI2NhY2FjYTtcbn1cbi5wZXJzb25hbC1pbmZvIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICBnYXA6IDIwcHg7XG4gICAgbWFyZ2luLXRvcDogMTVweDtcbn1cbi5wZXJzb25hbC1pbmZvIC5wZXJzb25hbC1uYW1lIHtcbiAgICBmb250LXNpemU6IDEuN3JlbTtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAjZmZmO1xufVxuLnBlcnNvbmFsLWluZm8gLmNvbXBhbnktbmFtZSB7XG4gICAgZm9udC1zaXplOiAxLjVyZW07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBjb2xvcjogI2ZmZjtcbn1cblxuLmFydGljbGUtY29udGVudCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZy10b3A6IDQwcHg7XG59XG4uYXJ0aWNsZS1jb250ZW50IC5hcnRpY2xlLWNvbnRlbnQtaW5uZXIgaDMge1xuICAgIGZvbnQtc2l6ZTogMnJlbTtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjU7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgbWFyZ2luOiAyZW0gMCAxZW07XG59XG4uYXJ0aWNsZS1jb250ZW50IC5hcnRpY2xlLWNvbnRlbnQtaW5uZXIgcCB7XG4gICAgZm9udC1zaXplOiAxLjZyZW07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBsaW5lLWhlaWdodDogMjtcbiAgICBtYXJnaW4tYm90dG9tOiAxLjVlbTtcbn1cbi5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwLm15cGFnZS10ZXh0IHtcbiAgICBmb250LXNpemU6IDEuN3JlbTtcbiAgICBmb250LXdlaWdodDogNzAwO1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuLmFydGljbGUtY29udGVudCAubXlwYWdlLWxpbmstd3JhcCB7XG4gICAgbWFyZ2luLXRvcDogNjBweDtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4uYXJ0aWNsZS1jb250ZW50IC5teXBhZ2UtbGluay13cmFwIC5ibnItbGluayBpbWcge1xuICAgIG1heC13aWR0aDogMTAwJTtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDo3NjhweCkge1xuICAgIC5hcnRpY2xlLXBhZ2UtbGF5b3V0IHtcbiAgICAgICAgcGFkZGluZzogMzBweCA1JTtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICB9XG4gICAgLmFydGljbGUtcGFnZS1sYXlvdXQgbWFpbiB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgICAuYXJ0aWNsZS1rdiB7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICAgIH1cbiAgICAuYXJ0aWNsZS1pbmZvLXdyYXAge1xuICAgICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIH1cbiAgICAuYXJ0aWNsZS10aXRsZSB7XG4gICAgICAgIGZvbnQtc2l6ZTogMi40cmVtO1xuICAgIH1cbiAgICBzZWN0aW9uLmFydGljbGUtY29udGVudCB7XG4gICAgICAgIHBhZGRpbmctdG9wOiAzMHB4O1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgIH1cbiAgICAuYXJ0aWNsZS1jb250ZW50IC5hcnRpY2xlLWNvbnRlbnQtaW5uZXIgaDMge1xuICAgICAgICBmb250LXNpemU6IDEuOHJlbTtcbiAgICAgICAgbWFyZ2luOiAyZW0gMCAxZW07XG4gICAgfVxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwIHtcbiAgICAgICAgZm9udC1zaXplOiAxLjVyZW07XG4gICAgfVxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwLm15cGFnZS10ZXh0IHtcbiAgICAgICAgZm9udC1zaXplOiAxLjZyZW07XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxLjg7XG4gICAgfVxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLm15cGFnZS1saW5rLXdyYXAge1xuICAgICAgICBtYXJnaW4tdG9wOiAzMHB4O1xuICAgIH1cbiAgICAuYXJ0aWNsZS1jb250ZW50IC5teXBhZ2UtbGluay13cmFwIGEgaW1nIHtcbiAgICAgICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgIHNlY3Rpb24uc2lkZS1hcnRpY2xlcyB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAzMHB4O1xuICAgIH1cbiAgICAuYXJ0aWNsZS1wYWdlLWxheW91dCBhc2lkZSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBtYXJnaW4tdG9wOiA2MHB4O1xuICAgIH1cbn1cblxuXG4uc2lkZS1hcnRpY2xlcyB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG4uc2lkZS1hcnRpY2xlcy13cmFwIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAxNXB4O1xufVxuLnNpZGUtYXJ0aWNsZS1saW5rIHtcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAxMHB4O1xufVxuLnNpZGUtYXJ0aWNsZS10aHVtYm5haWwge1xuICAgIHdpZHRoOiAyMDBweDtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBmbGV4LXNocmluazogMDtcbn1cbi5zaWRlLWFydGljbGUtdGh1bWJuYWlsIGltZyB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xufVxuLnNpZGUtYXJ0aWNsZS10aXRsZSB7XG4gICAgZm9udC1zaXplOiAxLjRyZW07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICBsaW5lLWhlaWdodDogMS40O1xuICAgIGNvbG9yOiAjZmZmO1xufVxuXG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6NzY4cHgpIGFuZCAobWF4LXdpZHRoOjE2MDBweCkge1xuICAgIC5zaWRlLWFydGljbGVzLXdyYXAge1xuICAgICAgICBnYXA6IDIwcHg7XG4gICAgfVxuICAgIC5zaWRlLWFydGljbGUtbGluayB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgfVxuICAgIC5zaWRlLWFydGljbGUtdGh1bWJuYWlsIHtcbiAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgIG1pbi13aWR0aDogMjAwcHg7XG4gICAgfVxuICAgIC5zaWRlLWFydGljbGUtdGl0bGUge1xuICAgICAgICB3aWR0aDogYXV0bztcbiAgICAgICAgbWluLXdpZHRoOiAyMDBweDtcbiAgICB9XG59Il19 */