@charset 'UTF-8';
.u-cl,
.u-gp:after {
    clear: both
}
.Lp,
.Lp div,
.Lp h1,
.Lp h2,
.Lp h3,
.Lp p,
.Lp span {
    font-family: ns, 'Noto Sans JP', '�⥴���å� Medium', '�⥴���å���', 'Yu Gothic Medium', YuGothic, '�ҥ饮�γѥ� ProN', 'Hiragino Kaku Gothic ProN', '�ᥤ�ꥪ', Meiryo, '�ͣ� �Х����å�', 'MS PGothic', sans-serif !important
}
.Lp,
.Lp img,
.u-fill {
    width: 100%
}
.Features ul,
.FeaturesList,
.Lp ul,
.More_btnList,
.QuestionBodyList,
.QuestionList li,
.ResultList,
.Schedule ul,
.Star ul,
.Steps ul,
.StepsList,
.VoiceList {
    list-style: none
}
.u-gp:after,
.u-gp:before {
    display: table !important;
    border-spacing: 0;
    content: ''
}
.u-elps {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal
}
.u-solid {
    display: inline-block !important
}
.u-none {
    display: none !important
}
.u-block {
    display: block !important
}
.u-flex {
    display: -ms-flexbox !important;
    display: flex !important
}
.u-inline {
    display: inline !important
}
.u-link {
    font-weight: 700;
    text-decoration: underline;
    color: #b7c43f
}
.u-fl {
    float: left
}
.u-fr {
    float: right
}
.u-r {
    text-align: right
}
.u-l {
    text-align: left
}
.MainVisual_data_el,
.SectionTitle,
.u-c {
    text-align: center
}
.u-bc {
    margin: 0 auto
}
.u-ref {
    position: relative
}
.u-abs {
    position: absolute
}
.u-bdr-t {
    border-top: solid 1px #ececec !important
}
.u-bdr-b {
    border-bottom: solid 1px #ddd !important
}
.u-dot-t {
    border-top: dotted 1px #ddd !important
}
.u-dot-b {
    border-bottom: dotted 1px #ddd !important
}
.u-m-10 {
    margin: -1rem !important
}
.u-mt-10 {
    margin-top: -1rem !important
}
.u-mb-10 {
    margin-bottom: -1rem !important
}
.u-ml-10 {
    margin-left: -1rem !important
}
.u-mr-10 {
    margin-right: -1rem !important
}
.u-m0 {
    margin: 0 !important
}
.u-mt0 {
    margin-top: 0 !important
}
.u-mb0 {
    margin-bottom: 0 !important
}
.u-ml0 {
    margin-left: 0 !important
}
.u-mr0 {
    margin-right: 0 !important
}
.u-p0 {
    padding: 0 !important
}
.u-pt0 {
    padding-top: 0 !important
}
.u-pb0 {
    padding-bottom: 0 !important
}
.u-pl0 {
    padding-left: 0 !important
}
.u-pr0 {
    padding-right: 0 !important
}
.u-m1 {
    margin: 1px !important
}
.u-mt1 {
    margin-top: 1px !important
}
.u-mb1 {
    margin-bottom: 1px !important
}
.u-ml1 {
    margin-left: 1px !important
}
.u-mr1 {
    margin-right: 1px !important
}
.u-p1 {
    padding: 1px !important
}
.u-pt1 {
    padding-top: 1px !important
}
.u-pb1 {
    padding-bottom: 1px !important
}
.u-pl1 {
    padding-left: 1px !important
}
.u-pr1 {
    padding-right: 1px !important
}
.u-m2 {
    margin: 2px !important
}
.u-mt2 {
    margin-top: 2px !important
}
.u-mb2 {
    margin-bottom: 2px !important
}
.u-ml2 {
    margin-left: 2px !important
}
.u-mr2 {
    margin-right: 2px !important
}
.u-p2 {
    padding: 2px !important
}
.u-pt2 {
    padding-top: 2px !important
}
.u-pb2 {
    padding-bottom: 2px !important
}
.u-pl2 {
    padding-left: 2px !important
}
.u-pr2 {
    padding-right: 2px !important
}
.u-m3 {
    margin: 3px !important
}
.u-mt3 {
    margin-top: 3px !important
}
.u-mb3 {
    margin-bottom: 3px !important
}
.u-ml3 {
    margin-left: 3px !important
}
.u-mr3 {
    margin-right: 3px !important
}
.u-p3 {
    padding: 3px !important
}
.u-pt3 {
    padding-top: 3px !important
}
.u-pb3 {
    padding-bottom: 3px !important
}
.u-pl3 {
    padding-left: 3px !important
}
.u-pr3 {
    padding-right: 3px !important
}
.u-m4 {
    margin: 4px !important
}
.u-mt4 {
    margin-top: 4px !important
}
.u-mb4 {
    margin-bottom: 4px !important
}
.u-ml4 {
    margin-left: 4px !important
}
.u-mr4 {
    margin-right: 4px !important
}
.u-p4 {
    padding: 4px !important
}
.u-pt4 {
    padding-top: 4px !important
}
.u-pb4 {
    padding-bottom: 4px !important
}
.u-pl4 {
    padding-left: 4px !important
}
.u-pr4 {
    padding-right: 4px !important
}
.u-m5 {
    margin: 5px !important
}
.u-mt5 {
    margin-top: 5px !important
}
.u-mb5 {
    margin-bottom: 5px !important
}
.u-ml5 {
    margin-left: 5px !important
}
.u-mr5 {
    margin-right: 5px !important
}
.u-p5 {
    padding: 5px !important
}
.u-pt5 {
    padding-top: 5px !important
}
.u-pb5 {
    padding-bottom: 5px !important
}
.u-pl5 {
    padding-left: 5px !important
}
.u-pr5 {
    padding-right: 5px !important
}
.u-m6 {
    margin: 6px !important
}
.u-mt6 {
    margin-top: 6px !important
}
.u-mb6 {
    margin-bottom: 6px !important
}
.u-ml6 {
    margin-left: 6px !important
}
.u-mr6 {
    margin-right: 6px !important
}
.u-p6 {
    padding: 6px !important
}
.u-pt6 {
    padding-top: 6px !important
}
.u-pb6 {
    padding-bottom: 6px !important
}
.u-pl6 {
    padding-left: 6px !important
}
.u-pr6 {
    padding-right: 6px !important
}
.u-m8 {
    margin: 8px !important
}
.u-mt8 {
    margin-top: 8px !important
}
.u-mb8 {
    margin-bottom: 8px !important
}
.u-ml8 {
    margin-left: 8px !important
}
.u-mr8 {
    margin-right: 8px !important
}
.u-p8 {
    padding: 8px !important
}
.u-pt8 {
    padding-top: 8px !important
}
.u-pb8 {
    padding-bottom: 8px !important
}
.u-pl8 {
    padding-left: 8px !important
}
.u-pr8 {
    padding-right: 8px !important
}
.u-m10 {
    margin: 10px !important
}
.u-mt10 {
    margin-top: 10px !important
}
.u-mb10 {
    margin-bottom: 10px !important
}
.u-ml10 {
    margin-left: 10px !important
}
.u-mr10 {
    margin-right: 10px !important
}
.u-p10 {
    padding: 10px !important
}
.u-pt10 {
    padding-top: 10px !important
}
.u-pb10 {
    padding-bottom: 10px !important
}
.u-pl10 {
    padding-left: 10px !important
}
.u-pr10 {
    padding-right: 10px !important
}
.u-m12 {
    margin: 12px !important
}
.u-mt12 {
    margin-top: 12px !important
}
.u-mb12 {
    margin-bottom: 12px !important
}
.u-ml12 {
    margin-left: 12px !important
}
.u-mr12 {
    margin-right: 12px !important
}
.u-p12 {
    padding: 12px !important
}
.u-pt12 {
    padding-top: 12px !important
}
.u-pb12 {
    padding-bottom: 12px !important
}
.u-pl12 {
    padding-left: 12px !important
}
.u-pr12 {
    padding-right: 12px !important
}
.u-m15 {
    margin: 15px !important
}
.u-mt15 {
    margin-top: 15px !important
}
.u-mb15 {
    margin-bottom: 15px !important
}
.u-ml15 {
    margin-left: 15px !important
}
.u-mr15 {
    margin-right: 15px !important
}
.u-p15 {
    padding: 15px !important
}
.u-pt15 {
    padding-top: 15px !important
}
.u-pb15 {
    padding-bottom: 15px !important
}
.u-pl15 {
    padding-left: 15px !important
}
.u-pr15 {
    padding-right: 15px !important
}
.u-m20 {
    margin: 20px !important
}
.u-mt20 {
    margin-top: 20px !important
}
.u-mb20 {
    margin-bottom: 20px !important
}
.u-ml20 {
    margin-left: 20px !important
}
.u-mr20 {
    margin-right: 20px !important
}
.u-p20 {
    padding: 20px !important
}
.u-pt20 {
    padding-top: 20px !important
}
.u-pb20 {
    padding-bottom: 20px !important
}
.u-pl20 {
    padding-left: 20px !important
}
.u-pr20 {
    padding-right: 20px !important
}
.u-m25 {
    margin: 25px !important
}
.u-mt25 {
    margin-top: 25px !important
}
.u-mb25 {
    margin-bottom: 25px !important
}
.u-ml25 {
    margin-left: 25px !important
}
.u-mr25 {
    margin-right: 25px !important
}
.u-p25 {
    padding: 25px !important
}
.u-pt25 {
    padding-top: 25px !important
}
.u-pb25 {
    padding-bottom: 25px !important
}
.u-pl25 {
    padding-left: 25px !important
}
.u-pr25 {
    padding-right: 25px !important
}
.u-m28 {
    margin: 28px !important
}
.u-mt28 {
    margin-top: 28px !important
}
.u-mb28 {
    margin-bottom: 28px !important
}
.u-ml28 {
    margin-left: 28px !important
}
.u-mr28 {
    margin-right: 28px !important
}
.u-p28 {
    padding: 28px !important
}
.u-pt28 {
    padding-top: 28px !important
}
.u-pb28 {
    padding-bottom: 28px !important
}
.u-pl28 {
    padding-left: 28px !important
}
.u-pr28 {
    padding-right: 28px !important
}
.u-m30 {
    margin: 30px !important
}
.u-mt30 {
    margin-top: 30px !important
}
.u-mb30 {
    margin-bottom: 30px !important
}
.u-ml30 {
    margin-left: 30px !important
}
.u-mr30 {
    margin-right: 30px !important
}
.u-p30 {
    padding: 30px !important
}
.u-pt30 {
    padding-top: 30px !important
}
.u-pb30 {
    padding-bottom: 30px !important
}
.u-pl30 {
    padding-left: 30px !important
}
.u-pr30 {
    padding-right: 30px !important
}
.u-m32 {
    margin: 32px !important
}
.u-mt32 {
    margin-top: 32px !important
}
.u-mb32 {
    margin-bottom: 32px !important
}
.u-ml32 {
    margin-left: 32px !important
}
.u-mr32 {
    margin-right: 32px !important
}
.u-p32 {
    padding: 32px !important
}
.u-pt32 {
    padding-top: 32px !important
}
.u-pb32 {
    padding-bottom: 32px !important
}
.u-pl32 {
    padding-left: 32px !important
}
.u-pr32 {
    padding-right: 32px !important
}
.u-m35 {
    margin: 35px !important
}
.u-mt35 {
    margin-top: 35px !important
}
.u-mb35 {
    margin-bottom: 35px !important
}
.u-ml35 {
    margin-left: 35px !important
}
.u-mr35 {
    margin-right: 35px !important
}
.u-p35 {
    padding: 35px !important
}
.u-pt35 {
    padding-top: 35px !important
}
.u-pb35 {
    padding-bottom: 35px !important
}
.u-pl35 {
    padding-left: 35px !important
}
.u-pr35 {
    padding-right: 35px !important
}
.u-m40 {
    margin: 40px !important
}
.u-mt40 {
    margin-top: 40px !important
}
.u-mb40 {
    margin-bottom: 40px !important
}
.u-ml40 {
    margin-left: 40px !important
}
.u-mr40 {
    margin-right: 40px !important
}
.u-p40 {
    padding: 40px !important
}
.u-pt40 {
    padding-top: 40px !important
}
.u-pb40 {
    padding-bottom: 40px !important
}
.u-pl40 {
    padding-left: 40px !important
}
.u-pr40 {
    padding-right: 40px !important
}
.u-m45 {
    margin: 45px !important
}
.u-mt45 {
    margin-top: 45px !important
}
.u-mb45 {
    margin-bottom: 45px !important
}
.u-ml45 {
    margin-left: 45px !important
}
.u-mr45 {
    margin-right: 45px !important
}
.u-p45 {
    padding: 45px !important
}
.u-pt45 {
    padding-top: 45px !important
}
.u-pb45 {
    padding-bottom: 45px !important
}
.u-pl45 {
    padding-left: 45px !important
}
.u-pr45 {
    padding-right: 45px !important
}
.u-m50 {
    margin: 5rem !important
}
.u-mt50 {
    margin-top: rem !important
}
.u-mb50 {
    margin-bottom: 50px !important
}
.u-ml50 {
    margin-left: 5rem !important
}
.u-mr50 {
    margin-right: 5rem !important
}
.u-p50 {
    padding: 5rem !important
}
.u-pt50 {
    padding-top: 5rem !important
}
.u-pb50 {
    padding-bottom: 5rem !important
}
.u-pl50 {
    padding-left: 5rem !important
}
.u-pr50 {
    padding-right: 5rem !important
}
@font-face {
    font-family: ns;
    font-weight: 400;
    font-style: normal;
    src: url('../font/ns_Regular.woff2') format('woff2'), url('../font/ns_Regular.woff') format('woff'), url('../font/ns_Regular.otf') format('opentype')
}
@font-face {
    font-family: ns;
    font-weight: 500;
    font-style: normal;
    src: url('../font/ns_Medium.woff2') format('woff2'), url('../font/ns_Medium.woff') format('woff'), url('../font/ns_Medium.otf') format('opentype')
}
@font-face {
    font-family: ns;
    font-weight: 700;
    font-style: normal;
    src: url('../font/ns_Bold.woff2') format('woff2'), url('../font/ns_Bold.woff') format('woff'), url('../font/ns_Bold.otf') format('opentype')
}
@font-face {
    font-family: ns;
    font-weight: 900;
    font-style: normal;
    src: url('../font/ns_black.woff2') format('woff2'), url('../font/ns_black.woff') format('woff'), url('../font/ns_black.otf') format('opentype')
}
.Lp {
    letter-spacing: 0.06em;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt'
}
.Lp p {
    margin: 0
}
.MainVisual {
    background-color: #F6FAFC;
    position: relative;
    padding-bottom: 14.8rem;
}
.MainVisual_content {
    position: relative;
    overflow: hidden;
    height: 72rem;
    background-color: #e5fbff;
    background: url('../img/mv_bg.webp') no-repeat center center / cover;
}

.MainVisual_logo p {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 0.3rem;
}
.MainVisual_logo p span {
    color: #FFF032;
}
.MainVisual_logo h1 {
    font-size: 8.2rem;
    font-weight: 900;
    line-height: 1.14;
}
.MainVisual_sp {
    display: none;
}

.MainVisual_characters {
    position: absolute;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    width: 88.5rem;
}
.characters,
.characters img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px){
    .MainVisual {
        padding-bottom: 0;
    }
    .MainVisual_content {
        height: 31rem;
    }
    .MainVisual_logo p {
        font-size: 1.8rem;
    }
    .MainVisual_logo h1 {
        font-size: 3rem;
    }
    .MainVisual_characters {
        bottom: 4rem;
        width: 90%;
    }
}


.MainVisual_data {
    position: absolute;
    top: 3rem;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    margin-left: 280px
}
.MainVisual_data_el {
    font-weight: 700;
    line-height: 1;
    display: -ms-flexbox;
    display: flex;
    width: 11rem;
    height: 11rem;
    color: #007eff;
    border-radius: 50%;
    background-color: #fff;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.MainVisual_data_el.-total {
    transform: translateX(24px)
}
@media screen and (max-width: 768px){
    .MainVisual_data {
        top: 0.8rem;
        right: 0.5rem;
        left: auto;
        margin: 0
    }
    .MainVisual_data_el {
        width: auto;
        height: auto;
        padding: 0.3rem 0.5rem;
        border-radius: 3px;
        background-color: #fff
    }
    .MainVisual_data_el.-total {
        transform: translateX(0)
    }
    .MainVisual_data_el_main {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.MainVisual_data_el_title {
    font-size: 1.3rem;
    display: block;
    padding: 2px 0 0
}
@media screen and (max-width: 768px){
    .MainVisual_data_el_title {
        font-size: 1rem;
        line-height: 1
    }
}
.MainVisual_data_el_num {
    font-size: 4rem;
    font-weight: 900;
    display: block;
    padding: 1px 0 0
}
@media screen and (max-width: 768px){
    .MainVisual_data_el_num {
        font-size: 1.2rem;
        line-height: 1
    }
}
.MainVisual_data_el_unit {
    font-size: 1.4rem;
    display: block;
    color: #007eff
}
.characters .character.-n1 {
    left: 7rem
}
.characters .character.-n2 {
    left: 17.4rem
}
.characters .character.-n3 {
    left: 27.6rem
}
.characters .character.-n4 {
    left: 38rem
}
.characters .character.-n5 {
    left: 49.4rem
}
.characters .character.-n6 {
    left: 60rem
}
.characters .character.-n7 {
    left: 72rem
}
.MainVisual_bg01,
.MainVisual_bg02,
.MainVisual_bg03 {
    position: absolute;
    left: 0;
    width: 100%
}
.MainVisual_bg01 {
    top: 0;
    height: 180px;
    background-image: url('../svg/cloud_1.svg')
}
.MainVisual_bg02 {
    top: 7.4rem;
    height: 11rem;
    background-image: url('../svg/cloud_2.svg')
}
.MainVisual_bg03 {
    z-index: 2;
    bottom: 0;
    height: 6rem;
    background-image: url('../svg/cloud_3.svg')
}
.MainVisual_clouds,
.MainVisual_clouds .cloud {
    position: absolute;
    width: 100%;
    height: 100%
}
.MainVisual_clouds {
    top: 0;
    overflow: hidden
}
@media screen and (max-width: 768px){
    .MainVisual_data_el_unit {
        font-size: 1rem;
        line-height: 1;
        margin-top: 1px
    }
    .MainVisual_clouds {
        display: none
    }
}
.MainVisual_clouds.is-anime .cloud.-c1,
.MainVisual_clouds.is-anime .cloud.-c2 {
    animation-play-state: running
}
.MainVisual_clouds .cloud.-c1 {
    top: 0;
    animation: bgroop 100s linear infinite;
    animation-play-state: paused;
    background: url('../svg/cloud_bg_1.svg')
}
.MainVisual_clouds .cloud.-c2 {
    top: 0;
    animation: bgroop 180s linear infinite;
    animation-play-state: paused;
    background: url('../svg/cloud_bg_2.svg')
}
.ManinVisual_message {
    background-color: #fff;
    border-radius: 2.4rem;
    box-shadow: 1px 1px 12px rgba(0, 30, 80, .08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 4.5rem 4rem;
    width: 110rem;
    position: absolute;
    bottom: 14.8rem;
    left: 50%;
    transform: translate(-50%, 50%);
    z-index: 1;
}
.ManinVisual_message h1 {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.4;
    color: #313131;
    letter-spacing: 0.04em;
}
.ManinVisual_message h1 span {
    color: #00A0FA;
}
@media screen and (max-width: 768px){
    .ManinVisual_message {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translate(0, -16%);
        flex-direction: column;
        width: calc(100% - 3.2rem);
        padding: 2rem 2rem 3rem
    }
    .ManinVisual_message h1 {
        font-size: 2.2rem;
        text-align: center
    }
}
.ManinVisual_message p {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.02em;
    color: #313131
}
.ContactBtn {
    display: block;
    width: 34%;
    max-width: 30rem;
}
@media screen and (max-width: 768px){
    .ManinVisual_message p {
        font-size: 1.3rem;
        line-height: 1.8;
        padding: 1.6rem 0;
    }
    .ContactBtn {
        width: 70%
    }
}
.ContactBtn:active,
.ContactBtn:hover {
    text-decoration: none;
    color: #fff;
    outline-width: 0
}
.ContactBtn:active .ContactBtn_inner,
.ContactBtn:hover .ContactBtn_inner {
    transform: scale(1.05);
    box-shadow: 0 10px 16px rgba(0, 172, 228, .14)
}
.ContactBtn:visited {
    color: #fff
}
.ContactBtn_inner {
    font-size: 2.6rem;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    height: 7.6rem;
    padding: 0 1.5rem;
    transition: all 0.6s cubic-bezier(0.03,.78,0.01,.99);
    color: #fff;
    border-radius: 38px;
    background-color: #FF781E;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.Section {
    width: 98rem;
    margin: 0 auto
}
.Section.-question {
    background-color: #fbfbfb;
}
.Section.-more {
    width: 100%;
    padding: 3.4rem 0;
    background-color: #187ad1;
    background-image: url('../img/bg_pattern.png')
}
@media screen and (max-width: 768px){
    .ContactBtn_inner {
        font-size: 2rem;
        height: 6rem
    }
    .Section.-more {
        padding: 1.5rem;
        background-size: 4.5rem 4rem
    }
    .Section.-sub {
        padding: 0 2rem
    }
}
.Section.has-sepa:before {
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #d7e1eb
}
@media screen and (max-width: 768px){
    .Section {
        width: 100%
    }
}
.SectionTitle {
    font-weight: 700;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #076cc5
}
.SectionTitle.-sub {
    font-size: 3rem;
    display: inline-block
}
.SectionTitle.-sub:after,
.SectionTitle.-sub:before {
    position: absolute;
    display: block;
    width: 5.4rem;
    height: 0.1rem;
    content: '';
    background-color: #187ad1
}
.SectionTitle.-sub:before {
    top: 50%;
    left: -7.4rem
}
.SectionTitle.-sub:after {
    top: 50%;
    right: -7.4rem
}
@media screen and (max-width: 768px){
    .SectionTitle.-sub {
        font-size: 1.8rem
    }
    .SectionTitle.-sub:after,
    .SectionTitle.-sub:before {
        width: 2.4rem
    }
    .SectionTitle.-sub:before {
        top: 50%;
        left: -3.2rem
    }
    .SectionTitle.-sub:after {
        top: 50%;
        right: -3.2rem
    }
}
.SectionDescripton {
    font-size: 1.6rem;
    font-size: bold;
    font-weight: 700;
    line-height: 26px;
    margin: 35px 0 0;
    color: #076cc5
}
@media screen and (max-width: 768px){
    .SectionDescripton {
        font-size: 1.2rem;
        line-height: 22px;
        margin: 2rem 0 0;
        padding: 0 2rem;
        text-align: left
    }
    .SectionDescripton br {
        display: none
    }
}
.SectionBody {
    margin: 5rem 0 0
}
.Link.-c_w,
.Link.-c_w:hover,
.Link.-c_w:link,
.Link.-c_w:visited {
    text-decoration: none;
    color: #fff
}
.Link.-c_b,
.Link.-c_b:hover,
.Link.-c_b:link,
.Link.-c_b:visited {
    text-decoration: none;
    color: #076cc5
}
.Navigation {
    position: relative;
    z-index: 5;
    width: 100%
}
@media screen and (max-width: 768px){
    .SectionBody {
        margin: 2.5rem 0 0
    }
    .Navigation {
        display: none
    }
}
.Navigation_nav {
    position: absolute;
    top: 2.3rem;
    right: 50%;
    transform: translateX(50%);
    max-width: 110rem;
    width: 100%;
}
.Navigation_nav ul {
    font-size: 1.4rem;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .5rem;
    color: #fff;
    border-radius: 2rem;
    background-color: #fff;
    border-radius: 999px;
    align-items: center;
    justify-content: space-between;
}
.Navigation_nav ul a {
    border-right: 1px solid #D2DCEB;
    display: inline-block;
    padding: 2.2rem 5.7rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    letter-spacing: 0;
    line-height: 1;
    transition: opacity 0.4s;
}
.Navigation_nav ul a:hover {
    opacity: .5;
}
.Navigation_nav ul li:last-child a {
    background-color: #FF781E;
    border-radius: 999px;
    color: #fff;
    padding: 1.6rem 5.7rem;
    font-size: 2rem;
    border-right: none;
    height: calc(100% - 1rem);
}
.Navigation_nav ul li:last-child a {
    border-right: none;
}
.Navigation_nav ul li:last-child a {
    border-right: none;
}

}
.Navigation_nav ul a:hover {
    text-decoration: none;
    opacity: .6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.SubNavigation {
    position: fixed;
    z-index: 9;
    top: 0;
    width: 100%
}
.SubNavigation.is-show .SubNavigation_inner {
    margin-top: 0;
    margin-left:-23rem;
}
.SubNavigation.is-show.is-active .SubNavigation_nav ul {
    top: 6.6rem
}
.SubNavigation.is-show.is-active .SubNavigation_nav .menu-trigger span:nth-of-type(1) {
    top: -1.2rem;
    transform: translateY(2rem) rotate(-315deg)
}
.SubNavigation.is-show.is-active .SubNavigation_nav .menu-trigger span:nth-of-type(2) {
    opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.SubNavigation.is-show.is-active .SubNavigation_nav .menu-trigger span:nth-of-type(3) {
    bottom: -1rem;
    transform: translateY(-2rem) rotate(315deg)
}
.SubNavigation .SubNavigation_logo,
.SubNavigation.is-show.is-active .SubNavigation_sp_bg {
    display: block
}
.SubNavigation .SubNavigation_logo img {
    width: 21.5rem
}
@media all and(-ms-high-contrast:none) {
    .Lp,
    .Lp div,
    .Lp h1,
    .Lp h2,
    .Lp h3,
    .Lp p,
    .Lp span {
        font-family: Verdana, Meiryo, sans-serif !important
    }
    .SubNavigation .SubNavigation_logo img {
        width: 70%
    }
}
@media screen and (max-width: 768px){
    .SubNavigation .SubNavigation_logo {
        z-index: 2;
        padding: 0 0 0 2rem
    }
    .SubNavigation .SubNavigation_logo img {
        width: 18rem
    }
}
.SubNavigation_inner {
    position: relative;
    margin-top: -9rem;
    transition: all 0.8s cubic-bezier(0.03,.78,0.01,.99);
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 172, 228, .07);
    margin-left:-23rem;
}
.menu-trigger_wrapper {
    position: absolute;
    top: 0.8rem;
    right: 0;
    display: none;
    padding: 1.4rem 2rem
}
@media screen and (max-width: 768px){
    .menu-trigger_wrapper {
        display: block
    }
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    transition: all 0.4s
}
.MoreBtn,
.SubNavigation_nav ul {
    transition: all 0.4s cubic-bezier(0.19,1,0.22,1)
}
.menu-trigger {
    position: relative;
    width: 2.5rem;
    height: 2.2rem
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0.4rem;
    border-radius: 4px;
    background-color: #000
}
.menu-trigger span:nth-of-type(1) {
    top: 0
}
.menu-trigger span:nth-of-type(2) {
    top: 0.9rem
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0
}
.SubNavigation_sp_bg {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8)
}
.SubNavigation_nav {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 98rem;
    height: 7rem;
    margin: 0 auto;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.SubNavigation_nav ul {
    font-size: 1.4rem;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    color: #fff;
    background-color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media screen and (max-width: 768px){
    .SubNavigation_nav {
        width: 100%;
        height: 6.6rem
    }
    .SubNavigation_nav ul {
        font-size: 1.6rem;
        position: absolute;
        z-index: -1;
        top: -30rem;
        left: 0;
        display: block;
        width: 100%;
        text-align: center
    }
    .SubNavigation_nav ul a.ContactBtn span {
        width: 100%;
        height: 100%
    }
}
.SubNavigation_nav ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}
.SubNavigation_nav ul a {
    font-weight: 700;
    display: inline-block;
    width: 100%;
    padding: 0.8rem 1.6rem;
    white-space: nowrap;
    color: #393838
}
.SubNavigation_nav ul a:hover {
    text-decoration: none;
    opacity: .6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.SubNavigation_nav ul a.ContactBtn span {
    display: inline-block;
    padding: 0.8rem 2.4rem;
    color: #fff;
    border-radius: 2rem;
    background-color: #28a7ff
}
@media screen and (max-width: 768px){
    .SubNavigation_nav ul a {
        padding: 2rem 1.6rem;
        border-top: 1px solid #eee
    }
}
.Features {
    position: relative;
    background-color: #fbfbfb
}
.Features p {
    margin: 0
}
.Features_content,
.More_content {
    margin: 0 auto;
    position: relative
}
.Features_content {
    width: 98rem;
    padding: 7rem 0 0
}
.Features_title {
    font-size: 3.8rem;
    font-weight: 700;
    text-align: center;
    color: #272727
}
@media screen and (max-width: 768px){
    .Features_content {
        width: 100%;
        padding: 3rem 2rem 4rem
    }
    .Features_title {
        font-size: 2.4rem
    }
}
.Features_desc {
    font-size: 1.6rem;
    padding: 2rem 0 0;
    text-align: center;
    color: #313131
}
.FeaturesList {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 1.5rem 4.6rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (max-width: 768px){
    .FeaturesList {
        display: block;
        padding: 1rem 0 0
    }
}
.FeaturesList_item {
    position: relative;
    width: calc(95% / 3);
    padding: 1.5rem .5%
}
.FeaturesList_item_inner {
    overflow: hidden;
    height: 100%;
    text-align: center;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 4px 6px #efefef
}
.FeaturesList_title {
    font-weight: 700;
    padding: 3rem 10% 0;
    color: #313131
}
.FeaturesList_title span {
    display: block
}
.FeaturesList_title_main {
    font-size: 2.5rem
}
@media all and(-ms-high-contrast:none) {
    .FeaturesList_title_main {
        font-size: 2.4rem
    }
}
.FeaturesList_title_sub {
    font-size: 1.7rem
}
@media all and(-ms-high-contrast:none) {
    .FeaturesList_title_sub {
        font-size: 1.6rem
    }
}
.FeaturesList_desc {
    font-size: 1.3rem;
    line-height: 1.8;
    padding: 2rem 15% 3.6rem;
    text-align: left;
    color: #464646
}
.More {
    position: relative;
    background-color: #0094f2;
    background-image: url('../svg/more_cloud.svg');
    background-repeat: repeat-x;
    background-size: 70rem 30rem
}
@media screen and (max-width: 768px){
    .FeaturesList_item {
        width: 100%
    }
    .FeaturesList_item_inner {
        box-shadow: 0 2px 2px #efefef
    }
    .More {
        background-repeat: repeat;
        background-size: 100% auto
    }
}
.More_content {
    width: 98rem;
    padding: 5rem 2.2rem 3.6rem;
    text-align: center;
    color: #fff
}
.More_title {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 0.02em
}
@media screen and (max-width: 768px){
    .More_content {
        width: 100%;
        padding: 3rem 2rem 2rem
    }
    .More_title {
        font-size: 2.4rem
    }
}
.More_description {
    font-size: 1.6rem;
    padding: 2rem 0 0
}
.More_description br {
    display: none
}
@media screen and (max-width: 768px){
    .More_description {
        font-size: 1.3rem;
        margin: -0.5rem 0 0 !important
    }
    .More_description br {
        display: block
    }
}
.More_btnList {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 3rem 0 0
}
.More_btnList_item {
    width: calc(100% / 2);
    padding: 0 0.8rem
}
@media screen and (max-width: 768px){
    .More_btnList {
        display: block;
        margin: 2rem 0 0
    }
    .More_btnList_item {
        width: 100%
    }
    .More_btnList_item:not(:first-child) {
        margin: 15px 0 0
    }
}
.MoreBtn {
    display: -ms-flexbox;
    display: flex;
    height: 10.6rem;
    border-radius: 5.5rem;
    background-color: #fff;
    box-shadow: 0 4px 0 rgba(0, 110, 234, .47);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
.MoreBtn:active,
.MoreBtn:hover {
    text-decoration: none;
    color: #fff;
    outline-width: 0;
    background-color: #f3faff
}
.MoreBtn:visited {
    color: #fff
}
.MoreBtn_title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5;
    display: block;
    color: #187ad1
}
.MoreBtn_title.-sub {
    font-size: 1.4rem
}
@media screen and (max-width: 768px){
    .MoreBtn {
        height: 7rem;
        box-shadow: 0 2px 0 #0a63b2
    }
    .MoreBtn_title {
        font-size: 1.8rem
    }
    .MoreBtn_title.-sub {
        font-size: 1.1rem
    }
}
.More_tel {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: 8.7rem;
    margin: 3.4rem 0 0;
    padding: 0 3rem 0 13rem;
    border-radius: 6px;
    background-color: #0084ea;
    -ms-flex-align: center;
    align-items: center
}
.More_tel a {
    display: block
}
.More_tel a:active,
.More_tel a:hover {
    text-decoration: none;
    color: #fff;
    outline-width: 0
}
.More_tel a:visited {
    color: #fff
}
.More_tel:after {
    position: absolute;
    bottom: -3.6rem;
    left: 1.8rem;
    display: block;
    width: 10rem;
    height: 15rem;
    content: '';
    background-image: url('../svg/tel_staff.svg')
}
.More_tel_link:before,
.Question_sub:before {
    left: 0;
    content: ''
}
@media screen and (max-width: 768px){
    .More_tel {
        display: block;
        height: auto;
        padding: 2rem 3rem
    }
    .More_tel:after {
        display: none
    }
}
.More_tel_number {
    -ms-flex: 1;
    flex: 1
}
.More_tel_link {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1;
    position: relative;
    display: block;
    margin-bottom: 0;
    padding: 0 0 0 6rem;
    text-align: left;
    color: #fff
}
.Question_arrow,
.Question_result h2,
.Question_subTitle,
.ResultList_main,
.Result_desc,
.Result_title,
.Star_desc,
.Star_style {
    text-align: center
}
@media all and(-ms-high-contrast:none) {
    .More_tel_link {
        font-size: 3rem
    }
}
.More_tel_link:before {
    position: absolute;
    top: 50%;
    display: block;
    width: 5.2rem;
    height: 3rem;
    margin-top: -1.5rem;
    background-image: url('../svg/tel.svg')
}
@media screen and (max-width: 768px){
    .More_tel_link {
        font-size: 2.4rem;
        display: inline-block;
        padding: 0;
        text-align: center
    }
    .More_tel_link:before {
        position: relative;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 3.1rem;
        height: 1.8rem;
        margin-right: 5px;
        background-size: 3.1rem 1.8rem
    }
}
.More_tel_time {
    width: 43rem
}
.Question {
    position: relative;
    background-color: #fbfbfb
}
@media screen and (max-width: 768px){
    .More_tel_time {
        width: 100%;
        margin: 1.5rem 0 0
    }
    .More_tel_time img {
        width: 100%
    }
    .Question_content {
        width: 100%;
        padding: 3rem 2rem 0
    }
}
.Question_main {
    position: relative;
    z-index: 1;
    width: 98rem;
    margin: 0 auto;
    padding: 2rem 0 0
}
@media screen and (max-width: 768px){
    .Question_main {
        width: 100%;
        padding: 0
    }
}
.Question_sub {
    position: relative;
    z-index: 0;
    margin: -10rem 0 0;
    padding: 11rem 0 2rem;
    background-color: #8d95e5;
    background-image: url('../svg/pattern_rain.svg');
    background-repeat: repeat;
    background-size: 130px 140px
}
.Question_sub:before {
    position: absolute;
    top: -1.2rem;
    display: block;
    width: 100%;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #fbfbfb
}
@media screen and (max-width: 768px){
    .Question_sub {
        margin: -10rem -2rem 0;
        padding: 9.2rem 0 3rem;
        background-size: 6.5rem 7rem
    }
}
.Question_sub_inner {
    width: 98rem;
    margin: 0 auto
}
.Question_title {
    font-size: 3rem;
    font-weight: 700;
    line-height:1.8;
    display: -ms-flexbox;
    display: flex;
    color: #313131;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media screen and (max-width: 768px){
    .Question_sub_inner {
        width: 100%
    }
    .Question_title {
        font-size: 1.8rem;
        display: block
    }
}
.Question_title_icon {
    width: 6.4rem
}
.Question_title_icon img {
    width: 100%
}
.Question_title_body {
    font-weight: 800;
    padding: 0 0 0 3rem
}
.Question_title_body br {
    display: block
}
@media screen and (max-width: 768px){
    .Question_title_icon {
        display: block;
        width: 3rem;
        margin: 0 auto
    }
    .Question_title_body {
        line-height: 1.5;
        display: block;
        margin: 0 auto;
        padding: 1.5rem 0 0;
        text-align: center
    }
}
.Question_discom_people {
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    top: -1.4rem;
    display: -ms-flexbox;
    display: flex;
    width: 11rem;
    height: 2.8rem;
    color: #fff;
    border-radius: 6px;
    background-color: #535cbd;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media screen and (max-width: 768px){
    .Question_discom_people {
        font-size: 1.4rem;
        top: -1.2rem;
        width: 9rem;
        height: 2.4rem
    }
}
.Question_discom_people.-p1 {
    right: 2rem
}
.Question_discom_people.-p2 {
    left: 2rem
}
.Question_arrow img {
    height: 3.4rem
}
.Question_subTitle {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.8;
    padding-bottom: 3rem;
    color: #fff
}
@media screen and (max-width: 768px){
    .Question_subTitle {
        font-size: 1.5rem;
        line-height: 22px;
        padding-bottom: 2rem
    }
}
.Question_discom {
    display: -ms-flexbox;
    display: flex;
    padding: 3.4rem 8rem;
    background-color: #a8aeef;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width: 768px){
    .Question_discom {
        display: block;
        padding: 3.4rem 6rem
    }
}
.Question_discom_cloud {
    display: -ms-flexbox;
    display: flex;
    width: 16rem;
    padding: 0 1.2rem;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Question_discom_cloud img {
    width: 100%
}
.Question_discom_cloud ._pc {
    display: block
}
.Question_discom_cloud ._sp {
    display: none
}
.Question_discom_item {
    position: relative;
    -ms-flex: 1;
    flex: 1
}
@media screen and (max-width: 768px){
    .Question_discom_cloud {
        width: 100%;
        height: 12rem;
        padding: 1rem 2.4rem
    }
    .Question_discom_cloud img {
        width: auto;
        height: 100%;
        text-align: center
    }
    .Question_discom_cloud ._pc {
        display: none
    }
    .Question_discom_cloud ._sp {
        display: block
    }
    .Question_discom_item.-p1 {
        margin-right: -3rem
    }
    .Question_discom_item.-p2 {
        margin-left: -3rem
    }
}
.Question_discom_list {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 15rem;
    color: #535cbd;
    border-radius: 12px;
    background-color: #fff;
    -ms-flex-pack: center;
    justify-content: center
}
.Question_discom_list li {
    position: relative;
    padding: 2px 0
}
.Question_discom_list li:before {
    position: absolute;
    top: 0;
    left: -1em;
    display: block;
    content: '・'
}
.Question_discom_list.-l1 {
    padding: 0 4.2rem 0 8.5rem
}
@media screen and (max-width: 768px){
    .Question_discom_list {
        font-size: 1.4rem;
        height: auto
    }
    .Question_discom_list.-l1 {
        padding: 2.4rem 2rem 2rem 5rem
    }
}
.Question_discom_list.-l2 {
    padding: 0 6rem 0 6.2rem
}
.Question_discom_img {
    position: absolute;
    bottom: -3.4rem;
    width: auto !important;
    height: 20.6rem
}
.Question_discom_img.-p1 {
    left: -4.4rem
}
.Question_discom_img.-p2 {
    right: -4.2rem
}
.QuestionList_wapper {
    margin: 4rem 0 0
}
@media screen and (max-width: 768px){
    .Question_discom_list.-l2 {
        padding: 2.4rem 2rem 2rem 4.5rem
    }
    .Question_discom_img {
        height: 16rem
    }
    .QuestionList_wapper {
        overflow: hidden;
        margin: 0 -2rem
    }
}
.QuestionList {
    position: relative;
    width: 75rem;
    height: 50rem;
    margin: 0 auto;
    background-image: url('../svg/Q_people.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 49.2rem 44.8rem
}
@media screen and (max-width: 768px){
    .QuestionList {
        width: 26rem;
        height: 32rem;
        background-size: 100% auto
    }
}
.QuestionList li {
    position: absolute
}
.QuestionList li.-c1 {
    z-index: 1;
    top: -0.9rem;
    left: 5rem;
    width: 26.6rem
}
@media screen and (max-width: 768px){
    .QuestionList li.-c1 {
        top: -0.2rem;
        left: -5.4rem;
        width: 16rem
    }
}
.QuestionList li.-c2 {
    z-index: 3;
    top: 13.4rem;
    left: 1.6rem;
    width: 27.2rem
}
@media screen and (max-width: 768px){
    .QuestionList li.-c2 {
        top: 8.3rem;
        left: -6rem;
        width: 16rem
    }
}
.QuestionList li.-c3 {
    z-index: 2;
    top: 28.2rem;
    left: 5.6rem;
    width: 26.3rem
}
@media screen and (max-width: 768px){
    .QuestionList li.-c3 {
        top: 17.4rem;
        left: -4.6rem;
        width: 16rem
    }
}
.QuestionList li.-c4 {
    z-index: 4;
    top: 0;
    right: -6px;
    width: 27.5rem
}
@media screen and (max-width: 768px){
    .QuestionList li.-c4 {
        top: -0.2rem;
        right: -8.3rem;
        width: 16rem
    }
}
.QuestionList li.-c5 {
    z-index: 5;
    top: 14.1rem;
    right: -3.4rem;
    width: 28.6rem
}
@media screen and (max-width: 768px){
    .QuestionList li.-c5 {
        top: 8.4rem;
        right: -7.8rem;
        width: 16rem
    }
}
.QuestionList li.-c6 {
    z-index: 6;
    top: 27.4rem;
    right: 0.5rem;
    width: 28.5rem
}
.QuestionBodyList {
    font-size: 1.7rem;
    line-height: 1.6;
    color: #fff
}
.QuestionBodyList br {
    display: block
}
@media screen and (max-width: 768px){
    .QuestionList li.-c6 {
        top: 17.2rem;
        right: -7.1rem;
        width: 16rem
    }
    .QuestionBodyList {
        font-size: 1.4rem;
        padding: 0 2rem
    }
    .QuestionBodyList br {
        display: none
    }
}
.QuestionBodyList li {
    position: relative;
    padding: 1rem 0 0 3rem
}
.QuestionBodyList li:before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    display: block;
    width: 1.8rem;
    height: 2.2rem;
    content: '';
    background-image: url('../svg/Q_drop.svg');
    background-repeat: no-repeat
}
.Question_result {
    padding: 2.2rem 4rem 3.2rem;
    border: 12px solid #777fd4;
    background-color: #fff
}
@media screen and (max-width: 768px){
    .Question_result {
        margin: 0 1.6rem;
        padding: 2rem;
        border: 10px solid #777fd4
    }
}
.Question_result h2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height:1.8;
    padding: 0 0 2.4rem;
    color: #535cbd
}
.Question_result h2 br {
    display: none
}
.Question_result h2 span {
    position: relative
}
.Question_result h2 span:after {
    position: absolute;
    bottom: -1.4rem;
    left: 0;
    display: block;
    width: 100%;
    height: 0.6rem;
    content: '';
    background-color: #e6e8ff
}
@media screen and (max-width: 768px){
    .Question_result h2 {
        font-size: 1.8rem;
        line-height: 22px;
        padding: 0 0 3rem
    }
    .Question_result h2 br {
        display: block
    }
    .Question_result h2 span {
        display: inline-block
    }
}
.Question_result_list {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 1.2em;
    color: #535cbd;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Question_result_list li {
    position: relative
}
.Question_result_list li:before {
    position: absolute;
    top: 0;
    left: -1.2em;
    display: block;
    content: '・'
}
@media screen and (max-width: 768px){
    .Question_result_list {
        font-size: 1.4rem;
        line-height: 22px
    }
    .Question_result_list li {
        padding: 0 0 0.6rem
    }
}
.Result {
    padding: 9rem 0 0;
    background-color: #8d95e5;
    background-image: url('../svg/pattern_grade.svg');
    background-repeat: repeat-x;
    background-size: 2rem 9rem
}
.ResultList_sub:before {
    content: '';
    background-repeat: no-repeat
}
.Result ul {
    list-style: none
}
@media screen and (max-width: 768px){
    .Result {
        padding: 9rem 0 0;
        background-size: auto 9rem
    }
}
.Result_content {
    position: relative;
    padding: 6rem 0;
    background-image: linear-gradient(to top,#fff 0,#f4fcff 18%,#7be4ff 50%,#1bb0ff 90%,#1bb0ff 100%)
}
.Result_main {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 110rem;
    margin: 0 auto
}
.Result_title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Result_title_inner {
    position: relative;
    color: #fff
}
.Result_title_sub {
    font-size: 2.2rem;
    position: relative;
    display: block
}
@media screen and (max-width: 768px){
    .Result_content {
        padding: 3rem 0;
        background-image: linear-gradient(to top,#fff 0,#f4fcff 18%,#7be4ff 50%,#1bb0ff 90%,#1bb0ff 100%)
    }
    .Result_main {
        width: 100%
    }
    .Result_title_inner {
        padding: 0 3rem
    }
    .Result_title_sub {
        font-size: 1.5rem
    }
}
.Result_title_main {
    font-size: 3.8rem;
    line-height: 1.4;
    position: relative;
    display: block;
    padding: 0.8rem 0 0
}
@media screen and (max-width: 768px){
    .Result_title_main {
        font-size: 2.3rem
    }
}
.Result_title_main span {
    display: inline-block
}
.Result_title_main span:after {
    display: block;
    width: 100%;
    height: 1.4rem;
    margin-top: -1.6rem;
    content: '';
    background-color: #29b2f3
}
.Result_title_arrange {
    font-size: 1.8rem;
    font-weight: 700;
    position: absolute;
    top: -3rem;
    left: 0.8rem;
    display: inline-block;
    padding: 0 1rem;
    transform: rotate(-20deg);
    transform-origin: 50% bottom;
    color: #fff
}
.Result_title_arrange:after,
.Result_title_arrange:before {
    position: absolute;
    display: block;
    width: 0.2rem;
    height: 2.6rem;
    content: '';
    transform-origin: 50% bottom;
    background-color: #fff
}
@media screen and (max-width: 768px){
    .Result_title_arrange {
        font-size: 1.4rem;
        top: -3rem;
        left: 2.2rem;
        padding: 0 0.8rem
    }
    .Result_title_arrange:after,
    .Result_title_arrange:before {
        height: 1.8rem
    }
}
.Result_title_arrange:before {
    top: 0;
    left: 0;
    transform: rotate(-25deg)
}
.Result_title_arrange:after {
    top: 0;
    right: 0;
    transform: rotate(25deg)
}
.Result_desc {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    padding: 3rem 0 0;
    color: #00699e
}
@media screen and (max-width: 768px){
    .Result_desc {
        font-size: 1.3rem;
        padding: 2rem 3rem 0;
        color: #fff
    }
    .Result_desc br {
        display: none
    }
}
.ResultList {
    display: -ms-flexbox;
    display: flex;
    padding: 3.6rem 1.5rem;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.ResultList_item {
    width: calc(97% / 4)
}
@media screen and (max-width: 768px){
    .ResultList {
        display: block;
        padding: 2rem 5rem 3.6rem
    }
    .ResultList_item {
        width: 100%
    }
    .ResultList_item:not(:last-child) {
        padding: 0 0 2rem
    }
    .ResultList_item:last-child .ResultList_main {
        padding: 2rem 0 12rem;
    }
}
.ResultList_main {
    overflow: hidden;
    width: 100%;
    padding: 2rem 0 12rem;
    border-radius: 2rem;
    background-color: #fff;
    box-shadow: 0 10px 16px rgba(0, 172, 228, .14);
}
@media screen and (max-width: 768px) {
    .ResultList_main {
        padding: 2rem 0 9rem;
    }
}
.ResultList_main::before {
    content: "";
    background-color: #F2FFEC;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60%;
    width: 100%;
    z-index: 0;
}
.ResultList_main h1 {
    font-size: 1.9rem;
    font-weight: 700;
    padding: 0 0 0.8rem;
    color: #353535
}
.ResultList_main h1 span.-title {
    font-size: 2.6rem;
    font-weight: 900;
}
.ResultList_main h1 span.-num {
    color: #4664C8;
    display: block;
    line-height: 1;
    display: block;
    font-weight: 900;
    font-size: 4.2rem;
}
.ResultList_main h1 img {
    position: relative;
    width: 5rem;
    z-index: 0;
}
.ResultList_main img {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 16.4rem;
}
.ResultList_case {
    position: relative;
}
.ResultList_sub {
    border-radius: 0 0 1.2rem 1.2rem;
    background-color: #4664C8;
    height: 16rem;
    margin: 2rem 0 0;
    padding: 2rem 1rem;
    position: absolute;
    bottom: 0.5rem;
    left: 0.5rem;
    width: calc(100% - 1rem);
}
@media screen and (max-width: 768px){
    .ResultList_sub {
        height: auto;
        padding: 2rem
    }
}
.ResultList_sub ul {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    font-size: 1.7rem;
    font-weight: 700;
    color: #313131;
    padding: 0;
    width: 100%;
}
.ResultList_sub ul li {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    position: relative;
    line-height: 1;
    padding: 0.7rem;
    width: 100%;
}

.ResultList_sub ul li:before {
    content: '';
    background: url('../svg/result_check.svg') no-repeat center center / cover;
    display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
}

@media screen and (max-width: 768px){
    .ResultList_sub ul li {
        padding: 0.7rem;
        font-size: 1.6rem;
    }
    .ResultList_sub ul {
        font-size: 1.7rem
    }
    .ResultList_sub ul li:before {
        height: 2rem;
        width: 2rem;
    }
}
.Result_clouds {
    position: absolute;
    z-index: 1;
    top: -1rem;
    overflow: hidden;
    width: 100%;
    height: 50%
}
.Result_clouds.is-anime .cloud.-c1,
.Result_clouds.is-anime .cloud.-c2 {
    animation-play-state: running
}
.Result_clouds .cloud {
    position: absolute;
    width: 100%;
    height: 100%
}
.Star,
.Star_content,
.Star_point {
    position: relative
}
@keyframes bgroop {
    from {
        background-position: 0 0
    }
    to {
        background-position: -98rem 0
    }
}
.Result_clouds .cloud.-c1 {
    top: 0;
    animation: bgroop 100s linear infinite;
    animation-play-state: paused;
    background: url('../svg/cloud_bg_1.svg') 10rem 0
}
.Result_clouds .cloud.-c2 {
    top: 0;
    animation: bgroop 180s linear infinite;
    animation-play-state: paused;
    background: url('../svg/cloud_bg_2.svg')
}
.Star_content {
    width: 98rem;
    margin: 0 auto;
    padding: 4rem 0 8rem
}
@media screen and (max-width: 768px){
    .Star_content {
        width: 100%;
        padding: 4rem 2rem
    }
}
.Star_desc {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 3rem 0 4rem;
    color: #313131
}
.Star_point {
    display: -ms-flexbox;
    display: flex;
    width: 60%;
    margin: 0 auto;
    border: 2px solid #313131;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 6px 0 #313131;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width: 768px){
    .Star_desc {
        font-size: 1.3rem;
        padding: 2rem 0
    }
    .Star_point {
        width: 100%;
        margin-top: 1.5rem;
        border: 1px solid #313131;
        box-shadow: 0 3px 0 #313131
    }
}
.Star_point h2 {
    position: absolute;
    top: -1.5rem;
    left: 50%;
    display: -ms-flexbox;
    display: flex;
    width: 13rem;
    height: 3rem;
    margin: 0 0 0 -6.5rem;
    border: 2px solid #313131;
    border-radius: 6px;
    background-color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Star_point ul li:before,
.socialStyle ul li:before {
    left: 0;
    background-repeat: no-repeat;
    content: ''
}
.Star_point h2 img {
    width: 50%
}
.Star_point ul {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    padding: 3.4rem;
    color: #313131
}
.Star_point ul li {
    position: relative;
    padding: 0 0 0 3rem
}
.Star_point ul li:before {
    position: absolute;
    top: 0.6rem;
    width: 2.2rem;
    height: 2.2rem;
    background-image: url('../svg/star_icon.svg');
    background-size: 22px 22px
}
@media screen and (max-width: 768px){
    .Star_point ul {
        font-size: 1.4rem;
        line-height: 24px;
        padding: 3rem 2rem 2rem
    }
    .Star_point ul li {
        padding: 0.5rem 0 0.5rem 2.6rem
    }
    .Star_point ul li:before {
        top: 0.7rem;
        left: 0;
        width: 1.8rem;
        height: 1.8rem;
        background-size: 1.8rem 1.8rem
    }
}
.Star_style {
    padding: 4.6rem 0 0
}
.Star_style_title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.5;
    display: inline-block;
    height: 5rem;
    margin: 0 auto;
    padding: 0 3.2rem;
    color: #fff;
    border-radius: 25px;
    background-color: #313131
}
@media screen and (max-width: 768px){
    .Star_style_title {
        font-size: 1.6rem;
        line-height: 38px;
        height: 4rem
    }
}
.Star_style_desc {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    padding: 3.2rem 0 2rem;
    color: #313131
}
@media screen and (max-width: 768px){
    .Star_style_desc {
        font-size: 1.3rem;
        line-height: 26px;
        padding: 2rem 0 0
    }
    .Star_style_desc br {
        display: inline-block
    }
}
.Star_style_desc_sub {
    font-size: 1.5rem;
    line-height: 27px;
    padding: 0 0 4rem;
    text-align: center;
    color: #313131
}
@media screen and (max-width: 768px){
    .Star_style_desc_sub {
        font-size: 1.3rem;
        line-height: 26px;
        padding: 2rem 0 0;
        text-align: left
    }
    .Star_style_desc_sub br {
        display: none
    }
}
.Star_styleList {
    display: -ms-flexbox;
    display: flex
}
.Star_styleList_item {
    width: calc(100% / 4)
}
@media screen and (max-width: 768px){
    .Star_styleList {
        display: block;
        padding: 1rem 0 0
    }
    .Star_styleList_item {
        width: 100%;
        padding: 2.5rem 0 0
    }
}
.socialStyle.-analytical h1 {
    background-color: #659cc4
}
.socialStyle.-analytical p {
    color: #659cc4
}
.socialStyle.-analytical li:before {
    background-image: url('../svg/star_check_analytical.svg')
}
.socialStyle.-driving h1 {
    background-color: #ff8383
}
.socialStyle.-driving p {
    color: #ff8383
}
.socialStyle.-driving li:before {
    background-image: url('../svg/star_check_driving.svg')
}
.socialStyle.-amiable h1 {
    background-color: #8ac96f
}
.socialStyle.-amiable p {
    color: #8ac96f
}
.socialStyle.-amiable li:before {
    background-image: url('../svg/star_check_amiable.svg')
}
.socialStyle.-expressive h1 {
    background-color: #ffb260
}
.socialStyle.-expressive p {
    color: #ffb260
}
.socialStyle.-expressive li:before {
    background-image: url('../svg/star_check_expressive.svg')
}
.socialStyle h1 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 28px;
    width: 70%;
    height: 28px;
    margin: 0 auto;
    color: #fff;
    border-radius: 14px
}
.socialStyle p {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    padding: 1.6rem 0
}
@media screen and (max-width: 768px){
    .socialStyle p {
        padding: 1.6rem 0 1rem
    }
    .socialStyle img {
        width: 65%;
        text-align: center;
        margin-inline: auto;
    }
}
.socialStyle img {
    padding: 0 0 0.5rem
}
.socialStyle ul {
    font-size: 1.3rem;
    padding: 0 3rem;
    text-align: left;
    color: #656565
}
@media screen and (max-width: 768px){
    .socialStyle ul {
        font-size: 1.4rem;
        padding: 0 5rem
    }
}
.socialStyle ul li {
    position: relative;
    padding: 0.3rem 0 0.3rem 1.7rem
}
.socialStyle ul li:before {
    position: absolute;
    top: 0.7rem;
    width: 1.2rem;
    height: 1.2rem;
    background-size: 1.2rem 1.2rem
}
.Star_title {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}
.Star_title_inner {
    position: relative;
    color: #fff
}
.Star_title_sub {
    font-size: 2.2rem;
    position: relative;
    display: block
}
.Star_title_main {
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 46px;
    position: relative;
    padding: 0.5rem 0 0;
    color: #313131
}
.Star_title_arrange {
    position: absolute;
    top: -3.4rem;
    left: -6.6rem;
    display: inline-block;
    width: 13rem;
    transform: rotate(-20deg);
    transform-origin: 50% bottom
}
.Steps,
.StepsList,
.Steps_content {
    position: relative
}
@media screen and (max-width: 768px){
    .Star_title_main {
        font-size: 2.1rem;
        line-height: 32px
    }
    .Star_title_arrange {
        top: -2.4rem;
        left: -0.8rem;
        width: 7rem
    }
}
.Steps {
    background-color: #ffe050
}
.Steps p {
    margin: 0
}
.Steps_content {
    width: 100%;
    max-width: 110rem;
    margin: 0 auto;
    padding: 7rem 0 8rem;
}
.Steps_title {
    font-size: 3.8rem;
    font-weight: 900;
    text-align: center;
    color: #272727
}
@media screen and (max-width: 768px){
    .Steps {
        padding-bottom: 8rem;
    }
    .Steps_content {
        width: 100%;
        padding: 3rem 2rem 4rem
    }
    .Steps_title {
        font-size: 2.4rem
    }
}
.Steps_desc {
    font-size: 1.6rem;
    line-height: 25px;
    padding: 2rem 0 0;
    text-align: center;
    color: #313131
}
.Steps_desc br {
    display: none
}
@media screen and (max-width: 768px){
    .Steps_desc {
        font-size: 1.3rem;
        padding: 1.6rem 0 0
    }
    .Steps_desc br {
        display: block
    }
}
.StepsList {
    display: -ms-flexbox;
    display: flex;
    padding: 3.6rem 1.5rem;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media screen and (max-width: 768px){
    .StepsList {
        display: block;
        height: auto;
        padding: 2rem 1rem 3.6rem
    }
}
.StepsList:after,
.StepsList:before {
    position: absolute;
    display: block;
    content: ''
}
.StepsList:before {
    top: -4.5rem;
    right: -2rem;
    width: 11.2rem;
    height: 7rem;
    background: url('../svg/step_star_1.svg') no-repeat;
    background-size: 11.2rem 7rem
}
@media screen and (max-width: 768px){
    .StepsList:before {
        top: -2.2rem;
        right: -0.6rem;
        width: 5.6rem;
        height: 3.5rem;
        background-size: 5.6rem 3.5rem
    }
}
.StepsList:after {
    bottom: -2rem;
    left: -5rem;
    width: 9.2rem;
    height: 8.2rem;
    background: url('../svg/step_star_2.svg') no-repeat;
    background-size: 9.2rem 8.2rem
}
@media screen and (max-width: 768px){
    .StepsList:after {
        bottom: 0.6rem;
        left: -1rem;
        width: 4.7rem;
        height: 4.1rem;
        background-size: 4.7rem 4.1rem
    }
}
.StepsList_item {
    position: relative;
    width: calc(95% / 3)
}
@media screen and (max-width: 768px){
    .StepsList_item {
        width: 100%
    }
    .StepsList_item:not(:first-child) {
        margin-top: 2rem
    }
}
.StepsList_item.has-arrow:after {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -1.8em;
    display: block;
    width: 4.4rem;
    height: 4.4rem;
    margin-top: -2.5rem;
    content: '';
    background: url('../svg/step_arrow.svg') no-repeat;
    background-size: 4.4rem 4.4rem
}
.StepList_item_inner {
    padding: 2.5rem 0;
    overflow: hidden;
    height: 100%;
    text-align: center;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(254, 96, 0, .15)
}
.VoiceList_item_inner,
.VoiceList_user {
    box-shadow: 0 4px 20px rgba(32, 32, 32, .05)
}
@media screen and (max-width: 768px){
    .StepsList_item.has-arrow:after {
        top: auto;
        right: auto;
        bottom: -3.5rem;
        left: 50%;
        margin-left: -2.5rem;
        transform: rotate(90deg)
    }
    .StepList_item_inner {
        padding: 1.5rem 0 0
    }
}
.StepsList_case {
    position: relative;
    height: 100%;
}
.StepsList_case_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}
.StepsList_main,
.Voice,
.VoiceList,
.VoiceList_item,
.VoiceList_main,
.Voice_content {
    position: relative
}
.StepsList_main {
    width: 100%;
    height: 100%
}
.StepsList_main h1 {
    font-size: 2.6rem;
    font-weight: 700;
    padding: 0 0 1.3rem;
    color: #313131
}
.StepsList_main h1 span.-num {
    margin-bottom: .8rem;
}
.StepsList_main h1 span {
    display: block;
    text-align: center;
    line-height: 1.3;
    margin-inline: auto;
    width: fit-content;
}
.StepsList_main h1 img {
    width: 9rem
}
@media screen and (max-width: 768px){
    .StepsList_main h1 {
        font-size: 2.4rem;
        padding: 0 0 1.8rem
    }
    .StepsList_main h1 span:not(:first-child) {
        line-height: 1
    }
}
.StepsList_main img {
    width: 100%
}
.StepsList_main p {
    font-size: 1.4rem;
    line-height: 1.8;
    padding: 0 2.5rem;
    text-align: left;
    color: #464646
}
.Voice_desc,
.Voice_title {
    text-align: center
}
.Voice {
    background: url('../img/voice_bg.jpg') no-repeat #78d5f8;
    background-size: cover
}
@media screen and (max-width: 768px){
    .StepsList_main p {
        padding: 0 3rem
    }
    .Voice {
        background-position: center
    }
}
.Voice_content {
    width: 98rem;
    margin: 0 auto;
    padding: 7rem 0 4rem
}
@media screen and (max-width: 768px){
    .Voice_content {
        width: 100%;
        padding: 3rem 2rem 4rem
    }
}
.Voice_title_main {
    width: 20rem;
    margin: 0 auto
}
.Voice_title_sub {
    font-size: 2.2rem;
    font-weight: 700;
    padding: 0.6rem 0 0;
    color: #fff
}
@media screen and (max-width: 768px){
    .Voice_title_main {
        width: 36%
    }
    .Voice_title_sub {
        font-size: 1.6rem;
        padding: 0.8rem 0 0
    }
}
.Voice_desc {
    font-size: 1.6rem;
    padding: 2rem 0 0;
    color: #313131
}
.VoiceList {
    display: -ms-flexbox;
    display: flex;
    padding: 2rem 1.5rem 3.6rem;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media screen and (max-width: 768px){
    .VoiceList {
        display: block;
        padding: 1rem 0 0
    }
}
.VoiceList_item {
    width: calc(95% / 3);
    padding: 1.5rem .8%
}
@media screen and (max-width: 768px){
    .VoiceList_item {
        width: 100%;
        padding: 0.8rem .8%
    }
}
.VoiceList_item_inner {
    overflow: hidden;
    height: 100%;
    text-align: center;
    border-radius: 12px;
    background-color: #fff
}
.VoiceList_main {
    padding: 5rem 3rem 3rem;
    text-align: left
}
.VoiceList_main:before {
    position: absolute;
    top: 1rem;
    left: 3%;
    display: block;
    width: 94%;
    height: 0.6rem;
    content: '';
    border-radius: 3px;
    background-color: #bbecff
}
@media screen and (max-width: 768px){
    .VoiceList_main {
        padding: 4rem 3rem 3rem
    }
    .VoiceList_main:before {
        left: 5%;
        width: 90%;
        height: 0.4rem
    }
}
.VoiceList_case {
    position: relative;
    height: 100%;
    padding: 0 0 9.5rem
}
.VoiceList_title {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 30px;
    color: #313131
}
@media screen and (max-width: 768px){
    .VoiceList_case {
        padding: 0 0 8rem
    }
    .VoiceList_title {
        font-size: 1.8rem;
        line-height: 26px
    }
}
.VoiceList_desc {
    font-size: 1.5rem;
    line-height: 1.6;
    padding: 2.6rem 0 0;
    color: #313131
}
@media screen and (max-width: 768px){
    .VoiceList_desc {
        font-size: 1.4rem;
        line-height: 1.7;
        padding: 1.5rem 0 0
    }
}
.VoiceList_sub {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem 2rem
}
.VoiceList_user {
    border: 2px solid #f7f7f7;
    border-radius: 50%;
    background-color: #fff
}
.VoiceList_user_data {
    font-size: 1.4rem;
    line-height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 0 1.8rem;
    text-align: left;
    color: #313131;
    -ms-flex-pack: center;
    justify-content: center
}
.VoiceList_user_data span {
    display: block
}
.Schedule {
    position: relative;
    background-color: #fff
}
.Schedule p {
    margin: 0
}
.Schedule_content {
    position: relative;
    width: 98rem;
    margin: 0 auto;
    padding: 7rem 0 8rem
}
.Schedule_title {
    font-size: 3.8rem;
    font-weight: 700;
    text-align: center;
    color: #272727
}
@media screen and (max-width: 768px){
    .Schedule_content {
        width: 100%;
        padding: 3rem 2rem 4rem
    }
    .Schedule_title {
        font-size: 2.4rem
    }
}
.Schedule_desc {
    font-size: 1.6rem;
    padding: 2.5rem 0 0;
    text-align: center;
    color: #313131
}
.Schedule_desc .Schedule_desc_sub {
    font-size: 1.3rem;
    line-height: 3
}
@media screen and (max-width: 768px){
    .Schedule_desc .Schedule_desc_sub {
        line-height: 1.2
    }
    .Schedule_desc {
        text-align: left
    }
}
.Schedule_fig {
    margin: 2.4rem 0 0
}

@media screen and (max-width: 768px){
    .SubNavigation_nav{
        border-top:1px solid #CCC;
    }
    .SubNavigation .SubNavigation_inner{
        margin-left:0;
    }
    .SubNavigation.is-show .SubNavigation_inner{
        margin-left:0;
        margin-top:6.2rem;
    }
}


img.character.-n1 {
    width: 16.7rem;
    height:21.4rem;
}
img.character.-n2 {
    width: 16.7rem;
    height:25.2rem;
}
img.character.-n3 {
    width: 16.7rem;
    height:25.2rem;
}
img.character.-n4 {
    width: 16.7rem;
    height:27.0rem;
}
img.character.-n5 {
    width: 16.7rem;
    height:26.0rem;
}
img.character.-n6 {
    width: 16.7rem;
    height:27.6rem;
}
img.character.-n7 {
    width: 16.7rem;
    height:26.0rem;
}