@charset "utf-8";

/* reset */
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

/* 共通 */
img {
    display: block;
    width: 100%;
}
button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}


/* スタイル */
body {
    margin: 0;
    background-color: #F2FAF9;
}
.wrapper {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    border-bottom: solid 1px transparent;
}
.header {
    position: fixed;
    max-width: 750px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 30;
}
.header_btn {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 19px;
    right: 19px;
    background: url(../img/icon_menu.svg) no-repeat center/contain;
}
.header_btn.is-open {
    background-image: url(../img/icon_close.svg);
    z-index: 50;
}
.header_menu {
    padding-top: 20px;
    width: 100%;
    height: 100vh; /* 古いブラウザ用フォールバック */
    height: 100dvh;
    background-color: #FFFFFF;
    text-align: left;
    display: none;
    /* overflow-y: scroll; */
    scrollbar-width: none;
    overflow-y: auto;
    overscroll-behavior: contain;

    padding-bottom: 60px;
    padding-bottom: env(safe-area-inset-bottom, 0px);

}
.header_menu--title img {
    width: 120%;
    max-width: 400px;
}
.header_menu--list {
    margin-top: 20px;
    padding-left: 20px;
    list-style: none;
    container-type: inline-size;
}
.header_menu--list li {
    margin-bottom: 10px;
}
.header_menu img{
    width: 100%;
    max-width: 400px;
    height: auto;
}

.policy button {
    width: 100%;
}

/* 個別スタイル */
.accordion_content img,
.main img,
.bottom img {
    margin-bottom: 3cqw;
}
.variable {
    position: absolute;
    display: flex;
    gap: 7px;
    top: 133cqw;
    left: 6cqw;
    font-size: 10px;
    line-height: 1.1;
    align-items: center;
}
.variable .number {
    padding: 1px;
    border: solid 1px #000000;
}

.back_top {
    position: fixed;
    width: 32px;
    height: 32px;
    bottom: 10px;
    right:  calc(50% - 380px);
}

@media screen and (max-width:780px) {
    .back_top {
        right: 10px;
    }
}

/* アコーディオン */
.accordion_content {
    display: none;
    position: relative;
}


/* リンク */
.jump_button {
    position: absolute;
    display: block;
    width: 90cqw;
    height: 10cqw;
    left: 5cqw;
}
.jump_p11-1 {
    top: 170cqw;
}
#p11-1 {
    position: absolute;
    top: 0;
}

.jump_p11-2 {
    top: 327cqw;
}
#p11-2 {
    position: absolute;
    top: 0;
}

.jump_p12-1 {
    top: 204cqw;
}
#p12-1 {
    position: absolute;
    top: 0;
}

.jump_p12-2 {
    top: 338cqw;
}
#p12-2 {
    position: absolute;
    top: 0;
}

.jump_p12-3 {
    top: 485cqw;
}
#p12-3 {
    position: absolute;
    top: 0;
}


.jump_button-s {
    position: absolute;
    display: block;
    width: 75cqw;
    height: 9cqw;
    left: 12.5cqw;
}
.jump_p24-1 {
    top: 102cqw;
}
#p24-1 {
    position: absolute;
    top: 0;
}

.jump_p24-2 {
    top: 195cqw;
}
#p24-2 {
    position: absolute;
    top: 0;
}

.jump_p24-3 {
    top: 288.5cqw;
}
#p24-3 {
    position: absolute;
    top: 0;
}

.jump_p24-4 {
    top: 391cqw;
}
#p24-4 {
    position: absolute;
    top: 0;
}

.jump_p24-5 {
    top: 493cqw;
}
#p24-5 {
    position: absolute;
    top: 0;
}

.jump_p24-6 {
    top: 596cqw;
}
#p24-6 {
    position: absolute;
    top: 0;
}

.img_box {
    position: relative;
    container-type: inline-size;
}
.img_box .link_button {
    position: absolute;
    display: block;
    width: 90cqw;
    height: 10cqw;
    left: 5cqw;
}
.link_p09 {
    top: 327cqw;
}
.link_p10 {
    top: 288cqw;
}
.link_p13 {
    top: 252cqw;
}
.link_p19 {
    top: 296cqw;
}
.link_p20-1 {
    top: 405cqw;
}
.link_p20-2 {
    top: 452cqw;
}
.link_p23 {
    top: 462.5cqw;
}
.link_p04 {
    top: 303.5cqw;
}
.link_p05 {
    top: 91.5cqw;
}
.link_p30-1 {
    top: 70cqw;
}
.link_p30-2 {
    top: 120.5cqw;
}

/* アコーディオン1 */
#goal {
    position: absolute;
    top: 180cqw;
    left: 8cqw;
}

#qr {
    position: absolute;
    top: 2cqw;
    left: 8cqw;
}

/* アコーディオン2 */
#logo {
    position: absolute;
    top: 2cqw;
    left: 8cqw;
}
.jump_qr {
    position: absolute;
    display: block;

    top: 78cqw;
    left: 87cqw;
    width: 8cqw;
    height: 8cqw;
}
.jump_qr:hover {
    background-color: #FFFFFF88;
}