@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/NotoSansJP-Regular.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/NotoSansJP-Bold.woff") format("woff");
    font-display: swap
}

*,*::before,*::after {
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: 62.5%;
    overflow: auto;
    background-color: #fff
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: "Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    text-align: justify;
    text-justify: inter-ideograph;
    font-feature-settings: "palt" 1;
    min-height: 100vh;
    text-rendering: optimizeSpeed
}

body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,dl,dd {
    margin: 0
}

ul,ol {
    list-style: none;
    padding-left: 0
}

h1,h2,h3,h4,h5 {
    font-size: 100%
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

input,button,textarea,select {
    font: inherit
}

li {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #000
}

a:hover {
    text-decoration: none
}

a img {
    border-style: none
}

img {
    width: 100%;
    vertical-align: bottom;
    line-height: 0 !important
}

button {
    background-color: transparent;
    border: none;
    backface-visibility: hidden
}

button:focus {
    outline: none
}

button:hover {
    cursor: pointer
}

input:focus,select:focus {
    outline: none
}

.c {
    text-align: center !important
}

.cm {
    margin-left: auto;
    margin-right: auto
}

.r {
    text-align: right !important
}

.l {
    text-align: left !important
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

.vertical-top {
    vertical-align: top
}

.vertical-middle {
    vertical-align: middle
}

.pointer {
    cursor: pointer
}

.br::before {
    content: "\A";
    white-space: pre
}

.margin_b100 {
    margin-bottom: 100px
}

.margin_b90 {
    margin-bottom: 90px
}

.margin_b80 {
    margin-bottom: 80px
}

.margin_b70 {
    margin-bottom: 70px
}

.margin_b60 {
    margin-bottom: 60px
}

.margin_b50 {
    margin-bottom: 50px
}

.margin_b40 {
    margin-bottom: 40px
}

.margin_b30 {
    margin-bottom: 30px
}

.margin_b20 {
    margin-bottom: 20px
}

.margin_b10 {
    margin-bottom: 10px
}

.padding_t100 {
    padding-top: 100px
}

.padding_t90 {
    padding-top: 90px
}

.padding_t80 {
    padding-top: 80px
}

.padding_t70 {
    padding-top: 70px
}

.padding_t60 {
    padding-top: 60px
}

.padding_t50 {
    padding-top: 50px
}

.padding_t40 {
    padding-top: 40px
}

.padding_t30 {
    padding-top: 30px
}

.padding_t20 {
    padding-top: 20px
}

.padding_t10 {
    padding-top: 10px
}

@media screen and (max-width: 900px) {
    .margin_b100 {
        margin-bottom:11%
    }

    .margin_b90 {
        margin-bottom: 10%
    }

    .margin_b80 {
        margin-bottom: 9%
    }

    .margin_b70 {
        margin-bottom: 8%
    }

    .margin_b60 {
        margin-bottom: 7%
    }

    .margin_b50 {
        margin-bottom: 6%
    }

    .margin_b40 {
        margin-bottom: 5%
    }

    .margin_b30 {
        margin-bottom: 4%
    }

    .margin_b20 {
        margin-bottom: 3%
    }

    .margin_b10 {
        margin-bottom: 2%
    }

    .padding_t100 {
        padding-top: 11%
    }

    .padding_t90 {
        padding-top: 10%
    }

    .padding_t80 {
        padding-top: 9%
    }

    .padding_t70 {
        padding-top: 8%
    }

    .padding_t60 {
        padding-top: 7%
    }

    .padding_t50 {
        padding-top: 6%
    }

    .padding_t40 {
        padding-top: 5%
    }

    .padding_t30 {
        padding-top: 4%
    }

    .padding_t20 {
        padding-top: 3%
    }

    .padding_t10 {
        padding-top: 2%
    }
}

.visible1800,.visible1000,.visible900,.visible750,.visible600,.visible500,.visible400,.visible320 {
    display: none
}

.clearfix:after {
    content: "";
    clear: both;
    display: block
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed;
    z-index: 999
}

.z0 {
    z-index: 0
}

.z1 {
    z-index: 1
}

.z2 {
    z-index: 2
}

.z3 {
    z-index: 3
}

.z4 {
    z-index: 4
}

.z5 {
    z-index: 5
}

.z6 {
    z-index: 6
}

.z7 {
    z-index: 7
}

.z8 {
    z-index: 8
}

.z9 {
    z-index: 9
}

.z10 {
    z-index: 10
}

.w100 {
    width: 100%
}

.w90 {
    width: 90%
}

.w80 {
    width: 80%
}

.w70 {
    width: 70%
}

.w60 {
    width: 60%
}

.w50 {
    width: 50%
}

.w40 {
    width: 40%
}

.w30 {
    width: 30%
}

.w20 {
    width: 20%
}

.w10 {
    width: 10%
}

.disabled {
    pointer-events: none
}

.cp {
    font-family: Verdana,"Droid Sans","メイリオ",sans-serif
}

.vh100 {
    height: 100%;
    min-height: 100vh
}

.fullscreen {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.contents {
    width: 750px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto
}

.contents1800 {
    width: 100%;
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto
}

.contents1000 {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.img_center {
    margin-left: -450px
}

.white {
    color: #fff
}

.black {
    color: #333
}

.red {
    color: red
}

.gray {
    color: #555
}

.orange {
    color: #ffa229
}

.blue {
    color: #4FB5FC
}

.bold {
    font-weight: bold
}

.bg_black {
    background-color: #333
}

.bg_white {
    background-color: #fff
}

.bg_red {
    background-color: red
}

.bg_clear {
    background-color: transparent
}

.bg_yellow {
    background-color: #FFE782
}

header {
    width: 100%;
    top: 0;
    margin: 0 auto;
    line-height: 0
}

footer {
    z-index: 2;
    text-align: center;
    color: #333;
    bottom: 0;
    left: 0;
    right: 0
}

.footer_border {
    border: 3px solid #333
}

.wrapper {
    min-height: 100vh;
    position: relative;
    box-sizing: border-box
}

.footer {
    position: absolute;
    bottom: 0;
    z-index: -1
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 3%
}

.copyright,.copyright a {
    color: #333
}

.copyright a:hover {
    text-decoration: underline
}


.sec-btn01-00 img {
    width: 750px;
    height: 400px
}

.sec-btn01-00 {
    top: 0%
}

.sec-btn01-01 img {
    width: 750px;
    height: 400px
}

.sec-btn01-01 {
    top: 0%
}

.sec-btn01-02 img {
    width: 750px;
    height: 400px
}

.sec-btn01-02 {
    top: 0%
}

.sec-btn01-03 img {
    width: 750px;
    height: 400px
}

.sec-btn01-03 {
    top: 0%
}

.sec-btn01-04 img {
    width: 750px;
    height: 400px
}

.sec-btn01-04 {
    top: 0%
}

.sec-btn01-05 img {
    width: 750px;
    height: 400px
}

.sec-btn01-05 {
    top: 0%
}

.sec-btn01-06 img {
    width: 750px;
    height: 400px
}

.sec-btn01-06 {
    top: 0%
}

.sec-btn01-07 img {
    width: 750px;
    height: 400px
}

.sec-btn01-07 {
    top: 0%
}

.sec01-01 img {
    width: 750px;
    height: 879px
}

.sec01-01 {
    top: 0%
}

.sec01-02 img {
    width: 750px;
    height: 334px
}

.sec01-02 {
    top: 60%
}

.sec01-03 img {
    width: 750px;
    height: 204px
}

.sec01-03 {
    top: 0%
}

.sec01-04 img {
    width: 750px;
    height: 243px
}

.sec01-04 {
    top: 37%
}

.sec01-05 img {
    width: 750px;
    height: 141px
}

.sec01-05 {
    top: 33%
}

.sec01-06 img {
    width: 750px;
    height: 315px
}

.sec01-06 {
    top: 56%
}


.sec02-00 img {
    width: 750px;
    height: 1600px
}

.sec02-00 {
    top: 0%
}

.sec02-01 img {
    width: 750px;
    height: 1600px
}

.sec02-01 {
    top: -8%
}

.sec02-02 img {
    width: 750px;
    height: 342px
}

.sec02-02 {
    top: 5%
}

.sec02-03 img {
    width: 750px;
    height: 358px
}

.sec02-03 {
    top: 25%
}

.sec02-04 img {
    width: 750px;
    height: 360px
}

.sec02-04 {
    top: 48%
}

.sec02-05 img {
    width: 750px;
    height: 346px
}

.sec02-05 {
    top: 69%
}

.sec02-06 img {
    width: 750px;
    height: 200px
}

.sec02-06 {
    top: 0%
}

.sec03-00 img {
    width: 750px;
    height: 500px
}

.sec03-00 {
    top: 0%
}

.sec03-01 img {
    width: 750px;
    height: 500px
}

.sec03-01 {
    top: -35%
}

.sec03-02 img {
    width: 750px;
    height: 84px
}

.sec03-02 {
    top: -17%
}

.sec03-03 img {
    width: 750px;
    height: 260px
}

.sec03-03 {
    top: -1%
}

.sec04-00 img {
    width: 750px;
    height: 2320px
}

.sec04-00 {
    top: 0%
}


.sec04-01 img {
    width: 750px;
    height: 2320px
}

.sec04-01 {
    top: -10%
}

.sec04-02 img {
    width: 750px;
    height: 300px
}

.sec04-02 {
    top: -3%
}

.sec04-03 img {
    width: 750px;
    height: 148px
}

.sec04-03 {
    top: 11%
}

.sec04-04 img {
    width: 750px;
    height: 132px
}

.sec04-04 {
    top: 20%
}

.sec04-05 img {
    width: 750px;
    height: 292px
}

.sec04-05 {
    top: 26%
}

.sec04-06 img {
    width: 750px;
    height: 188px
}

.sec04-06 {
    top: 37%
}

.sec04-07 img {
    width: 750px;
    height: 66px
}

.sec04-07 {
    top: 49%
}

.sec04-08 img {
    width: 750px;
    height: 251px
}

.sec04-08 {
    top: 61%
}

.sec04-09 img {
    width: 750px;
    height: 241px
}

.sec04-09 {
    top: 78.8%
}

.sec05-00 img {
    width: 750px;
    height: 1670px
}

.sec05-00 {
    top: 0%
}

.sec05-01 img {
    width: 750px;
    height: 1670px
}

.sec05-01 {
    top: -20%
}

.sec05-02 img {
    width: 750px;
    height: 418px
}

.sec05-02 {
    top: -3%
}

.sec05-03 img {
    width: 750px;
    height: 405px
}

.sec05-03 {
    top: 17%
}

.sec05-04 img {
    width: 750px;
    height: 430px
}

.sec05-04 {
    top: 35%
}

.sec05-05 img {
    width: 750px;
    height: 424px
}

.sec05-05 {
    top: 55%
}

.sec06-00 img {
    width: 750px;
    height: 2998px
}

.sec06-00 {
    top: 0%
}

.sec06-01 img {
    width: 750px;
    height: 2998px
}

.sec06-01 {
    top: -11%
}

.sec06-02 img {
    width: 750px;
    height: 220px
}

.sec06-02 {
    top: -10%
}

.sec06-03 img {
    width: 750px;
    height: 358px
}

.sec06-03 {
    top: 6.5%
}

.sec06-04 img {
    width: 750px;
    height: 358px
}

.sec06-04 {
    top: 6.5%
}

.sec06-05 img {
    width: 750px;
    height: 304px
}

.sec06-05 {
    top: 18%
}

.sec06-06 img {
    width: 750px;
    height: 200px
}

.sec06-06 {
    top: 28%
}

.sec06-07 img {
    width: 750px;
    height: 268px
}

.sec06-07 {
    top: 34%
}

.sec06-08 img {
    width: 750px;
    height: 486px
}

.sec06-08 {
    top: 42%
}

.sec06-09 img {
    width: 750px;
    height: 260px
}

.sec06-09 {
    top: 58%
}

.sec06-10 img {
    width: 750px;
    height: 180px
}

.sec06-10 {
    top: 72%
}

.sec06-11 img {
    width: 750px;
    height: 336px
}

.sec06-11 {
    top: 78%
}


.sec07-00 img {
    width: 750px;
    height: 463px
}

.sec07-00 {
    top: 0%
}

.sec07-01 img {
    width: 750px;
    height: 463px
}

.sec07-01 {
    top: -72%
}

.sec07-02 img {
    width: 750px;
    height: 84px
}

.sec07-02 {
    top: -66%
}

.sec07-03 img {
    width: 750px;
    height: 260px
}

.sec07-03 {
    top: -48%
}

.sec08-00 img {
    width: 750px;
    height: 4026px
}

.sec08-00 {
    top: 0%
}

.sec08-01 img {
    width: 750px;
    height: 4026px
}

.sec08-01 {
    top: -11%
}

.sec08-02 img {
    width: 750px;
    height: 392px
}

.sec08-02 {
    top: 7%
}

.sec08-03 img {
    width: 750px;
    height: 344px
}

.sec08-03 {
    top: 18%
}

.sec08-04 img {
    width: 750px;
    height: 332px
}

.sec08-04 {
    top: 32%
}

.sec08-05 img {
    width: 750px;
    height: 348px
}

.sec08-05 {
    top: 44%
}

.sec08-06 img {
    width: 750px;
    height: 308px
}

.sec08-06 {
    top: 60%
}

.sec09-00 img {
    width: 750px;
    height: 10px
}

.sec09-00 {
    top: 0%
}

.sec09-01 img {
    width: 750px;
    height: 580px
}

.sec09-01 {
    top: -5500%
}

.sec09-02 img {
    width: 750px;
    height: 84px
}

.sec09-02 {
    top: -3900%
}

.sec09-03 img {
    width: 750px;
    height: 260px
}

.sec09-03 {
    top: -3000%
}

.privacy01-01 img {
    width: 750px;
    height: 260px
}

.privacy01-01 {
    top: 0%
}

.privacy01-02 img {
    width: 750px;
    height: 198px
}

.privacy01-02 {
    top: 0%
}

.privacy01-03 img {
    width: 750px;
    height: 186px
}

.privacy01-03 {
    top: 0%
}

.usdr_btn_1 {
    bottom: 2%
}

.usdr_btn_1 img {
    width: 900px;
    height: 239px
}


.usdr_btn_2 {
    top: 74%
}

.usdr_btn_2 img {
    width: 900px;
    height: 239px
}

.privacy_wrap {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8
}

.privacy_wrap_border {
    border: 5px solid #333
}

.privacy_border {
    border: 5px solid #4FB5FC;
    border-radius: 20px
}

.privacy_title {
    font-size: 4rem
}

.privacy_head {
    padding: 10px 20px;
    text-align: center
}

.privacy_contents {
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 1.6rem
}

.privacy_contents p {
    margin-bottom: 2rem
}

.privacy_subtitle {
    font-size: 1.25em
}

.icon {
    position: relative;
    line-height: 1.5em;
    margin: 3em auto 0.5em;
    padding-left: 2em
}

.icon::before {
    content: "";
    position: absolute;
    left: 0;
    background: url("../img/usdr_10_3.png") no-repeat;
    background-size: contain;
    display: inline-block;
    width: 1.5em;
    height: 1.5em
}

.back_btn {
    display: inline-block;
    padding: 2rem 5rem;
    border-radius: 5rem
}

#law {
    height: 100vh
}

#law .privacy_contents>.icon {
    margin-top: 3%
}

#law .privacy_contents>p:last-of-type {
    margin-bottom: 0
}

label {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

::placeholder {
    color: #555
}

.form_title {
    font-size: 2.5em
}

.form_frame {
    width: 68%;
    margin-bottom: 5rem
}

.form_field {
    font-size: 2.5rem
}

.form_field input[type="text"],.form_field input[type="email"],.form_field input[type="password"],.form_field select,.form_field textarea {
    -webkit-appearance: none;
    width: 100%;
    padding: 1% 2% 1% 2%;
    border: 1px solid #333
}

.form_field label,.form_field input[type="radio"] {
    cursor: pointer
}

.form_field p:first-child {
    padding-top: 2rem;
    padding-bottom: 0.5rem
}

.radio_wrap {
    display: flex;
    justify-content: space-between
}

.err_msg {
    color: red;
    font-size: 0.8em
}

.include_text_wrap {
    width: 80%;
    padding: 1% 1% 1% 2%;
    border: 2px solid #333;
    border-radius: 5px
}

.include_text {
    height: 15rem;
    padding-right: 1%;
    overflow-y: scroll
}

.scroll::-webkit-scrollbar {
    width: 15px;
    -webkit-appearance: none
}

.scroll::-webkit-scrollbar-thumb {
    background: red
}

.radio-input {
    -webkit-appearance: none;
    position: absolute
}

.radio-parts {
    position: relative;
    display: flex;
    align-items: center
}

.radio-parts::before {
    content: '';
    display: block;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #333;
    width: 16px;
    height: 16px
}

.radio-input:checked+.radio-parts::after {
    content: '';
    position: absolute;
    left: 4px;
    display: block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #333
}

.checkbox {
    margin-left: 10%
}

.checkbox span {
    font-size: 2.5rem;
    font-weight: bold;
    cursor: pointer
}

.checkbox-input {
    display: none
}

.checkbox-input:checked+.checkbox-parts::after {
    content: "";
    position: absolute;
    top: -4px;
    left: 7px;
    width: 14px;
    height: 28px;
    transform: rotate(40deg);
    border-bottom: 5px solid red;
    border-right: 5px solid red
}

.checkbox-input:checked ~ span {
    color: red
}

.checkbox-parts {
    position: relative;
    padding-left: 40px
}

.checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    left: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #333;
    border-radius: 4px
}