@keyframes reflection {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: .5
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1
    }

    to {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0
    }
}

@keyframes fuwafuwa {

    0%,
    to {
        transform: translate(0, 0) rotate(0deg)
    }

    50% {
        transform: translate(0, -12px) rotate(0deg)
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@keyframes disappear {
    0% {
        transform: translateY(0);
        opacity: 1;
        display: block
    }

    to {
        transform: translateY(-100px);
        opacity: 0;
        display: none
    }
}

@keyframes appear {
    0% {
        transform: translateY(-100px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes menu07-bar01 {
    0% {
        transform: translateY(12px) rotate(45deg)
    }

    50% {
        transform: translateY(12px) rotate(0)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes menu07-bar03 {
    0% {
        transform: translateY(-12px) rotate(-45deg)
    }

    50% {
        transform: translateY(-12px) rotate(0)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes active-menu07-bar01 {
    0% {
        transform: translateY(0) rotate(0)
    }

    50% {
        transform: translateY(12px) rotate(0)
    }

    to {
        transform: translateY(12px) rotate(45deg)
    }
}

@keyframes active-menu07-bar03 {
    0% {
        transform: translateY(0) rotate(0)
    }

    50% {
        transform: translateY(-12px) rotate(0)
    }

    to {
        transform: translateY(-12px) rotate(-45deg)
    }
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 14px
}

body {
    margin: 0
}

details,
main {
    display: block
}

h1 {
    font-size: 2rem;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1rem
}

a {
    background-color: transparent;
    color: #0071bc
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25rem
}

sup {
    top: -.5rem
}

img {
    border-style: none;
    width: 100%;
    height: auto
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625rem
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-itrem
}

#btn__scroll__cv.hide,
[hidden],
template {
    display: none
}

h1.first-view {
    position: relative;
    top: 0;
    width: 100%
}

h1.first-view img {
    vertical-align: top;
}

@media only screen and (min-width:681px) {
    h2.section__title {
        font-size: 3.2rem;
        line-height: 3.6rem
    }
}

@media only screen and (min-width:681px) {
    h2.section__title.title--event {
        padding: 2rem 6rem
    }
}

@media only screen and (min-width:681px) {
    h2.section__title.title--event.title--small {
        padding: 2rem 2rem 2rem 6rem;
        font-size: 2.6rem
    }
}

@media only screen and (min-width:681px) {
    h2.section__title.title--bg--blue {
        padding: 1rem 4rem 4rem
    }
}

@media only screen and (min-width:681px) {
    h2.section__title.title--bg--orange {
        padding: 2rem 4rem 6rem
    }
}

h2.section__title strong {
    display: block;
    position: relative;
    color: #fff;
    font-weight: 400;
    font-size: 2.8rem;
    padding: .6rem;
    line-height: 6.8rem;
    height: 6.8rem
}

@media only screen and (min-width:681px) {
    h2.section__title span.section__title__large {
        font-size: 5.2rem
    }
}

@media only screen and (min-width:681px) {
    h2.section__title span.section__title__small {
        font-size: 2rem
    }
}

h2.section__title span.section__title__line.section__title__line--white:after {
    height: 8px;
    bottom: -14px;
    background-image: url(../img/title_line_wh.svg)
}

h3.price__subtitle>div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term {
        width: 22%
    }
}

h3.price__subtitle>div.price__subtitle--term:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 50%
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term>strong {
        font-size: 2.4rem
    }
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term>span {
        font-size: 1.4rem
    }
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail {
        width: 78%
    }
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail>span {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail>strong {
        font-size: 3.6rem
    }
}

h4,
p {
    padding: 0 30px
}

h4 {
    font-size: 1.8rem;
    margin: .8rem 0
}

@media only screen and (min-width:681px) {
    h4.list__interview__summary__title {
        font-size: 1.6rem
    }
}

@media screen and (max-width:680px) {
    html {
        font-size: 1.47058824vw
    }
}

body,
button,
input,
optgroup,
select,
textarea {
    color: #020725;
    font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1.first-view img {
    width: 100%
}

h2.section__title {
    position: relative;
    display: inline-block;
    font-size: 4.8rem;
    text-align: center;
    font-weight: 700;
    padding: 2rem;
    margin: 0 auto;
    overflow: hidden;
    line-height: 5.4rem
}

@media only screen and (min-width:681px) {
    h2.section__title {
        font-size: 3.2rem;
        line-height: 3.6rem
    }
}

h2.section__title.title--event {
    background-image: url(../img/title_bg_event.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 2rem 6rem 2rem 12rem;
    color: #000
}

@media only screen and (min-width:681px) {
    h2.section__title.title--event {
        padding: 2rem 6rem
    }
}

h2.section__title.title--event.title--small {
    padding: 3rem 6rem 3rem 10rem;
    font-size: 4rem
}

@media only screen and (min-width:681px) {
    h2.section__title.title--event.title--small {
        padding: 2rem 4rem 2rem 6rem;
        font-size: 2.6rem
    }
}

h2.section__title.title--bg--blue {
    background-image: url(../img/title_bg_voice.svg);
    background-repeat: no-repeat;
    background-position: center 1rem;
    background-size: contain;
    color: #fff;
    padding: 2rem 8rem 6rem;
    transform: rotate(-3deg)
}

@media only screen and (min-width:681px) {
    h2.section__title.title--bg--blue {
        padding: 1rem 4rem 4rem
    }
}

h2.section__title.title--bg--orange {
    background-image: url(../img/title_bg_interview.svg);
    background-repeat: no-repeat;
    background-position: center 1rem;
    background-size: contain;
    color: #fff;
    padding: 2rem 6rem 8rem;
    transform: rotate(-3deg)
}

@media only screen and (min-width:681px) {
    h2.section__title.title--bg--orange {
        padding: 2rem 4rem 6rem
    }
}

h2.section__title>img {
    display: block;
    width: 68.5%;
    padding: 0;
    margin: 0 auto
}

h2.section__title span.section__title__large {
    font-size: 8.6rem
}

@media only screen and (min-width:681px) {
    h2.section__title span.section__title__large {
        font-size: 5.2rem
    }
}

article>footer.body__footer>div>.body__footer__shop>p>strong,
h2.section__title span.section__title__small,
h3.price_title>span {
    font-size: 3rem
}

@media only screen and (min-width:681px) {
    h2.section__title span.section__title__small {
        font-size: 2rem
    }
}

h2.section__title span.section__title__line {
    position: relative;
    display: inline-block
}

h2.section__title span.section__title__line:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    bottom: -8px;
    left: 0;
    background-image: url(../img/title_line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

h3.section__subtitle {
    position: relative;
    font-size: 3.4rem;
    text-align: center
}

h3.logo__footer {
    margin: 0 auto;
    width: 56.4%
}

h3.price_title {
    font-size: 4.2rem;
    text-align: center;
    margin: 0 0 40px
}

h3.price__subtitle {
    margin-top: 80px
}

h3.price__subtitle>div.price__subtitle--term {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28.5%;
    aspect-ratio: 1/1
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term {
        width: 22%
    }
}

h3.price__subtitle>div.price__subtitle--term>strong {
    display: inline-block;
    font-size: 3.4rem;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term>strong {
        font-size: 2.4rem
    }
}

h3.price__subtitle>div.price__subtitle--term>span {
    display: inline-block;
    font-size: 2.4rem;
    font-weight: 400
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--term>span {
        font-size: 1.4rem
    }
}

h3.price__subtitle>div.price__subtitle--detail {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: calc(71.5% - 10px);
    margin-left: 10px
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail {
        width: 78%
    }
}

.block__belong>span,
h3.price__subtitle>div.price__subtitle--detail>span {
    display: inline-block;
    padding: .5rem 1rem;
    background-color: #f9cc00;
    border-radius: 4px;
    font-size: 2.8rem;
    color: #00a1ea
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail>span {
        font-size: 1.6rem
    }
}

h3.price__subtitle>div.price__subtitle--detail>strong {
    font-size: 4.6rem;
    color: #f9cc00
}

@media only screen and (min-width:681px) {
    h3.price__subtitle>div.price__subtitle--detail>strong {
        font-size: 3.6rem
    }
}

#btn__scroll__cv>p,
h4.store__name {
    font-size: 4rem;
    font-weight: 700;
    text-align: center
}

h4.store__name {
    margin: 40px 0 20px
}

h4.color__white {
    color: #fff
}

h4.list__interview__summary__title {
    padding: 0;
    font-size: 3rem;
    background: linear-gradient(transparent 75%, rgba(250, 227, 0, .8) 75%);
    display: inline
}

@media only screen and (min-width:681px) {
    h4.list__interview__summary__title {
        font-size: 1.6rem
    }
}

body {
    background: #fff
}

a:visited {
    color: #0071bc
}

p {
    font-size: 2.8rem;
    text-align: left
}

p.center {
    text-align: center
}

@media only screen and (min-width:681px) {
    p {
        font-size: 20px
    }
}

.price__caption {
    text-align: right;
    margin: 0 0 40px;
    padding: 0;
    font-size: 1.6rem
}

.offer__notes {
    color: #fff;
    font-size: 1.6rem;
    margin: 20px 0 0;
    padding: 0
}

.offer__notes.offer__notes--padding {
    margin: 20px;
    padding: 20px;
    background-color: #f2f1f9
}

.offer__notes.font__color__default {
    color: #020725
}

.block__belong {
    margin: 4.6rem 0 8rem;
    text-align: left
}

.block__belong>span {
    padding: 4px 2.4rem;
    margin-top: 8px;
    background-color: #fff;
    font-size: 2.6rem;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    .block__belong>span {
        font-size: 1.6rem
    }
}

#btn__scroll__cv {
    position: fixed;
    width: 100%;
    max-width: 680px;
    height: auto;
    margin: 0 auto;
    bottom: 0;
    background-color: rgba(15, 114, 176, .9);
    z-index: 10
}

#btn__scroll__cv>p {
    color: #fff;
    margin: .4rem 0
}

@media only screen and (min-width:681px) {
    #btn__scroll__cv>p {
        font-size: 2.6rem
    }
}

#btn__scroll__cv>p>span {
    position: relative;
    background: linear-gradient(transparent 75%, rgba(253, 227, 7, .6) 75%)
}

#btn__scroll__cv>p>span:before {
    content: url(../img/cv_bubble_left.svg);
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 1.2rem;
    left: -4rem
}

@media only screen and (min-width:681px) {
    #btn__scroll__cv>p>span:before {
        width: 2.4rem;
        height: 3.6rem;
        top: .8rem;
        left: -3rem
    }
}

#btn__scroll__cv>p>span:after {
    content: url(../img/cv_bubble_right.svg);
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: 1.2rem;
    right: -4rem
}

@media only screen and (min-width:681px) {
    #btn__scroll__cv>p>span:after {
        width: 2.4rem;
        height: 3.6rem;
        top: .8rem;
        right: -3rem
    }
}

#btn__scroll__cv>ul,
h3.price__subtitle {
    display: flex;
    justify-content: center;
    width: 100%
}

#btn__scroll__cv>ul>li {
    width: 50%;
    padding: 1rem 2rem;
    text-align: center
}

#btn__scroll__cv>ul>li>a {
    padding: 1rem 4rem;
    font-size: 4rem;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    min-width: 20rem
}

@media only screen and (min-width:681px) {
    #btn__scroll__cv>ul>li>a {
        padding: .4rem 2.5rem;
        font-size: 2rem;
        min-width: 16rem
    }
}

#btn__scroll__cv>ul>li>a>i {
    margin-right: 1rem
}

#btn__scroll__cv>ul>li>a.btn__scroll__cv-mail {
    background-color: #e06c37;
    box-shadow: 2px 3px 0 0 #3f2511
}

#btn__scroll__cv>ul>li>a.btn__scroll__cv-line {
    background-color: #06bd55;
    box-shadow: 2px 3px 0 0 #00371d
}

#btn__scroll__cv>ul>li>a>p {
    font-size: 2rem;
    padding: 0;
    margin: 0;
    text-align: center
}

@media only screen and (min-width:681px) {
    #btn__scroll__cv>ul>li>a>p {
        font-size: 1.2rem
    }
}

#btn__scroll__cv.show {
    display: block
}

dl,
h1.first-view,
ol,
ul {
    padding: 0;
    margin: 0
}

dl dd,
dl dt,
dl li,
ol dd,
ol dt,
ol li,
ul dd,
ul dt,
ul li {
    padding: 0;
    margin: 0;
    list-style: none
}

.list__events {
    margin-top: 56px;
    padding-bottom: 40px
}

.list__events>li {
    padding-bottom: 56px;
    text-align: left
}

.list__events>li>img {
    border-radius: 4px
}

.list__events>li>div.list__events__item--title {
    margin: 8px 0 0;
}
.list__events>li>div.list__events__item--title h3{

    padding-bottom: 10px !important;
}
.list__events>li>div.list__events__item--title p{
    padding:0 0 20px 20px !important;
    margin: 0 !important;


}
.list__events>li>div.list__events__item--title>span {
    font-size: 2.8rem;
    background: #fff;
    color: #0071bc;
    padding: .9rem 1.6rem;
    border-radius: 4px
}

@media only screen and (min-width:681px) {
    .list__events>li>div.list__events__item--title>span {
        font-size: 1.6rem;
        padding: .4rem .8rem
    }
}

.list__events>li>div.list__events__item--title>h3 {
    padding: 1.2rem 0 0;
    margin: 0;
    font-size: 2.8rem;
    font-weight: 400
}

@media only screen and (min-width:681px) {
    .list__events>li>div.list__events__item--title>h3 {
        padding: .8rem 0 0;
        font-size: 1.8rem
    }
}

.list__about__image {
    padding-top: 56px
}

.list__about__image:after {
    content: "";
    display: block;
    padding-top: 150%
}

.list__about__image>li {
    position: relative
}

.list__about__image>li:nth-child(1) {
    width: 47.1%;
    float: right;
    margin-right: 5%
}

.list__about__image>li:nth-child(2) {
    width: 57.1%;
    float: left;
    margin-top: -25%;
    z-index: 10
}

.list__about__image>li:nth-child(3) {
    width: 68.5%;
    float: right;
    margin-top: -25%
}

.list__about__image>li:nth-child(4) {
    width: 45.7%;
    float: left;
    margin-top: -25%
}

.list__about__image>li>img {
    aspect-ratio: 1/1;
    border-radius: 50%
}

.list__reason {
    margin-top: 80px
}

.list__reason>li {
    position: relative;
    padding: 24px;
    margin: 40px auto 80px;
    width: calc(100% - 80px);
    background: #fffef0;
    border-radius: 4px;
    box-shadow: 5px 7px 0 0 #003a5f
}

.list__reason>li>strong {
    position: absolute;
    background-image: url(../img/bg_reason_label.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 4rem;
    font-family: "M PLUS 1p", sans-serif;
    font-size: 6rem;
    color: #fff;
    top: -6rem;
    left: -3rem
}

@media only screen and (min-width:681px) {
    .list__reason>li>strong {
        padding: 2.4rem;
        font-size: 4rem;
        top: -5rem;
        left: -2rem
    }
}

.list__reason>li>h3 {
    margin: 1.4rem 0;
    font-size: 4rem;
    font-weight: 700;
    color: #0071bc
}

@media only screen and (min-width:681px) {
    .list__reason>li>h3 {
        margin: 1.4rem 0;
        font-size: 3rem
    }
}

.list__reason>li p {
    padding: 0
}

.list__price,
.list__price__course {
    width: 100%;
    color: #000
}

.list__price>li {
    width: 100%;
    margin: 20px 0;
    padding: 4px;
    background-color: #0071bc;
    border-radius: 4px
}

.list__price>li>h4 {
    text-align: center;
    font-size: 3rem;
    color: #fff
}

@media only screen and (min-width:681px) {
    .list__price>li>h4 {
        font-size: 2rem
    }
}

.list__price>li>div {
    background-color: #fff;
    padding: 1.5rem
}

.list__price>li>div>div {
    width: calc(50% - 3rem);
    font-size: 2rem;
    text-align: center
}

.list__price>li>div p {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: 700
}

.list__price>li>div strong {
    font-size: 3rem;
    color: #020725
}

@media only screen and (min-width:681px) {
    .list__price>li>div strong {
        font-size: 2rem
    }
}

.list__price>li>div strong span {
    font-size: 8rem;
    color: #f24e7f;
    margin-right: 1rem
}

@media only screen and (min-width:681px) {
    .list__price>li>div strong span {
        font-size: 4.2rem
    }
}

.list__price>li.list__price--enrollment {
    background-color: #06c1d6
}

.list__price>li.list__price--enrollment strong,
.list__price__course>li.list__price__course--enloll strong {
    color: #06c1d6
}

.list__price>li.list__price--experience {
    background-color: #f24e7f
}

.list__price>li.list__price--experience>div {
    display: flex;
    justify-content: center;
    flex-flow: column
}

.list__price>li.list__price--experience>div>div:first-child {
    width: 100%;
    color: #f24e7f
}

.list__price>li.list__price--experience>div>div:last-child {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.list__price>li.list__price--experience>div>div:last-child>div {
    width: calc(100% - 10px);
    border: 1px solid #000
}

@media only screen and (min-width:681px) {
    .list__price>li.list__price--experience>div>div:last-child>div {
        width: calc(100% - 40px)
    }
}

.list__price>li.list__price--experience>div>div:last-child>div>span {
    display: block;
    width: 100%;
    background-color: #efefef;
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media only screen and (min-width:681px) {
    .list__price>li.list__price--experience>div>div:last-child>div>span {
        font-size: 1.2rem;
        line-height: 2rem
    }
}

.list__price>li.list__price--experience>div>div:last-child>div>ul>li {
    list-style: disc inside;
    font-size: 2.4rem;
    line-height: 2.8rem;
    text-align: left;
    padding: 0 0 0 2.4rem
}

@media only screen and (min-width:681px) {
    .list__price>li.list__price--experience>div>div:last-child>div>ul>li {
        font-size: 1.2rem;
        line-height: 2rem;
        padding: 0 0 0 2rem
    }
}

.list__price>li.list__price--experience>div>p {
    width: calc(100% - 4rem);
    margin-left: 4rem;
    text-align: left;
    font-weight: 300
}

@media only screen and (min-width:681px) {
    .list__price>li.list__price--experience>div>p {
        font-size: 1.6rem
    }
}

.list__price>li.list__price--guarantee {
    background-color: #25c770
}

.list__price>li.list__price--guarantee>div strong {
    color: #f24e7f
}

.list__price__course>li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px 0;
    padding: 4px;
    background-color: #0071bc;
    border-radius: 4px
}

.list__price__course>li>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    color: #fff;
    text-align: center
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:first-child {
        width: 25%
    }
}

.list__price__course>li>div:first-child>div>h4 {
    display: inline-block;
    font-size: 3.4rem;
    margin: 0;
    color: #fff;
    width: 100%;
    padding: 0
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:first-child>div>span {
        font-size: 1.4rem
    }

    .list__price__course>li>div:first-child>div>h4 {
        font-size: 2.2rem
    }
}

@media only screen and (min-width:681px) and (min-width:681px) {
    .list__price__course>li>div:first-child>div>h4 {
        font-size: 2.6rem
    }
}

.list__price__course>li>div:last-child {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: calc(70% - 1.5rem);
    background-color: #fff;
    padding-left: 1.5rem
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:last-child {
        width: calc(75% - 1.5rem)
    }
}

.list__price__course>li>div:last-child>div {
    display: inline-block;
    width: 100%
}

.list__price__course>li>div:last-child>div>strong {
    font-size: 5.6rem
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:last-child>div>strong {
        font-size: 4.2rem
    }
}

.list__price__course>li>div:last-child>div>span {
    margin-left: 1rem;
    font-size: 2.6rem;
    font-weight: 700;
    color: #020725
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:last-child>div>span {
        font-size: 2rem
    }
}

.list__price__course>li>div:last-child>p {
    display: block;
    width: 100%;
    margin: 1.6rem 2rem;
    padding: 0;
    font-size: 2.4rem;
    font-weight: 300;
    text-align: center
}

@media only screen and (min-width:681px) {
    .list__price__course>li>div:last-child>p {
        font-size: 1.6rem
    }
}

.list__price__course>li.list__price__course--enloll {
    background-color: #06c1d6
}

.list__question {
    margin-top: 40px;
    text-align: left
}

.list__question>li {
    background-color: #fffef0;
    margin-bottom: 20px;
    border-radius: 4px
}

.list__question>li>dl {
    width: calc(100% - 20px);
    padding: 0 10px
}

.list__question>li>dl>dt {
    display: flex;
    align-items: baseline;
    justify-content: center;
    width: 100%;
    padding-bottom: 20px
}

.list__question>li>dl>dt>span.list__question__num {
    display: inline-block;
    width: 14%;
    font-family: "M PLUS 1p", sans-serif;
    color: #f67756;
    font-size: 4rem;
    padding: 10px 10px 0;
    margin-left: -10px
}

@media only screen and (min-width:681px) {
    .list__question>li>dl>dt>span.list__question__num {
        font-size: 2.4rem
    }
}

.list__question>li>dl>dt>p {
    display: inline-block;
    width: 80.76%;
    font-size: 3.2rem;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:681px) {
    .list__question>li>dl>dt>p {
        font-size: 2.4rem
    }
}

.list__question>li>dl>dt>span.list__question__toggle {
    width: 9%;
    top: 1.4rem
}

@media only screen and (min-width:681px) {
    .list__question>li>dl>dt>span.list__question__toggle {
        top: .4rem
    }
}

.list__question>li>dl .list__question__toggle {
    cursor: pointer
}

.list__question>li>dl>dd {
    position: relative;
    display: none;
    font-size: 2.8rem;
    padding: 0 20px 20px
}

@media only screen and (min-width:681px) {
    .list__question>li>dl>dd {
        font-size: 1.6rem
    }
}

.list__question>li>dl>dd>strong {
    display: block;
    margin-bottom: 20px;
    font-size: 3.8rem;
    font-weight: 400;
    color: #f67756
}

@media only screen and (min-width:681px) {
    .list__question>li>dl>dd>strong {
        font-size: 2.8rem
    }
}

.list__question>li>dl>dd.toggle__content__close {
    animation: disappear .5s ease
}

.list__question>li>dl>dd.toggle__content__open {
    display: block;
    animation: appear .5s ease
}

.list__question>li:last-child {
    margin-bottom: 0
}

.list__interview {
    padding-top: 40px;
    text-align: left
}

.list__interview>li {
    position: relative;
    margin-bottom: 40px;
    background-color: #effafc;
    overflow: hidden;
    border-radius: 4px
}

.list__interview>li>dl {
    padding: 15px
}

.list__interview>li>dl>dt {
    display: flex
}

.list__interview>li>dl>dt>.list__interview__img {
    width: 25%
}

.list__interview>li>dl>dt>.list__interview__img>img {
    border-radius: 50%
}

.list__interview>li>dl>dt>.list__interview__summary {
    width: calc(75% - 10px);
    padding-left: 10px;
    font-size: 2.4rem;
    font-weight: 700
}

.list__interview>li>dl>dt>.list__interview__summary>span list__interview__summary__initial {
    display: inline-block
}

.list__interview>li>dl>dt>.list__interview__summary>dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    text-align: left;
    margin-bottom: 1rem
}

.list__interview>li>dl>dt>.list__interview__summary>dl>dt {
    display: inline-block;
    width: 22rem
}

@media only screen and (min-width:681px) {
    .list__interview>li>dl>dt>.list__interview__summary>dl>dt {
        width: 14rem
    }
}

.list__interview>li>dl>dt>.list__interview__summary>dl>dd {
    display: inline-block;
    width: calc(100% - 22rem)
}

@media only screen and (min-width:681px) {
    .list__interview>li>dl>dt>.list__interview__summary>dl>dd {
        width: calc(100% - 14rem)
    }

    .list__interview>li>dl>dt>.list__interview__summary {
        font-size: 1.4rem
    }
}

.list__interview>li>dl>dd.list__interview__content {
    overflow: hidden;
    position: relative;
    transition: max-height 1s linear
}

.list__interview>li>dl>dd.list__interview__content>p {
    padding: 0;
    font-size: 2.8rem;
    line-height: 4rem
}

@media only screen and (min-width:681px) {
    .list__interview>li>dl>dd.list__interview__content>p {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.list__interview>li>dl>dd.list__interview__content.is__hide {
    max-height: 200px
}

.list__interview>li>dl>dd.list__interview__content.is__hide:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 250, 252, 0)), color-stop(60%, rgba(239, 250, 252, .9)), color-stop(80%, rgba(239, 250, 252, .9)), to(#effafc));
    background: linear-gradient(to bottom, rgba(239, 250, 252, 0) 0, rgba(239, 250, 252, .9) 60%, rgba(239, 250, 252, .9) 80%, #effafc 100%)
}

.list__interview>li>dl>dd.list__interview__content.is__open {
    max-height: 3000px
}

.list__interview>li>.list__interview__toggle {
    position: absolute;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    background-color: #0071bc;
    bottom: -36px;
    right: -36px;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}

.list__interview>li>.list__interview__toggle>.toggle__open {
    display: inline-block;
    margin: 0 0 -10px -28px
}

@media only screen and (min-width:681px) {
    .list__interview>li>.list__interview__toggle>.toggle__open {
        margin: 0 0 -6px -28px
    }
}

.list__interview>li>.list__interview__toggle>.toggle__open:after,
.list__interview>li>.list__interview__toggle>.toggle__open:before {
    background-color: #fff
}

.list__footer__store-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 40px 0;
    font-size: 2.8rem;
    text-align: left
}

@media only screen and (min-width:681px) {
    .list__footer__store-detail {
        font-size: 1.6rem
    }
}

.list__footer__store-detail>dt {
    width: 25%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .8)
}

.list__footer__store-detail>dd:last-of-type,
.list__footer__store-detail>dt:last-of-type {
    border-bottom: none
}

.list__footer__store-detail>dd {
    width: 75%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: .5px solid rgba(255, 255, 255, .8)
}
@media only screen and (min-width:681px) {
.list__footer__store-detail>dd .sp{
    display: none;
}
}
.list__price__method {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

@media only screen and (min-width:681px) {
    .list__price__method {
        padding-top: 1.8rem
    }
}

.list__price__method>li {
    text-align: center;
    display: block;
    margin: 0 0 8px;
    width: 100%
}

.list__price__method>li>span {
    display: inline-block;
    position: relative;
    padding: 1.2rem 0
}

@media only screen and (min-width:681px) {
    .list__price__method>li>span {
        padding: .6rem 0
    }
}

.list__price__method>li>span.list__price__method--item {
    width: 68.57%;
    max-width: 240px;
    background-color: #f9cc00;
    border-radius: 20px;
    color: #00a1ea;
    font-size: 3.6rem;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    .list__price__method>li>span.list__price__method--item {
        max-width: 440px;
        font-size: 2.6rem
    }
}

.list__price__method>li>span.list__price__method--plus {
    content: none;
    width: 5rem;
    height: 5rem
}

@media only screen and (min-width:681px) {
    .list__price__method>li>span.list__price__method--plus {
        width: 2.6rem;
        height: 2.6rem
    }
}

.list__price__method>li>span.list__price__method--title {
    font-size: 4.2rem;
    font-weight: 700;
    color: #f9cc00
}

@media only screen and (min-width:681px) {
    .list__price__method>li>span.list__price__method--title {
        font-size: 3.2rem
    }
}

.list__price__method>li>span.list__price__method--title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3rem;
    bottom: -.4rem;
    left: 0;
    background-image: url(../img/title_line_dbl.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

@media only screen and (min-width:681px) {
    .list__price__method>li>span.list__price__method--title:after {
        bottom: -1rem
    }
}

.list__price__cource,
.list__price__cource>li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.list__price__cource>li {
    flex-flow: column;
    width: 33.33%;
    padding: 8px 0 20px;
    text-align: center;
    font-size: 2.6rem
}

@media only screen and (min-width:681px) {
    .list__price__cource>li {
        font-size: 1.6rem
    }
}

.list__price__cource>li:nth-child(1) {
    background-color: #b2cf00
}

.list__price__cource>li:nth-child(1)>span {
    color: #b2cf00
}

.list__price__cource>li:nth-child(2) {
    background-color: #fccf00
}

.list__price__cource>li:nth-child(2)>span {
    color: #fccf00
}

.list__price__cource>li:nth-child(3) {
    background-color: #f19226
}

.list__price__cource>li:nth-child(3)>span {
    color: #f19226
}

.list__price__cource>li>strong {
    display: inline-block;
    font-size: 3.6rem
}

@media only screen and (min-width:681px) {
    .list__price__cource>li>strong {
        font-size: 2.6rem
    }
}

.list__price__cource>li>span {
    display: inline-block;
    padding: 4px 2.4rem;
    margin-top: 8px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 2.6rem;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    .list__price__cource>li>span {
        font-size: 1.6rem
    }
}

.list__price__cource--detail {
    display: block;
    background-color: #fff
}

.list__price__cource--detail>div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 12px
}

.list__price__cource--detail>div>span.list__price__cource--detail--badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.6rem;
    color: #fff;
    border-radius: 50%;
    background-color: #00a1ea
}

@media only screen and (min-width:681px) {
    .list__price__cource--detail>div>span.list__price__cource--detail--badge {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.6rem
    }
}

.list__price__cource--detail>div>strong {
    display: inline-block;
    color: #06c1d6;
    font-size: 6rem;
    margin: 0 1.3rem 0 .7rem
}

@media only screen and (min-width:681px) {
    .list__price__cource--detail>div>strong {
        font-size: 4.2rem
    }
}

.list__price__cource--detail>div>strong>span.list__price__cource--detail--unit {
    margin-left: 1rem;
    font-size: 2.6rem;
    color: #020725;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    .list__price__cource--detail>div>strong>span.list__price__cource--detail--unit {
        font-size: 2rem
    }
}

.list__price__cource--detail>p {
    padding: 1.3rem 0;
    margin: 0;
    font-size: 2.6rem;
    font-weight: 300;
    color: #020725;
    text-align: center
}

@media only screen and (min-width:681px) {
    .list__price__cource--detail>p {
        font-size: 1.6rem
    }
}

.list__price__ticket {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column;
    width: calc(100% - 6rem);
    padding: 1.5rem 3rem;
    background-color: #fff;
    border-radius: 4px
}

@media only screen and (min-width:681px) {
    .list__price__ticket {
        width: calc(100% - 4rem);
        padding: 1rem 1.5rem
    }
}

.list__price__ticket>li {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 1.5rem 0;
    color: #020725;
    font-size: 2.6rem
}

@media only screen and (min-width:681px) {
    .list__price__ticket>li {
        padding: .5rem 0
    }
}

.list__price__ticket>li>div {
    display: flex;
    align-items: center;
    text-align: left
}

.list__price__ticket>li>div:nth-child(1) {
    width: 20%
}

.list__price__ticket>li>div:nth-child(1)>span {
    display: inline-block;
    min-width: 6rem;
    padding: .5rem 1rem;
    background-color: #00a1ea;
    border-radius: 4px;
    color: #fff;
    font-weight: 700;
    text-align: center
}

@media only screen and (min-width:681px) {
    .list__price__ticket>li>div:nth-child(1)>span {
        min-width: 4rem;
        font-size: 1.6rem
    }
}

.list__price__ticket>li>div:nth-child(2) {
    width: 40%;
    text-align: right;
    align-items: baseline;
    font-weight: 700
}

@media only screen and (min-width:681px) {
    .list__price__ticket>li>div:nth-child(2) {
        font-size: 2rem
    }
}

.list__price__ticket>li>div:nth-child(2)>strong {
    align-items: center;
    font-size: 5.6rem;
    color: #06c1d6;
    margin-right: 1rem
}

@media only screen and (min-width:681px) {
    .list__price__ticket>li>div:nth-child(2)>strong {
        font-size: 4.2rem
    }
}

.list__price__ticket>li>div:nth-child(3) {
    width: calc(40% - 2rem);
    padding-left: 2rem;
    font-weight: 300
}

.list__price__ticket>li>div:nth-child(3) {
    font-size: 2.2rem
}

@media only screen and (min-width:681px) {
    .list__price__ticket>li>div:nth-child(3) {
        font-size: 1.4rem
    }
}

.list__belong {
    display: flex;
    justify-content: flex-start;
    padding: 2.6rem 0
}

@media only screen and (min-width:681px) {
    .list__belong {
        padding: 1rem 0
    }
}

.list__belong>li {
    display: flex;
    justify-content: center;
    margin-right: 3.2rem;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 4.8rem
}

@media only screen and (min-width:681px) {
    .list__belong>li {
        font-size: 1.6rem
    }
}

.list__belong>li>img {
    width: 4.8rem;
    margin-right: .8rem
}

@media only screen and (min-width:681px) {
    .list__belong>li>img {
        width: 3.6rem
    }
}

.list__belong>li:last-child {
    margin-right: 0
}

article>footer.body__footer {
    background-color: #0071bc;
    padding-bottom: 30%;
}

article>footer.body__footer>div {
    max-width: calc(100% - 40px);
    padding: 40px 0 20px;
    margin: 0 auto
}

article>footer.body__footer>div>.body__footer__shop {
    text-align: center;
    color: #fff;
    margin-bottom: 20px
}

article>footer.body__footer>div>.body__footer__shop>p {
    font-size: 4rem
}

article>footer.body__footer>div>.body__footer__shop>.body__footer__shop__logo {
    margin: 20px auto;
    width: 70%
}

article>footer.body__footer>div>p {
    padding: 0;
    margin: 0 0 80px;
    color: #fff
}

article>footer.body__footer>div>iframe {
    width: 100%;
    height: 280px
}

article>footer.body__footer>div .footer-copy {
    margin: 1.4rem 0 0;
    padding: .8rem 0;
    text-align: center;
    font-size: 1.8rem
}

@media screen and (min-width:681px) {
    article>footer.body__footer>div>.body__footer__shop>p {
        font-size: 2rem
    }

    article>footer.body__footer>div>.body__footer__shop>p>strong {
        font-size: 3rem
    }

    article>footer.body__footer>div>iframe {
        height: 420px
    }

    article>footer.body__footer>div .footer-copy {
        padding: 0;
        font-size: 1.4rem
    }
}

.header {
    position: fixed;
    width: 100%;
    /*background: linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, .7) 60%, transparent 100%);*/
    background: #fff;
    z-index: 100
}

@media only screen and (min-width:681px) {
    .header {
        background: 0 0
    }
}

.header__logo,
.header__nav ul {
    padding: 0;
    display: flex;
    align-items: center
}

.header__logo {
    position: relative;
    justify-content: center;
    margin: 10px;
    width: 40rem;
    max-width: 300px;
    z-index: 200;
    text-align: center
}

.header__logo span {
    display: inline-block;
    padding-left: 1rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

.header__logo img {
    width: 60%;
    height: auto
}

.header__nav {
    position: fixed;
    width: calc(70vw - 80px)
}

.header__nav ul {
    margin: 0;
    justify-content: right;
    height: 80px
}

.header__nav ul li {
    display: inline-block;
    padding: 0 .5rem
}

.header__nav ul li a {
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    font-size: 3.4rem
}
.header__nav ul li a .small{

        color: #333;
        padding: 5px 20px;
            background: #fff;
            display: inline-block;
            margin-top: 12px;
            font-size:2.4rem;
            position: relative;
            top: -3px;
}

@media only screen and (min-width:681px) {
.header__nav ul li a .small{
            font-size:1.3rem;
        }
}
.header__nav ul li a img {
    max-width: 80px
}

@media only screen and (min-width:681px) {
    .header__nav ul li a img {
        max-width: 100px
    }
}

.header .nav-toggle {
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 10px;
    width: 80px;
    height: 80px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
    counter-increment: nav-toggle;
    background: #0071bc;
    transition: background-size .5s, background-color .5s;
    border-radius: 50%
}

.header .nav-toggle:hover {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .7) 100%);
    background-repeat: no-repeat;
    background-size: 200% 100%
}

.header .nav-toggle .menu-trigger {
    position: relative;
    width: 40px;
    min-height: 40px;
    background: 0 0;
    border: 0;
    appearance: none;
    cursor: pointer;
    margin: 26px 0
}

.header .nav-toggle .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px
}

.header .nav-toggle .menu-trigger span:nth-of-type(1) {
    top: 0;
    animation: .75s forwards
}

.header .nav-toggle .menu-trigger span:nth-of-type(2) {
    top: 12px;
    transition: all .25s .25s;
    opacity: 1
}

.header .nav-toggle .menu-trigger span:nth-of-type(3) {
    top: 24px;
    animation: menu07-bar03 .75s forwards
}

.header .nav-toggle .menu-trigger.active span:nth-of-type(1) {
    animation: active-menu07-bar01 .75s forwards
}

.header .nav-toggle .menu-trigger.active span:nth-of-type(2) {
    opacity: 0
}

.header .nav-toggle .menu-trigger.active span:nth-of-type(3) {
    animation: active-menu07-bar03 .75s forwards
}

#sp-menu {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    position: fixed;
    padding: 80px 0;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    width: 100vw;
    height: calc(100vh - 160px);
    background: linear-gradient(45deg, rgba(0, 113, 188, .8), rgba(156, 175, 191, .3)), url(../img/menu_bg.webp);
    background-size: cover;
    transition: opacity .8s cubic-bezier(.175, .885, .32, 1.275);
    color: #fff
}

@media only screen and (min-width:681px) {
    #sp-menu {
        background: linear-gradient(45deg, #0071bc, #9cafbf)
    }
}

#sp-menu.active {
    visibility: visible;
    opacity: 1
}

#sp-menu li {
    list-style: none;
    padding: 2rem 0;
    margin: 0;
    text-align: center;
    transition: margin .8s cubic-bezier(.175, .885, .32, 1.275)
}

@media only screen and (min-width:681px) {
    #sp-menu li {
        padding: 1rem 0
    }
}

@media screen and (min-width:681px) {
    .header .nav-toggle .menu-trigger span {
        background-color: #fff
    }

    .header__logo {
        width: 80rem;
        max-width: 380px;
        z-index: 200
    }

    .header__logo span {
        display: inline-block;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .header__logo img {
        width: 60%;
        height: auto
    }

    .header__nav ul li a {
        font-size: 2rem
    }
}

article,
section.section {
    background-color: #fff;
    margin: 0
}

article {
    padding: 0;
    top: 0
}

article.content {
    max-width: 680px;
    margin: 0 auto;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .35)
}

section.section {
    padding: 40px 0;
    text-align: center
}

section.section>div {
    max-width: calc(100% - 40px);
    margin: 0 auto
}

section.section.section__padding__bottom {
    padding-bottom: 80px
}

section.section.section__margin__bottom {
    margin-bottom: 80px
}

.pc__bg,
.pc__bg:after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pc__bg:after {
    content: "";
    background-image: url(../img/bg_sample_1.webp);
    background-position: bottom;
    background-size: cover
}

#event {
    background-color: #0076c2;
    color: #fff
}

#voice {
    background: url(../img/section_bg_voice.webp);
    background-repeat: initial;
    text-align: left
}

#about {
    background: url(../img/section_bg_about.png);
    background-size: cover
}

#reason {
    background-color: rgba(250, 227, 0, .35)
}

#price {
    background-color: #00a1ea;
    color: #fff
}

#price>div>p {
    margin: 4.6rem 0;
    padding: 0
}

@media only screen and (min-width:681px) {
    #price>div>p {
        margin: 1.8rem 0
    }
}

#faq {
    background: url(../img/section_bg_interview.png);
    background-size: cover;
    text-align: left
}

#interview {
    background: url(../img/section_bg_voice.webp);
    background-repeat: initial;
    text-align: left
}

@media screen and (min-width:681px) {
    section.section>div>footer strong {
        font-size: 3.2rem
    }

    section.section.section__cv div {
        line-height: 2.8rem
    }
}

.main-navigation {
    display: block;
    width: 100%
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999rem;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999rem;
    top: 0
}

.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
    display: block;
    left: auto
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation li,
article,
section.section {
    position: relative
}

.main-navigation a {
    display: block;
    text-decoration: none
}

.main-navigation.toggled ul,
.menu-toggle {
    display: block
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: flex
    }
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
    margin: 0 0 1.5rem
}

.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.reflection,
.toggle__open {
    position: relative
}

.toggle__open:after,
.toggle__open:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 18px;
    left: 50%;
    top: calc(50% - 25px);
    background-color: #f67756
}

.toggle__open:after {
    transform: rotate(90deg)
}

.toggle__open.show:before {
    opacity: 0
}

.toggle__open.show:after {
    transform: rotate(270deg);
    transition-duration: 500ms
}

.toggle__open.close:after {
    transform: rotate(90deg);
    transition-duration: 500ms
}

.reflection {
    display: inline-block;
    overflow: hidden
}

.reflection:after {
    content: "";
    height: 100%;
    width: 30px;
    position: absolute;
    top: -180px;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 3s ease-in-out infinite
}

.bounce {
    animation: fuwafuwa 3s ease-in-out infinite alternate;
    display: inline-block;
    transition: 1.5s ease-in-out
}

.bounce.delay-1000 {
    animation-delay: 1000ms
}

.bounce.delay-2000 {
    animation-delay: 2000ms
}

.voice__person {
    display: flex;
    position: relative;
    margin: 0 0 120px
}

.voice__person>div.voice__img {
    position: relative;
    background-image: url(../img/interview_01.webp);
    background-size: 100%;
    background-position: 50% 50%;
    width: 50%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    object-fit: cover;
    object-position: 100% 100%;
    top: 0;
    right: 0;
    margin-left: -50%
}

.voice__person>div.voice__description {
    position: relative;
    width: calc(100% - 8rem);
    background: url(../img/voice_bg_descrition.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    font-size: 2.4rem;
    padding: 6rem 4rem;
    bottom: -80px
}

@media only screen and (min-width:681px) {
    .voice__person>div.voice__description {
        font-size: 1.4rem;
        padding: 4rem
    }
}

.voice__person>div.voice__description>span {
    font-weight: 700;
    font-size: 3rem;
    line-height: 4rem;
    background: linear-gradient(transparent 75%, rgba(250, 227, 0, .8) 75%)
}

@media only screen and (min-width:681px) {
    .voice__person>div.voice__description>span {
        font-size: 2.2rem;
        line-height: 4rem
    }
}

.voice__anker {
    display: inline-block;
    width: 100%;
    margin: 40px 0 0
}

.price__img {
    margin: 40px 0 28px
}

.section__lead {
    background: rgba(255, 255, 255, .7);
    border-radius: 16px;
    padding: 1rem 1.8rem
}

.align__center {
    text-align: center;
    padding: 0
}

.mt-20 {
    margin-top: 20px
}

.mb-40,
.mb-80 {
    margin-bottom: 80px
}

.w-80 {
    width: 80%
}

.pd-0 {
    padding: 0
}

@media screen and (min-width:681px) {
    .pc-none {
        display: none !important
    }

    .contact__tel {
        font-size: 6rem
    }

    .contact__tel>img {
        width: 4.2rem
    }
}

@media screen and (max-width:680px) {
    .sp-none {
        display: none !important
    }
}

div.vid_contents {
    width: 100%;
    text-align: center;
    margin: 0 0 -10px 0;

}

video.vid_main {
    width: 100%;
    max-width: 680px;

}

.taiken_btn{
background: url(../img/taiken_bg.png) repeat-y;
background-size: 100% auto;
        text-align: center;
padding-bottom: 8%;
}
.taiken_btn a{
    background-color: #06bd55;
    box-shadow: 2px 3px 0 0 #3f2511;
    color: #fff;
        border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    width:78%;
    text-align: center;
    display: inline-block;
    text-decoration: none;
            padding: 20px 20px;
            font-size: 2.6rem;
            font-weight: bold;

}
.taiken_btn.event{
    background: none;
    padding-top: 8%;
    padding-bottom: 0%;
}
@media screen and (max-width:680px) {
.taiken_btn a{
    font-size: 5.8vw;
    width: 85%;
    padding: 20px 0;
}
#event .taiken_btn a{
    width: 92%;

}
}
.first-view img{
    vertical-align: top;
}
/*
@media screen and (max-width:1200px) {
.first-view .fv_top{
    background: #002b7c linear-gradient(to bottom, #fff 0, rgba(255, 255, 255, .6) 60%, transparent 100%);;
    width: 100%;
    height: 100px;
}
}
*/
@media screen and (max-width:680px) {
.first-view .fv_top{
    background: #002b7c;
    width: 100%;
/*    height: 80px;*/
height: 65px;
}
}

#trial {
    background-color: rgba(250, 227, 0, .35);
}
#trial div.inner{
    padding: 20px 20px 0;
    margin: 20px auto 60px;
    width: calc(100% - 80px);
    background: #fffef0;
    border-radius: 4px;
    box-shadow: 5px 7px 0 0 #a1c0d3;
}
#trial div.inner:last-child{
    margin-bottom: 20px;
}
#trial div img{
    padding: 0 0 25px;
    vertical-align: bottom;
}
@media only screen and (min-width:681px) {
    #trial div.inner{
        padding: 25px 25px 0;
        margin: 20px auto 60px;
        width: calc(100% - 120px);

    }
}