.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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YWdlLWxheW91dCB7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogIzAwMDA1NDtcclxuICAgIHBhZGRpbmc6IDcwcHg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG4uYXJ0aWNsZS1wYWdlLWxheW91dCBtYWluIHtcclxuICAgIHdpZHRoOiA3MCU7XHJcbn1cclxuLmFydGljbGUtcGFnZS1sYXlvdXQgYXNpZGUge1xyXG4gICAgd2lkdGg6IGNhbGMoMzAlIC0gNzBweCk7XHJcbn1cclxuXHJcbi5hcnRpY2xlLWt2IHtcclxuICAgIGJvcmRlci1ib3R0b206IHNvbGlkIDFweCAjNGQ0ZDg4O1xyXG4gICAgcGFkZGluZy1ib3R0b206IDQwcHg7XHJcbn1cclxuLm12LXdyYXAge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBhc3BlY3QtcmF0aW86IDE2IC8gOTtcclxufVxyXG4ubXYtd3JhcCBpZnJhbWUge1xyXG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcclxuICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xyXG59XHJcbi5hcnRpY2xlLWt2LXRodW1ibmFpbCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxufVxyXG4uYXJ0aWNsZS1rdi10aHVtYm5haWwgaW1nIHtcclxuICAgIG1heC13aWR0aDogMTAwJTtcclxufVxyXG4uYXJ0aWNsZS1pbmZvLXdyYXAge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBtYXJnaW4tdG9wOiAzMHB4O1xyXG59XHJcbi5hcnRpY2xlLWluZm8td3JhcCAudGFnLWFyZWEge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGdhcDogMTBweDtcclxuICAgIG1hcmdpbi1ib3R0b206IDE1cHg7XHJcbn1cclxuLmFydGljbGUtaW5mby13cmFwIC50YWctYXJlYSAudGFnLWl0ZW0ge1xyXG4gICAgZm9udC1zaXplOiAxLjJyZW07XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcclxuICAgIGNvbG9yOiAjMDAwO1xyXG4gICAgcGFkZGluZzogMnB4IDRweDtcclxufVxyXG4uYXJ0aWNsZS10aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDNyZW07XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG59XHJcbi5hcnRpY2xlLWRlc2NyaXB0aW9uIHtcclxuICAgIGZvbnQtc2l6ZTogMS40cmVtO1xyXG4gICAgY29sb3I6ICNjYWNhY2E7XHJcbn1cclxuLnBlcnNvbmFsLWluZm8ge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcclxuICAgIGdhcDogMjBweDtcclxuICAgIG1hcmdpbi10b3A6IDE1cHg7XHJcbn1cclxuLnBlcnNvbmFsLWluZm8gLnBlcnNvbmFsLW5hbWUge1xyXG4gICAgZm9udC1zaXplOiAxLjdyZW07XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbn1cclxuLnBlcnNvbmFsLWluZm8gLmNvbXBhbnktbmFtZSB7XHJcbiAgICBmb250LXNpemU6IDEuNXJlbTtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBjb2xvcjogI2ZmZjtcclxufVxyXG5cclxuLmFydGljbGUtY29udGVudCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmctdG9wOiA0MHB4O1xyXG59XHJcbi5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBoMyB7XHJcbiAgICBmb250LXNpemU6IDJyZW07XHJcbiAgICBmb250LXdlaWdodDogNzAwO1xyXG4gICAgbGluZS1oZWlnaHQ6IDEuNTtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgbWFyZ2luOiAyZW0gMCAxZW07XHJcbn1cclxuLmFydGljbGUtY29udGVudCAuYXJ0aWNsZS1jb250ZW50LWlubmVyIHAge1xyXG4gICAgZm9udC1zaXplOiAxLjZyZW07XHJcbiAgICBmb250LXdlaWdodDogNTAwO1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbiAgICBsaW5lLWhlaWdodDogMjtcclxuICAgIG1hcmdpbi1ib3R0b206IDEuNWVtO1xyXG59XHJcbi5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwLm15cGFnZS10ZXh0IHtcclxuICAgIGZvbnQtc2l6ZTogMS43cmVtO1xyXG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XHJcbn1cclxuLmFydGljbGUtY29udGVudCAubXlwYWdlLWxpbmstd3JhcCB7XHJcbiAgICBtYXJnaW4tdG9wOiA2MHB4O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG59XHJcbi5hcnRpY2xlLWNvbnRlbnQgLm15cGFnZS1saW5rLXdyYXAgLmJuci1saW5rIGltZyB7XHJcbiAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6NzY4cHgpIHtcclxuICAgIC5hcnRpY2xlLXBhZ2UtbGF5b3V0IHtcclxuICAgICAgICBwYWRkaW5nOiAzMHB4IDUlO1xyXG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICB9XHJcbiAgICAuYXJ0aWNsZS1wYWdlLWxheW91dCBtYWluIHtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLWt2IHtcclxuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMzBweDtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLWluZm8td3JhcCB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMjBweDtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLXRpdGxlIHtcclxuICAgICAgICBmb250LXNpemU6IDIuNHJlbTtcclxuICAgIH1cclxuICAgIHNlY3Rpb24uYXJ0aWNsZS1jb250ZW50IHtcclxuICAgICAgICBwYWRkaW5nLXRvcDogMzBweDtcclxuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG4gICAgfVxyXG4gICAgLmFydGljbGUtY29udGVudCAuYXJ0aWNsZS1jb250ZW50LWlubmVyIGgzIHtcclxuICAgICAgICBmb250LXNpemU6IDEuOHJlbTtcclxuICAgICAgICBtYXJnaW46IDJlbSAwIDFlbTtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwIHtcclxuICAgICAgICBmb250LXNpemU6IDEuNXJlbTtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLmFydGljbGUtY29udGVudC1pbm5lciBwLm15cGFnZS10ZXh0IHtcclxuICAgICAgICBmb250LXNpemU6IDEuNnJlbTtcclxuICAgICAgICBsaW5lLWhlaWdodDogMS44O1xyXG4gICAgfVxyXG4gICAgLmFydGljbGUtY29udGVudCAubXlwYWdlLWxpbmstd3JhcCB7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMzBweDtcclxuICAgIH1cclxuICAgIC5hcnRpY2xlLWNvbnRlbnQgLm15cGFnZS1saW5rLXdyYXAgYSBpbWcge1xyXG4gICAgICAgIG1heC13aWR0aDogMTAwJTtcclxuICAgIH1cclxuXHJcbiAgICBzZWN0aW9uLnNpZGUtYXJ0aWNsZXMge1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XHJcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDMwcHg7XHJcbiAgICB9XHJcbiAgICAuYXJ0aWNsZS1wYWdlLWxheW91dCBhc2lkZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogNjBweDtcclxuICAgIH1cclxufVxyXG5cclxuXHJcbi5zaWRlLWFydGljbGVzIHtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG59XHJcbi5zaWRlLWFydGljbGVzLXdyYXAge1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBnYXA6IDE1cHg7XHJcbn1cclxuLnNpZGUtYXJ0aWNsZS1saW5rIHtcclxuICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBnYXA6IDEwcHg7XHJcbn1cclxuLnNpZGUtYXJ0aWNsZS10aHVtYm5haWwge1xyXG4gICAgd2lkdGg6IDIwMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xyXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgIGZsZXgtc2hyaW5rOiAwO1xyXG59XHJcbi5zaWRlLWFydGljbGUtdGh1bWJuYWlsIGltZyB7XHJcbiAgICBtYXgtd2lkdGg6IDEwMCU7XHJcbn1cclxuLnNpZGUtYXJ0aWNsZS10aXRsZSB7XHJcbiAgICBmb250LXNpemU6IDEuNHJlbTtcclxuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgICBsaW5lLWhlaWdodDogMS40O1xyXG4gICAgY29sb3I6ICNmZmY7XHJcbn1cclxuXHJcblxyXG5AbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOjc2OHB4KSBhbmQgKG1heC13aWR0aDoxNjAwcHgpIHtcclxuICAgIC5zaWRlLWFydGljbGVzLXdyYXAge1xyXG4gICAgICAgIGdhcDogMjBweDtcclxuICAgIH1cclxuICAgIC5zaWRlLWFydGljbGUtbGluayB7XHJcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIH1cclxuICAgIC5zaWRlLWFydGljbGUtdGh1bWJuYWlsIHtcclxuICAgICAgICB3aWR0aDogYXV0bztcclxuICAgICAgICBtaW4td2lkdGg6IDIwMHB4O1xyXG4gICAgfVxyXG4gICAgLnNpZGUtYXJ0aWNsZS10aXRsZSB7XHJcbiAgICAgICAgd2lkdGg6IGF1dG87XHJcbiAgICAgICAgbWluLXdpZHRoOiAyMDBweDtcclxuICAgIH1cclxufSJdfQ== */