body {
    overflow: visible;
}

header {
    position: sticky;
    top: 0;
    z-index: 500;
}

.pageContent {
    padding-bottom: 60px;
    position: relative;
    background-image: url(../img/bg.jpg);
    /* background-repeat:repeat-y; */
    background-size: 100% auto;
    background-attachment: fixed;
    overflow-x: hidden;
    border-top: 1vw solid #ac0080;
}
.pageContent_inner {
    max-width: 500px;
    margin: 0 auto;
}
.pageLinkTarget {
    margin-top: calc(-130px + -55px);
    padding-top: calc(130px + 55px);
}
.pageContent img {
    max-width: 100%;
}
.pageContent button {
    margin: 0;
    padding: 0;
    border: none;
}
.movieWrap {
    padding-top: 56.25%;
    position: relative;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    width: 86.67%;
}
.movieWrap > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.spaceLine {
    width: 86%;
    margin: 20px auto 25px;
}
.spaceLine.s_sizeL {
    width: 100%;
}

/* mvArea
----------------------------------------- */
.mvArea {
    width: 100%;
    overflow: hidden;
}
.mvArea_title {
    width: 118.5%;
    margin-left: -12%;
}
.mvArea img {
    width: 100%;
}
.mvArea_movie {
    margin-top: -32px;
}

/* pageLinkArea
----------------------------------------- */
.pageLinkArea {
    margin-top: 30px;
    padding: 0 25px;
}
.pageLinkArea_list {
    display: flex;
    gap: 15px;
}

/* aedArea
----------------------------------------- */
.aedArea {
    padding: 0 25px;
}
.aedArea_title {
    width: 115%;
    margin-left: -6%;
}
.aedArea_img01 {
    margin-top: 10px;
}
.aedArea_img02 {
    margin-top: 45px;
}
.aedArea_qBox + .aedArea_qBox {
    margin-top: 35px;
}
.aedArea_qBox__text {
    margin-bottom: 15px;
}
.aedArea_qBox__btn + .aedArea_qBox__btn {
    margin-top: 10px;
}
.aedArea_qBox__answerBox {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9500;
}
.aedArea_qBox__answerClose {
    width: 50px;
    height: 50px;
    background: #000;
    position: absolute;
    top: 5%;
    right: calc(50% - 320px);
    border-radius: 999px;
}
.aedArea_qBox__answerClose::before,
.aedArea_qBox__answerClose::after {
    content: '';
    width: 25px;
    height: 4px;
    position: absolute;
    top: 24px;
    left: 13px;
    background: #fff;
}
.aedArea_qBox__answerClose::before {
    transform: rotate(45deg);
}
.aedArea_qBox__answerClose::after {
    transform: rotate(-45deg);
}
.aedArea_qBox__answerBoxInner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 1%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.aedArea_qBox__answerRight,
.aedArea_qBox__answerWrong {
    max-width: 380px;
    display: none;
}
.aedArea_note {
    width: 44%;
    margin-top: -10px;
    margin: -10px -17.2% 0 auto;
}
.aedArea_movie {
    width: calc(100% + 50px);
    margin-top: 35px;
    margin: 35px auto 0 -25px;
    background-image: url(../img/img_aedArea_06.png);
    background-repeat: no-repeat;
    background-size: 190px;
    background-position: top 30px left -28%;
}
.aedArea_movie__title {
    width: 71.4%;
    margin: 0 auto 15px;
}
.aedArea_img03 {
    margin-top: 35px;
}

/* bousaiArea
----------------------------------------- */
.bousaiArea {
    margin-top: 60px;
    padding: 0 25px;
}
.bousaiArea_title {
    width: 115%;
    margin-left: -6%;
}
.bousaiArea_img01 {
    margin-top: 15px;
}
.bousaiArea_ancList {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.bousaiArea_img02,
.bousaiArea_img03,
.bousaiArea_img04,
.bousaiArea_img05 {
    margin-top: 50px;
}
.bousaiArea_img06 {
    width: 73%;
    margin: 0 auto;
}
.bousaiArea_img07 {
    margin-top: 15px;
}
.bousaiArea_img08 {
    margin-top: 27px;
}
.bousaiArea_movie {
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.bousaiArea_movie::before,
.bousaiArea_movie::after {
    content: '';
    width: 190px;
    background-image: url(../img/img_bousaiArea_bg01.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    aspect-ratio: 577/182;
    z-index: -1;
}
.bousaiArea_movie::before {
    top: -8%;
    left: 0;
}
.bousaiArea_movie::after {
    bottom: -8%;
    right: 0;
}
.bousaiArea_container {
    margin-top: 45px;
    padding: 30px 20px;
    background: #fff;
    border-radius: 6px;
}
.bousaiArea_container__imgWrap + .bousaiArea_container__imgWrap {
    margin-top: 35px;
}
.bousaiArea_container__imgWrap.s_sizeL {
    width: calc(100% + 20px);
}
.bousaiArea_container__imgWrap.s_bnr {
    margin-top: 15px;
}
.bousaiArea_container__imgWrap.s_w101per {
    width: 101%;
}
.bousaiArea_cvBlock {
    margin-top: 45px;
}
.bousaiArea_cvBlock__txt {
    margin-bottom: 20px;
}
.bousaiArea_cvBlock a {
    box-shadow: 0px 6px 10px -2px rgba(0, 0, 0, 0.3);
}
.bousaiArea_linkWrap01 {
    position: relative;
}
.bousaiArea_linkWrap01__link {
    position: absolute;
    display: block;
    bottom: 0;
    right: -0.5%;
    width: 49%;
    aspect-ratio: 275 / 342;
}
.bousaiArea_linkWrap01__link:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/* baseArea
----------------------------------------- */
.baseArea {
    margin-top: 60px;
    padding: 0 25px;
}
.baseArea_title {
    width: calc(113% + 50px);
    margin-left: -27%;
}
.baseArea_img01 {
    margin-top: -15px;
}
.baseArea_img02 {
    width: 77%;
    margin: 35px auto 0;
}
.baseArea_img03 {
    margin-top: 40px;
}
.baseArea_img04 {
    margin-top: 15px;
}

/* eventArea
----------------------------------------- */
.eventArea {
    margin-top: 60px;
    padding: 0 25px;
}
.eventArea_title {
    width: 115%;
    margin-left: -6%;
}
.eventArea_img01 {
    margin-top: 25px;
}
.eventArea_img02 {
    width: 35%;
    margin: 0 auto;
}
.eventArea_img03 {
    width: 87%;
    margin: 20px auto 0;
}
.eventArea_img04 {
    width: calc(105% + 50px);
    margin-top: 27px;
    margin-left: -7%;
}

/* fixedBnrArea
----------------------------------------- */
.fixedBnrArea {
    display: none;
    width: calc(100% - 2vw);
    height: 130px;
    position: fixed;
    top: 55px;
    left: 1vw;
    box-sizing: border-box;
    z-index: 500;
}
.fixedBnrArea_inner {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
}
.fixedBnrArea.s_absolute {
    position: absolute;
    bottom: 0;
}
.fixedBnrArea_list {
    display: flex;
    gap: 5px;
    max-width: 500px;
    margin: 0 auto;
}
.fixedBnrArea_list a img {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.fixedBnrArea_list a:first-child img {
    border-radius: 6px 0 0 6px;
}
.fixedBnrArea_list a:last-child img {
    border-radius: 0 6px 6px 0;
}