@charset 'UTF-8';
/*アンケート2*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@100;300;400;500;700&display=swap');
.sp_disp
{
    display: none;
}
@media screen and (max-width: 750px)
{
    .sp_disp
    {
        display: block;
    }
}

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

body
{
    font-family: 'Noto Sans JP', sans-serif;

    background-color: #fff;
}
body .star_bg
{
    min-height: 100vh;
    padding: 64px 0;

    background-image: url('../img/bg_pt1.png');
}
@media screen and (max-width: 750px)
{
    body .star_bg
    {
        padding: 0 0;

        background-size: 8vw;
    }
}

.pre_page .star_bg_end
{
    min-height: 100vh;
    padding: 64px 0;

    background-image: url('../img/bg_pt1.png');
}
@media screen and (max-width: 750px)
{
    .pre_page .star_bg_end
    {
        padding: 0 0;

        background-size: 8vw;
    }
}
.pre_page .pre_img_area
{
    margin-top: 64px;
    margin-bottom: 64px;

    text-align: center;
}
.pre_page .copy_text
{
    margin-top: 24px;
}

.kikan_end
{
    background-color: #d6000f;
}
.kikan_end .star_bg_end
{
    min-height: 100vh;
    padding: 64px 0;

    background-image: url('../img/bg_pt_cmn.png');
}
@media screen and (max-width: 750px)
{
    .kikan_end .star_bg_end
    {
        padding: 0 0;

        background-size: 11.86vw;
    }
}
.kikan_end .end_img_area
{
    margin-left: 14px;
}
@media screen and (max-width: 750px)
{
    .kikan_end .end_img_area
    {
        margin-left: unset;
    }
}
.kikan_end .title_text_end
{
    margin: 64px auto 32px;

    text-align: center;
}
@media screen and (max-width: 750px)
{
    .kikan_end .title_text_end
    {
        margin: 7.46666666vw 0 8vw 0;
    }
}

h1
{
    margin: 0 0;
}

p
{
    margin: 0;
}

@media screen and (max-width: 750px)
{
    img
    {
        width: 100%;
    }
}

.acWrap
{
    width: 600px;
    margin: 0 auto;
}
@media screen and (max-width: 750px)
{
    .acWrap
    {
        box-sizing: border-box;
        width: 100%;
        margin: 0 0;
        padding: 8.5333333vw 4.2vw 6.4vw 4.2vw;
    }
}

.top_wrap h1,
.confirm_page_wrap h1,
.complete_page_wrap h1
{
    text-align: center;
}

.title_text
{
    margin: 64px auto 64px;

    text-align: center;
}
@media screen and (max-width: 750px)
{
    .title_text
    {
        margin: 7.46666666vw 0 8vw 0;
    }
}

.title_text_kakuni
{
    margin: 64px auto 50px;
}
@media screen and (max-width: 750px)
{
    .title_text_kakuni
    {
        margin: 7.46666666vw 0 8vw 0;
    }
}

.comp_title
{
    margin: 64px auto 32px;
}
@media screen and (max-width: 750px)
{
    .comp_title
    {
        margin: 7.46666666vw 0 4vw 0;
    }
}

@media screen and (max-width: 750px)
{
    .confirm_page_wrap .title_text
    {
        margin: 7.46666666vw 0 12.8vw 0;
    }
}

.title_under
{
    display: flex;

    margin-right: 10px;
    margin-left: -10px;

    justify-content: space-between;
}
@media screen and (max-width: 750px)
{
    .title_under
    {
        margin-right: unset;
        margin-left: unset;
    }
}
.title_under .left_area
{
    position: relative;
}
.title_under .left_area img
{
    position: absolute;
    top: -10px;
    left: -8px;

    height: 342px;
}
@media screen and (max-width: 750px)
{
    .title_under .left_area img
    {
        top: -2.6666vw;
        left: 0;

        width: 36vw;
        height: unset;
    }
}
.title_under .right_area img
{
    width: 352px;
}
@media screen and (max-width: 750px)
{
    .title_under .right_area img
    {
        width: 56.4vw;
    }
}

.under_area
{
    text-align: center;

    color: #fff;
}
.under_area .txt1
{
    font-size: 22px;
    font-weight: bold;

    margin-top: 8px;
}
@media screen and (max-width: 750px)
{
    .under_area .txt1
    {
        font-size: 3.466666vw;

        margin-top: 1.0666666vw;
        margin-bottom: 1.0666666vw;
    }
}
.under_area .txt_year
{
    font-size: 26px;
    font-weight: bold;
}
@media screen and (max-width: 750px)
{
    .under_area .txt_year
    {
        font-size: 4.6vw;
    }
}
.under_area .txt2
{
    font-size: 36px;
    font-weight: bold;
}
@media screen and (max-width: 750px)
{
    .under_area .txt2
    {
        font-size: 6.6vw;
    }
}
.under_area .txt3
{
    font-size: 22px;
    font-weight: bold;
}
@media screen and (max-width: 750px)
{
    .under_area .txt3
    {
        font-size: 3.2vw;
    }
}
.under_area .txt4
{
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 750px)
{
    .under_area .txt4
    {
        font-size: 2.9333vw;
    }
}
.under_area .txt5
{
    font-size: 24px;
    font-weight: bold;
}
@media screen and (max-width: 750px)
{
    .under_area .txt5
    {
        font-size: 3.7vw;
    }
}

.oneac
{
    font-size: 18px;
    line-height: 1.5;

    position: relative;

    margin: 36px 0;
    padding: 24px;

    color: #fff;
    border: 4px solid white;
    border-radius: 28px;
    background: rgba(49, 9, 53, .5);
}
@media screen and (max-width: 750px)
{
    .oneac
    {
        font-size: 3.73333333vw;

        margin: 6.4vw 0;
        padding: 5.3333vw;

        border-radius: 3.733333333vw;
    }
}
.oneac.req_mark::before
{
    position: absolute;
    z-index: 50;
    top: -17px;
    left: -10px;

    width: 49px;
    height: 33px;

    content: '';

    background-image: url('../img/jugg_sub_hituyou.png');
    background-repeat: no-repeat;
    background-size: contain;
}
@media screen and (max-width: 750px)
{
    .oneac.req_mark::before
    {
        top: -4vw;
        left: -3.6vw;

        width: 16.9333333vw;
        height: 6.4vw;

        background-image: url('../img/jugg_sub_hituyou_x2.png');
    }
}
.oneac .q_text_box
{
    display: flex;

    padding-bottom: 8px;

    border-bottom: solid white 1px;

    justify-content: flex-start;
}
.oneac.last_q
{
    margin: 36px 0 48px 0;
}
@media screen and (max-width: 750px)
{
    .oneac.last_q
    {
        margin: 6.4vw 0 7.4vw 0;
    }
}

.radio-001
{
    display: flex;

    margin: 0 0;
    padding: 20px 0 0 0;

    border: none;

    flex-wrap: wrap;
    gap: .3em 24px;
}
@media screen and (max-width: 750px)
{
    .radio-001
    {
        padding: 3.2vw 0 0 0;

        gap: 3.2vw 3.2vw;
    }
}

.radio-001 label
{
    font-size: 16px;
    font-weight: normal;

    position: relative;

    display: flex;

    cursor: pointer;

    color: #efeb05;

    align-items: center;
    gap: 0 .5em;
}
@media screen and (max-width: 750px)
{
    .radio-001 label
    {
        font-size: 3.466666vw;
    }
}

.radio-001 label::before,
.radio-001 label:has(:checked)::after
{
    content: '';

    border-radius: 50%;
}

.radio-001 label::before
{
    width: 18px;
    height: 18px;

    background-color: #e6edf3;
}
@media screen and (max-width: 750px)
{
    .radio-001 label::before
    {
        width: 3.866666vw;
        height: 3.866666vw;
    }
}

.radio-001 label:has(:checked)::after
{
    position: absolute;
    top: 50%;
    left: 9px;

    width: 10px;
    height: 10px;

    transform: translate(-50%, -50%);

    background-color: #000;
}
@media screen and (max-width: 750px)
{
    .radio-001 label:has(:checked)::after
    {
        left: 1.86666666vw;

        width: 2.4vw;
        height: 2.4vw;
    }
}

.radio-001 input
{
    display: none;
}

.selectbox-004
{
    position: relative;

    display: inline-flex;

    padding-top: 24px;

    align-items: center;
}
@media screen and (max-width: 750px)
{
    .selectbox-004
    {
        padding-top: 3.2vw;
    }
}

.selectbox-004::after
{
    position: absolute;
    right: 24px;

    width: 10px;
    height: 7px;

    content: '';
    pointer-events: none;

    background-color: #535353;

    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);

            clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.selectbox-004 select
{
    font-size: 14px;

    min-width: 190px;
    height: 28px;
    padding: .4em calc(.8em + 30px) .4em .8em;

    cursor: pointer;

    color: #333;
    border: none;
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .02), 0 2px 3px -2px rgba(0, 0, 0, .05);

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
@media screen and (max-width: 750px)
{
    .selectbox-004 select
    {
        font-size: 2.933333vw;

        height: 6.4vw;
    }
}

.checkbox-002
{
    display: flex;

    margin: 0 0;
    padding: 24px 0 0 0;

    border: none;

    flex-wrap: wrap;
    gap: 14px 24px;
}
@media screen and (max-width: 750px)
{
    .checkbox-002
    {
        gap: 5vw 3.2vw;
    }
}

.checkbox-002 label
{
    font-size: 16px;
    font-weight: normal;

    position: relative;

    display: flex;

    cursor: pointer;

    color: #efeb05;

    align-items: center;
    gap: 0 .5em;
}
@media screen and (max-width: 750px)
{
    .checkbox-002 label
    {
        font-size: 3.466666vw;
    }
}

.checkbox-002 label::before
{
    width: 18px;
    height: 18px;

    content: '';

    border: 2px solid #fff;
    border-radius: 3px;
    background-color: #fff;
}
@media screen and (max-width: 750px)
{
    .checkbox-002 label::before
    {
        width: 5.333333333vw;
        height: 5.333333333vw;

        border: unset;
        border-radius: .8vw;
    }
}

.checkbox-002 label:has(:checked)::after
{
    position: absolute;
    top: 20%;
    left: 8px;

    width: 5px;
    height: 10px;

    content: '';
    transform: rotate(45deg);

    border: solid #000;
    border-width: 0 3px 3px 0;
}
@media screen and (max-width: 750px)
{
    .checkbox-002 label:has(:checked)::after
    {
        top: .5vw;
        left: 1.6vw;

        width: 1.333333vw;
        height: 2.666666vw;
    }
}

.checkbox-002 input
{
    display: none;
}

.textbox-003-label,
.textbox-003
{
    color: #333;
}

.textbox-003-label
{
    font-size: .9em;

    display: block;

    margin-bottom: 5px;
}

.textbox-003
{
    font-size: 1em;
    line-height: 1.5;

    box-sizing: border-box;
    width: 100%;
    min-height: 36px;
    padding: 8px 10px;

    border: none;
    border-radius: 25px;
    background: #eff1f5;
}
@media screen and (max-width: 750px)
{
    .textbox-003
    {
        font-size: 3.4vw;

        height: 8.4vw;
        min-height: 8.4vw;
    }
}

.textbox-003::-moz-placeholder
{
    color: #999;
}

.textbox-003:-ms-input-placeholder
{
    color: #999;
}

.textbox-003::placeholder
{
    color: #999;
}

textarea::-moz-placeholder
{
    position: absolute;
    /* font-weight: bold; */
    top: 20px;

    text-align: left;

    color: gray;
}

textarea:-ms-input-placeholder
{
    position: absolute;
    /* font-weight: bold; */
    top: 20px;

    text-align: left;

    color: gray;
}

textarea::placeholder
{
    position: absolute;
    /* font-weight: bold; */
    top: 20px;

    text-align: left;

    color: gray;
}

.text_box_wrap
{
    display: block;

    padding: 24px 0 0 0;
}
@media screen and (max-width: 750px)
{
    .text_box_wrap
    {
        padding: 4.2vw 0 0 0;
    }
}

.textbox-004-label,
.textbox-004
{
    color: #333;
}

.textbox-004-label
{
    font-size: .9em;

    display: block;

    margin-bottom: 5px;
}

.textbox-004
{
    font-size: 1em;
    line-height: 1.5;

    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 60px;
    padding: 8px 10px;

    border: none;
    border-radius: 25px;
    background: #eff1f5;
}
@media screen and (max-width: 750px)
{
    .textbox-004
    {
        border-radius: 3.7vw;
    }
}

.textbox-004::-moz-placeholder
{
    color: #999;
}

.textbox-004:-ms-input-placeholder
{
    color: #999;
}

.textbox-004::placeholder
{
    color: #999;
}

.no_break
{
    word-break: keep-all;
}

.top_submit_btn
{
    margin: 0 4px;

    text-align: center;
}
@media screen and (max-width: 750px)
{
    .top_submit_btn
    {
        margin: 0 2.1333vw;
    }
}

.copy_text
{
    font-size: 12px;

    margin: 56px 0 0 0;

    text-align: center;

    color: #fff;
}
@media screen and (max-width: 750px)
{
    .copy_text
    {
        font-size: 3.2vw;

        margin: 6.4vw 0 0 0;
    }
}

.confirm_page_wrap
{
    width: 600px;
    margin: 64px auto;
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap
    {
        box-sizing: border-box;
        width: 100%;
        margin: 0 0;
        padding: 8.5333333vw 4.2vw 6.4vw 4.2vw;
    }
}
.confirm_page_wrap .conf_box_wrap
{
    position: relative;

    box-sizing: border-box;
    width: 600px;
    margin-top: 32px;
    padding: 24px;

    color: #fff100;
    border: 4px solid white;
    border-radius: 28px;
    background: rgba(49, 9, 53, .5);
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap .conf_box_wrap
    {
        width: 100%;
        margin-top: 4.26666vw;
        padding: 2.833333vw 5.3333333vw;

        border-radius: 3.733333vw;
    }
}
.confirm_page_wrap label
{
    font-size: 18px;

    display: block;

    padding: 0 0 8px 0;

    color: #fff;
    border-bottom: 1px solid #fff;
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap label
    {
        font-size: 3.7vw;

        padding: 0 0 1.566666666vw 0;
    }
}
.confirm_page_wrap .noline
{
    padding: 0;

    border-bottom: unset;
}
.confirm_page_wrap span
{
    display: block;

    padding: 20px 0 0 0;
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap span
    {
        font-size: 3.46666666vw;

        padding: 2.066666666vw 0 0 0;
    }
}
.confirm_page_wrap .manymany
{
    font-size: 16px;
    line-height: 1.8;

    padding-bottom: 20px;
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap .manymany
    {
        padding: 1vw 0 2.1333333vw 0;
    }
}
@media screen and (max-width: 750px)
{
    .confirm_page_wrap .conf_text
    {
        font-size: 3.46666666vw;
    }
}

.submit_bt_type
{
    width: 388px;
    height: 60px;

    border: 0;
    background: url(../img/bt_kakuni_off_n.png) left top no-repeat;
}
@media screen and (max-width: 750px)
{
    .submit_bt_type
    {
        width: 53.733333vw;

        background-size: contain;
    }
}
@media screen and (min-width: 751px)
{
    .submit_bt_type:hover
    {
        background: url(../img/bt_kakuni_on_n.png) left top no-repeat;
    }
}

.submit_bt_go
{
    width: 223px;
    height: 75px;

    border: 0;
    background: url(../img/bt_send_off.png) left top no-repeat;
}
@media screen and (max-width: 750px)
{
    .submit_bt_go
    {
        width: 29.7333333vw;

        background-size: contain;
    }
}
@media screen and (min-width: 751px)
{
    .submit_bt_go:hover
    {
        background: url(../img/bt_send_on.png?11111) left top no-repeat;
    }
}

.submit_bt_back
{
    width: 223px;
    height: 75px;

    border: 0;
    background: url(../img/bt_back_off.png) left top no-repeat;
}
@media screen and (max-width: 750px)
{
    .submit_bt_back
    {
        width: 29.7333333vw;

        background-size: contain;
    }
}
@media screen and (min-width: 751px)
{
    .submit_bt_back:hover
    {
        background: url(../img/bt_back_on.png?1116) left top no-repeat;
    }
}

.bt_2way
{
    display: flex;

    justify-content: center;
}

.last_a
{
    margin-bottom: 56px;
}
@media screen and (max-width: 750px)
{
    .last_a
    {
        margin-bottom: 8.5333333vw;
    }
}

.complete_page_wrap
{
    width: 600px;
    margin: 64px auto;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap
    {
        box-sizing: border-box;
        width: 100%;
        margin: 0 0;
        padding: 8.5333333vw 4.2vw 6.4vw 4.2vw;
    }
}
.complete_page_wrap .main_img
{
    text-align: center;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .main_img img
    {
        width: 64vw;
    }
}
.complete_page_wrap .dl_wrap
{
    font-family: 'Noto Sans JP', sans-serif;

    position: relative;

    box-sizing: border-box;
    width: 100%;
    margin-top: 0;
    padding: 64px 52px;

    color: #fff;
    border: 5px solid #fff;
    border-radius: 48px;
    background-color: #fff;
    background-image: url('../img/bg_pt3.png');
}
.complete_page_wrap .dl_wrap a:link
{
    text-decoration: underline;

    color: #fff;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap
    {
        margin-top: 0vw;
        padding: 16vw 4.26666666vw 16vw;

        border: 1.3333vw solid black;
        border-radius: 6.4vw;
        background-position: left 14px top 14px, right 14px top 14px, left 14px bottom 14px, right 14px bottom 14px;
        background-size: 10.86vw, 10.86vw, 10.86vw, 10.86vw;
    }
}
.complete_page_wrap .dl_wrap .title_img
{
    text-align: center;
}
.complete_page_wrap .dl_wrap .title_img img
{
    width: 474px;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .title_img img
    {
        width: 72.933333vw;
    }
}
.complete_page_wrap .dl_wrap .text1
{
    line-height: 1.5;

    margin-top: 16px;

    text-align: center;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .text1
    {
        font-size: 3.4666666vw;

        margin-top: 2.4vw;
    }
}
.complete_page_wrap .dl_wrap .dl_bt_area
{
    display: flex;

    width: 468px;
    margin: 56px auto;

    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px 0;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .dl_bt_area
    {
        width: 72vw;
        margin: 4.8vw auto;

        gap: 3.73333333vw 0;
    }
}
@media screen and (min-width: 751px)
{
    .complete_page_wrap .dl_wrap .dl_bt:hover
    {
        opacity: .5;
    }
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .dl_bt img
    {
        width: 32vw;
    }
}
.complete_page_wrap .dl_wrap .method_wrap
{
    line-height: 1.5;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .method_wrap
    {
        font-size: 2.9333333333vw;
    }
}
.complete_page_wrap .dl_wrap .method_box
{
    line-height: 1.5;

    display: flex;

    justify-content: flex-start;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .method_box
    {
        font-size: 2.9333333333vw;
    }
}
.complete_page_wrap .dl_wrap .num_area
{
    word-break: keep-all;
}
.complete_page_wrap .dl_wrap .sub_tit
{
    display: block;

    margin: 8px 0 8px 0;
}
@media screen and (max-width: 750px)
{
    .complete_page_wrap .dl_wrap .sub_tit
    {
        font-size: 2.9333333333vw;
    }
}

.err_red
{
    border: 4px solid #f00;
}

.kikan_end .copy_text
{
    color: #000;
}

.comp_main_img
{
    margin-bottom: 24px;

    text-align: center;
}
@media screen and (max-width: 750px)
{
    .comp_main_img
    {
        margin-bottom: .1vw;
    }
}
.comp_main_img img
{
    margin-left: -15px;
}
@media screen and (max-width: 750px)
{
    .comp_main_img img
    {
        width: 56%;
    }
}