/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-input-placeholder{color:unset}::-moz-placeholder{color:unset}:-ms-input-placeholder{color:unset}::-ms-input-placeholder{color:unset}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;-webkit-box-sizing:border-box;box-sizing:border-box}::-webkit-details-marker{display:none}


body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.layout_header_entry {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100px;
    padding: 0 40px;
    border-bottom: 1px solid #E9EBEF;
}

@media screen and (max-width: 1024px) {
    .layout_header_entry {
        height: 64px;
        padding: 0 16px;
    }
}

.layout_header_entry_inner {
    width: 100%;
    display: flex;
    align-items: center;
}

.layout_header_entry_logo {
    width: 236px;
    height: 40x;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .layout_header_entry_logo {
        width: 189px;
        height: 32px;
    }
}

.entry {
    width: 100%;
    min-height: calc(100dvh - 166px);
    padding: 40px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .entry {
        padding: 32px 16px;
        min-height: calc(100dvh - 148px);
    }
}

.entry_inner {
    margin: 0 auto;
    max-width: 1012px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
}

@media screen and (max-width: 1024px) {
    .entry_inner {
        padding: 0;
        gap: 24px;
    }
}

.entry_row {
    width: 100%;
    display: flex;
    gap: 40px;
}

@media screen and (max-width: 1024px) {
    .entry_row {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

.entry_row_item {
    max-width: 485px;
    width: calc((100% - 40px) / 2);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

@media screen and (max-width: 1024px) {
    .entry_row_item {
        width: 100%;
    }
}

.entry_card {
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    background: #FDDFBF;
    box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.10);
    transition: all 0.2s linear;
}

@media screen and (max-width: 1024px) {
    .entry_card {
        padding: 16px;
        gap: 8px;
    }
}

.entry_card[data-color="blue"] {
    background: #CFE8FE;
}

.entry_card:hover {
    opacity: 0.5;
    box-shadow: none;
}

.entry_card_image_wrap {
    width: 120px;
    height: 120px;
}

@media screen and (max-width: 1024px) {
    .entry_card_image_wrap {
        width: 100px;
        height: 100px;
    }
}

.entry_card_image {
    width: 100%;
    height: auto;
}

.entry_card_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.entry_card_title {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4643;
}

@media screen and (max-width: 1024px) {
    .entry_card_title {
        font-size: 24px;
        line-height: 1.5;
    }
}

.entry_card_text {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4375;
}

@media screen and (max-width: 1024px) {
    .entry_card_text {
        font-size: 14px;
        line-height: 1.5;
    }
}

.entry_row_item_notice {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.429;
}

@media screen and (max-width: 1024px) {
    .entry_row_item_notice {
        line-height: 1.5;
    }
}

.entry_row_item_notice_link {
    color: #2686E3;
    text-decoration-line: underline;
    transition: all 0.2s linear;
}

.entry_row_item_notice_link:hover {
    opacity: 0.5;
}

.entry_support_wrap {
    margin: 0 auto;
    max-width: 485px;
    width: 100%;
}

.entry_support {
    padding: 24px 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    background: #FFECB8;
    box-shadow: 0 4px 4px 0 rgba(51, 51, 51, 0.10);
    transition: all 0.2s linear;
}

@media screen and (max-width: 1024px) {
    .entry_support {
        padding: 16px;
    }
}

.entry_support:hover {
    opacity: 0.5;
    box-shadow: none;
}

.entry_support_title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4643;
}

@media screen and (max-width: 1024px) {
    .entry_support_title {
        font-size: 24px;
    }
}

.entry_support_title::before {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    content: "";
    background-image: url(../img/icon_support.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 1024px) {
    .entry_support_title::before {
        width: 32px;
        height: 32px;
    }
}

.entry_support_text {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1875;
}

@media screen and (max-width: 1024px) {
    .entry_support_text {
        font-size: 14px;
    }
}

.layout_footer {
    width: 100%;
    background: #F8F8FA;
}

@media screen and (max-width: 1024px) {
    .layout_footer {
        position: relative;
    }
}

.layout_footer_copy_wrap {
    width: 100%;
    padding: 24px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.layout_footer_copy {
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

.pc-none {
    display: none;
}

@media screen and (max-width: 1024px) {
    .pc-none {
        display: block;
    }
}