html {
    height: 100%;
    margin: 0;
    /*font-family: Tahoma, sans-serif;*/
    font-family: 'Noto Sans', sans-serif;
}


body {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    background: #e5e5e5;
    font-family: 'Noto Sans', sans-serif;
}

body main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main .rel {
    position: relative
}

body main .abs {
    position: absolute
}

body main page1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #f6f5ff
}

body main page2, body main page3, body main page4, body main page5, body main page6, body main page7, body main page8, body main page9, body main page10, body main page11, body main page12, body main page13, body main page14, body main page15, body main page16, body main page17, body main page18, body main pageLast {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
}

body main section.head_title h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 5.3vw;
    line-height: 6.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title h1 {
        font-size: 3.87vw;
        line-height: 4.5vw
    }
}

body main section.head_logo .head_img {
    max-height: 5em
}

body main section.logo .main_img1 {
    max-height: 13em
}

body main section.onboard_list .onboard_list_el {
    font-family: 'Noto Sans';
    font-weight: 600;
    font-size: 4.5vw;
    line-height: 7vw;
    color: #423f4b
}

body main section.onboard_list .onboard_list_el img {
    max-height: 3.5vw
}

body main .next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main .next .next-btn {
    width: 90%
}

body main .next .next-btn a.btn {
    background-color: #6f5fcc;
    border-color: #6f5fcc;
    border-radius: .6rem;
    font-size: 4vw;
    font-family: 'Noto Sans'
}

body main .next .next-btn .btn-block {
    display: block;
    width: 100%
}

body main .next .next-btn img {
    max-height: 50px
}

body main .continue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-top: 2em;
    padding-bottom: 2em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

body main .continue .next-btn {
    width: 90%
}

body main .continue .next-btn a.btn {
    background-color: #6f5fcc;
    border-color: #6f5fcc;
    border-radius: .6rem;
    font-size: 4vw;
    font-family: 'Noto Sans'
}

body main .continue .next-btn .btn-block {
    display: block;
    width: 100%
}

body main .continue .next-btn img {
    max-height: 50px
}

body main .continue.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body main .continue.no_padding {
    padding-top: .5em;
    padding-bottom: .5em
}

body main section.get_height, body main section.get_weight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main section.get_height .container_picker, body main section.get_weight .container_picker {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 4rem;
    height: 2.5em;
    border-radius: .4rem;
    margin: 0 .5em 0 .5em;
    background-color: #f6f5ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main section.get_height .scrollport:before, body main section.get_weight .scrollport:before, body main section.get_height .scrollport:after, body main section.get_weight .scrollport:after {
    content: ''
}

body main section.get_height .scrollport, body main section.get_weight .scrollport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 9.4rem;
    height: 10rem;
    overflow: auto;
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

body main section.get_height .scrollport::-webkit-scrollbar, body main section.get_weight .scrollport::-webkit-scrollbar {
    display: none
}

body main section.get_height .scrollport:before, body main section.get_weight .scrollport:before, body main section.get_height .scrollport:after, body main section.get_weight .scrollport:after, body main section.get_height .cell, body main section.get_weight .cell {
    display: block;
    scroll-snap-align: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #423f4b;
    opacity: 50%
}

body main section.get_height .selected, body main section.get_weight .selected {
    font-size: 1em;
    font-weight: bold;
    color: #423f4b;
    opacity: 100%
}

body main section.testSwitch2 .swith_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: .7rem;
    -webkit-border-radius: .7rem;
    -moz-border-radius: .7rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: .25em 0
}

body main section.testSwitch2 .swith_block.selected {
    background: #beb2ff
}

body main section.testSwitch2 .swith_block.selected .text_block {
    color: #fff
}

body main section.testSwitch2 .swith_block .text_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 4vw;
    color: #35323d;
    font-family: 'Noto Sans';
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    justify-self: center;
    padding-left: .8em;
    font-weight: bold;
}

body main section.testSwitch2 .swith_block .null_block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body main section.testSwitch2 .swith_block .img_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-right: .8em
}

body main section.testSwitch2 .swith_block .img_block img {
    max-height: 3em
}

body main section.testSwitch3 .swith_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: .7rem;
    -webkit-border-radius: .7rem;
    -moz-border-radius: .7rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: .25em 0
}

body main section.testSwitch3 .swith_block.selected {
    background: #beb2ff
}

body main section.testSwitch3 .swith_block.selected .text_block {
    color: #fff
}

body main section.testSwitch3 .swith_block .text_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 4vw;
    color: #35323d;
    font-family: 'Noto Sans';
    font-weight: bold;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    justify-self: center;
    padding-left: .8em;
    padding-top: .8em;
    padding-bottom: .8em
}

body main section.testSwitch3 .swith_block .text_block.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body main section.testSwitch3 .swith_block .text_block.column .t1 {
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 4.4vw;
    text-align: left
}

body main section.testSwitch3 .swith_block .text_block.column .t2 {
    margin-top: .3em;
    font-family: 'Noto Sans';
    font-size: 4.4vw;
    text-align: left
}

body main section.head_logo_last .head_img {
    max-height: 10em
}

body main section.list_last ol {
    counter-reset: my-awesome-counter;
    margin-bottom: .5em
}

body main section.list_last ol li {
    color: #63606c;
    font-size: 3.7vw;
    font-family: 'Noto Sans'
}

body main section.list_last ol libefore {
    content: "0" counter(my-awesome-counter)
}

body main section.head_title2 h1, body main section.head_title3 h1, body main section.head_title4 h1, body main section.head_title5 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6.5vw;
    line-height: 7.3vw;
    margin-top: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title2 h1, body main section.head_title3 h1, body main section.head_title4 h1, body main section.head_title5 h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.head_title5 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6.5vw;
    line-height: 7.3vw;
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title5 h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.head_title6 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6vw;
    line-height: 7.3vw;
    margin-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title6 h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.head_title11 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6vw;
    line-height: 7.3vw;
    margin-top: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title11 h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.head_title16 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6vw;
    line-height: 7.3vw;
    margin-top: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title16 h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.head_title_last h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6.5vw;
    line-height: 7.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title_last h1 {
        font-size: 6.5vw;
        line-height: 7.3vw
    }
}

body main section.second_text {
    font-family: 'Noto Sans';
    font-style: normal;
    font-size: 4vw;
    line-height: 5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #7f7f7f
}

body main section.form-5 form label {
    font-size: 3.3vw;
    color: #b0aeb7
}

body main section.form-5 form input {
    color: #423f4b;
    border: none;
    background: #f6f5ff;
    border-color: #f6f5ff;
    border-radius: .5em;
    height: 2.5em;
    font-size: 4.7vw;
    font-family: 'Noto Sans';
    font-weight: 600
}

body main section.form-5 form input.with3 {
    width: 30%;
    color: #423f4b
}

body main section.form-5 form input.value_center {
    text-align: center
}

body main section.form-5 form input:disabled {
    background: #f6f5ff
}

body main section.form-5 form .input-group-text {
    background: #f6f5ff;
    border-color: #f6f5ff;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 4.7vw;
    color: #423f4b
}

body main section.form-5 form .with3_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body main section.form_last form label {
    font-size: 3vw;
    color: #b0aeb7
}

body main section.form_last form input {
    background: #f6f5ff;
    border-color: #f6f5ff;
    border-radius: .5em;
    height: 2.7em;
    font-size: 4.7vw;
    font-family: 'Noto Sans';
    font-weight: 600
}

body main section.head_video .video_container {
    height: 12em;
    overflow: hidden
}

body main section.head_video .video_container video {
    width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

body main section.head_title_17 h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 5.5vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main section.head_title_17 h1 {
        font-size: 5.3vw
    }
}

body main section.controls .seven_day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main section.controls .seven_day .in {
    padding: .5em .5em .5em .5em;
    background: #ffdb7f;
    border-color: #ffdb7f;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    line-height: 8vw;
    font-size: 4.5vw;
    font-family: 'Noto Sans';
    font-weight: 600;
    text-align: center
}

body main section.controls .seven_day .el {
    width: 33.3%
}

body main section.controls .select_price_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body main section.controls .select_price_container .price_el {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100px;
    padding: 1em 0;
    border: 2px solid transparent;;
}

body main section.controls .select_price_container .price_el .t1 {
    font-family: 'Noto Sans';
    font-size: 4.2vw;
    font-weight: bold;
    color: #423f4b
}

body main section.controls .select_price_container .price_el .t2 {
    font-family: 'Noto Sans';
    font-size: 3.5vw;
    font-weight: bold;
    color: #423f4b
}

body main section.controls .select_price_container .price_el .t3 {
    margin-top: .8em;
    margin-bottom: .8em;
    font-family: 'Noto Sans';
    font-size: 3.3vw;
    color: #423f4b
}

body main section.controls .select_price_container .price_el .t4 {
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 3.5vw;
    color: #b0aeb7
}

body main section.controls .select_price_container .price_el .t5 {
    font-family: 'Noto Sans';
    font-size: 3.2vw;
    color: #b0aeb7
}

body main section.controls .select_price_container .selected {
    border-radius: .6em;
    border: 2px solid #ffdb7f
}

body main page12 section.middle {
    background-size: 90%
}

body main page13 section.middle {
    background-size: 100%
}

body main page14 section.middle {
    background-size: 90%
}

body main page12 section.middle, body main page13 section.middle, body main page14 section.middle {
    margin-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main page12 section.middle img, body main page13 section.middle img, body main page14 section.middle img {
    max-width: 90%;
    height: auto
}

body main page12 section.bottom_text .t1, body main page13 section.bottom_text .t1, body main page14 section.bottom_text .t1 {
    margin-top: 1em;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 3.7vw;
    color: #423f4b
}

body main page12 section.bottom_text .t2, body main page13 section.bottom_text .t2, body main page14 section.bottom_text .t2 {
    margin-top: 1em;
    font-family: 'Noto Sans';
    font-size: 3.7vw;
    color: #63606c
}

body main page15 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main page15 section.center_brand .head_title h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 7vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main page15 section.center_brand .head_title h1 {
        font-size: 5.5vw;
        line-height: 7vw
    }
}

body main page15 section.center_brand .head_img img {
    margin: 0 auto;
    display: block;
    width: 50%;
    height: auto
}

body main page17 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main page17 section.center_brand .head_title h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 6vw;
    line-height: 7vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main page17 section.center_brand .head_title h1 {
        font-size: 6vw;
        line-height: 7vw
    }
}

body main page17 section.center_brand .second_text {
    font-family: 'Noto Sans';
    font-style: normal;
    font-size: 4.5vw;
    line-height: 6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #63606c
}

body main page17 section.center_brand .head_img img {
    margin: 0 auto;
    display: block;
    width: 50%;
    height: auto
}

body main page16 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body main page16 section.center_brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body main page16 section.center_brand .head_title h1 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 5.5vw;
    line-height: 7vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #423f4b
}

@media (min-width: 300px) and (max-width: 370px) {
    body main page16 section.center_brand .head_title h1 {
        font-size: 5.5vw;
        line-height: 7vw
    }
}

body main page16 section.center_brand .head_img img {
    margin: 0 auto;
    display: block;
    width: 50%;
    height: auto
}

body main page16 section.center_brand .small_text {
    font-family: 'Noto Sans';
    font-style: normal;
    font-size: 4vw;
    color: #63606c
}

body main page16 section.center_brand lottie-player {
    display: block;
    width: 90%;
    height: auto
}

body main page16 section.center_brand .chart {
    display: block;
    width: 90%;
    height: auto
}

body main page16 section.center_brand .under_lottie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: 0;
    flex-direction: 0;
    width: 90%;
    -ms-flex-item-align: center;
    align-self: center
}

body main page16 section.center_brand .under_lottie .child {
    width: 40%
}

body main page16 section.center_brand.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body main page16 section.center_brand.no_padding {
    padding-top: .5em;
    padding-bottom: .5em
}

body .footer {
    background: #f6f5ff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

body .footer .footer_text {
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 2.7vw;
    line-height: 130%;
    color: #423f4b
}

body .footer .footer_text a {
    color: #6251c3;
    text-decoration: none
}

body .footer.white {
    background: #fff
}


.abs-arrow img {
    width: 32px;
    height: 32px;
    display: block;
}