html {
    font-size: 62.5%
}

body {
    background: url(../image/bg.png) repeat left top;
    color: #222;
    font-family: noto sans jp, sans-serif;
    font-weight: 400;
    overflow-wrap: break-word;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    word-wrap: break-word
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

p, span, dt, dd, div, li, a {
    font-size: clamp(1.6rem, 2vw, 2rem);
    line-height: 1.8
}

a {
    color: #111;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    outline: none
}

a:hover {
    text-decoration: none
}

span {
    font-size: 100%
}

strong {
    font-weight: 700
}

em {
    font-style: normal
}

img, svg {
    display: block;
    width: 100%
}

button, input[type=submit], input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0
}

.u-font_weight--100 {
    font-weight: 100
}

.u-font_weight--200 {
    font-weight: 200
}

.u-font_weight--300 {
    font-weight: 300
}

.u-font_weight--400 {
    font-weight: 400
}

.u-font_weight--500 {
    font-weight: 500
}

.u-font_weight--600 {
    font-weight: 600
}

.u-font_weight--700 {
    font-weight: 700
}

.u-font_weight--800 {
    font-weight: 800
}

.u-font_weight--900 {
    font-weight: 900
}

.u-font_color--red {
    color: #e64c4c
}

.u-font_color--blue {
    color: #4c7be6
}

.u-text_align--center {
    text-align: center
}

@media screen and (max-width: 580px) {
    .u-text_align--center {
        text-align: left
    }
}

.u-text_align--right {
    text-align: right
}

.u-mb10 {
    margin-bottom: 10px
}

.u-mb20 {
    margin-bottom: 20px
}

.u-mb30 {
    margin-bottom: 30px
}

@media screen and (max-width: 768px) {
    .u-mb30 {
        margin-bottom: 15px
    }
}

.u-mb40 {
    margin-bottom: 40px
}

@media screen and (max-width: 768px) {
    .u-mb40 {
        margin-bottom: 20px
    }
}

.u-mb50 {
    margin-bottom: 50px
}

@media screen and (max-width: 768px) {
    .u-mb50 {
        margin-bottom: 25px
    }
}

.u-mb60 {
    margin-bottom: 60px
}

@media screen and (max-width: 768px) {
    .u-mb60 {
        margin-bottom: 30px
    }
}

.u-mb70 {
    margin-bottom: 70px
}

@media screen and (max-width: 768px) {
    .u-mb70 {
        margin-bottom: 35px
    }
}

.u-mb80 {
    margin-bottom: 80px
}

@media screen and (max-width: 768px) {
    .u-mb80 {
        margin-bottom: 40px
    }
}

.u-mb90 {
    margin-bottom: 90px
}

@media screen and (max-width: 768px) {
    .u-mb90 {
        margin-bottom: 45px
    }
}

.u-mb100 {
    margin-bottom: 100px
}

@media screen and (max-width: 768px) {
    .u-mb100 {
        margin-bottom: 50px
    }
}

.u-mb110 {
    margin-bottom: 110px
}

@media screen and (max-width: 768px) {
    .u-mb110 {
        margin-bottom: 55px
    }
}

.u-mb120 {
    margin-bottom: 120px
}

@media screen and (max-width: 768px) {
    .u-mb120 {
        margin-bottom: 60px
    }
}

.u-mb130 {
    margin-bottom: 130px
}

@media screen and (max-width: 768px) {
    .u-mb130 {
        margin-bottom: 65px
    }
}

.u-mb140 {
    margin-bottom: 140px
}

@media screen and (max-width: 768px) {
    .u-mb140 {
        margin-bottom: 70px
    }
}

.u-mb150 {
    margin-bottom: 150px
}

@media screen and (max-width: 768px) {
    .u-mb150 {
        margin-bottom: 75px
    }
}

.u-mb160 {
    margin-bottom: 160px
}

@media screen and (max-width: 768px) {
    .u-mb160 {
        margin-bottom: 80px
    }
}

.u-mb170 {
    margin-bottom: 170px
}

@media screen and (max-width: 768px) {
    .u-mb170 {
        margin-bottom: 85px
    }
}

.u-mb180 {
    margin-bottom: 180px
}

@media screen and (max-width: 768px) {
    .u-mb180 {
        margin-bottom: 90px
    }
}

.u-mb190 {
    margin-bottom: 190px
}

@media screen and (max-width: 768px) {
    .u-mb190 {
        margin-bottom: 95px
    }
}

.u-mb200 {
    margin-bottom: 200px
}

@media screen and (max-width: 768px) {
    .u-mb200 {
        margin-bottom: 100px
    }
}

.u-margin--center {
    margin-left: auto;
    margin-right: auto
}

.u-margin--right {
    margin-left: auto
}

.u-display--pc {
    display: block
}

@media screen and (max-width: 768px) {
    .u-display--pc {
        display: none
    }
}

.u-display--sp {
    display: none
}

@media screen and (max-width: 768px) {
    .u-display--sp {
        display: block
    }
}

.u-display--sp_s {
    display: none
}

@media screen and (max-width: 580px) {
    .u-display--sp_s {
        display: block
    }
}

.u-fade_top01 {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1.3s;
    transition: all 1.3s
}

.c-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    max-width: 118rem
}

@media screen and (max-width: 768px) {
    .c-wrapper {
        padding-left: 3%;
        padding-right: 3%
    }
}

.c-fade {
    -webkit-animation-name: fadeUpAnime;
    animation-name: fadeUpAnime;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

@-webkit-keyframes fadeUpAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.c-fade_trigger {
    opacity: 0
}

.p-btn {
    margin-bottom: 4rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .p-btn {
        margin-bottom: 3rem
    }
}

.p-btn a {
    background: #06c755;
    border-radius: 5rem;
    color: #fff;
    display: inline-block;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 700;
    line-height: 1.5;
    padding: 2.2rem 10rem
}

@media screen and (max-width: 768px) {
    .p-btn a {
        border-radius: 2rem;
        padding: 1.8rem 7rem
    }
}

@media screen and (max-width: 580px) {
    .p-btn a {
        padding: 1.5rem 5rem
    }
}

@media screen and (max-width: 426px) {
    .p-btn a {
        font-size: 1.8rem;
        padding: 1.4rem 4rem
    }
}

.p-btn a:hover {
    opacity: .8
}

.p-motion {
    -webkit-animation: button 1.5s cubic-bezier(.61, .2, .63, 1.36) infinite;
    animation: button 1.5s cubic-bezier(.61, .2, .63, 1.36) infinite
}

@-webkit-keyframes button {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(.96, .94);
        transform: scale(.96, .94)
    }
}

@keyframes button {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    50% {
        -webkit-transform: scale(.96, .94);
        transform: scale(.96, .94)
    }
}

.p-scroll {
    display: block;
    margin-bottom: 4rem;
    position: relative;
    padding-top: 3.5rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .p-scroll {
        margin-bottom: 3rem;
        padding-top: 2rem
    }
}

@media screen and (max-width: 426px) {
    .p-scroll {
        margin-bottom: 3rem;
        padding-top: 1rem
    }
}

.p-scroll::before {
    content: "";
    -webkit-animation: scroll 1s cubic-bezier(1, 0, 0, 1) infinite;
    animation: scroll 1s cubic-bezier(1, 0, 0, 1) infinite;
    background: #06c755;
    height: 6.5rem;
    position: absolute;
    left: 50%;
    top: 0;
    width: .5rem
}

@media screen and (max-width: 768px) {
    .p-scroll::before {
        height: 5.5rem;
        width: .3rem
    }
}

@media screen and (max-width: 426px) {
    .p-scroll::before {
        height: 4.1rem
    }
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    50.1% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%
    }
    50.1% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%
    }
    100% {
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%
    }
}

.p-scroll__down {
    display: block;
    margin: 0 auto;
    width: 2.5rem
}

.p-scroll__down::after {
    content: "";
    border-right: 5px solid #06c755;
    border-top: 5px solid #06c755;
    display: block;
    margin: 0;
    height: 3rem;
    padding: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 3rem
}

@media screen and (max-width: 768px) {
    .p-scroll__down::after {
        border-right: 3px solid #06c755;
        border-top: 3px solid #06c755
    }
}

.p-title {
    background: url(../image/cap_bg.png) no-repeat bottom center;
    background-size: 100% auto;
    margin-bottom: clamp(3rem, 6vw, 7rem);
    padding: 5rem 3rem;
    text-align: center
}

@media screen and (max-width: 768px) {
    .p-title {
        padding: 3rem 2rem
    }
}

@media screen and (max-width: 426px) {
    .p-title {
        ackground: url(../image/cap_bg.png) no-repeat top center;
        padding: 2rem
    }
}

.p-title p {
    border-bottom: 8px solid #06c755;
    color: #06c755;
    display: inline-block;
    font-size: 8rem;
    font-size: clamp(4rem, 7vw, 8rem);
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 3.5rem;
    padding: 0 1rem
}

@media screen and (max-width: 768px) {
    .p-title p {
        border-bottom: 4px solid #06c755;
        margin-bottom: 2.5rem;
        padding: 0 .5rem
    }
}

@media screen and (max-width: 426px) {
    .p-title p {
        margin-bottom: 2rem
    }
}

.p-title h2 {
    color: #2b4141;
    font-size: clamp(2rem, 4vw, 4rem);
    line-height: 1.6
}

.p-title h2 span {
    color: #06c755
}

.p-title h2 em {
    color: #06c755;
    font-size: 150%
}

@media screen and (max-width: 768px) {
    .p-title h2 em {
        font-size: 130%
    }
}

.p-split_box {
    padding-top: clamp(5rem, 10vw, 13rem);
    position: relative
}

@media screen and (max-width: 768px) {
    .p-split_box {
        padding-top: 0
    }
}

.p-split_box__text {
    background: rgba(255, 255, 255, .93);
    padding: clamp(3rem, 5vw, 6rem) clamp(2.5rem, 4vw, 4.5rem);
    opacity: 0;
    position: relative;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    width: 90%;
    max-width: 55rem;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .p-split_box__text {
        background: rgba(255, 255, 255, .5);
        width: 100%;
        max-width: 100%
    }
}

.p-split_box__text.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-split_box__text span {
    color: #ce2020;
    font-size: clamp(2rem, 3vw, 3.2rem);
    font-family: "noto serif jp", serif
}

.p-split_box__text em {
    font-size: 2.8rem;
    font-size: clamp(2rem, 2.4vw, 2.8rem);
    font-weight: 300
}

.p-split_box__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 890px;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .p-split_box__img {
        position: static;
        width: 100%
    }
}

.p-text_box {
    text-align: center
}

.p-text_box p {
    border: 1px solid #111;
    display: inline-block;
    font-size: clamp(1.8rem, 3vw, 3.4rem);
    padding: 2rem 5rem
}

@media screen and (max-width: 768px) {
    .p-text_box p {
        padding: 2rem 3rem
    }
}

@media screen and (max-width: 426px) {
    .p-text_box p {
        font-size: 1.6rem;
        padding: 2rem
    }
}

.l-header {
    background: #222;
    color: #fff;
    text-align: center;
    padding: clamp(1.7rem, 2vw, 2.2rem) 3rem
}

.l-header h1 {
    font-size: clamp(1.7rem, 2.2vw, 2.4rem)
}

.l-fv {
    padding: 5rem 5rem 8rem;
    padding: clamp(3rem, 4vw, 5rem) clamp(3rem, 4vw, 5rem) clamp(5rem, 6vw, 8rem)
}


@media (orientation: portrait) {
    .l-fv__inner {
        width: 100% !important;
    }
}

.l-fv__inner {

    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 70%;

}

.l-cv {
    background: rgba(228, 245, 245, .4);
    padding: 6rem 3rem 8rem
}

@media screen and (max-width: 768px) {
    .l-cv {
        padding: 4rem 3rem 6rem
    }
}

@media screen and (max-width: 426px) {
    .l-cv {
        padding: 3rem 2rem 4rem
    }
}

.l-cv h2 {
    font-size: clamp(1.9rem, 3.8vw, 3.8rem);
    font-weight: 400;
    margin-bottom: clamp(2rem, 4vw, 4rem);
    text-align: center
}

.l-cv h2 span {
    border-bottom: 2px solid #06c755
}

.l-cv ul {
    margin: 0 auto;
    width: min(100%, 60rem)
}

@media screen and (max-width: 426px) {
    .l-cv ul {
        width: 100%
    }
}

.l-cv ul li {
    font-size: clamp(1.4rem, 1.5vw, 1.6rem);
    padding-left: 1em;
    margin-bottom: .5rem;
    text-indent: -1em;
    text-align: center
}

@media screen and (max-width: 580px) {
    .l-cv ul li {
        text-align: left
    }
}

.l-line {
    padding: 0 0 clamp(1rem, 8vw, 10rem)
}

.l-line__shot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.l-line__shot li {
    position: relative;
    width: min(47%, 52rem)
}

@media screen and (max-width: 580px) {
    .l-line__shot li {
        margin: 0 auto 3rem;
        width: 82%
    }
}

.l-line__shot__left ul li {
    position: absolute
}

.l-line__shot__left ul li:nth-of-type(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    left: 3%;
    top: 13%;
    width: 66.2%;
    max-width: 344px
}

.l-line__shot__left ul li:nth-of-type(2) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    left: 3%;
    top: 23%;
    width: 66.73%;
    max-width: 347px
}

.l-line__shot__left ul li:nth-of-type(3) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    left: 3%;
    top: 48.6%;
    width: 66.73%;
    max-width: 347px
}

.l-line__shot__left ul li:nth-of-type(4) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    right: 3%;
    top: 65.6%;
    width: 55.57%;
    max-width: 289px
}

.l-line__shot__left ul li:nth-of-type(5) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    left: 3%;
    top: 76.5%;
    width: 66.57%;
    max-width: 346px
}

.l-line__shot__right ul li {
    position: absolute
}

.l-line__shot__right ul li:nth-of-type(1) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    right: 3%;
    top: 13%;
    width: 55.8%;
    max-width: 290px
}

.l-line__shot__right ul li:nth-of-type(2) {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    left: 3%;
    top: 26.7%;
    width: 66.4%;
    max-width: 345px
}

.l-line__shot__right ul li:nth-of-type(3) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    left: 3%;
    top: 49.5%;
    width: 66.4%;
    max-width: 345px
}

.l-line__shot__right ul li:nth-of-type(4) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    right: 3%;
    top: 69.5%;
    width: 55.8%;
    max-width: 290px
}

.l-result {
    padding: 0 0 clamp(5rem, 10vw, 14rem)
}

.l-result__box {
    background: url(../image/result_bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    margin: 0 auto clamp(5rem, 7vw, 8rem);
    padding: 10rem 5rem;
    padding: clamp(5rem, 8vw, 10rem) clamp(3rem, 4vw, 5rem);
    max-width: 94rem
}

@media screen and (max-width: 768px) {
    .l-result__box {
        background-attachment: scroll
    }
}

.l-result__box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.l-result__box ul li {
    width: min(48%, 28.2rem)
}

.l-result__box ul li:last-child {
    margin-left: 5%;
    width: min(47%, 27.2rem)
}

@media screen and (max-width: 426px) {
    .l-result__box ul li:last-child {
        margin: 2rem auto 0;
        width: min(100%, 27.2rem)
    }
}

@media screen and (max-width: 426px) {
    .l-result__box ul li {
        width: min(100%, 28.2rem)
    }
}

.l-result dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 768px) {
    .l-result dl {
        margin: 0 auto;
        max-width: 90%
    }
}

.l-result dl dt {
    width: min(42.85%, 48rem)
}

@media screen and (max-width: 768px) {
    .l-result dl dt {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.l-result dl dt a {
    background: #06c755;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: clamp(1.7rem, 2vw, 2.2rem);
    line-height: 1.6;
    margin-top: 5rem;
    padding: 1.8rem 2rem;
    text-align: center;
    width: min(80%, 48rem)
}

@media screen and (max-width: 768px) {
    .l-result dl dt a {
        margin: 2.5rem auto 0
    }
}

@media screen and (max-width: 580px) {
    .l-result dl dt a {
        padding: 1.5rem 2rem
    }
}

.l-result dl dt a:hover {
    opacity: .8
}

.l-result dl dd {
    width: min(50%, 56rem)
}

@media screen and (max-width: 768px) {
    .l-result dl dd {
        margin-bottom: 2.5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.l-footer {
    background: #111
}

.l-footer p {
    color: #555;
    padding: 1rem 3rem;
    text-align: center
}

























@-webkit-keyframes top-open {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0deg);
        transform: translateY(8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }
}

@keyframes top-open {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0deg);
        transform: translateY(8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }
}

@-webkit-keyframes bottom-open {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0deg);
        transform: translateY(-8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }
}

@keyframes bottom-open {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0deg);
        transform: translateY(-8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }
}

@-webkit-keyframes top-close {
    0% {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0deg);
        transform: translateY(8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes top-close {
    0% {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(8px) rotate(0deg);
        transform: translateY(8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes bottom-close {
    0% {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0deg);
        transform: translateY(-8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@keyframes bottom-close {
    0% {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg)
    }

    50% {
        -webkit-transform: translateY(-8px) rotate(0deg);
        transform: translateY(-8px) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }
}

@-webkit-keyframes overlay-show {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    10% {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    to {
        width: 100%;
        height: 100%;
        opacity: .5
    }
}

@keyframes overlay-show {
    0% {
        width: 0;
        height: 0;
        opacity: 0
    }

    10% {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    to {
        width: 100%;
        height: 100%;
        opacity: .5
    }
}

@-webkit-keyframes overlay-hide {
    0% {
        width: 100%;
        height: 100%;
        opacity: .5
    }

    90% {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    to {
        width: 0;
        height: 0;
        opacity: 0
    }
}

@keyframes overlay-hide {
    0% {
        width: 100%;
        height: 100%;
        opacity: .5
    }

    90% {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    to {
        width: 0;
        height: 0;
        opacity: 0
    }
}

.gnav-links__item::after {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    content: "";
    width: .4rem;
    height: .4rem;
    position: absolute;
    right: 1.8rem;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
    display: block
}

body,html {
    height: 100%
}

body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    color: #444;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴシック","Hiragino Sans","ＭＳ Ｐゴシック",sans-serif;
    font-size: 1.35rem;
    line-height: 1.5
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    font-size: 62.5%
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: inherit
}

@font-face {
    font-family: 'NotoSansCJKjp Medium';
    font-style: normal;
    font-weight: 500;

    font-display: swap
}

.header {
    padding: 1rem 1.5rem;
    border-top: .2rem solid #e50012;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.15);
    position: relative;
    z-index: 10
}

.header__inner {
    height: 45px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo {
    display: inline-block;
    width: 135px;
    height: auto;
    margin-right: auto
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 45px;
    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;
    background: #e50012
}

.footer__bottom {
    color: #fff
}

.footer__copyright {
    font-size: .6em
}

main {
    margin-left: auto;
    margin-right: auto;
    color: #6a6b6b
}

html.is-nav-open {
    overflow: auto;
    height: 100%
}

html.is-nav-open body {
    overflow: hidden;
    height: 100%
}

.gnav-links__item--search::after,.header__nav-pc {
    display: none
}

.nav-pc__item {
    display: inline-block;
    margin-left: 2rem;
    letter-spacing: -.02rem
}

.nav-pc__item:last-child {
    margin-left: 1.5rem
}

.nav-pc__link {
    display: block;
    font-size: 1.15rem;
    color: #444
}

.header__nav {
    width: calc(55px - 1.5rem);
    height: 45px;
    border-left: 1px solid #ccc
}

.gnav,.gnav__ham {
    position: absolute;
    right: 0
}

.gnav {
    top: 0
}

.gnav__ham {
    top: 1rem;
    display: inline-block;
    width: 55px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 30;
    cursor: pointer
}

.gnav__part {
    display: block;
    width: 21px;
    height: 3px;
    background-color: #e50012;
    border-radius: 1px;
    margin: 0 auto 5px
}

.gnav__part:last-child {
    margin-bottom: 0
}

.gnav__inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 70px;
    padding-bottom: 100px;
    position: fixed;
    width: 300px;
    height: 100vh;
    top: 0;
    right: -300px;
    background: #fff;
    z-index: 20;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.is-open .gnav__ham span:nth-of-type(1) {
    -webkit-animation: top-open .5s;
    animation: top-open .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.is-open .gnav__ham span:nth-of-type(2) {
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.is-open .gnav__ham span:nth-of-type(3) {
    margin-bottom: 0;
    -webkit-animation: bottom-open .5s;
    animation: bottom-open .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.is-open .gnav__inner {
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

.is-open+.overlay {
    -webkit-animation: overlay-show .5s forwards;
    animation: overlay-show .5s forwards
}

.is-close .gnav__ham {
    -webkit-animation: ham-front .5s;
    animation: ham-front .5s
}

.is-close .gnav__ham span:nth-of-type(1) {
    -webkit-animation: top-close .5s forwards;
    animation: top-close .5s forwards
}

.is-close .gnav__ham span:nth-of-type(2) {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.is-close .gnav__ham span:nth-of-type(3) {
    -webkit-animation: bottom-close .5s forwards;
    animation: bottom-close .5s forwards
}

.is-close .gnav__inner {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.is-close+.overlay {
    -webkit-animation: overlay-hide .5s forwards;
    animation: overlay-hide .5s forwards
}

.overlay {
    background: #333;
    display: block;
    width: 0;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5
}

.gnav-list {
    font-size: 1.5rem
}

.gnav-list__category {
    padding: .6rem 1.6rem;
    background-color: #e50012;
    color: #fff;
    letter-spacing: .04em;
    border-bottom: 1px solid #ccc
}

.gnav-links__item {
    border-bottom: 1px solid #ccc;
    position: relative
}

.gnav-links__link {
    display: block;
    padding: 1.1rem 3rem 1.1rem 1.8rem;
    background-size: 5px 7px
}

input::-ms-clear {
    visibility: hidden
}

.search__btn {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.search {
    display: block
}

.search--gray {
    padding: 3rem 1.5rem;
    border-bottom: 1px solid #e7e7e7;
    background: #f2f2f2
}

.search__form {
    position: relative;
    overflow: hidden
}

.search__text {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1.6rem;
    padding: 1.2rem 3.2rem 1.2rem 1rem;
    outline: 0;
    background: #fff
}

.search__text::-webkit-input-placeholder {
    color: #ccc
}

.search__text::-moz-placeholder {
    color: #ccc
}

.search__text::-ms-input-placeholder {
    color: #ccc
}

.search__text::placeholder {
    color: #ccc
}

.search__btn {
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-tap-highlight-color: transparent
}

.search__magnify {
    display: block;
    width: 42px;
    height: 45px;
    background: #999;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.search__magnify::before {
    content: "検索";
    color: #fff;
    letter-spacing: .08em;
    line-height: 45px;
    font-size: 1.1rem
}

.gnav-links__item--search .search {
    margin: 1.7rem;
    padding-left: 0;
    padding-right: 0
}

.gnav-links__item--search .search__form {
    position: relative;
    overflow: hidden
}

.is-lg,.is-md,.is-sm,.is-xs {
    display: none
}

.is-sp,.is-sp-large {
    display: block
}

.cv-list--ver2 .cv-list__btn::after,.is-pc {
    display: none
}

.container {
    overflow: hidden;
    width: 100%;
    min-height: 100%;
    position: relative;
    padding-bottom: 45px
}

.course__top main {
    padding-bottom: 0
}

main a {
    text-decoration: underline
}

.guide-area a:hover,main a:hover {
    opacity: .7
}

main a,main button {
    -webkit-tap-highlight-color: rgba(0,0,0,.1)
}

.cv-block ::after,.cv-block ::before,.guide-area ::after,.guide-area ::before,main ::after,main ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.unit {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.cv-block,.guide-area {
    color: #6a6b6b
}

.cv-block {
    padding: 15px 0;
    background-color: #f2f0eb
}

.cv-block:not(.cv-block--top) {
    margin-top: 1rem;
    border-top: 1px solid #ccc
}

.cv-block__catch {
    margin-bottom: 1rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 1.8rem;
    text-align: center
}

.cv-block--fixed:not(.cv-block--top) {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: auto;
    z-index: 10;
    margin-top: 0;
    border-top: none;
    background: rgba(255,255,255,.7);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.cv-block--fixed:not(.cv-block--fixed-lower) {
    bottom: -86px;
    min-height: 0
}

.cv-block--fixed:not(.cv-block--fixed-lower).is-active {
    bottom: 0;
    min-height: auto
}

.cv-block.cv-block--ver2 {
    border-top: none;
    border-bottom: none
}

.cv-block.cv-block--ver2:not(.cv-block--fixed) {
    background: #e5f5d7;
    -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.15);
    box-shadow: 0 3px 4px rgba(0,0,0,.15)
}

.cv-list__btn,.cv-list__btn--request,.cv-list__btn--select {
    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: #fff;
    text-align: center;
    text-decoration: none;
    letter-spacing: .2rem;
    -webkit-box-shadow: 2px 3px 5px 0 rgba(0,0,0,.2);
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,.2)
}

.cv-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto
}

.cv-list--single {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cv-list__item {
    width: 49.27536%
}

.cv-list__btn {
    position: relative;
    height: 56px;
    border-radius: 36px
}

.cv-list__btn::after {
    left: 4px;
    top: 4px;
    width: calc(100% - 4px*2);
    height: calc(100% - 4px*2);
    border-radius: 36px;
    border: 1px solid #fff;
    display: block;
    position: absolute;
    content: ""
}

.cv-list__btn--select {
    background: #ff8a00
}

.cv-list__btn--request {
    background: #99b11b
}

.cv-list__text {
    display: block;
    width: 100%;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link_btn.svg) no-repeat right 12px center;
    background-size: 10.157px 9.0545px
}

.cv-list--ver2 {
    margin-right: -3.5px;
    margin-left: -3.5px
}

.cv-list--ver2 .cv-list__item--select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 507px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.5px;
    padding-left: 3.5px
}

.cv-list--ver2 .cv-list__item--request {
    max-width: 317px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 3.5px;
    padding-left: 3.5px
}

.cv-list--ver2 .cv-list__item--select+.cv-list__item--request {
    -ms-flex-preferred-size: 41.51515%;
    flex-basis: 41.51515%;
    width: auto
}

.cv-list--ver2 .cv-list__btn {
    height: 56px;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
    background-repeat: no-repeat;
    line-height: 1.5
}

.cv-list--ver2 .cv-list__btn--select {
    border-color: transparent;
    background-color: #37a322;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: .05em
}

.cv-list--ver2 .cv-list__btn--request {
    position: relative;
    border-color: #37a322;
    background-color: #fff;
    color: #37a322;
    font-size: 1.7rem;
    letter-spacing: .05em
}

.cv-list--ver2 .cv-list__btn--request::before {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 36px;
    height: 18px;
    border-radius: 9px;
    background: #37a322;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .05em;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: "\7121\6599";
    line-height: 1.5
}

.cv-list--ver2 .cv-list__text {
    background-size: 4.91px auto
}

.cv-list--ver2 .cv-list__item--select .cv-list__text {
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link_cv_select.svg);
    background-position: right 8px center
}

.cv-list--ver2 .cv-list__item--request .cv-list__text {
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link_cv_request.svg);
    background-position: right 9px center
}

.annotation-block {
    margin-bottom: 2rem
}

.cv-block--top+.annotation-block {
    margin-bottom: 0
}

.annotation-block__title {
    margin-top: 20px;
    padding: 10px;
    background: #e66866;
    color: #fff;
    font-size: 1.8rem
}

.annotation-block__contents {
    padding: 10px 15px;
    background: #f2f0eb;
    font-size: 1.4rem
}

.diagnosis-block {
    padding-bottom: 3.5rem
}

.diagnosis-block__catch {
    margin-bottom: 1rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 1.8rem;
    text-align: center
}

.em-text {
    color: #e25452
}

.strong-text {
    font-weight: 700
}

.border-block__profile,.message-block__profile,.movie-unit__caption,.small-text {
    font-size: 1.4rem
}

.plane-text {
    font-size: 1.6rem;
    line-height: 1.55556
}

.break-text {
    display: block
}

.u-mt0 {
    margin-top: 0!important
}

.u-mt1 {
    margin-top: 1em
}

.u-mb0 {
    margin-bottom: 0!important
}

.u-mb1 {
    margin-bottom: 1em
}

.u-size90 {
    font-size: 90%
}

.u-size110 {
    font-size: 110%
}

.u-bold {
    font-weight: 700
}

.u-tac {
    text-align: center
}

.u-tar {
    text-align: right
}

.u-tal {
    text-align: left
}

.u-w5per {
    width: 5%!important
}

.u-w10per {
    width: 10%!important
}

.u-w15per {
    width: 15%!important
}

.u-w20per {
    width: 20%!important
}

.u-w25per {
    width: 25%!important
}

.u-w30per {
    width: 30%!important
}

.u-w35per {
    width: 35%!important
}

.u-w40per {
    width: 40%!important
}

.u-w45per {
    width: 45%!important
}

.u-w50per {
    width: 50%!important
}

.u-w55per {
    width: 55%!important
}

.u-w60per {
    width: 60%!important
}

.u-w65per {
    width: 65%!important
}

.u-w70per {
    width: 70%!important
}

.u-w75per {
    width: 75%!important
}

.u-w80per {
    width: 80%!important
}

.u-w85per {
    width: 85%!important
}

.u-w90per {
    width: 90%!important
}

.u-w95per {
    width: 95%!important
}

.notes-list {
    font-size: 1.4rem;
    line-height: 1.42857
}

.page-section__addition .notes-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.link-list__item+.link-list__item,.table+.notes-list {
    margin-top: .5em
}

.notes-list__item,.notes-list__item--em {
    position: relative;
    padding-left: 1em
}

.dot-list__item::before,.notes-list__item--em::before,.notes-list__item::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "\203B"
}

.notes-list__item--em {
    color: #e50012
}

.notes-list--center {
    display: table;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.link-list__item {
    padding-left: calc(7px + .5rem)
}

.dot-list__item {
    position: relative;
    padding-left: 1em
}

.dot-list__item::before {
    content: "\30FB"
}

.decimal-list {
    counter-reset: number
}

.decimal-list__item {
    padding-left: 2em;
    text-indent: -1.75em;
    counter-increment: number
}

.decimal-list__item::before {
    margin-right: .5em
}

.decimal-list__item:nth-of-type(-n+9)::before {
    content: " " counter(number) "."
}

.decimal-list__item:nth-of-type(n+10)::before {
    content: counter(number) "."
}

.decimal-list__item>* {
    text-indent: 0
}

.data-attr-list__item {
    position: relative
}

.data-attr-list__item::before {
    position: absolute;
    left: 0;
    top: 0;
    content: attr(data-num)
}

.data-attr-list.circle-num .data-attr-list__item,.data-attr-list.single-mark .data-attr-list__item {
    padding-left: 1.1em
}

.data-attr-list.circle-num .data-attr-list__item::before {
    width: 1em;
    height: 1em
}

.data-attr-list.single-mark .data-attr-list__item::before {
    width: 1em;
    height: 1em;
    content: attr(data-mark)
}

.link-unit {
    background-position-y: center;
    text-decoration: none;
    padding-left: calc(7px + .5rem);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg);
    background-repeat: no-repeat;
    background-position-x: left
}

.link-unit__em,.ohter-link {
    font-weight: 700
}

.link-list .link-unit {
    margin-left: calc(-7px - .5rem)
}

.ohter-link {
    display: table;
    margin: 1em 0 0 auto;
    color: #e25452
}

.ohter-link::before {
    content: "\FF1E\FF1E"
}

.btn-unit,.ohter-link a {
    text-decoration: none
}

.btn-unit {
    margin-top: 2rem;
    padding: 2px 2px 4px;
    border-radius: 40px;
    background: #cdc4b3;
    font-weight: 700;
    text-align: center
}

.btn-unit--cv-detail {
    margin-top: 0;
    border-radius: 36px
}

.btn-unit__link {
    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;
    width: 100%;
    height: 50px;
    border-radius: 40px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link_btn_gr.svg) no-repeat right 14px center #fff;
    font-size: 2rem;
    text-decoration: none
}

.btn-unit__link {
    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;
    width: 100%;
    height: 50px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link_btn_gr.svg) no-repeat right 14px center #fff;
    font-size: 2rem
}

.btn-unit__link--small {
    font-size: 1.35rem;
    line-height: 1.25
}

.btn-unit--cv-detail .btn-unit__link {
    height: 52px;
    border-radius: 36px
}

.course__column .btn-unit--cv-detail .btn-unit__link {
    height: 52px;
    border-radius: 36px;
    line-height: 1.2
}

.diagnosis-block .btn-unit {
    max-width: 415px;
    margin: 0 auto
}

.zoom-unit {
    display: block;
    position: relative
}

.zoom-unit::before {
    position: absolute;
    bottom: -10px;
    right: 10px;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    background-color: rgba(204,204,204,.5);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_zoom.svg);
    background-repeat: no-repeat;
    background-position: center center;
    content: ""
}

.movie-unit {
    margin-right: auto;
    margin-left: auto
}

.movie-unit__content {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 56.25%
}

.movie-unit__source {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.movie-unit__caption {
    margin-top: 1rem
}

.modal-unit {
    display: table;
    position: relative;
    width: auto;
    height: 29px;
    padding-top: .5em;
    padding-left: 39px;
    color: #e25452;
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    outline: 0
}

.modal-unit::after,.modal-unit::before {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 29px;
    height: 29px
}

.modal-unit::before {
    border-radius: 50%;
    border: 2px solid #e25452;
    content: ""
}

.modal-unit::after {
    font-size: 20px;
    text-align: center;
    content: "\FF0B"
}

.modal-unit__text {
    text-decoration: underline
}

.slide-unit__header {
    margin-bottom: 1rem
}

.slide-unit__shoulder,.slide-unit__title {
    font-size: 1.2rem;
    letter-spacing: .2rem
}

.slide-unit__title {
    color: #e25452;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.1rem;
    line-height: 1.16667
}

.slide-unit__img {
    padding: 5px;
    background: #fff
}

.slide-unit__text {
    padding: 1rem
}

.lb-data .lb-close {
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_close_zoom.png)!important
}

.modal-target {
    display: none
}

.modal-contents {
    padding-top: calc(38px + 1.5rem);
    padding-bottom: 1.5rem;
    background: #f2f0eb!important
}

.modal-contents button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 0;
    border: 0
}

.modal-contents__title {
    margin-bottom: 1em;
    color: #e25452;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 1.5rem
}

.modal-contents__title--lv2 {
    margin: 1em 0 .5em;
    color: #9f7836;
    font-size: 1.35rem;
    font-weight: 700
}

.modal-contents__text * {
    font-size: 1.2rem
}

.modaal-container {
    background: #f2f0eb
}

.modaal-content-container {
    padding: 0
}

.modaal-close {
    position: fixed;
    right: 1.5rem!important;
    top: 1rem!important;
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff!important;
    color: #e25452;
    font-size: 20px;
    font-weight: 700;
    line-height: 38px;
    text-align: center
}

.modaal-close::after,.modaal-close::before {
    top: 50%;
    left: 50%;
    width: 3px;
    height: 12px;
    border-radius: 0;
    background: #e25452
}

.modaal-close::before {
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.modaal-close::after {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.main-page-link {
    margin: 5rem auto 3.5rem;
    margin-bottom: 1.51515rem
}

.main-page-link__item {
    position: relative
}

.main-page-link__btn {
    position: relative;
    height: 40px;
    border-radius: 25px;
    font-size: inherit;
    font-weight: 400;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_back_btn_gr.svg) no-repeat left 14px center #fff
}

.main-page-link .btn-unit {
    max-width: 17rem
}

.local-nav {
    padding-bottom: 30px
}

.local-nav__inner {
    overflow: hidden
}

.local-nav__title {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.local-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.local-nav__item,.local-nav__list::before {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.local-nav__list::before {
    height: 100%;
    display: block;
    position: absolute;
    content: "";
    width: 100%
}

.local-nav__item {
    width: 50%;
    font-weight: 700
}

.local-nav__item.is-current {
    background-color: #f2f0eb
}

.local-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 44px;
    padding-top: 4px;
    padding-bottom: 1px;
    padding-right: 9px;
    padding-left: calc(9px + 7px + .8rem);
    line-height: 1.2;
    text-decoration: none
}

.course-nav__text::before,.local-nav__link::before {
    position: absolute;
    left: 9px;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-right: .5rem;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg) no-repeat left center;
    background-size: contain;
    content: ""
}

.course-nav {
    padding: 10px 0
}

.course-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.course-nav__item {
    width: 25%;
    height: 60px
}

.course-nav__item+.course-nav__item {
    border-left: 1px solid #ccc
}

.course-nav__link {
    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;
    width: 100%;
    height: 100%;
    padding: 0 .5rem;
    font-size: 1.2rem;
    text-decoration: none;
    line-height: 1.71429
}

.course-nav__text {
    display: inline-block;
    position: relative;
    padding-left: calc(7px + .5rem)
}

.course-nav__text::before {
    left: 0
}

.breadcrumb-nav {
    margin-bottom: 35px;
    padding: 18px 0 14px;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    font-size: 1.4rem;
    line-height: 1.71429
}

.breadcrumb-nav__list,.page-subsection__img img,.recommend-block1__item img {
    width: 100%
}

.breadcrumb-nav__item {
    display: inline
}

.breadcrumb-nav__item a {
    margin-right: 5px;
    color: #e25452;
    font-weight: 700;
    text-decoration: none
}

.breadcrumb-nav__item a::after {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-left: 10px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link_breadcrumb.svg) no-repeat center center;
    content: ""
}

.option-block {
    padding-bottom: 50px
}

.column-block__title,.option-block__title {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.column-block__item,.option-block__item {
    background-position-y: .3em;
    padding-left: calc(7px + .5rem);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg);
    background-repeat: no-repeat;
    background-position-x: left
}

.column-block__item .option-block__item+.option-block__item {
    margin-top: 4rem
}

.option-block__link {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.44444
}

.option-block__text {
    margin-top: .5rem;
    font-size: 1.6rem;
    line-height: 1.375
}

.column-block__title {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.column-block__item {
    background-position-y: .3em;
    padding-left: calc(7px + .5rem);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg);
    background-repeat: no-repeat;
    background-position-x: left
}

.column-block__item+.column-block__item,.option-block__item .option-block__item,.option-block__item+.column-block__item {
    margin-top: 4rem
}

.column-block__link,.option-block__link {
    font-size: 1.8rem;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.44444
}

.column-block__text,.option-block__text {
    margin-top: .5rem;
    font-size: 1.6rem;
    line-height: 1.375
}

.column-block {
    padding-bottom: 40px
}

.option-block {
    padding-bottom: 50px
}

.related-content__title {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.related-content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -5px;
    overflow: hidden
}

.related-content__item {
    max-width: 225px;
    width: calc(50% - 10px);
    margin: 5px;
    border-radius: 6px;
    border: 1px solid #ccc
}

.related-content__link {
    display: block;
    position: relative
}

.related-content__img {
    position: relative;
    border-radius: 6px;
    z-index: 0
}

.related-content__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 5px;
    border-radius: 0 0 6px 6px;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    z-index: 1;
    line-height: 1.06667
}

.notes-block {
    padding-top: 20px;
    padding-bottom: 50px;
    border-top: 1px solid #ccc;
    font-size: 1.6rem;
    line-height: 1.375
}

.related-content+.notes-block {
    margin-top: 20px
}

.recommend-area {
    padding: 24px 0;
    background: #f2f0eb
}

.recommend-area__title,.recommend-block1__title {
    margin-bottom: 2.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ccc;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.recommend-block1__item+.recommend-block1__item {
    margin-top: 2rem
}

.recommend-block1__caption {
    display: none
}

.recommend-block2 {
    overflow: hidden;
    margin-top: 3rem
}

.recommend-block2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -15px
}

.recommend-block2__item {
    width: 47.82609%;
    margin-top: 1.5rem
}

.recommend-block2__caption {
    display: none
}

.cost-text__num,.cost-text__num--installments,.cost-text__num--sum {
    display: inline-block;
    margin-right: -.25rem;
    color: #e25452;
    -webkit-transform: scale(.85,1);
    transform: scale(.85,1)
}

.cost-text {
    font-weight: 700;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.2;
    letter-spacing: -.1rem
}

.cost-text__num {
    font-size: 4.6rem
}

.cost-text__num--installments {
    font-size: 3rem
}

.pay-block .cost-text__num--installments {
    margin-left: -.5rem
}

.cost-text__num--sum {
    font-size: 2.5rem
}

.cost-text__ammount,.cost-text__title {
    display: block;
    margin-bottom: .1rem;
    font-size: 2rem;
    font-weight: 700
}

.cost-text__title {
    margin-top: 2.5rem;
    margin-bottom: 0
}

.cost-text__ammount {
    margin-top: 0
}

.cost-data__shoulder {
    display: table;
    width: auto;
    margin-bottom: .8rem;
    padding: 5px 8px 3px;
    border-radius: 3px;
    border: 1px solid #e45a51;
    color: #e25452;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3125
}

.cost-data__text-area {
    display: block
}

.cost-data__text-row {
    font-size: 1.81818rem
}

.cost-data__text-row small {
    font-size: 1.5rem;
    font-weight: 400
}

.cost-data__list {
    margin-top: .5rem;
    text-align: left
}

.cost-data__item {
    line-height: 1.6
}

.cost-data__item+.cost-data__item {
    margin-top: .5rem
}

.cost-data__item--note {
    font-size: 1.5rem
}

.cost-data__item--anchor-link,.cost-data__item--link {
    background-position-y: .35em;
    font-size: 1.4rem;
    padding-left: calc(7px + .5rem);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg);
    background-repeat: no-repeat;
    background-position-x: left
}

.cost-data__item--anchor-link {
    padding-left: calc(10px + .4rem);
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_anchor_link.svg)
}

.cost-data__link {
    font-weight: 700;
    text-decoration: none
}

.material-data {
    padding: 20px;
    border: 1px solid #ccc;
    font-size: 1.8rem;
    line-height: 1.44444
}

.material-data__title {
    font-weight: 700
}

.material-data__content,.material-list__item+.material-list__item,.teaching-list__item+.teaching-list__item {
    margin-top: .2rem
}

.material-list__em {
    font-weight: 700
}

.teaching-list {
    margin-top: 1.5rem;
    font-size: 1.8rem;
    line-height: 1.44444
}

.teaching-list__em {
    font-weight: 700
}

.page-header {
    margin-bottom: 2.5rem
}

.page-header__title,.page-header__title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.page-header__title {
    position: relative;
    min-height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f2f0eb;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: .2rem;
    text-align: center
}

.page-header__title-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    background-repeat: no-repeat;
    background-position: left center
}

.page-header__mv {
    position: relative;
    height: 165px;
    overflow: hidden
}

.page-header__mv.unit {
    padding-right: 0;
    padding-left: 0
}

.page-header__mv-img,.page-header__picture {
    display: block;
    height: 100%
}

.page-header__mv-img {
    position: absolute;
    left: 50%;
    top: 0;
    max-width: none;
    width: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-section__title {
    margin-bottom: 3rem;
    padding-bottom: .6rem;
    border-bottom: 3px solid #e45a51;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.2rem;
    letter-spacing: .2rem;
    line-height: 1.18182
}

.page-section__title--cost-detail {
    margin-bottom: 2rem;
    padding: 1.2rem 1.5rem 1.5rem;
    border: 0;
    background: #e66866;
    color: #fff;
    font-size: 2.4rem
}

.page-section__title:not(.page-section__title--cost-detail)+.page-section__addition {
    margin: -3rem 0 3rem;
    padding-top: 1.5rem
}

.page-section__title.page-section__title--cost-detail+.page-section__addition {
    margin: -2rem 0 2rem;
    padding-top: .5rem
}

.border-block+.page-subsection,.movie-block+.page-subsection,.page-subsection+.page-subsection,.table-block+.page-subsection,.voice-block+.page-subsection {
    margin-top: 6rem
}

.page-subsection__title {
    margin-bottom: 1.5rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.18182
}

.page-subsection__img {
    min-width: 0;
    margin-bottom: 2rem;
    text-align: center
}

.page-subsection__img--border {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center
}

.page-subsection__img--border img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto
}

.page-subsection__text {
    min-width: 0;
    font-size: 1.6rem;
    line-height: 1.55556
}

.summary-subsection {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding: 30px 0;
    background: #f2f0eb
}

.summary-subsection+.summary-subsection {
    margin-top: 1.5rem
}

.summary-subsection__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.summary-subsection__title {
    margin-bottom: 1.5rem;
    color: #e25452;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.1rem;
    letter-spacing: .2rem;
    line-height: 1.33333
}

.summary-subsection__img {
    min-height: 0%;
    margin-bottom: 2rem
}

.summary-subsection__text {
    font-size: 1.8rem;
    line-height: 1.55556
}

.summary-subsection--slider {
    margin-top: 1.5rem;
    padding-bottom: 48px
}

.step-section {
    margin-top: calc(3rem + 20px)
}

.step-section>:last-child.step-block::before {
    display: none
}

.step-block {
    position: relative;
    margin: 0 0 calc(25px + 15px + 1.5rem);
    padding: 4rem 1.5rem 3rem;
    border: 1px solid #e45a51
}

.step-block::before,.step-block__content--point::before {
    background-size: contain;
    display: block;
    position: absolute;
    content: ""
}

.step-block::before {
    bottom: -26px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_step_arrow.svg) no-repeat center top;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    width: 100px;
    height: 25px
}

.step-block__wrap {
    margin-top: 2rem
}

.block__header--oval+.step-block__wrap,.generic-block__header--oval+.step-block__wrap {
    margin-top: 0
}

.step-block__subtitle,.step-block__title {
    font-family: 'NotoSansCJKjp Medium',sans-serif
}

.step-block__title {
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 1.5rem
}

.step-block__subtitle {
    margin-bottom: 1rem
}

.step-block__text .step-block__subtitle {
    text-align: left
}

.step-block__lead,.step-block__subtitle {
    font-size: 1.6rem;
    line-height: 1.5
}

.step-block__content+.step-block__content {
    margin-top: 2rem
}

.step-block__content--point {
    position: relative;
    padding: 1.5rem;
    background: rgba(230,104,102,.1)
}

.step-block__content--point::before {
    top: -14px;
    left: 5px;
    width: 63px;
    height: 60px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_point.svg) no-repeat center top;
    z-index: 1
}

.step-block__img {
    margin-bottom: 2rem
}

.step-block__text {
    font-size: 1.6rem;
    line-height: 1.375
}

.step-block__notes {
    margin-top: 1rem
}

.step-block__caption {
    margin-top: .5em;
    font-size: 1.4rem;
    line-height: 1.42857;
    text-align: center
}

.text-block__img {
    margin-bottom: 2rem
}

.text-block__em,.text-block__notes strong {
    font-weight: 700
}

.text-block__text {
    font-size: 1.8rem
}

.text-block__img-group {
    max-width: 600px;
    margin: 0 auto 1em
}

.training-notes {
    margin: 3rem 0 4rem;
    padding: 2rem;
    border: 1px solid #ccc
}

.training-notes__title {
    margin-bottom: 2rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    text-align: center;
    line-height: 1.3
}

.training-notes__img {
    margin-bottom: 1.5rem
}

.training-notes__text {
    font-size: 1.6rem;
    line-height: 1.375
}

.voice-block {
    margin-top: 3rem;
    padding: 1.5rem;
    border: 1px solid #ccc
}

.voice-block__title {
    min-height: 60px;
    margin-bottom: 1rem;
    padding-left: 70px;
    background: url(https://skeseaxbt.xyz/course/common/images/label_person.svg) no-repeat left top;
    background-size: 60px 60px;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.voice-block__content {
    font-size: 1.6rem;
    line-height: 1.375
}

.interview-block {
    margin-top: 3rem;
    padding-top: 1.5rem;
    border: 1px solid #e45a51
}

.interview-block__title {
    position: relative;
    min-height: 60px;
    padding: 0 1.5rem 1.5rem 70px;
    border-bottom: 1px solid #e45a51;
    background: url(https://skeseaxbt.xyz/course/common/images/label_person.svg) no-repeat left top;
    background-size: 60px 60px;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.interview-block__content {
    padding: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.375
}

.interview-text__title {
    margin-bottom: .5rem;
    color: #e25452;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 1.8rem
}

.interview-text__content+.interview-text__title {
    margin-top: 1.5rem
}

.message-block__img {
    width: 160px;
    margin: 0 auto 2rem
}

.message-block__caption {
    padding-top: 8px;
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.71429
}

.message-block__text {
    font-size: 1.6rem;
    line-height: 1.375
}

.message-block__profile {
    margin-top: 1em
}

.message-block__subtitle {
    margin-bottom: 12px;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 1.7rem;
    letter-spacing: .1em
}

.border-block {
    position: relative;
    margin-top: 6rem;
    padding: 4rem 1.5rem 3rem;
    border: 1px solid #e45a51
}

.border-block__row {
    margin-top: 2rem
}

.border-block__img {
    margin-bottom: 2rem
}

.border-block__caption {
    padding: 8px 10px;
    background: #cdc4b3;
    font-size: 1.4rem;
    line-height: 1.71429
}

.border-block__text {
    font-size: 1.6rem;
    line-height: 1.375
}

.border-block__profile {
    margin-top: 1em
}

.movie-block {
    position: relative;
    margin-top: 3rem;
    padding: 2rem 1.5rem;
    border: 1px solid #e45a51
}

.box-block__wrap .movie-block {
    margin-top: 0;
    padding: 0;
    border: 0
}

.movie-block__title {
    margin-bottom: .5rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.box-block__wrap .movie-block__title {
    margin-bottom: 1.5rem
}

.movie-block__subtitle {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.375
}

.box-block__wrap .movie-block__subtitle {
    margin-top: -1.25rem
}

.movie-block__content+.movie-block__content {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ccc
}

.movie-block__col+.movie-block__col {
    margin-top: 2rem
}

.faq-block {
    position: relative;
    margin-top: 4.5rem
}

.faq-block__title {
    margin-bottom: 3rem;
    padding-bottom: .6rem;
    border-bottom: 3px solid #e45a51;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.2rem;
    text-align: center;
    line-height: 1.18182
}

.faq-list__a,.faq-list__q {
    font-size: 1.6rem;
    line-height: 1.375
}

.faq-list__a {
    position: relative
}

.faq-list__a::before,.faq-list__q::before {
    display: block;
    position: absolute;
    left: 15px;
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1
}

.faq-list__q {
    position: relative;
    padding: 14px 35px 11px 50px;
    border: 1px solid #ccc;
    font-weight: 700;
    cursor: pointer
}

.faq-list__a+.faq-list__q {
    margin-top: 10px
}

.faq-list__q::before {
    top: 11px;
    content: "Q"
}

.faq-list__q::after {
    right: 11px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_arrow_down.svg) no-repeat right center;
    background-size: contain;
    display: block;
    position: absolute;
    content: ""
}

.diagnosis12q-accordion-btn.is-opened::before,.faq-list__q.is-opened::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-list__a {
    display: none;
    padding: 14px 25px 11px 50px;
    background: #f2f0eb
}

.faq-list__a::before {
    top: 14px;
    content: "A"
}

.accordion-block {
    position: relative;
    margin-top: 3rem
}

.accordion-block__header {
    display: table;
    position: relative;
    max-width: 380px;
    width: 70%;
    min-width: 280px;
    margin: 0 auto;
    padding: 14px 20px;
    border-radius: 99px;
    background: #f2f0eb;
    line-height: 1.3;
    cursor: pointer;
    z-index: 1
}

.accordion-block__header.is-opened .accordion-block__title::before {
    top: 3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.accordion-block__title {
    display: block;
    position: relative;
    padding-left: 25px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center
}

.accordion-block__title::before {
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_arrow_down.svg) no-repeat left center;
    background-size: 15px 15px;
    display: block;
    position: absolute;
    content: ""
}

.accordion-block__content {
    display: none;
    position: relative;
    margin-top: -14px;
    padding: 2rem 2rem 1rem;
    background: #f2f0eb;
    z-index: 0
}

.accordion-block__img {
    padding-bottom: 2.4rem;
    text-align: center
}

.accordion-block__close-btn {
    display: table;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 2rem 0 0 auto;
    padding: 0 0 0 25px;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0
}

.accordion-block__close-btn::before {
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_accordion_close.svg) no-repeat left center;
    background-size: contain;
    display: block;
    position: absolute;
    content: ""
}

.card {
    margin-top: -2.5rem
}

.card--3col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card__img {
    margin: 0 auto;
    text-align: center
}

.card__unit {
    margin-top: 2.5rem
}

.card--3col .card__unit {
    max-width: 305px;
    width: calc(50% - 7px)
}

.card--2col .card__unit {
    max-width: 670px
}

.card__caption {
    margin-top: 1rem
}

.card__caption-title {
    margin-bottom: .5rem;
    font-size: 1.6rem;
    font-weight: 700
}

.card__caption-text {
    font-size: 1.4rem;
    line-height: 1.5
}

.overflow-block {
    max-width: 960px;
    overflow: hidden
}

.generic-block__header--oval {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-bottom: 20px
}

.generic-block__header--oval+.border-block__row {
    margin-top: 0
}

.generic-block__title--oval {
    display: table;
    position: absolute;
    left: 50%;
    top: 0;
    width: auto;
    min-width: 150px;
    height: 40px;
    margin-top: -20px;
    border-radius: 23px;
    background: #e66866;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.border-block .generic-block__title--oval {
    min-width: 220px;
    font-size: 2rem;
    font-weight: 700
}

.message-block .generic-block__title--oval {
    max-width: 90%;
    min-width: initial;
    font-size: 1.9rem;
    font-weight: 700
}

.generic-block__title-text--step {
    font-size: 1.6rem
}

.generic-block__title-text--oval,.generic-block__title-text--step {
    display: table-cell;
    padding: 0 1rem;
    text-align: center;
    vertical-align: middle
}

.generic-block__title-num {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 700;
    -webkit-transform: scale(.85,1);
    transform: scale(.85,1)
}

.box-block {
    position: relative
}

.box-block__wrap+.box-block__wrap {
    margin-top: 6rem
}

.box-block__title {
    margin-bottom: 1.5rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    line-height: 1.3
}

.box-block__subtitle {
    margin-top: -1.25rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 1.375
}

.box-block__text .box-block__subtitle {
    text-align: left
}

.box-block__lead {
    font-size: 1.6rem;
    line-height: 1.5
}

.box-block__content+.box-block__content {
    margin-top: 2rem
}

.box-block__content--point {
    position: relative;
    padding: 1.5rem;
    background: rgba(230,104,102,.1)
}

.box-block__content--point::before {
    top: -14px;
    left: 5px;
    width: 63px;
    height: 60px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_point.svg) no-repeat center top;
    background-size: contain;
    display: block;
    position: absolute;
    content: ""
}

.box-block__img {
    margin-bottom: 2rem;
    text-align: center
}

.box-block__text {
    font-size: 1.6rem;
    line-height: 1.375
}

.box-block__notes {
    margin-top: 1rem
}

.box-block__caption {
    margin-top: .5em;
    font-size: 1.4rem;
    line-height: 1.42857;
    text-align: center
}

.block-list__title {
    margin-bottom: 1.5rem;
    font-weight: 700;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.36364
}

.block-list__content {
    font-size: 1.6rem;
    line-height: 1.375
}

.table-block {
    padding: 2rem;
    background: #f2f0eb;
    margin: 3rem -1.5rem 0
}

.table-block--xscroll {
    overflow-x: scroll
}

.table {
    width: 100%;
    border-spacing: 0 5px;
    border-collapse: separate
}

.table-block--xscroll .table {
    overflow-x: scroll;
    max-width: 767px;
    width: calc(100% + 2rem);
    min-width: calc(540px + 2rem);
    padding-right: 2rem
}

.table+.table {
    margin-top: 60px
}

.table+.table__caption {
    margin-top: 2rem
}

.table .table__cell--td,.table .table__cell--th {
    padding: 1rem;
    font-size: 1.4rem;
    text-align: left;
    vertical-align: middle
}

.table__caption {
    margin-bottom: 1rem;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2rem;
    text-align: left
}

.table__cell--th {
    width: 28.98551%;
    background: #e66866;
    color: #fff
}

.table--narrow .table__cell--td,.table--narrow .table__cell--th {
    padding: .5rem
}

.table__cell--td,thead .table__cell--th {
    border-right: 1px solid #cdc4b3
}

.table__cell--td {
    background: #fff;
    border-top: 1px solid #cdc4b3;
    border-bottom: 1px solid #cdc4b3
}

.table__notes {
    margin-top: .5rem
}

.table-scroll {
    width: calc(100% + 2rem);
    margin-left: calc(-1*2rem);
    padding: 0 2rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-scroll--sticky {
    max-height: calc(100vh - 70px)
}

.table-scroll .table {
    width: calc((568px - 1px) - 2rem*2)
}

.table-scroll .table-min-scroll {
    width: calc(100% + 2rem)
}

.table-scroll-wrap {
    position: relative;
    overflow: hidden
}

.table-scroll-wrap+.table-scroll-wrap,.table-scroll-wrap+.table__caption {
    margin-top: 2rem
}

.table-scroll-wrap::before {
    display: block;
    position: absolute;
    top: 50%;
    right: 7px;
    z-index: 1;
    width: 0;
    height: 0;
    margin-top: -30px;
    border-style: solid;
    border-width: 30px 0 30px 21px;
    border-color: transparent transparent transparent rgba(0,0,0,.5);
    opacity: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    content: ""
}

.table-scroll-wrap.is-scroll::before {
    visibility: hidden;
    opacity: 0
}

.table-sticky {
    border-spacing: 0
}

.table-sticky thead td,.table-sticky thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.table-sticky thead tr>:first-child {
    z-index: 2;
    border-right-width: 1px
}

.table-sticky thead tr>:nth-child(2) {
    border-left-width: 0
}

.table-sticky tbody td,.table-sticky tbody th {
    border-top: 5px solid #f2f0eb
}

.table-sticky tr>:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    border-right-width: 1px;
    z-index: 1
}

.table-sticky tr>:first-child.table-sticky__second-child {
    z-index: 0;
    position: relative;
    left: auto
}

.table-sticky tr>:nth-child(2) {
    border-left-width: 0
}

.table-innerblock {
    margin-top: 1em;
    padding: 15px 10px;
    background: #f2f0eb;
    font-size: 1.3rem;
    line-height: 1.53846
}

.table-innerblock__head {
    font-weight: 700
}

.table-innerblock__item {
    margin-top: .5rem
}

.anchor-list {
    margin-top: 1em
}

.page-section__addition .anchor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0
}

.anchor-list__item {
    font-weight: 700;
    line-height: 2.5;
    font-size: 1.37931rem
}

.anchor-list__link {
    padding-left: 27px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_arrow_down.svg) no-repeat left top;
    background-size: 15px 15px
}

.pagetop {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    width: 60px;
    margin-top: 2rem;
    padding: 2px 2px 4px;
    border-radius: 100%;
    background: #cdc4b3;
    text-align: center
}

.pagetop.is-fixed {
    bottom: 66px
}

.pagetop__btn {
    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;
    width: 100%;
    height: 54px;
    padding-top: 16px;
    border-radius: 100%;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_pagetop_btn.svg) no-repeat center top 12px #fff;
    font-size: 1.2rem
}

.pagetop__btn:hover {
    opacity: .7
}

.free-block {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.hero+.free-block {
    margin-top: calc(3rem - 24px)
}

.pager-nav__list {
    border-top: 1px solid #ccc
}

.pager-nav__item {
    border-bottom: 1px solid #ccc;
    font-weight: 700
}

.pager-nav__item.is-current {
    background-color: #f2f0eb
}

.pager-nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 36px;
    padding: 11px calc(10px + 7px) 7px 15px;
    font-size: 1.4rem;
    line-height: 1.2;
    text-decoration: none
}

.pager-nav__link::before {
    position: absolute;
    right: calc(10px - .5rem);
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-right: .5rem;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link.svg) no-repeat left center;
    background-size: contain;
    content: ""
}

.pager-link {
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.pager-link__item {
    position: relative;
    margin: 0 auto
}

.pager-link__btn {
    position: relative;
    height: 60px;
    padding: 0 27px;
    border-radius: 40px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_link_btn_gr.svg) no-repeat right 20px center #fff;
    font-size: 2rem;
    font-weight: 700
}

.pager-link .btn-unit {
    max-width: 31.94444rem;
    margin-top: 0
}

.diagnosis12q-accordion-block {
    border-radius: 9px;
    border: 1px solid #cdc4b3;
    overflow: hidden
}

.diagnosis12q-accordion-block__header {
    padding: 13px 0;
    border-radius: 9px 9px 0 0;
    background-size: cover
}

.diagnosis12q-accordion-block__header img {
    border-radius: 9px 9px 0 0
}

.diagnosis12q-accordion-block__content {
    display: none
}

.diagnosis12q-accordion-title {
    display: table;
    max-width: 242px;
    width: 70.14493%;
    margin: 0 auto
}

.diagnosis12q-accordion-btn {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 250px;
    width: 78.125%;
    height: 40px;
    margin: 9px auto 0;
    padding: 0 30px;
    -webkit-box-shadow: 3px 3px 4px rgba(226,84,82,.301);
    box-shadow: 3px 3px 4px rgba(226,84,82,.301);
    border-radius: 24px;
    background: #e25452;
    text-align: center;
    cursor: pointer
}

.diagnosis12q-accordion-btn::before {
    right: 18px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -3px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_arrow_down_wh.svg) no-repeat left center;
    background-size: 12px 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    position: absolute;
    content: ""
}

.diagnosis12q-accordion-btn.is-opened::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.diagnosis12q-accordion-btn__text {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700
}

.diagnosis12q-box {
    border-top: 1px solid #cdc4b3
}

.diagnosis12q {
    position: relative;
    width: 100%;
    min-height: auto;
    height: auto;
    overflow: hidden
}

.diagnosis12q-slideframe {
    display: none;
    position: relative;
    overflow: hidden
}

.diagnosis12q-content {
    overflow: hidden
}

.diagnosis12q-slide {
    position: relative;
    float: left;
    padding: 20px
}

.diagnosis12q-slide__header {
    margin-bottom: 20px;
    text-align: center
}

.diagnosis12q-slide__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3
}

.diagnosis12q-slide-q {
    margin-bottom: 10px;
    color: #e25452;
    font-size: 1.4rem
}

.diagnosis12q-slide-q__current-num {
    font-size: 2rem;
    font-weight: 700
}

.diagnosis12q-slide-q__slash {
    padding: 0 2px
}

.diagnosis12q-select-list {
    max-width: 250px;
    margin: -10px auto 0
}

.diagnosis12q-select-list__item {
    margin-top: 10px
}

.diagnosis12q-select-btn {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    border: 0;
    background: 0 0;
    font-size: 1.6rem;
    cursor: pointer
}

.diagnosis12q-result {
    display: none;
    min-height: 240px;
    height: auto
}

.diagnosis12q-result-loading {
    position: relative;
    width: 100%;
    height: 240px
}

.diagnosis12q-result-loading__img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 32px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.diagnosis12q-result-type {
    display: none;
    position: relative
}

.diagnosis12q-result-type-header {
    padding: 25px 20px 0;
    text-align: center
}

.diagnosis12q-result-type-header__shoulder {
    margin-bottom: 10px;
    font-size: 1.8rem;
    line-height: 1.66667
}

.diagnosis12q-result-type-header__name {
    color: #e25452;
    font-family: 'NotoSansCJKjp Medium',sans-serif;
    font-size: 2.6rem;
    line-height: 1.30769
}

.diagnosis12q-result-type-list {
    padding: 0 20px 40px
}

.diagnosis12q-result-type-list__head {
    display: table;
    position: relative;
    width: auto;
    margin: 20px auto;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.3
}

.diagnosis12q-result-type-list__head::before {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    top: 50%;
    display: block;
    position: absolute;
    content: ""
}

.diagnosis12q-result-type-list__head--personality {
    min-height: 35px
}

.diagnosis12q-result-type-list__head--personality::before {
    left: -45px;
    width: 35px;
    height: 35px;
    margin-top: -20px;
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_personality.svg)
}

.diagnosis12q-result-type-list__head--advice {
    min-height: 32px
}

.diagnosis12q-result-type-list__head--advice::before {
    left: -42px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_advice.svg)
}

.diagnosis12q-result-type-list__head--recommend {
    min-height: 30px;
    padding-right: 37px;
    padding-left: 37px
}

.diagnosis12q-result-type-list__head--recommend::before {
    left: 0;
    width: 27px;
    height: 30px;
    margin-top: -15px;
    background-image: url(https://skeseaxbt.xyz/course/common/images/icon_recommend.svg)
}

.diagnosis12q-result-type-list__content {
    line-height: 1.625
}

.diagnosis12q-result-type-list__content-img {
    margin-top: 15px;
    text-align: center
}

.diagnosis12q-result-type-recommend {
    font-size: 2rem;
    text-align: center;
    line-height: 1.5
}

.diagnosis12q-result-type-action {
    padding: 30px 20px 10px;
    background: #f3f0eb
}

.diagnosis12q-result-type-action__btn {
    max-width: 300px;
    margin: 0 auto
}

.diagnosis12q-result-type-action__btn--challenge-again {
    display: table;
    width: auto;
    margin: 20px auto 0;
    padding-left: 24px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_reload.svg) no-repeat left center;
    background-size: 15px auto;
    font-size: 1.8rem;
    font-weight: 700
}

.diagnosis12q-result-type-action__btn--challenge-again a {
    text-decoration: none
}

.diagnosis12q-result-type-action__btn--close {
    margin-top: 25px;
    padding: 10px 0 0;
    border-radius: 0;
    border-top: 1px solid #cdc4b3;
    background-color: transparent
}

.diagnosis12q-result-type-action-btn-close {
    display: table;
    width: auto;
    min-height: 20px;
    margin: 0 auto;
    padding-left: 28px;
    background: url(https://skeseaxbt.xyz/course/common/images/icon_accordion_close_dark.svg) no-repeat left center;
    background-size: 20px 20px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer
}

@media screen and (min-width: 320px) {
    html {
        font-size:67.5%
    }

    body {
        font-size: 1.4rem
    }

    .search__magnify {
        width: 48px;
        height: 49px
    }

    .search__magnify::before {
        line-height: 49px
    }

    .is-xs {
        display: block
    }

    .is-min {
        display: none
    }

    .unit {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .cv-list__btn {
        font-size: 1.38889rem
    }

    .cv-list--ver2 .cv-list__btn--select {
        font-size: 1.66667rem
    }

    .cv-list--ver2 .cv-list__btn--request {
        font-size: 1.57407rem
    }

    .cv-list--ver2 .cv-list__btn--request::before {
        font-size: 1.11111rem
    }

    .annotation-block__title {
        font-size: 1.66667rem
    }

    .annotation-block__contents,.border-block__profile,.message-block__profile,.movie-unit__caption,.small-text {
        font-size: 1.2963rem
    }

    .plane-text {
        font-size: 1.48148rem
    }

    .notes-list {
        font-size: 1.2963rem
    }

    .btn-unit__link {
        font-size: 1.85185rem
    }

    .btn-unit__link--small {
        font-size: 1.35rem
    }

    .main-page-link__btn {
        font-size: 1.38889rem
    }

    .course-nav__link {
        font-size: 1.11111rem
    }

    .breadcrumb-nav {
        font-size: 1.2963rem
    }

    .option-block__link {
        font-size: 1.66667rem
    }

    .option-block__text {
        font-size: 1.48148rem
    }

    .option-block__link {
        font-size: 1.66667rem
    }

    .option-block__text {
        font-size: 1.48148rem
    }

    .column-block__link {
        font-size: 1.66667rem
    }

    .column-block__text {
        font-size: 1.48148rem
    }

    .column-block__link {
        font-size: 1.66667rem
    }

    .column-block__text {
        font-size: 1.48148rem
    }

    .cost-data__text-row small,.related-content__caption {
        font-size: 1.38889rem
    }

    .notes-block,.recommend-block1__caption {
        font-size: 1.48148rem
    }

    .cost-text__num {
        font-size: 4.25926rem
    }

    .cost-text__num--installments {
        font-size: 3.33333rem
    }

    .cost-text__num--sum {
        font-size: 2.77778rem
    }

    .cost-text__ammount,.cost-text__title {
        font-size: 1.85185rem
    }

    .cost-data__shoulder {
        font-size: 1.48148rem
    }

    .cost-data__text-row,.faq-list__a::before,.faq-list__q::before {
        font-size: 2.22222rem
    }

    .cost-data__item--note {
        font-size: 1.38889rem
    }

    .cost-data__item--link {
        font-size: 1.2963rem
    }

    .material-data,.teaching-list {
        font-size: 1.66667rem
    }

    .page-header__title {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .page-header__mv-img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none
    }

    .page-subsection__text {
        font-size: 1.48148rem
    }

    .summary-subsection {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .summary-subsection__text {
        font-size: 1.66667rem
    }

    .step-block__text {
        font-size: 1.48148rem
    }

    .text-block__text {
        font-size: 1.66667rem
    }

    .interview-block__content,.training-notes__text,.voice-block__content {
        font-size: 1.48148rem
    }

    .message-block__caption {
        font-size: 1.2963rem
    }

    .message-block__text {
        font-size: 1.48148rem
    }

    .border-block__caption {
        font-size: 1.2963rem
    }

    .accordion-block__title,.border-block__text,.faq-list__a,.faq-list__q,.movie-block__subtitle {
        font-size: 1.48148rem
    }

    .accordion-block__close-btn {
        font-size: 1.2963rem
    }

    .card__caption-title {
        font-size: 1.48148rem
    }

    .card__caption-text {
        font-size: 1.2963rem
    }

    .message-block .generic-block__title--oval {
        font-size: 2rem
    }

    .generic-block__title-text--step {
        font-size: 1.48148rem
    }

    .generic-block__title-num {
        font-size: 2.22222rem
    }

    .box-block__subtitle,.box-block__text {
        font-size: 1.48148rem
    }

    .block-list__title {
        font-size: 2.03704rem
    }

    .block-list__content {
        font-size: 1.48148rem
    }

    .table-block {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .pagetop__btn {
        font-size: 1.11111rem
    }

    .pager-nav__link {
        font-size: 1.2963rem
    }

    .pager-link__btn {
        font-size: 1.85185rem
    }

    .diagnosis12q-accordion-btn__text {
        font-size: 1.48148rem
    }

    .diagnosis12q-slide__title {
        font-size: 1.85185rem
    }

    .diagnosis12q-slide-q {
        font-size: 1.2963rem
    }

    .diagnosis12q-slide-q__current-num {
        font-size: 1.85185rem
    }

    .diagnosis12q-select-btn {
        font-size: 1.48148rem
    }

    .diagnosis12q-result-type-header__shoulder {
        font-size: 1.66667rem
    }

    .diagnosis12q-result-type-header__name {
        font-size: 2.40741rem
    }

    .diagnosis12q-result-type-list__head,.diagnosis12q-result-type-recommend {
        font-size: 1.85185rem
    }

    .diagnosis12q-result-type-action-btn-close,.diagnosis12q-result-type-action__btn--challenge-again {
        font-size: 1.66667rem
    }
}

@media screen and (min-width: 375px) {
    html {
        font-size:67.5%
    }

    body {
        font-size: 1.4rem
    }

    .search__magnify {
        width: 48px;
        height: 49px
    }

    .search__magnify::before {
        line-height: 49px
    }

    .is-xs {
        display: block
    }

    .is-min {
        display: none
    }

    .unit {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .cv-list__btn {
        font-size: 1.38889rem
    }

    .annotation-block__title,.cv-list--ver2 .cv-list__btn--select {
        font-size: 1.66667rem
    }

    .cv-list--ver2 .cv-list__btn--request {
        font-size: 1.57407rem
    }

    .cv-list--ver2 .cv-list__btn--request::before {
        font-size: 1.11111rem
    }

    .annotation-block__contents,.border-block__profile,.message-block__profile,.movie-unit__caption,.small-text {
        font-size: 1.2963rem
    }

    .plane-text {
        font-size: 1.48148rem
    }

    .notes-list {
        font-size: 1.2963rem
    }

    .btn-unit__link {
        font-size: 1.85185rem
    }

    .btn-unit__link--small {
        font-size: 1.35rem
    }

    .main-page-link__btn {
        font-size: 1.38889rem
    }

    .course-nav__link {
        font-size: 1.11111rem
    }

    .breadcrumb-nav {
        font-size: 1.2963rem
    }

    .column-block__link,.option-block__link {
        font-size: 1.66667rem
    }

    .column-block__text,.option-block__text {
        font-size: 1.48148rem
    }

    .cost-data__text-row small,.related-content__caption {
        font-size: 1.38889rem
    }

    .notes-block {
        font-size: 1.48148rem
    }

    .recommend-block1__item+.recommend-block1__item {
        margin-top: 1.85185rem
    }

    .recommend-block2 {
        margin-top: 2.77778rem
    }

    .recommend-block2__item {
        margin-top: 1.38889rem
    }

    .cost-text__num {
        font-size: 4.25926rem
    }

    .cost-text__num--installments {
        font-size: 3.33333rem
    }

    .cost-text__num--sum {
        font-size: 2.77778rem
    }

    .cost-text__ammount,.cost-text__title {
        font-size: 1.85185rem
    }

    .cost-data__shoulder {
        font-size: 1.48148rem
    }

    .cost-data__text-row,.faq-list__a::before,.faq-list__q::before {
        font-size: 2.22222rem
    }

    .cost-data__item--note {
        font-size: 1.38889rem
    }

    .cost-data__item--anchor-link,.cost-data__item--link {
        font-size: 1.2963rem
    }

    .material-data,.teaching-list {
        font-size: 1.66667rem
    }

    .page-header__title {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .page-header__mv-img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none
    }

    .page-subsection__text {
        font-size: 1.48148rem
    }

    .summary-subsection {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .summary-subsection__text {
        font-size: 1.66667rem
    }

    .step-block__text {
        font-size: 1.48148rem
    }

    .text-block__text {
        font-size: 1.66667rem
    }

    .interview-block__content,.training-notes__text,.voice-block__content {
        font-size: 1.48148rem
    }

    .message-block__caption {
        font-size: 1.2963rem
    }

    .message-block__text {
        font-size: 1.48148rem
    }

    .border-block__caption {
        font-size: 1.2963rem
    }

    .accordion-block__title,.border-block__text,.faq-list__a,.faq-list__q,.movie-block__subtitle {
        font-size: 1.48148rem
    }

    .accordion-block__close-btn {
        font-size: 1.2963rem
    }

    .card__caption-title {
        font-size: 1.48148rem
    }

    .card__caption-text {
        font-size: 1.2963rem
    }

    .message-block .generic-block__title--oval {
        font-size: 2rem
    }

    .generic-block__title-text--step {
        font-size: 1.48148rem
    }

    .generic-block__title-num {
        font-size: 2.22222rem
    }

    .box-block__subtitle,.box-block__text {
        font-size: 1.48148rem
    }

    .block-list__title {
        font-size: 2.03704rem
    }

    .block-list__content {
        font-size: 1.48148rem
    }

    .table-block {
        margin-right: -2rem;
        margin-left: -2rem
    }

    .pagetop__btn {
        font-size: 1.11111rem
    }

    .pager-nav__link {
        font-size: 1.2963rem
    }

    .pager-link__btn {
        font-size: 1.85185rem
    }

    .diagnosis12q-accordion-btn__text {
        font-size: 1.48148rem
    }

    .diagnosis12q-slide__title {
        font-size: 1.85185rem
    }

    .diagnosis12q-slide-q {
        font-size: 1.2963rem
    }

    .diagnosis12q-slide-q__current-num {
        font-size: 1.85185rem
    }

    .diagnosis12q-select-btn {
        font-size: 1.48148rem
    }

    .diagnosis12q-result-type-header__shoulder {
        font-size: 1.66667rem
    }

    .diagnosis12q-result-type-header__name {
        font-size: 2.40741rem
    }

    .diagnosis12q-result-type-list__head,.diagnosis12q-result-type-recommend {
        font-size: 1.85185rem
    }

    .diagnosis12q-result-type-action-btn-close,.diagnosis12q-result-type-action__btn--challenge-again {
        font-size: 1.66667rem
    }
}

@media screen and (min-width: 414px) {
    .header {
        padding-left:2rem;
        padding-right: 2rem
    }

    .header__nav {
        width: calc(55px - 2rem)
    }

    .search {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .is-sm {
        display: block
    }

    .plane-text {
        font-size: 1.66667rem
    }

    .btn-unit__link--small {
        font-size: 1.4rem
    }

    .course-nav__link {
        padding-right: .9rem;
        padding-left: .9rem
    }

    .notes-block,.option-block__text {
        font-size: 1.66667rem
    }

    .column-block__text,.notes-block,.option-block__text {
        font-size: 1.66667rem
    }

    .cost-text {
        letter-spacing: 0
    }

    .cost-data__text-row {
        display: inline-block
    }

    .block-list__content,.border-block__text,.box-block__text,.message-block__text,.page-subsection__text,.step-block__text {
        font-size: 1.66667rem
    }
}

@media screen and (min-width: 568px) {
    html {
        font-size:72.5%
    }

    .gnav-list {
        font-size: 1.3rem
    }

    .search__form {
        width: 445px;
        margin-left: auto;
        margin-right: auto
    }

    .search__magnify {
        width: 53px;
        height: 53px
    }

    .search__magnify::before {
        line-height: 53px
    }

    .gnav-links__item--search .search__form {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .is-md {
        display: block
    }

    .is-sp-large {
        display: none
    }

    .cv-list__btn {
        font-size: 1.2931rem
    }

    .cv-list--ver2 .cv-list__btn--select {
        font-size: 1.55172rem
    }

    .cv-list--ver2 .cv-list__btn--request {
        font-size: 1.46552rem
    }

    .cv-list--ver2 .cv-list__btn--request::before {
        font-size: 1.03448rem
    }

    .annotation-block__title {
        text-align: center;
        font-size: 1.36364rem
    }

    .annotation-block__contents,.border-block__profile,.message-block__profile,.movie-unit__caption,.small-text {
        font-size: 1.2069rem
    }

    .plane-text {
        font-size: 1.55172rem
    }

    .notes-list {
        font-size: 1.2069rem
    }

    .btn-unit__link {
        font-size: 1.72414rem
    }

    .btn-unit__link--small {
        font-size: 1.4rem
    }

    .main-page-link__btn {
        font-size: 1.2931rem
    }

    .course-nav__link {
        font-size: 1.03448rem
    }

    .breadcrumb-nav {
        font-size: 1.2069rem
    }

    .column-block__link,.column-block__text,.option-block__link,.option-block__text {
        font-size: 1.55172rem
    }

    .column-block__link,.column-block__text {
        font-size: 1.55172rem
    }

    .cost-data__text-row small,.related-content__caption {
        font-size: 1.2931rem
    }

    .notes-block {
        font-size: 1.55172rem
    }

    .recommend-block1__item+.recommend-block1__item {
        margin-top: 1.72414rem
    }

    .recommend-block2 {
        margin-top: 2.58621rem
    }

    .recommend-block2__item {
        margin-top: 1.2931rem;
        width: 32%
    }

    .cost-text__num {
        font-size: 3.96552rem
    }

    .cost-text__num--installments {
        font-size: 3.10345rem
    }

    .cost-text__num--sum {
        font-size: 2.58621rem
    }

    .cost-text__ammount,.cost-text__title {
        font-size: 1.72414rem
    }

    .cost-data__shoulder {
        font-size: 1.37931rem
    }

    .cost-data__text-row,.faq-list__a::before,.faq-list__q::before {
        font-size: 2.06897rem
    }

    .cost-data__item--note {
        font-size: 1.2931rem
    }

    .cost-data__item--anchor-link,.cost-data__item--link {
        font-size: 1.2069rem
    }

    .material-data,.teaching-list {
        font-size: 1.55172rem
    }

    .page-header__mv {
        height: 180px
    }

    .page-header__mv-img {
        position: absolute;
        width: auto;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .page-section__title {
        text-align: center
    }

    .page-subsection__text,.step-block__text,.summary-subsection__text,.text-block__text {
        font-size: 1.55172rem
    }

    .interview-block__content,.training-notes__text,.voice-block__content {
        font-size: 1.37931rem
    }

    .message-block__caption {
        font-size: 1.2069rem
    }

    .message-block__text {
        font-size: 1.55172rem
    }

    .border-block__caption {
        font-size: 1.2069rem
    }

    .border-block__text {
        font-size: 1.55172rem
    }

    .accordion-block__title,.faq-list__a,.faq-list__q,.movie-block__subtitle {
        font-size: 1.37931rem
    }

    .accordion-block__close-btn {
        font-size: 1.2069rem
    }

    .card--3col {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: -1%;
        margin-left: -1%
    }

    .card--2col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .card--3col .card__unit {
        width: 31.25%;
        margin-right: 1%;
        margin-left: 1%
    }

    .card--2col .card__unit {
        width: 48%
    }

    .card__caption-title {
        font-size: 1.37931rem
    }

    .card__caption-text {
        font-size: 1.2069rem
    }

    .border-block .generic-block__title--oval {
        min-width: 300px
    }

    .generic-block__title-text--step {
        font-size: 1.37931rem
    }

    .generic-block__title-num {
        font-size: 2.06897rem
    }

    .box-block__subtitle {
        font-size: 1.37931rem
    }

    .box-block__text {
        font-size: 1.55172rem
    }

    .block-list__title {
        font-size: 1.89655rem
    }

    .block-list__content {
        font-size: 1.55172rem
    }

    .table--narrow .table__cell--td,.table--narrow .table__cell--th {
        padding: 1rem
    }

    .table-scroll .table {
        width: calc((768px - 1px) - 2rem*2)
    }

    .pagetop__btn {
        font-size: 1.03448rem
    }

    .pager-nav__link {
        font-size: 1.2069rem
    }

    .pager-link__btn {
        font-size: 1.72414rem
    }

    .diagnosis12q-accordion-btn__text {
        font-size: 1.37931rem
    }

    .diagnosis12q-slide__title {
        font-size: 1.72414rem
    }

    .diagnosis12q-slide-q {
        font-size: 1.2069rem
    }

    .diagnosis12q-slide-q__current-num {
        font-size: 1.72414rem
    }

    .diagnosis12q-select-btn {
        font-size: 1.37931rem
    }

    .diagnosis12q-result-type-header__shoulder {
        font-size: 1.55172rem
    }

    .diagnosis12q-result-type-header__name {
        font-size: 2.24138rem
    }

    .diagnosis12q-result-type-list__head,.diagnosis12q-result-type-recommend {
        font-size: 1.72414rem
    }

    .diagnosis12q-result-type-action-btn-close,.diagnosis12q-result-type-action__btn--challenge-again {
        font-size: 1.55172rem
    }
}

@media screen and (min-width: 768px) {
    html {
        font-size:82.5%
    }

    .header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        border-top-width: .4rem
    }

    .header__nav-pc {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .nav-pc__link:active,.nav-pc__link:hover {
        text-decoration: underline
    }

    .header__nav {
        display: none
    }

    .gnav__ham {
        top: 1.8rem
    }

    .gnav__part {
        width: 23px
    }

    .gnav-list {
        font-size: 1.2rem
    }

    .search__magnify {
        width: 57px;
        height: 57px
    }

    .search__magnify::before {
        line-height: 57px;
        font-size: 1.2rem
    }

    .is-lg {
        display: block
    }

    .is-sp {
        display: none
    }

    .is-pc {
        display: block
    }

    .guide-area {
        padding-top: 70px;
    }

    .cv-block {
        padding: 30px 0
    }

    .cv-block:not(.cv-block--top) {
        border-top-width: 2px
    }

    .cv-block--fixed:not(.cv-block--fixed-lower),.cv-block--fixed:not(.cv-block--fixed-lower).is-active,.cv-block--fixed:not(.cv-block--top) {
        display: none
    }

    .cv-list {
        max-width: 810px
    }

    .cv-list__item {
        max-width: 390px
    }

    .cv-list__btn {
        height: 85px;
        border-radius: 38px;
        font-size: 1.81818rem
    }

    .cv-list__btn::after {
        left: 5px;
        top: 5px;
        width: calc(100% - 5px*2);
        height: calc(100% - 5px*2)
    }

    .cv-list__text {
        background-position: right 28px center;
        background-size: auto
    }

    .cv-list--ver2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 830px;
        margin-right: auto;
        margin-left: auto
    }

    .cv-list--ver2 .cv-list__item--select {
        max-width: 520px;
        padding-right: 10px;
        padding-left: 10px
    }

    .cv-list--ver2 .cv-list__item--request {
        max-width: 330px;
        padding-right: 10px;
        padding-left: 10px
    }

    .cv-list--ver2 .cv-list__item--select+.cv-list__item--request {
        -ms-flex-preferred-size: 37.3494%;
        flex-basis: 37.3494%
    }

    .cv-list--ver2 .cv-list__btn {
        height: 85px;
        -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
        box-shadow: 2px 3px 5px rgba(0,0,0,.2);
        border-width: 2px;
        border-radius: 8px;
        letter-spacing: .14em;
        line-height: 1.5
    }

    .cv-list--ver2 .cv-list__btn--request,.cv-list--ver2 .cv-list__btn--select {
        font-size: 1.81818rem
    }

    .cv-list--ver2 .cv-list__btn--request::before {
        width: 52px;
        height: 24px;
        font-size: 1.21212rem
    }

    .cv-list--ver2 .cv-list__text {
        background-size: 9.46px auto
    }

    .annotation-block__contents {
        font-size: 1.06061rem
    }

    .diagnosis-block {
        padding-bottom: 5.68182rem
    }

    .border-block__profile,.message-block__profile,.movie-unit__caption,.small-text {
        font-size: 1.06061rem
    }

    .plane-text {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .notes-list {
        font-size: 1.06061rem;
        line-height: 1.71429
    }

    .btn-unit--cv-detail {
        border-radius: 38px
    }

    .btn-unit__link {
        height: 74px;
        background-position: right 20px center;
        font-size: 1.66667rem
    }

    .btn-unit__link--small {
        font-size: 1.51515rem
    }

    .btn-unit--cv-detail .btn-unit__link,.course__column .btn-unit--cv-detail .btn-unit__link {
        height: 82px;
        border-radius: 38px;
        font-size: 1.81818rem
    }

    .modal-unit {
        font-size: 1rem
    }

    .slide-unit__header {
        margin-bottom: .5rem
    }

    .slide-unit__content {
        font-size: 1.36364rem
    }

    .slider-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .modaal-close {
        right: 2rem
    }

    .main-page-link__btn {
        height: 48px;
        background-position: left 20px center;
        font-size: 1.51515rem
    }

    .main-page-link .btn-unit {
        max-width: 280px
    }

    .local-nav {
        padding-bottom: 70px;
        overflow: hidden
    }

    .local-nav__title {
        font-size: 1.81818rem
    }

    .local-nav__list {
        margin-bottom: -20px;
        margin-left: -15px;
        border: 0;
        overflow: hidden
    }

    .local-nav__list::before {
        display: none
    }

    .local-nav__item {
        width: auto;
        margin-bottom: 20px;
        border-bottom: none;
        font-weight: 400
    }

    .local-nav__item.is-current {
        font-weight: 700
    }

    .local-nav__link {
        min-height: 36px;
        padding-right: calc(15px + 7px + .8rem);
        padding-left: calc(15px + 7px + .8rem);
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .local-nav__link::before {
        left: 15px
    }

    .course-nav {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .breadcrumb-nav,.course-nav__link {
        font-size: 1.21212rem
    }

    .breadcrumb-nav__item a {
        margin-right: 7px
    }

    .breadcrumb-nav__item a::after {
        margin-left: 12px
    }

    .column-block__title,.option-block__title {
        font-size: 1.81818rem
    }

    .column-block__item .option-block__item,.column-block__item+.column-block__item,.option-block__item .option-block__item,.option-block__item+.column-block__item {
        margin-top: 2.27273rem
    }

    .option-block__link {
        font-size: 1.51515rem;
        line-height: 1.5
    }

    .option-block__text {
        font-size: 1.36364rem;
        line-height: 1.5
    }

    .column-block__title {
        font-size: 1.81818rem
    }

    .column-block__item+.column-block__item,.recommend-block1__item+.recommend-block1__item {
        margin-top: 2.27273rem
    }

    .column-block__link,.option-block__link {
        font-size: 1.51515rem;
        line-height: 1.5
    }

    .column-block__text,.option-block__text {
        font-size: 1.36364rem;
        line-height: 1.5
    }

    .column-block {
        padding-bottom: 100px
    }

    .related-content__title {
        font-size: 1.81818rem
    }

    .related-content__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 0;
        margin-left: 0
    }

    .related-content__item {
        width: calc(25% - 10px);
        margin: 0
    }

    .related-content__caption {
        padding: 8px;
        font-size: 1.21212rem;
        line-height: 1.25
    }

    .notes-block {
        font-size: 1.36364rem;
        line-height: 1.5;
        padding-top: 50px;
        padding-bottom: 80px
    }

    .related-content+.notes-block {
        margin-top: 50px
    }

    .recommend-area {
        padding-top: 45px;
        padding-bottom: 45px
    }

    .recommend-area__title,.recommend-block1__title {
        font-size: 1.81818rem
    }

    .recommend-block1__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .recommend-block1__item+.recommend-block1__item {
        margin-top: 2.27273rem
    }

    .recommend-block1__bnr {
        max-width: 414px;
        -ms-flex-preferred-size: 42.63646%;
        flex-basis: 42.63646%
    }

    .recommend-block1__caption {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        padding-left: 30px;
        font-size: 1.28788rem;
        line-height: 1.76471
    }

    .recommend-block2 {
        margin-top: 3.40909rem
    }

    .recommend-block2__list {
        margin-top: 0
    }

    .recommend-block2__item {
        width: 14.41813%;
        margin-top: 0
    }

    .recommend-block2__caption {
        display: block;
        font-size: 1.13636rem;
        line-height: 1.33333;
        margin-top: .75758rem
    }

    .cost-text__num {
        font-size: 3.48485rem
    }

    .cost-text__num--installments {
        font-size: 3.18182rem
    }

    .cost-text__num--sum {
        font-size: 2.57576rem
    }

    .cost-text__ammount,.cost-text__title {
        font-size: 1.81818rem
    }

    .cost-text__title {
        margin-top: 2.27273rem
    }

    .cost-data__shoulder {
        font-size: 1.21212rem;
        line-height: 1.5
    }

    .cost-data__item--note,.cost-data__text-row small {
        font-size: 1.13636rem
    }

    .course-block .cost-data__list {
        display: table;
        width: auto;
        margin-right: auto;
        margin-left: auto
    }

    .cost-data__item--anchor-link,.cost-data__item--link {
        font-size: 1.06061rem
    }

    .material-data,.teaching-list {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .page-header__title {
        min-height: 100px;
        margin-bottom: 50px;
        font-size: 2.57576rem
    }

    .page-header__mv {
        height: auto
    }

    .page-header__mv.unit {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .page-header__mv-img {
        position: static;
        width: 100%;
        height: auto;
        -webkit-transform: none;
        transform: none
    }

    .page-section__title {
        font-size: 2.57576rem;
        line-height: 1.47059;
        margin-bottom: 4.92424rem;
        padding-bottom: 1.13636rem
    }

    .page-section__title--cost-detail {
        font-size: 2.12121rem;
        line-height: 1.42857;
        margin-bottom: 3.40909rem
    }

    .page-section__title:not(.page-section__title--cost-detail)+.page-section__addition {
        margin-top: -4.92424rem;
        margin-bottom: 4.92424rem
    }

    .page-section__title.page-section__title--cost-detail+.page-section__addition {
        margin-top: -3.40909rem;
        margin-bottom: 3.40909rem
    }

    .page-subsection__title {
        text-align: center;
        font-size: 2.12121rem;
        line-height: 1.42857;
        margin-bottom: 2.27273rem
    }

    .page-subsection__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .page-subsection__content--inverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .page-subsection__content--1col {
        display: block
    }

    .page-subsection__img {
        width: 47.91667%;
        margin-bottom: 0
    }

    .page-subsection__content--1col .page-subsection__img {
        display: table;
        width: auto;
        margin: 0 auto 2rem
    }

    .page-subsection__img--border {
        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
    }

    .page-subsection__content--1col .page-subsection__img--border {
        display: block;
        width: 100%
    }

    .page-subsection__text {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 47.91667%;
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .page-subsection__content--1col .page-subsection__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        max-width: none;
        width: 100%
    }

    .summary-subsection {
        margin-right: 0;
        margin-left: 0
    }

    .summary-subsection+.summary-subsection {
        margin-top: 1.51515rem
    }

    .summary-subsection__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .summary-subsection__title {
        line-height: 1.42857
    }

    .summary-subsection__img {
        width: 49.72067%
    }

    .summary-subsection__text {
        width: 46.36872%;
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .summary-subsection--slider {
        width: calc(50% - 10px);
        margin-top: 1.51515rem;
        padding-bottom: 56px
    }

    .step-block__content+.step-block__content,.step-section {
        margin-top: 0
    }

    .step-block {
        margin-right: auto;
        margin-left: auto;
        margin-top: 4.54545rem;
        padding: 3.78788rem
    }

    .step-block__wrap {
        margin-top: 5.30303rem
    }

    .step-block__title {
        text-align: center;
        font-size: 1.81818rem;
        line-height: 1.25;
        margin-bottom: 2.27273rem
    }

    .step-block__subtitle {
        text-align: center;
        font-size: 1.66667rem;
        line-height: 1.36364;
        margin-bottom: 1.13636rem
    }

    .step-block__lead {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .step-block__row,.step-block__wrap .step-block__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .step-block__content {
        max-width: 435px;
        width: 50%
    }

    .step-block__content--point {
        max-width: 395px;
        width: 45.4023%
    }

    .step-block__wrap .step-block__content {
        max-width: none;
        width: 100%
    }

    .step-block__wrap .step-block__content--inverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .step-block__wrap .step-block__img {
        max-width: 395px;
        width: 45.4023%
    }

    .step-block__text {
        font-size: 1.36364rem;
        line-height: 1.5
    }

    .step-block__wrap .step-block__text {
        max-width: 435px;
        width: 50%
    }

    .step-block__caption {
        font-size: 1.06061rem;
        line-height: 1.42857
    }

    .text-block__text {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .training-notes {
        padding: 2.27273rem
    }

    .training-notes__title {
        font-size: 2.12121rem;
        line-height: 1.42857
    }

    .training-notes__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .training-notes__img {
        max-width: 445px;
        width: 48.9011%
    }

    .training-notes__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 3.84615%;
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .training-notes__text--small {
        font-size: 1.21212rem
    }

    .voice-block {
        margin-top: 4.54545rem;
        padding: 2.27273rem
    }

    .voice-block__title {
        min-height: 120px;
        padding-left: 140px;
        background-size: 120px 120px;
        font-size: 2.12121rem;
        line-height: 1.42857;
        margin-bottom: 1.51515rem
    }

    .voice-block__content {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .interview-block {
        margin-top: 4.54545rem;
        padding-top: 2.27273rem
    }

    .interview-block__title {
        min-height: 150px;
        padding-left: calc(120px + 2.27273rem + 20px);
        background-position-x: 2.27273rem;
        background-size: 120px 120px;
        font-size: 2.12121rem;
        line-height: 1.42857;
        padding-right: 2.27273rem;
        padding-bottom: 2.27273rem
    }

    .interview-block__content {
        font-size: 1.36364rem;
        line-height: 1.66667;
        padding: 2.27273rem
    }

    .interview-text__content+.interview-text__title {
        margin-top: 1.89394rem
    }

    .message-block__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .message-block__img {
        margin-bottom: 0;
        -ms-flex-preferred-size: 240px;
        flex-basis: 240px
    }

    .message-block__caption {
        font-size: 1.06061rem
    }

    .message-block__text {
        font-size: 1.36364rem;
        line-height: 1.5;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 4.5977%
    }

    .border-block {
        margin-right: auto;
        margin-left: auto;
        padding: 3.78788rem
    }

    .border-block__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .border-block__img {
        max-width: 395px;
        width: 45.4023%
    }

    .border-block__caption {
        font-size: 1.06061rem
    }

    .border-block__text {
        font-size: 1.36364rem;
        line-height: 1.5;
        max-width: 435px;
        width: 50%
    }

    .movie-block {
        margin-right: auto;
        margin-left: auto;
        margin-top: 4.54545rem;
        padding: 3.78788rem
    }

    .movie-block__title {
        text-align: center
    }

    .box-block__wrap .movie-block__title {
        font-size: 1.81818rem;
        line-height: 1.25;
        margin-bottom: 2.27273rem
    }

    .movie-block__subtitle {
        text-align: center;
        font-size: 1.36364rem;
        line-height: 1.66667;
        margin-bottom: 1.51515rem
    }

    .box-block__wrap .movie-block__subtitle {
        margin-top: -1.5rem
    }

    .movie-block__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .movie-block__col {
        max-width: 435px;
        width: calc(50% - 10px)
    }

    .movie-block__col+.movie-block__col {
        margin-top: 0
    }

    .faq-block {
        margin-top: 4.92424rem
    }

    .faq-block__title {
        font-size: 2.57576rem;
        line-height: 1.47059;
        margin-bottom: 4.92424rem;
        padding-bottom: 1.13636rem
    }

    .faq-list__a::before,.faq-list__q::before {
        left: 25px;
        top: 17px;
        font-size: 2.57576rem
    }

    .faq-list__a,.faq-list__q {
        padding: 20px 35px 20px 75px
    }

    .faq-list__q {
        pointer-events: none;
        cursor: auto;
        font-size: 1.81818rem;
        line-height: 1.33333
    }

    .faq-list__a+.faq-list__q {
        margin-top: 30px
    }

    .faq-list__q::after,.table-scroll-wrap.is-scroll::before,.table-scroll-wrap::before {
        display: none
    }

    .faq-list__a {
        display: block!important;
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .accordion-block__header {
        width: 380px
    }

    .accordion-block__title {
        font-size: 1.4rem
    }

    .accordion-block__content {
        padding: 2.5rem 3rem 1rem
    }

    .accordion-block__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .accordion-block__img {
        padding-bottom: 0
    }

    .accordion-block__text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 4.10959%
    }

    .accordion-block__close-btn {
        margin-right: -1.5rem;
        font-size: 1.06061rem
    }

    .card__caption-title {
        font-size: 1.36364rem
    }

    .card__caption-text,.generic-block__title-text--step {
        font-size: 1.21212rem
    }

    .border-block .generic-block__title--oval,.box-block__title,.generic-block__title-num,.message-block .generic-block__title--oval {
        font-size: 1.81818rem
    }

    .box-block__title {
        text-align: center;
        line-height: 1.25;
        margin-bottom: 2.27273rem
    }

    .box-block__subtitle {
        margin-top: -1.5rem;
        text-align: center;
        margin-bottom: 1.51515rem
    }

    .box-block__lead,.box-block__subtitle {
        font-size: 1.36364rem;
        line-height: 1.66667
    }

    .box-block__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .box-block__content {
        max-width: 435px;
        width: 50%
    }

    .box-block__content+.box-block__content {
        margin-top: 0
    }

    .box-block__content+.box-block__content--inverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .box-block__content--point {
        max-width: 395px;
        width: 45.4023%
    }

    .box-block__wrap .box-block__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: none;
        width: 100%
    }

    .box-block__wrap .box-block__content--inverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .box-block__wrap .box-block__content--1col {
        display: block
    }

    .box-block__img,.box-block__wrap .box-block__img {
        max-width: 395px;
        width: 45.4023%;
        margin-bottom: 0
    }

    .box-block__wrap .box-block__content--1col .box-block__img {
        max-width: none;
        display: table;
        width: auto;
        margin: 0 auto 2rem
    }

    .box-block__text {
        font-size: 1.36364rem;
        line-height: 1.5
    }

    .box-block__wrap .box-block__text {
        max-width: 435px;
        width: 50%
    }

    .box-block__wrap .box-block__content--1col .box-block__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        max-width: none;
        width: 100%
    }

    .box-block__caption {
        font-size: 1.06061rem;
        line-height: 1.42857
    }

    .block-list__title {
        font-size: 1.66667rem
    }

    .block-list__content {
        font-size: 1.36364rem;
        line-height: 1.5
    }

    .table-block {
        margin-right: auto;
        margin-left: auto;
        padding: 2.65152rem 3.0303rem;
        margin-top: 4.54545rem
    }

    .table-block--xscroll {
        overflow-x: auto
    }

    .table-block--xscroll .table {
        overflow-x: auto;
        max-width: none;
        width: 100%;
        padding-right: 0
    }

    .table__caption {
        font-size: 2.12121rem;
        text-align: center
    }

    .table .table__cell--td,.table .table__cell--th {
        font-size: 1.36364rem
    }

    .table-scroll {
        width: 100%;
        margin-left: 0;
        padding: 0;
        overflow-x: hidden
    }

    .table-scroll--sticky {
        max-height: none
    }

    .table-scroll .table,.table-scroll .table-min-scroll {
        width: 100%
    }

    .table-sticky thead td,.table-sticky thead th {
        position: static
    }

    .table-sticky tr>:first-child,.table-sticky tr>:first-child.table-sticky__second-child {
        position: static
    }

    .table-innerblock {
        padding: 20px;
        font-size: 1.06061rem;
        line-height: 1.71429
    }

    .table-innerblock__head {
        font-size: 1.21212rem
    }

    .anchor-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .anchor-list__item {
        font-size: 1.21212rem;
        line-height: 2.5;
        margin: 0 1em
    }

    .pagetop {
        right: 20px;
    }

    .pagetop,.pagetop.is-fixed {
        bottom: 20px
    }

    .pagetop__btn {
        font-size: .90909rem
    }

    .hero+.free-block {
        margin-top: calc(3rem - 25px)
    }

    .pager-nav__link {
        font-size: 1.36364rem;
        line-height: 1.22222
    }

    .pager-link__btn {
        height: 80px;
        font-size: 1.66667rem
    }

    .pager-link .btn-unit {
        max-width: 415px
    }

    .diagnosis12q-accordion-title {
        max-width: 372px;
        width: 38.54922%
    }

    .diagnosis12q-accordion-btn {
        max-width: none;
        width: 260px;
        height: 44px;
        margin-top: 13px
    }

    .diagnosis12q-accordion-btn::before {
        width: 14px;
        height: 14px;
        background-size: 14px 14px
    }

    .diagnosis12q-accordion-btn__text {
        font-size: 1.51515rem
    }

    .diagnosis12q-slide {
        padding: 45px 30px 50px
    }

    .diagnosis12q-slide__header {
        margin-bottom: 30px
    }

    .diagnosis12q-slide__title {
        font-size: 2.12121rem;
        line-height: 1.42857
    }

    .diagnosis12q-slide-q {
        margin-bottom: 20px;
        font-size: 1.36364rem
    }

    .diagnosis12q-slide-q__current-num {
        font-size: 2.27273rem
    }

    .diagnosis12q-select-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 630px;
        margin-top: -20px
    }

    .diagnosis12q-select-list__item {
        max-width: 300px;
        width: 47.61905%;
        margin-top: 20px
    }

    .diagnosis12q-select-btn-unit {
        height: 65px
    }

    .diagnosis12q-result-loading__img {
        width: 320px;
        height: 64px
    }

    .diagnosis12q-result-type-header {
        margin: 0 auto;
        max-width: 865px;
        padding: 50px 30px 0
    }

    .diagnosis12q-result-type-header__shoulder {
        margin-bottom: 20px;
        font-size: 1.81818rem;
        line-height: 1.25
    }

    .diagnosis12q-result-type-header__name {
        font-size: 3.48485rem;
        line-height: 1.30435
    }

    .diagnosis12q-result-type-list {
        max-width: 865px;
        margin: 0 auto;
        padding: 0 30px 65px
    }

    .diagnosis12q-result-type-list__head {
        margin: 45px auto 25px;
        font-size: 1.81818rem;
        line-height: 1.25
    }

    .diagnosis12q-result-type-list__content-img {
        margin-top: 25px
    }

    .diagnosis12q-result-type-recommend {
        font-size: 1.81818rem;
        line-height: 1.25
    }

    .diagnosis12q-result-type-action {
        padding: 40px 30px
    }

    .diagnosis12q-result-type-action__btn {
        max-width: 415px
    }

    .diagnosis12q-result-type-action__btn--challenge-again {
        margin: 0;
        font-size: 1.51515rem
    }

    .diagnosis12q-result-type-action__btn--close {
        margin: 0 0 0 19px;
        padding: 0 0 0 19px;
        border-top: none;
        border-left: 1px solid #cdc4b3
    }

    .diagnosis12q-result-type-action-link-more {
        height: 80px;
        font-size: 1.66667rem
    }

    .diagnosis12q-result-type-action-btn-close {
        font-size: 1.51515rem
    }

    .diagnosis12q-result-type-action-row {
        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;
        margin-top: 25px
    }
}

@media screen and (min-width: 1024px) {
    .header__inner {
        padding:2rem;
        height: auto
    }

    .header__logo {
        width: 157px
    }

    .header {
        padding: 0
    }

    .search__magnify::before {
        font-size: 2rem
    }

    .pager-nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-top: none
    }

    .pager-nav__item {
        min-width: 190px;
        width: 20%;
        border-bottom: none;
        background-color: #f2f0eb
    }

    .pager-nav__item.is-current {
        background-color: #fff;
        color: #e25452
    }

    .pager-nav__link {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 70px;
        padding: 7px 5px;
        text-align: center
    }

    .pager-nav__link::before {
        right: auto;
        top: auto;
        left: 50%;
        bottom: 0;
        margin-left: -5px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media screen and (max-width: 767px) {
    .pagetop.is-disabled-sp {
        display:none!important
    }
}

@font-face{font-family:'NotoSansCJKjp Bold';font-style:normal;font-weight:700;src:url(../font/slick.woff2) format("woff2"),url(../font/slick.woff) format("woff");font-display:swap}.u-d-none{display:none}.u-mt05{margin-top:.5em}.lb-nav a.lb-next,.lb-nav a.lb-prev{position:absolute;top:0;background-size:36px 36px;opacity:1}.lb-nav a.lb-next{right:-10px;background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/next.png)}.lb-nav a.lb-prev{left:-10px;background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/prev.png)}.lb-data .lb-number{display:none!important}.zoom-unit::before{right:0;bottom:0}.course-nav{border-top:3px solid #f2f0eb}.local-nav{padding-top:0}.local-nav__link{padding-right:calc(10px + 9px + .1rem);padding-left:9px}.local-nav__link::before{left:auto;right:9px;width:10px;height:8.5px;margin-top:-4.25px;margin-right:0;background-position-x:right;background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/icon_anchor_back_link.svg)}.cv-block{border-top:1px solid #cdc4b3;border-bottom:1px solid #cdc4b3}.cv-block--last{border-bottom:none}.cv-block.is-fixed{position:fixed;left:0;bottom:10px;z-index:1;width:100%;padding:0 75px 0 5px;border-top-style:none;border-bottom-style:none;background-color:transparent}.cv-block--single-list.is-fixed{padding-right:0;padding-left:0}.page-section+.cv-block{margin-top:4.2rem}.cv-list--single{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.recommend-area__title+.recommend-block2{margin-top:0}.page-section{margin-top:4.2rem;margin-bottom:4.2rem}.page-section__title{text-align:center}.faq-section .page-section__title{margin-bottom:2.5rem}.cost-section .page-section__title{margin-bottom:3.5rem}.page-section__title-shoulder{display:table;width:auto;margin:0 auto 1.4rem;padding:.2rem 2rem;border-radius:3px;background:#e66866;color:#fff;font-size:1.5rem;text-align:center;letter-spacing:0;line-height:1.46667}.page-subsection+.page-subsection{margin-top:4.5rem}.page-subsection+.page-subsection--support{margin-top:2.5rem}.cost-section .page-subsection__title{margin:2.5rem 0 2rem;padding:1rem 0;border-top:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;font-size:2rem;text-align:center;line-height:1.5}.page-subsection__text{font-size:1.6rem}.page-subsection__text--large{font-size:1.8rem}.hero{margin:0 auto}.hero__picture{display:block;width:100%;max-height:420px;overflow:hidden}.hero__mv-img{width:100%}.hero__lead{padding-top:24px}.about-section{margin-top:3.5rem}.recommend-type-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2rem}.recommend-type-list__item{width:46.37681%;margin-bottom:2rem}.recommend-type-img{border-radius:50%;text-align:center}.recommend-type-img img{border-radius:50%}.recommend-type-caption{margin-top:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.46667}.diagnosis-result{z-index:1}.is-diagnosis-ended .diagnosis-pages,.step-block--last::before{display:none}.study-section{margin-top:6rem}.curriculum-list{border:1px solid #cdc4b3}.curriculum-list__item{padding:1.4rem 1.8rem 1.3rem;font-weight:700}.curriculum-list__item:not(:first-child){border-top:1px solid #cdc4b3}.curriculum-list__item>*{margin-top:.3rem;font-weight:400}.message-block .generic-block__title--oval,.step-block .generic-block__title--oval{max-width:90%;min-width:initial;font-size:1.9rem;font-weight:700;width:10em}.generic-block__title-text--step{font-size:1.9rem}.step-section__picture{display:block;margin-bottom:4rem;padding-bottom:20px;text-align:center}.step-block__text{font-size:1.6rem}.message-block__img{margin-bottom:15px;background:#f2f0eb}.message-block__caption{padding:10px;font-weight:700}.message-block__text{font-size:1.8rem;line-height:1.55556}.message-block__profile{margin-top:15px;font-size:1.4rem;line-height:1.57143}.message-block__profile-title{margin-bottom:3px;font-weight:700}.message-block__profile-content+.message-block__profile-title{margin-top:1em}.cost-section{margin-top:5.5rem}.cost-data .course-title{display:inline}.cost-data{padding-top:20px}.cost-block .cost-data{margin-bottom:20px;padding-top:0}.cost-block .cost-data__text-row{display:table;width:auto;margin:0 auto}.cost-block .cost-data__text-row small{display:table;margin-right:auto;margin-left:auto}.cost-text__title{margin-top:0;text-align:center}.cost-notes{display:table;width:auto;margin-right:auto;margin-left:auto}.support-list{margin-bottom:2.2rem}.support-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:69px;padding-left:23.18841%;background-repeat:no-repeat;background-position:0 0;line-height:1.375}.ie .support-list__item{display:table;height:69px}.support-list__item--correct{background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/icon_correct.svg);background-size:57px 69px}.support-list__item--period{background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/icon_period.svg);background-size:58px 61px}.support-list__item+.support-list__item{margin-top:1.8rem}.support-list__item-text{display:block}.ie .support-list__item-text{display:table-cell;vertical-align:middle}.support-list-notes{font-size:1.6rem}.support-notes{margin-top:3rem}.support-notes__title{position:relative;padding:1.4rem calc(1.4rem + 15px + 5px) 1.4rem 1.4rem;background:#e66866;color:#fff;font-weight:700;text-align:center;cursor:pointer}.support-notes__title::after{right:1.4rem;top:50%;width:15px;height:15px;margin-top:-7.5px;background:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/icon_arrow_down_wh.svg) no-repeat right center;background-size:contain;display:block;position:absolute;content:""}.support-notes__title.is-opened::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.support-notes__content{display:none;padding:1.9rem 1.4rem;border:1px solid #e45a51}.support-notes-list__title{margin-bottom:.3rem;font-weight:700}.support-notes-list__content a{color:#e25452}.support-notes-list__content+.support-notes-list__title{margin-top:1.5em}.faq-block{margin-top:0}@media screen and (min-width:375px){.page-subsection__text--large{font-size:1.66667rem}.message-block .generic-block__title--oval,.step-block .generic-block__title--oval{font-size:2rem}.generic-block__title-text--step{font-size:1.75926rem}.message-block__text{font-size:1.66667rem}.support-list-notes,.support-notes__content,.support-notes__title{font-size:1.48148rem}}@media screen and (min-width:568px){.cv-block.is-fixed{position:static;margin-top:0;padding:30px 0;border-top-style:solid;border-bottom-style:solid;background-color:#f2f0eb}.page-subsection__text--large{font-size:1.55172rem}.hero__picture{display:block;position:relative;min-height:200px;text-align:center}.hero__mv-img{position:absolute;left:50%;top:0;height:200px;max-width:none;width:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.generic-block__title-text--step{font-size:1.63793rem}.message-block__text{font-size:1.55172rem}.support-list-notes,.support-notes__content,.support-notes__title{font-size:1.37931rem}}@media screen and (min-width:768px){.lb-nav a.lb-next,.lb-nav a.lb-prev{background-size:57px 57px}.lb-nav a.lb-next{right:-3%}.lb-nav a.lb-prev{left:-3%}.local-nav{padding-top:15px}.local-nav__list{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-left:0}.local-nav__item{border-right:none}.local-nav__item+.local-nav__item{border-left:1px solid #cdc4b3}.local-nav__link{padding-right:31px;padding-left:19px}.local-nav__item:first-child .local-nav__link{padding-left:0}.page-section+.cv-block{margin-top:5.30303rem}.page-section{margin-top:4.16667rem;margin-bottom:4.16667rem}.faq-section .page-section__title{margin-bottom:3.40909rem}.cost-section .page-section__title{margin-bottom:4.54545rem}.page-section__title-shoulder{font-size:1.51515rem;line-height:1.1;margin-bottom:.90909rem;padding:.37879rem 1.51515rem}.page-subsection+.page-subsection{margin-top:5rem}.page-subsection+.page-subsection--support{margin-top:5.30303rem}.cost-section .page-subsection__title{font-size:1.66667rem;margin-top:4.54545rem;margin-bottom:2.27273rem;padding-top:.98485rem;padding-bottom:.98485rem}.page-subsection__text{font-size:1.21212rem}.page-subsection__text--large{font-size:1.36364rem}.hero__mv-img,.hero__picture{position:static}.hero__mv-img{max-width:100%;width:auto;height:auto;-webkit-transform:none;transform:none}.hero__lead{padding-top:25px}.about-section{margin-top:4.39394rem}.recommend-type-list__item{max-width:210px;width:21.76166%}.recommend-type-caption{text-align:center;font-size:1.28788rem;margin-top:1.13636rem}.study-section{margin-top:6.43939rem}.curriculum-list__item{padding:1.66667rem 3.0303rem 1.43939rem}.curriculum-sublist{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.curriculum-sublist__item{width:calc(50% - .5em)}.generic-block__title-text--step,.message-block .generic-block__title--oval,.step-block .generic-block__title--oval{font-size:1.81818rem}.message-block .generic-block__title--oval{width:12.5em}.step-section{margin-top:5.30303rem}.step-section__picture{margin-bottom:-1.28788rem}.step-block__text{font-size:1.21212rem}.message-block__caption{font-size:1.21212rem;line-height:1.5}.message-block__text{font-size:1.36364rem;line-height:1.66667}.message-block__profile{margin-top:45px;font-size:1.06061rem}.message-block__profile-title{margin-bottom:8px}.cost-section{margin-top:5.30303rem}.cost-data{padding-top:45px}.support-list{display:-webkit-box;display:-ms-flexbox;display:flex}.support-list__item--correct{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:9.32642%;background-position-x:15px}.support-list__item--period{-webkit-box-flex:3;-ms-flex:3;flex:3;padding-left:7.25389%}.support-list__item+.support-list__item{margin-top:0}.support-list-notes{display:block;font-size:1.21212rem}.support-notes__title{font-size:1.36364rem;padding:1.13636rem 3.40909rem}.support-notes__title::after{right:30px}.support-notes__content{font-size:1.21212rem;padding:2.27273rem}.faq-section{margin-top:5.30303rem}}@media screen and (min-width:1024px){.lb-nav a.lb-next{right:-77px;background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/next_pc.png)}.lb-nav a.lb-prev{left:-77px;background-image:url(https://skeseaxbt.xyz/course/data/in_html/1521/img/prev_pc.png)}.local-nav__list{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}
/*# sourceMappingURL=style.css.map */

.cv-list__item.cv-to-bottom {
    width: 60%;
    position: relative;
}
.cv-to-bottom .cv-list__btn {
    letter-spacing: 0rem;
}
.cv-to-bottom .cv-list__text {
    background: none;
}
.cv-list__item.cv-to-bottom::after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    margin-left: .5rem;
    transform: translateY(-2px) rotate(135deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    margin: auto 0;
}

@media screen and (min-width: 568px) {
    .cv-list__item.cv-to-bottom {
        width: 49.27536%;
    }

    .cv-list__item.cv-to-bottom::after {
        width: 8px;
        height: 8px;
        transform: translateY(-3px) rotate(135deg);
    }
}

@media screen and (min-width: 768px) {
    .cv-list__item.cv-to-bottom::after {
        width: 12px;
        height: 12px;
        border-top-width: 2px;
        border-right-width: 2px;
        right: 2rem;
    }
}

.cost-section {
    padding-top: 2rem;
    margin-top: 3.5rem;
}
.u-caution {
    color: #e50012;
}


/*20211007追加*/

/*費用の余白調整*/
.cost-block .cost-data__text-row--installments {
    margin-top: 15px;
}

/*お支払い方法*/

.pay-block {
    margin-top: 25px;
    margin-bottom: 30px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}
.payment {
    font-size: 1.6rem
}
.payment__lead {
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.55556;
}
.payment-list {
    margin-top: 1rem;
    border-top: 1px dotted #ccc;
}
.payment-list .payment-list__item,
.payment-list .payment-list__item--convenience,
.payment-list .payment-list__item--credit,
.payment-list .payment-list__item--postal {
    border-bottom: 1px dotted #ccc;
}
.payment-list__link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 36px;
    padding: 15px calc(1.5rem + 7px);
    text-decoration: none;
}
.payment-list__link::before {
    position: absolute;
    right: calc(1.5rem - 0.5rem);
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    width: 7px;
    height: 10px;
    margin-right: 0.5rem;
    background: url('https://skeseaxbt.xyz/course/common/images/icon_link.svg') no-repeat left center;
    background-size: contain;
    content: "";
}
.payment-row {
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1.6rem;
}
.payment-list__item--postal .payment-row {
    background-image: url('https://skeseaxbt.xyz/course/common/images/icon_postal.svg');
}
.payment-list__item--convenience .payment-row {
    background-image: url('https://skeseaxbt.xyz/course/common/images/icon_convenience.svg');
}
.payment-list__item--credit .payment-row {
    background-image: url('https://skeseaxbt.xyz/course/common/images/icon_credit_card.svg');
}
.payment-row__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.payment-row__em {
    font-size: 1.8rem;
    font-weight: 700;
}
.payment-merit-list,
.payment-merit-list__item {
    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;
}
.payment-merit-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.payment-merit-list__item {
    width: 80px;
    height: 80px;
    margin: 0 5px;
    border-radius: 50%;
    background: #f2f0eb;
    color: #e25452;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
}

@media screen and (min-width:375px) {
    .payment-merit-list__item {
        font-size: 1.48148rem;
        width: 90px;
        height: 90px;
    }
}

@media screen and (min-width:568px) {
    .payment-merit-list__item {
        font-size: 1.37931rem;
        margin: 0 10px;
    }
}

@media screen and (min-width:768px) {
    .pay-block {
        padding-top: 25px;
    }
    .payment {
        font-size: 1.51515rem;
        line-height: 1.4;
    }
    .payment__lead {
        font-size: 1.66667rem;
        line-height: 1.36364;
    }
    .payment-list {
        margin-top: 25px;
    }
    .payment-row {
        padding-right: 40px;
        padding-left: 90px;
        background-position-x: 35px;
        font-size: 1.51515rem;
    }
    .payment-row__em {
        font-size: 1.66667rem;
    }
    .payment-merit-list__item {
        width: 180px;
        height: 180px;
        font-size: 1.66667rem;
    }
}

/*サポート一覧*/

@media screen and (max-width:767px) {
    .support-list__item {
        width: 100%;
    }
}