@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@500;700&display=swap";

.font-en {
    font-family: Roboto, Noto Sans JP, sans-serif
}

/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
:before,
:after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.54545455;
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

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

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

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

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

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

@-webkit-keyframes SHIP_YURA {
    0% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    25% {
        -webkit-transform: rotate(-10deg) translate(0, -3px);
        transform: rotate(-10deg) translate(0, -3px)
    }

    50% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    75% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    100% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }
}

@keyframes SHIP_YURA {
    0% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    25% {
        -webkit-transform: rotate(-10deg) translate(0, -3px);
        transform: rotate(-10deg) translate(0, -3px)
    }

    50% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    75% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }

    100% {
        -webkit-transform: rotate(0deg) translate(0, 0);
        transform: rotate(0deg) translate(0, 0)
    }
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
    opacity: .6
}

.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports(-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .ps {
        overflow: auto !important
    }
}

.ps__rail-y {
    position: absolute;
    top: 0;
    right: 0;
    left: auto !important
}

@media screen and (max-width:768px) {
    .ps__rail-y {
        display: none !important;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width:768px) {
    .js-scrollbar {
        overflow-y: scroll
    }
}

.js-scrollbar.ps.ps--active-y .ps__rail-y {
    display: block;
    opacity: 1;
    width: 4px
}

.js-scrollbar.ps.ps--active-y .ps__rail-y .ps__thumb-y {
    background-color: rgba(146, 188, 217, .5);
    border-radius: 0;
    width: 3px;
    right: 1px
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: auto;
    font-size: 16px;
    font-family: Noto Sans JP, sans-serif;
    color: #333;
    background-color: #fff;
    background-size: 100% auto;
    position: relative;
    min-width: 1000px
}

@media screen and (max-width:768px) {
    body {
        min-width: inherit
    }
}

.inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}

#wrapper {
    overflow: hidden
}

a {
    color: #5a4138;
    text-decoration: none;
    opacity: 1;
    transition: opacity .25s ease-out
}

a:hover {
    color: inherit;
    text-decoration: none;
    opacity: .75
}

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

div,
span,
p,
h1,
h2,
h3,
h4,
figure {
    padding: 0;
    margin: 0;
}

div:focus,
span:focus,
p:focus,
h1:focus,
h2:focus,
h3:focus,
h4:focus,
figure:focus {
    outline: none
}

br.is-pc {
    display: block
}

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

br.is-sp {
    display: none
}

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

button {
    width: 100%;
    background-color: transparent;
    padding: 0;
    font-weight: 700;
    font-size: 10px;
    color: #fff;
    background-color: #0f4368;
    letter-spacing: .23em
}

.is-pc {
    display: block !important
}

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

.is-sp {
    display: none !important
}

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

input {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none
}

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

input[type=text],
input[type=tel],
input[type=email],
textarea,
select {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 2px;
    width: 100%;
    padding: 0 10px;
    font-size: 1.4rem;
    box-shadow: none;
    outline: none;
    background-color: none
}

input[type=text],
input[type=tel],
input[type=email],
select {
    height: 50px;
    line-height: 50px
}

@media screen and (max-width:768px) {

    input[type=text],
    input[type=tel],
    input[type=email],
    select {
        height: 40px;
        line-height: 40px
    }
}

textarea {
    min-height: 182px;
    height: 182px;
    padding: 15px;
    font-size: 1.4rem
}

input::-webkit-input-placeholder {
    color: #d2d2d2;
    font-size: 1.8rem
}

@media screen and (max-width:768px) {
    input::-webkit-input-placeholder {
        font-size: 1.2rem
    }
}

input:-moz-placeholder {
    color: #d2d2d2;
    font-size: 1.8rem
}

@media screen and (max-width:768px) {
    input:-moz-placeholder {
        font-size: 1.2rem
    }
}

input::-moz-placeholder {
    color: #d2d2d2;
    font-size: 1.8rem
}

@media screen and (max-width:768px) {
    input::-moz-placeholder {
        font-size: 1.2rem
    }
}

input:-ms-input-placeholder {
    color: #d2d2d2;
    font-size: 1.8rem
}

@media screen and (max-width:768px) {
    input:-ms-input-placeholder {
        font-size: 1.2rem
    }
}

dl,
dt,
dd {
    padding: 0;
    margin: 0
}

.swiper-container {
    width: 100%;
    height: 100%
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

section.is-toggle .p-reason__bg {
    height: 100%
}

section.is-toggle:before {
    display: block;
    pointer-events: none;
    opacity: 0 !important
}

section.is-toggle:after {
    display: block;
    pointer-events: none;
    opacity: 0 !important
}

section.is-toggle.is-active .p-reason__bg {
    height: 50%
}

section.is-toggle.is-active:before {
    opacity: 1 !important;
    transition: all .01s .4s
}

section.is-toggle.is-active:after {
    opacity: 1 !important;
    transition: all .01s .4s
}

.js-accordion-in {
    display: none;
    overflow: hidden;
    margin: 60px 0 0
}

@media screen and (max-width:768px) {
    .js-accordion-in {
        margin: 45px 0 0
    }
}

@-webkit-keyframes ICON_DOWN {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -10px) scaleX(.5) scaleY(1);
        transform: translate(0, -10px) scaleX(.5) scaleY(1)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scaleX(1.5) scaleY(.5);
        transform: translate(0, 0) scaleX(1.5) scaleY(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scaleX(1) scaleY(1);
        transform: translate(0, 0) scaleX(1) scaleY(1)
    }
}

@keyframes ICON_DOWN {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -10px) scaleX(.5) scaleY(1);
        transform: translate(0, -10px) scaleX(.5) scaleY(1)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scaleX(1.5) scaleY(.5);
        transform: translate(0, 0) scaleX(1.5) scaleY(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0) scaleX(1) scaleY(1);
        transform: translate(0, 0) scaleX(1) scaleY(1)
    }
}

.fadeIn {
    opacity: 0
}

.fadeInUp {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
}

.fadeInUpOver {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.fadeInDown {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    opacity: 0
}

.fadeInDownOver {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0
}

.fadeInLeft {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0
}

.fadeInLeftOver {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0
}

.fadeInRight {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
}

.fadeInRightOver {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0
}

.fadeInRightSkew {
    -webkit-transform: translateX(30px) skewX(-10deg);
    transform: translateX(30px) skewX(-10deg);
    opacity: 0
}

.fadeInLeftSkew {
    -webkit-transform: translateX(-30px) skewX(10deg);
    transform: translateX(-30px) skewX(10deg);
    opacity: 0
}

.maskSlideIn {
    -webkit-transform: translate(-120%, 0);
    transform: translate(-120%, 0);
    overflow: hidden
}

@media screen and (max-width:768px) {
    .maskSlideIn {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.maskSlideIn .js-inner {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media screen and (max-width:768px) {
    .maskSlideIn .js-inner {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.scaleBaloon {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    opacity: 0
}

.scaleUpIn {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.scaleUpInOver {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    opacity: 0
}

.scaleDownIn {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
    opacity: 0
}

.scaleDownInOver {
    -webkit-transform: scale(1.15) translate(-30px, 0);
    transform: scale(1.15) translate(-30px, 0);
    opacity: 0
}

.scalePop {
    -webkit-transform: scale(.5) translate(-30px, 0) rotate(15deg);
    transform: scale(.5) translate(-30px, 0) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.slideIn {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.leanInLeft {
    opacity: 0;
    -webkit-transform: translate3d(-40px, -40px, 0) rotate(-15deg);
    transform: translate3d(-40px, -40px, 0) rotate(-15deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.inBtn .c-btn .top {
    -webkit-transform: skew(-40deg) scale(0);
    transform: skew(-40deg) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.inBtn .c-btn .right {
    -webkit-transform: skewY(-50deg) scale(0);
    transform: skewY(-50deg) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.inTitle svg path:nth-of-type(0),
.inTitle svg polygon:nth-of-type(0),
.inTitle svg rect:nth-of-type(0) {
    opacity: 0;
    -webkit-transform: translate(-14px, 51px);
    transform: translate(-14px, 51px)
}

.inTitle svg path:nth-of-type(1),
.inTitle svg polygon:nth-of-type(1),
.inTitle svg rect:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(-44px, 23px);
    transform: translate(-44px, 23px)
}

.inTitle svg path:nth-of-type(2),
.inTitle svg polygon:nth-of-type(2),
.inTitle svg rect:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(-44px, 99px);
    transform: translate(-44px, 99px)
}

.inTitle svg path:nth-of-type(3),
.inTitle svg polygon:nth-of-type(3),
.inTitle svg rect:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translate(-28px, 72px);
    transform: translate(-28px, 72px)
}

.inTitle svg path:nth-of-type(4),
.inTitle svg polygon:nth-of-type(4),
.inTitle svg rect:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(-34px, 43px);
    transform: translate(-34px, 43px)
}

.inTitle svg path:nth-of-type(5),
.inTitle svg polygon:nth-of-type(5),
.inTitle svg rect:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(-31px, 74px);
    transform: translate(-31px, 74px)
}

.inTitle svg path:nth-of-type(6),
.inTitle svg polygon:nth-of-type(6),
.inTitle svg rect:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(-28px, 79px);
    transform: translate(-28px, 79px)
}

.inTitle svg path:nth-of-type(7),
.inTitle svg polygon:nth-of-type(7),
.inTitle svg rect:nth-of-type(7) {
    opacity: 0;
    -webkit-transform: translate(-26px, 28px);
    transform: translate(-26px, 28px)
}

.inTitle svg path:nth-of-type(8),
.inTitle svg polygon:nth-of-type(8),
.inTitle svg rect:nth-of-type(8) {
    opacity: 0;
    -webkit-transform: translate(-3px, 13px);
    transform: translate(-3px, 13px)
}

.inTitle svg path:nth-of-type(9),
.inTitle svg polygon:nth-of-type(9),
.inTitle svg rect:nth-of-type(9) {
    opacity: 0;
    -webkit-transform: translate(-69px, 75px);
    transform: translate(-69px, 75px)
}

.inTitle svg path:nth-of-type(10),
.inTitle svg polygon:nth-of-type(10),
.inTitle svg rect:nth-of-type(10) {
    opacity: 0;
    -webkit-transform: translate(-70px, 88px);
    transform: translate(-70px, 88px)
}

.inTitle svg path:nth-of-type(11),
.inTitle svg polygon:nth-of-type(11),
.inTitle svg rect:nth-of-type(11) {
    opacity: 0;
    -webkit-transform: translate(-1px, 76px);
    transform: translate(-1px, 76px)
}

.inTitle svg path:nth-of-type(12),
.inTitle svg polygon:nth-of-type(12),
.inTitle svg rect:nth-of-type(12) {
    opacity: 0;
    -webkit-transform: translate(-26px, 67px);
    transform: translate(-26px, 67px)
}

.inTitle svg path:nth-of-type(13),
.inTitle svg polygon:nth-of-type(13),
.inTitle svg rect:nth-of-type(13) {
    opacity: 0;
    -webkit-transform: translate(-2px, 51px);
    transform: translate(-2px, 51px)
}

.inTitle svg path:nth-of-type(14),
.inTitle svg polygon:nth-of-type(14),
.inTitle svg rect:nth-of-type(14) {
    opacity: 0;
    -webkit-transform: translate(-64px, 20px);
    transform: translate(-64px, 20px)
}

.inTitle svg path:nth-of-type(15),
.inTitle svg polygon:nth-of-type(15),
.inTitle svg rect:nth-of-type(15) {
    opacity: 0;
    -webkit-transform: translate(-76px, 24px);
    transform: translate(-76px, 24px)
}

.inTitle svg path:nth-of-type(16),
.inTitle svg polygon:nth-of-type(16),
.inTitle svg rect:nth-of-type(16) {
    opacity: 0;
    -webkit-transform: translate(-41px, 80px);
    transform: translate(-41px, 80px)
}

.inTitle svg path:nth-of-type(17),
.inTitle svg polygon:nth-of-type(17),
.inTitle svg rect:nth-of-type(17) {
    opacity: 0;
    -webkit-transform: translate(-73px, 71px);
    transform: translate(-73px, 71px)
}

.inTitle svg path:nth-of-type(18),
.inTitle svg polygon:nth-of-type(18),
.inTitle svg rect:nth-of-type(18) {
    opacity: 0;
    -webkit-transform: translate(-75px, 62px);
    transform: translate(-75px, 62px)
}

.inTitle svg path:nth-of-type(19),
.inTitle svg polygon:nth-of-type(19),
.inTitle svg rect:nth-of-type(19) {
    opacity: 0;
    -webkit-transform: translate(-59px, 71px);
    transform: translate(-59px, 71px)
}

.inTitle svg path:nth-of-type(20),
.inTitle svg polygon:nth-of-type(20),
.inTitle svg rect:nth-of-type(20) {
    opacity: 0;
    -webkit-transform: translate(-53px, 1px);
    transform: translate(-53px, 1px)
}

.inTitle svg path:nth-of-type(21),
.inTitle svg polygon:nth-of-type(21),
.inTitle svg rect:nth-of-type(21) {
    opacity: 0;
    -webkit-transform: translate(-7px, 31px);
    transform: translate(-7px, 31px)
}

.inTitle svg path:nth-of-type(22),
.inTitle svg polygon:nth-of-type(22),
.inTitle svg rect:nth-of-type(22) {
    opacity: 0;
    -webkit-transform: translate(-81px, 67px);
    transform: translate(-81px, 67px)
}

.inTitle svg path:nth-of-type(23),
.inTitle svg polygon:nth-of-type(23),
.inTitle svg rect:nth-of-type(23) {
    opacity: 0;
    -webkit-transform: translate(-58px, 21px);
    transform: translate(-58px, 21px)
}

.inTitle svg path:nth-of-type(24),
.inTitle svg polygon:nth-of-type(24),
.inTitle svg rect:nth-of-type(24) {
    opacity: 0;
    -webkit-transform: translate(-80px, 79px);
    transform: translate(-80px, 79px)
}

.inTitle svg path:nth-of-type(25),
.inTitle svg polygon:nth-of-type(25),
.inTitle svg rect:nth-of-type(25) {
    opacity: 0;
    -webkit-transform: translate(-29px, 5px);
    transform: translate(-29px, 5px)
}

.inList .inItem svg {
    -webkit-transform: translate(0, -10px) scaleX(.5);
    transform: translate(0, -10px) scaleX(.5);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.maskDown {
    overflow: hidden;
    position: relative
}

.maskDown:before {
    content: '';
    position: absolute;
    z-index: 10;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: #5a4138
}

.maskDown:after {
    content: '';
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.inShip {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0)
}

.is-invasion {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s ease-in, -webkit-transform .5s;
    transition: transform .5s, opacity .25s ease-in;
    transition: transform .5s, opacity .25s ease-in, -webkit-transform .5s
}

.is-invasion.maskSlideIn {
    transition: -webkit-transform .5s .2s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s .2s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s .2s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s .2s cubic-bezier(.7, 0, .3, 1)
}

.is-invasion.maskSlideIn .js-inner {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transition: -webkit-transform .5s .2s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s .2s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s .2s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s .2s cubic-bezier(.7, 0, .3, 1)
}

.is-invasion.inList .inItem:nth-of-type(0) svg {
    -webkit-animation: ICON_DOWN .5s 0s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 0s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(1) svg {
    -webkit-animation: ICON_DOWN .5s .1s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .1s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(2) svg {
    -webkit-animation: ICON_DOWN .5s .2s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .2s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(3) svg {
    -webkit-animation: ICON_DOWN .5s .3s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .3s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(4) svg {
    -webkit-animation: ICON_DOWN .5s .4s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .4s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(5) svg {
    -webkit-animation: ICON_DOWN .5s .5s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .5s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(6) svg {
    -webkit-animation: ICON_DOWN .5s .6s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .6s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(7) svg {
    -webkit-animation: ICON_DOWN .5s .7s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .7s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(8) svg {
    -webkit-animation: ICON_DOWN .5s .8s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .8s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(9) svg {
    -webkit-animation: ICON_DOWN .5s .9s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s .9s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(10) svg {
    -webkit-animation: ICON_DOWN .5s 1s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(11) svg {
    -webkit-animation: ICON_DOWN .5s 1.1s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.1s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(12) svg {
    -webkit-animation: ICON_DOWN .5s 1.2s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.2s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(13) svg {
    -webkit-animation: ICON_DOWN .5s 1.3s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.3s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(14) svg {
    -webkit-animation: ICON_DOWN .5s 1.4s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.4s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(15) svg {
    -webkit-animation: ICON_DOWN .5s 1.5s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.5s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(16) svg {
    -webkit-animation: ICON_DOWN .5s 1.6s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.6s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(17) svg {
    -webkit-animation: ICON_DOWN .5s 1.7s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.7s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(18) svg {
    -webkit-animation: ICON_DOWN .5s 1.8s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.8s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(19) svg {
    -webkit-animation: ICON_DOWN .5s 1.9s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 1.9s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inList .inItem:nth-of-type(20) svg {
    -webkit-animation: ICON_DOWN .5s 2s cubic-bezier(.7, 0, 1, 1) both;
    animation: ICON_DOWN .5s 2s cubic-bezier(.7, 0, 1, 1) both
}

.is-invasion.inTitle svg path:nth-of-type(0),
.is-invasion.inTitle svg polygon:nth-of-type(0),
.is-invasion.inTitle svg rect:nth-of-type(0) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .15s ease-in, -webkit-transform .5s .15s;
    transition: transform .5s .15s, opacity .25s .15s ease-in;
    transition: transform .5s .15s, opacity .25s .15s ease-in, -webkit-transform .5s .15s
}

.is-invasion.inTitle svg path:nth-of-type(1),
.is-invasion.inTitle svg polygon:nth-of-type(1),
.is-invasion.inTitle svg rect:nth-of-type(1) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .18s ease-in, -webkit-transform .5s .18s;
    transition: transform .5s .18s, opacity .25s .18s ease-in;
    transition: transform .5s .18s, opacity .25s .18s ease-in, -webkit-transform .5s .18s
}

.is-invasion.inTitle svg path:nth-of-type(2),
.is-invasion.inTitle svg polygon:nth-of-type(2),
.is-invasion.inTitle svg rect:nth-of-type(2) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .21s ease-in, -webkit-transform .5s .21s;
    transition: transform .5s .21s, opacity .25s .21s ease-in;
    transition: transform .5s .21s, opacity .25s .21s ease-in, -webkit-transform .5s .21s
}

.is-invasion.inTitle svg path:nth-of-type(3),
.is-invasion.inTitle svg polygon:nth-of-type(3),
.is-invasion.inTitle svg rect:nth-of-type(3) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .24s ease-in, -webkit-transform .5s .24s;
    transition: transform .5s .24s, opacity .25s .24s ease-in;
    transition: transform .5s .24s, opacity .25s .24s ease-in, -webkit-transform .5s .24s
}

.is-invasion.inTitle svg path:nth-of-type(4),
.is-invasion.inTitle svg polygon:nth-of-type(4),
.is-invasion.inTitle svg rect:nth-of-type(4) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .27s ease-in, -webkit-transform .5s .27s;
    transition: transform .5s .27s, opacity .25s .27s ease-in;
    transition: transform .5s .27s, opacity .25s .27s ease-in, -webkit-transform .5s .27s
}

.is-invasion.inTitle svg path:nth-of-type(5),
.is-invasion.inTitle svg polygon:nth-of-type(5),
.is-invasion.inTitle svg rect:nth-of-type(5) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .3s ease-in, -webkit-transform .5s .3s;
    transition: transform .5s .3s, opacity .25s .3s ease-in;
    transition: transform .5s .3s, opacity .25s .3s ease-in, -webkit-transform .5s .3s
}

.is-invasion.inTitle svg path:nth-of-type(6),
.is-invasion.inTitle svg polygon:nth-of-type(6),
.is-invasion.inTitle svg rect:nth-of-type(6) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .33s ease-in, -webkit-transform .5s .33s;
    transition: transform .5s .33s, opacity .25s .33s ease-in;
    transition: transform .5s .33s, opacity .25s .33s ease-in, -webkit-transform .5s .33s
}

.is-invasion.inTitle svg path:nth-of-type(7),
.is-invasion.inTitle svg polygon:nth-of-type(7),
.is-invasion.inTitle svg rect:nth-of-type(7) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .36s ease-in, -webkit-transform .5s .36s;
    transition: transform .5s .36s, opacity .25s .36s ease-in;
    transition: transform .5s .36s, opacity .25s .36s ease-in, -webkit-transform .5s .36s
}

.is-invasion.inTitle svg path:nth-of-type(8),
.is-invasion.inTitle svg polygon:nth-of-type(8),
.is-invasion.inTitle svg rect:nth-of-type(8) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .39s ease-in, -webkit-transform .5s .39s;
    transition: transform .5s .39s, opacity .25s .39s ease-in;
    transition: transform .5s .39s, opacity .25s .39s ease-in, -webkit-transform .5s .39s
}

.is-invasion.inTitle svg path:nth-of-type(9),
.is-invasion.inTitle svg polygon:nth-of-type(9),
.is-invasion.inTitle svg rect:nth-of-type(9) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .42s ease-in, -webkit-transform .5s .42s;
    transition: transform .5s .42s, opacity .25s .42s ease-in;
    transition: transform .5s .42s, opacity .25s .42s ease-in, -webkit-transform .5s .42s
}

.is-invasion.inTitle svg path:nth-of-type(10),
.is-invasion.inTitle svg polygon:nth-of-type(10),
.is-invasion.inTitle svg rect:nth-of-type(10) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .45s ease-in, -webkit-transform .5s .45s;
    transition: transform .5s .45s, opacity .25s .45s ease-in;
    transition: transform .5s .45s, opacity .25s .45s ease-in, -webkit-transform .5s .45s
}

.is-invasion.inTitle svg path:nth-of-type(11),
.is-invasion.inTitle svg polygon:nth-of-type(11),
.is-invasion.inTitle svg rect:nth-of-type(11) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .48s ease-in, -webkit-transform .5s .48s;
    transition: transform .5s .48s, opacity .25s .48s ease-in;
    transition: transform .5s .48s, opacity .25s .48s ease-in, -webkit-transform .5s .48s
}

.is-invasion.inTitle svg path:nth-of-type(12),
.is-invasion.inTitle svg polygon:nth-of-type(12),
.is-invasion.inTitle svg rect:nth-of-type(12) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .51s ease-in, -webkit-transform .5s .51s;
    transition: transform .5s .51s, opacity .25s .51s ease-in;
    transition: transform .5s .51s, opacity .25s .51s ease-in, -webkit-transform .5s .51s
}

.is-invasion.inTitle svg path:nth-of-type(13),
.is-invasion.inTitle svg polygon:nth-of-type(13),
.is-invasion.inTitle svg rect:nth-of-type(13) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .54s ease-in, -webkit-transform .5s .54s;
    transition: transform .5s .54s, opacity .25s .54s ease-in;
    transition: transform .5s .54s, opacity .25s .54s ease-in, -webkit-transform .5s .54s
}

.is-invasion.inTitle svg path:nth-of-type(14),
.is-invasion.inTitle svg polygon:nth-of-type(14),
.is-invasion.inTitle svg rect:nth-of-type(14) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .57s ease-in, -webkit-transform .5s .57s;
    transition: transform .5s .57s, opacity .25s .57s ease-in;
    transition: transform .5s .57s, opacity .25s .57s ease-in, -webkit-transform .5s .57s
}

.is-invasion.inTitle svg path:nth-of-type(15),
.is-invasion.inTitle svg polygon:nth-of-type(15),
.is-invasion.inTitle svg rect:nth-of-type(15) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .6s ease-in, -webkit-transform .5s .6s;
    transition: transform .5s .6s, opacity .25s .6s ease-in;
    transition: transform .5s .6s, opacity .25s .6s ease-in, -webkit-transform .5s .6s
}

.is-invasion.inTitle svg path:nth-of-type(16),
.is-invasion.inTitle svg polygon:nth-of-type(16),
.is-invasion.inTitle svg rect:nth-of-type(16) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .63s ease-in, -webkit-transform .5s .63s;
    transition: transform .5s .63s, opacity .25s .63s ease-in;
    transition: transform .5s .63s, opacity .25s .63s ease-in, -webkit-transform .5s .63s
}

.is-invasion.inTitle svg path:nth-of-type(17),
.is-invasion.inTitle svg polygon:nth-of-type(17),
.is-invasion.inTitle svg rect:nth-of-type(17) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .66s ease-in, -webkit-transform .5s .66s;
    transition: transform .5s .66s, opacity .25s .66s ease-in;
    transition: transform .5s .66s, opacity .25s .66s ease-in, -webkit-transform .5s .66s
}

.is-invasion.inTitle svg path:nth-of-type(18),
.is-invasion.inTitle svg polygon:nth-of-type(18),
.is-invasion.inTitle svg rect:nth-of-type(18) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .69s ease-in, -webkit-transform .5s .69s;
    transition: transform .5s .69s, opacity .25s .69s ease-in;
    transition: transform .5s .69s, opacity .25s .69s ease-in, -webkit-transform .5s .69s
}

.is-invasion.inTitle svg path:nth-of-type(19),
.is-invasion.inTitle svg polygon:nth-of-type(19),
.is-invasion.inTitle svg rect:nth-of-type(19) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .72s ease-in, -webkit-transform .5s .72s;
    transition: transform .5s .72s, opacity .25s .72s ease-in;
    transition: transform .5s .72s, opacity .25s .72s ease-in, -webkit-transform .5s .72s
}

.is-invasion.inTitle svg path:nth-of-type(20),
.is-invasion.inTitle svg polygon:nth-of-type(20),
.is-invasion.inTitle svg rect:nth-of-type(20) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .75s ease-in, -webkit-transform .5s .75s;
    transition: transform .5s .75s, opacity .25s .75s ease-in;
    transition: transform .5s .75s, opacity .25s .75s ease-in, -webkit-transform .5s .75s
}

.is-invasion.inTitle svg path:nth-of-type(21),
.is-invasion.inTitle svg polygon:nth-of-type(21),
.is-invasion.inTitle svg rect:nth-of-type(21) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .78s ease-in, -webkit-transform .5s .78s;
    transition: transform .5s .78s, opacity .25s .78s ease-in;
    transition: transform .5s .78s, opacity .25s .78s ease-in, -webkit-transform .5s .78s
}

.is-invasion.inTitle svg path:nth-of-type(22),
.is-invasion.inTitle svg polygon:nth-of-type(22),
.is-invasion.inTitle svg rect:nth-of-type(22) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .81s ease-in, -webkit-transform .5s .81s;
    transition: transform .5s .81s, opacity .25s .81s ease-in;
    transition: transform .5s .81s, opacity .25s .81s ease-in, -webkit-transform .5s .81s
}

.is-invasion.inTitle svg path:nth-of-type(23),
.is-invasion.inTitle svg polygon:nth-of-type(23),
.is-invasion.inTitle svg rect:nth-of-type(23) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .84s ease-in, -webkit-transform .5s .84s;
    transition: transform .5s .84s, opacity .25s .84s ease-in;
    transition: transform .5s .84s, opacity .25s .84s ease-in, -webkit-transform .5s .84s
}

.is-invasion.inTitle svg path:nth-of-type(24),
.is-invasion.inTitle svg polygon:nth-of-type(24),
.is-invasion.inTitle svg rect:nth-of-type(24) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .87s ease-in, -webkit-transform .5s .87s;
    transition: transform .5s .87s, opacity .25s .87s ease-in;
    transition: transform .5s .87s, opacity .25s .87s ease-in, -webkit-transform .5s .87s
}

.is-invasion.inTitle svg path:nth-of-type(25),
.is-invasion.inTitle svg polygon:nth-of-type(25),
.is-invasion.inTitle svg rect:nth-of-type(25) {
    -webkit-transform: scale(1) translate(0, 0) rotate(0deg) !important;
    transform: scale(1) translate(0, 0) rotate(0deg) !important;
    opacity: 1 !important;
    transition: opacity .25s .9s ease-in, -webkit-transform .5s .9s;
    transition: transform .5s .9s, opacity .25s .9s ease-in;
    transition: transform .5s .9s, opacity .25s .9s ease-in, -webkit-transform .5s .9s
}

.is-invasion.inBtn .c-btn .top {
    -webkit-transform: skew(-40deg) scale(1);
    transform: skew(-40deg) scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1)
}

.is-invasion.inBtn .c-btn .right {
    -webkit-transform: skewY(-50deg) scale(1);
    transform: skewY(-50deg) scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: -webkit-transform .5s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s cubic-bezier(.7, 0, .3, 1);
    transition: transform .5s cubic-bezier(.7, 0, .3, 1), -webkit-transform .5s cubic-bezier(.7, 0, .3, 1)
}

.is-invasion.inShip {
    transition: -webkit-transform 5s ease-out;
    transition: transform 5s ease-out;
    transition: transform 5s ease-out, -webkit-transform 5s ease-out
}

.is-invasion.fadeText>span:nth-of-type(0)>span {
    transition: -webkit-transform .4s 0s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s 0s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s 0s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s 0s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(1)>span {
    transition: -webkit-transform .4s .05s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .05s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .05s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .05s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(2)>span {
    transition: -webkit-transform .4s .1s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .1s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .1s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .1s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(3)>span {
    transition: -webkit-transform .4s .15s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .15s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .15s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .15s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(4)>span {
    transition: -webkit-transform .4s .2s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .2s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .2s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .2s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(5)>span {
    transition: -webkit-transform .4s .25s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .25s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .25s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .25s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(6)>span {
    transition: -webkit-transform .4s .3s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .3s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .3s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .3s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(7)>span {
    transition: -webkit-transform .4s .35s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .35s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .35s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .35s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(8)>span {
    transition: -webkit-transform .4s .4s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .4s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .4s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .4s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(9)>span {
    transition: -webkit-transform .4s .45s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .45s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .45s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .45s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(10)>span {
    transition: -webkit-transform .4s .5s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .5s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .5s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .5s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(11)>span {
    transition: -webkit-transform .4s .55s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .55s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .55s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .55s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(12)>span {
    transition: -webkit-transform .4s .6s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .6s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .6s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .6s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(13)>span {
    transition: -webkit-transform .4s .65s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .65s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .65s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .65s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(14)>span {
    transition: -webkit-transform .4s .7s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .7s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .7s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .7s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span:nth-of-type(15)>span {
    transition: -webkit-transform .4s .75s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .75s cubic-bezier(.21, .5, .29, .99);
    transition: transform .4s .75s cubic-bezier(.21, .5, .29, .99), -webkit-transform .4s .75s cubic-bezier(.21, .5, .29, .99)
}

.is-invasion.fadeText>span>span {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important
}

.is-invasion.fadeInRightSkew,
.is-invasion.fadeInLeftSkew {
    transition: opacity .6s, -webkit-transform 1s cubic-bezier(.7, 0, .3, 1);
    transition: transform 1s cubic-bezier(.7, 0, .3, 1), opacity .6s;
    transition: transform 1s cubic-bezier(.7, 0, .3, 1), opacity .6s, -webkit-transform 1s cubic-bezier(.7, 0, .3, 1)
}

.is-invasion.fadeInUp,
.is-invasion.fadeInDown {
    transition: opacity .5s, -webkit-transform 1.8s cubic-bezier(.08, .92, .35, 1);
    transition: transform 1.8s cubic-bezier(.08, .92, .35, 1), opacity .5s;
    transition: transform 1.8s cubic-bezier(.08, .92, .35, 1), opacity .5s, -webkit-transform 1.8s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion.scaleUpIn,
.is-invasion.scaleUpInOver,
.is-invasion.scaleDownIn,
.is-invasion.scaleDownInOver {
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: .5s, .3s;
    transition-timing-function: cubic-bezier(.08, .92, .35, 1), ease-in
}

.is-invasion.scaleBaloon {
    transition: opacity .2s .1s ease-in, -webkit-transform .3s .1s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s .1s cubic-bezier(.08, .92, .35, 1), opacity .2s .1s ease-in;
    transition: transform .3s .1s cubic-bezier(.08, .92, .35, 1), opacity .2s .1s ease-in, -webkit-transform .3s .1s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion.scaleBaloon.is-current {
    transition: opacity .2s ease-in, -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), opacity .2s ease-in;
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), opacity .2s ease-in, -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion.scalePop {
    transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion.leanInLeft {
    transition: opacity .3s .2s, -webkit-transform .6s .1s cubic-bezier(.08, .92, .35, 1);
    transition: transform .6s .1s cubic-bezier(.08, .92, .35, 1), opacity .3s .2s;
    transition: transform .6s .1s cubic-bezier(.08, .92, .35, 1), opacity .3s .2s, -webkit-transform .6s .1s cubic-bezier(.08, .92, .35, 1)
}

.is-invasion.maskDown:before,
.is-invasion.maskDown:after {
    -webkit-transform: translateY(200.1%);
    transform: translateY(200.1%);
    transition: .7s cubic-bezier(.08, .92, .35, 1)
}

.delay1 {
    transition-delay: .1s
}

.delay2 {
    transition-delay: .2s
}

.delay3 {
    transition-delay: .3s
}

.delay4 {
    transition-delay: .4s
}

.delay5 {
    transition-delay: .5s
}

.delay6 {
    transition-delay: .6s
}

.delay7 {
    transition-delay: .7s
}

.delay8 {
    transition-delay: .8s
}

.delay9 {
    transition-delay: .9s
}

.delay10 {
    transition-delay: 1s
}

.c-btn {
    display: block;
    text-align: center;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .c-btn {
        display: inline-block
    }
}

.c-btn.is-confirm {
    pointer-events: none;
    background-color: #ddd !important;
    opacity: .5;
    cursor: none
}

.c-btn.is-confirm>span {
    color: black !important
}

.c-btn.is-default {
    width: 250px;
    height: 50px;
    line-height: 46px;
    border-radius: 30px
}

.c-btn.is-large {
    width: 275px;
    height: 60px;
    line-height: 58px;
    border-radius: 30px
}

@media screen and (max-width:768px) {
    .c-btn.is-large {
        width: 310px
    }
}

.c-btn.is-max {
    width: 330px;
    height: 65px;
    line-height: 62px;
    border-radius: 30px
}

@media screen and (max-width:768px) {
    .c-btn.is-max {
        width: 100%
    }
}

.c-btn.is-max>span {
    font-size: 2rem
}

.c-btn.is-gray {
    background-color: #d5d5d5
}

.c-btn.is-blue {
    background-color: #4c95e0
}

.c-btn.is-blue>span {
    color: #fff
}

.c-btn.is-yellow {
    background-color: #ffc610
}

.c-btn.is-yellow>span {
    color: #fff
}

.c-btn.is-arrow {
    position: relative
}

.c-btn.is-arrow:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 7%;
    margin: -6px 0 0;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-btn>span {
    font-weight: 700;
    letter-spacing: .01em;
    font-size: 1.6rem
}

.c-entry {
    padding: 0 40px
}

@media screen and (max-width:768px) {
    .c-entry {
        padding: 0 0 50px
    }
}

.c-entry__title {
    font-size: 2.8rem;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .c-entry__title {
        font-size: 2.8rem;
        margin: 10px 0 0;
        line-height: 45px
    }
}

.c-entry__title .is-large {
    font-size: 4rem;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .c-entry__title .is-large {
        font-size: 3rem
    }
}

.c-entry__title .is-circle {
    font-weight: 700;
    position: relative
}

.c-entry__title .is-circle:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin: 0 0 0 -5px;
    width: 9px;
    height: 9px;
    background-color: #ffc610;
    border-radius: 100%
}

@media screen and (max-width:768px) {
    .c-entry__title .is-circle:before {
        bottom: -5px;
        width: 6px;
        height: 6px
    }
}

.c-entry__text {
    font-size: 2.8rem;
    color: #fff;
    font-weight: 700;
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .c-entry__text {
        font-size: 2rem;
        margin: 10px 0 0
    }
}

.c-entry__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 25px 60px 35px;
    border-radius: 17px;
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .c-entry__box {
        border-radius: 15px;
        flex-direction: column;
        padding: 0;
        align-items: center;
        padding: 25px 17px
    }
}

.c-entry__tel {
    margin: 0 20px 0 0
}

@media screen and (max-width:768px) {
    .c-entry__tel {
        margin: 0
    }
}

.c-entry__tel .head {
    color: #003c69;
    text-align: left
}

.c-entry__tel .head .note {
    font-size: 1.8rem;
    display: inline-block
}

@media screen and (max-width:768px) {
    .c-entry__tel .head .note {
        font-size: 1.3rem
    }
}

.c-entry__tel .head .is-white {
    background-color: #e7f3fc;
    border-radius: 5px;
    font-size: 1.8rem;
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 0 8px
}

@media screen and (max-width:768px) {
    .c-entry__tel .head .is-white {
        font-size: 1.3rem;
        padding: 0 4px;
        margin: 0 0 0 12px
    }
}

.c-entry__tel .head .is-white>span {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 7px 0 5px;
    background-color: #4c95e0
}

.c-entry__tel .body {
    color: #003c69;
    display: block;
    margin: 3px 0 0
}

@media screen and (max-width:768px) {
    .c-entry__tel .body {
        margin: 0
    }
}

.c-entry__tel .body img {
    display: inline-block;
    min-width: 55px;
    width: 55px
}

@media screen and (max-width:768px) {
    .c-entry__tel .body img {
        min-width: 38px;
        width: 38px;
        position: relative;
        top: 4px
    }
}

.c-entry__tel .body .num {
    display: inline-block;
    font-weight: 700;
    font-size: 5.3rem;
    line-height: 28px;
    position: relative;
    letter-spacing: .01em;
    top: 12px;
    margin: 0
}

@media screen and (max-width:768px) {
    .c-entry__tel .body .num {
        font-size: 3.7rem;
        white-space: nowrap
    }
}

@media screen and (max-width:768px) {
    .c-entry__btn {
        margin: 30px 0 0;
        width: 100%
    }
}

.c-title {
    position: relative;
    padding: 24px 0;
    margin: 0;
    text-align: left;
    border-top: 1px solid #5cba0c;
    border-bottom: 1px solid #5cba0c
}

@media screen and (max-width:768px) {
    .c-title {
        padding: 10px 0;
        margin: 0 0 45px;
        min-height: 80px;
        display: flex;
        align-items: center
    }
}

.c-title.is-toggle {
    cursor: pointer
}

.c-title.is-toggle.is-active .toggle>span:nth-of-type(2) {
    display: none
}

.c-title:before {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    width: 33px;
    height: 6px;
    background-color: #479c00;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    margin: -3px 0 0 -29px
}

@media screen and (max-width:768px) {
    .c-title:before {
        display: none
    }
}

.c-title:after {
    content: '';
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    width: 33px;
    height: 6px;
    background-color: #ffc610;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    margin: -3px 0 0 7px
}

@media screen and (max-width:768px) {
    .c-title:after {
        display: none
    }
}

.c-title .is-line-1,
.c-title .is-line-2 {
    font-size: 2.8rem;
    letter-spacing: .05em;
    font-weight: 700
}

@media screen and (max-width:768px) {

    .c-title .is-line-1,
    .c-title .is-line-2 {
        font-size: 2rem;
        position: relative
    }
}

.c-title .title {
    font-size: 2.8rem;
    letter-spacing: .05em;
    font-weight: 700;
    line-height: 50px;
    padding: 0 0 0 90px
}

.c-title .title>span {
    font-weight: 600
}

@media screen and (max-width:768px) {
    .c-title .title {
        font-size: 2rem;
        line-height: 35px;
        text-align: left;
        padding: 0
    }
}

.c-title .is-large {
    font-size: 3.8rem;
    letter-spacing: .04em;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .c-title .is-large {
        font-size: 2.2rem;
        letter-spacing: .08em;
        line-height: 1
    }
}

.c-title .is-middle {
    font-size: 3.8rem;
    letter-spacing: .05em;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .c-title .is-middle {
        font-size: 2rem
    }
}

.c-title .is-blue {
    color: #5cba0c
}

.c-title .is-circle {
    font-weight: 700;
    position: relative
}

.c-title .is-circle:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin: 0 0 0 -5px;
    width: 9px;
    height: 9px;
    background-color: #ffc610;
    border-radius: 100%
}

@media screen and (max-width:768px) {
    .c-title .is-circle:before {
        width: 5px;
        height: 5px;
        margin: 0 0 0 -3px;
        bottom: -6px
    }
}

.c-title .num {
    display: inline-block;
    width: 72px;
    height: 72px;
    background-color: #5cba0c;
    border-radius: 100%;
    margin: 0 3px 0 10px;
    position: relative;
    top: -5px
}

@media screen and (max-width:768px) {
    .c-title .num {
        width: 50px;
        height: 50px
    }
}

.c-title .num>span {
    font-weight: 700;
    color: #fff;
    font-size: 6rem;
    position: relative;
    top: 12px;
    left: 1px
}

@media screen and (max-width:768px) {
    .c-title .num>span {
        font-size: 4.2rem;
        left: 0;
        top: 7px
    }
}

.c-title .toggle {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 49px;
    height: 49px;
    border-radius: 100%;
    background-color: #5cba0c;
    margin: -25px 0 0
}

.c-title .toggle>span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 7px;
    background-color: #fff
}

.c-title .toggle>span:nth-of-type(1) {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

.c-title .toggle>span:nth-of-type(2) {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.p-check {
    text-align: center;
    padding: 103px 0 50px;
    position: relative
}

@media screen and (max-width:768px) {
    .p-check {
        padding: 68px 0 50px
    }
}

.p-check:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 370px;
    background-color: #3caf02;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-check:before {
        height: 500px
    }
}

.p-check.is-ok .p-check__out .result .box img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-check.is-ok .p-check__out .result .box .text.is-ok {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-check.is-ng .p-check__out .result .box .text.is-ng {
    -webkit-transform: scale(1) translate(-50%, 0);
    transform: scale(1) translate(-50%, 0)
}

.p-check .inner {
    position: relative;
    z-index: 3
}

.p-check__title .text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 18px
}

@media screen and (max-width:768px) {
    .p-check__title .text {
        font-size: 1.4rem;
        line-height: 22px
    }
}

.p-check__disc {
    text-align: left;
    padding: 0 25px;
    margin: 23px 0 0
}

.p-check__disc .title {
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: .05em
}

.p-check__disc .note {
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: .05em
}

.p-check__head {
    display: flex;
    justify-content: space-between;
    margin: 62px 0 0
}

@media screen and (max-width:768px) {
    .p-check__head {
        display: block;
        padding: 0 20px;
        margin: 30px 0 0
    }
}

.p-check__in {
    position: relative;
    width: 50%;
    border-radius: 15px;
    padding: 58px 66px 40px;
    background-color: #f2f0f0
}

@media screen and (max-width:768px) {
    .p-check__in {
        width: 100%;
        padding: 46px 30px 30px
    }
}

.p-check__in .title {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    background-color: #ef1d1d;
    padding: 5px 15px;
    border-radius: 18px;
    position: absolute;
    left: 50%;
    top: -15px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    white-space: nowrap;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-check__in .title {
        font-size: 1.5rem;
        padding: 7px 10px
    }
}

.p-check__in dl dt,
.p-check__in dl dd {
    text-align: left
}

.p-check__in dl dt {
    font-size: 1.8rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .p-check__in dl dt {
        letter-spacing: .05em
    }
}

.p-check__in dl dt:nth-of-type(1) {
    margin: 0
}

.p-check__in dl dt .required {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    background-color: red;
    height: 18px;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 4px;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px
}

@media screen and (max-width:768px) {
    .p-check__in dl dt .required {
        margin: 0 0 0 7px;
        font-size: 1.1rem;
        padding: 0 5px;
        height: 17px;
        border-radius: 2px
    }
}

.p-check__in dl dd {
    margin: 10px 0 0;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:768px) {
    .p-check__in dl dd {
        margin: 8px 0 0
    }
}

.p-check__in dl dd>span {
    white-space: nowrap;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 0 10px
}

@media screen and (max-width:768px) {
    .p-check__in dl dd>span {
        font-size: 2rem
    }
}

.p-check__out {
    width: 45%;
    text-align: left
}

@media screen and (max-width:768px) {
    .p-check__out {
        width: 100%
    }
}

.p-check__out .title {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .05em
}

.p-check__out .note {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 8px 0 0;
    display: block;
    letter-spacing: .05em
}

.p-check__out .result {
    text-align: center;
    position: relative;
    margin: 55px 0 0
}

@media screen and (max-width:768px) {
    .p-check__out .result {
        padding: 0 35px;
        margin: 60px 0 0
    }
}

.p-check__out .result-title {
    font-size: 2.8rem;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    height: 57px;
    line-height: 57px;
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #ef1d1d;
    border-radius: 29px;
    padding: 0 35px;
    letter-spacing: .05em;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .p-check__out .result-title {
        font-size: 2rem;
        height: 32px;
        line-height: 32px;
        padding: 0 25px;
        top: -16px
    }
}

.p-check__out .box {
    background-color: #ffeded;
    border-radius: 15px;
    padding: 65px 10px 32px;
    height: 293px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media screen and (max-width:768px) {
    .p-check__out .box {
        padding: 30px 0;
        height: 230px
    }
}

.p-check__out .box img {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
}

.p-check__out .box .texts {
    position: relative
}

.p-check__out .box .text {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 40px;
    color: #ef1d1d;
    margin: 10px 0 0;
    white-space: nowrap
}

.p-check__out .box .text.is-ok,
.p-check__out .box .text.is-ng {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
}

.p-check__out .box .text.is-ng {
    -webkit-transform-origin: center left;
    transform-origin: center left;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: scale(0) translate(-50%, 0);
    transform: scale(0) translate(-50%, 0)
}

@media screen and (max-width:768px) {
    .p-check__out .box .text {
        font-size: 2rem;
        letter-spacing: .04em;
        line-height: 30px
    }
}

.p-check__body {
    margin: 120px 0 0
}

@media screen and (max-width:768px) {
    .p-check__body {
        margin: 100px 0 0;
        padding: 0 20px
    }
}

.p-company {
    background-color: #f5fbff;
    text-align: center;
    padding: 72px 0 50px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .p-company {
        padding: 52px 20px 50px
    }
}

.p-company .inner {
    position: relative;
    z-index: 4
}

.p-company:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 350px;
    background-color: #3caf02;
    z-index: 3
}

@media screen and (max-width:768px) {
    .p-company:before {
        height: 500px
    }
}

.p-company__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.p-company__bg .circle {
    position: absolute;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.p-company__bg .circle.is-l {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .2;
    width: 849px;
    height: 849px;
    top: 420px;
    left: -450px;
    border: 250px solid #a0d1f9
}

@media screen and (max-width:768px) {
    .p-company__bg .circle.is-l {
        width: 359px;
        height: 359px;
        border: 75px solid #a0d1f9;
        left: -200px;
        top: auto;
        bottom: -130px
    }
}

.p-company__bg .circle.is-m {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 120px solid #a0d1f9;
    opacity: .2;
    bottom: 150px;
    right: -250px;
    width: 520px;
    height: 520px
}

@media screen and (max-width:768px) {
    .p-company__bg .circle.is-m {
        width: 291px;
        height: 291px;
        border: 60px solid #a0d1f9;
        top: -140px;
        right: -140px
    }
}

.p-company__bg .circle.is-s {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 150px solid #a0d1f9;
    opacity: .2;
    top: -250px;
    right: -250px;
    width: 629px;
    height: 629px
}

@media screen and (max-width:768px) {
    .p-company__bg .circle.is-s {
        width: 291px;
        height: 291px;
        border: 60px solid #a0d1f9;
        top: 1820px;
        right: -140px
    }
}

.p-company .inner {
    position: relative;
    z-index: 3
}

.p-company__title {
    margin: 0 0 60px
}

.p-company__head {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    padding: 40px 46px;
    text-align: right;
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .p-company__head {
        padding: 25px 15px
    }
}

.p-company__head .privacy {
    font-size: 1.6rem;
    color: #3caf02;
    text-decoration: underline
}

@media screen and (max-width:768px) {
    .p-company__head .privacy {
        font-size: 1.4rem;
        margin: 10px 0 0;
        display: inline-block
    }
}

.p-company__list {
    text-align: left
}

.p-company__item {
    display: flex;
    border-bottom: 1px solid #d6dbe2
}

.p-company__item:last-of-type {
    border-bottom: none
}

.p-company__item-l {
    width: 205px;
    min-width: 205px;
    max-width: 205px;
    background-color: #f0f7ff;
    min-height: 63px;
    line-height: 63px;
    padding: 0 0 0 43px
}

@media screen and (max-width:768px) {
    .p-company__item-l {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        min-height: 60px;
        line-height: 25px;
        padding: 18px 0 18px 13px
    }
}

.p-company__item-l .text {
    font-size: 1.6rem;
    color: #5cba0c;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .p-company__item-l .text {
        font-size: 1.4rem
    }
}

.p-company__item-r {
    width: 100%
}

.p-company__item-r .text {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 20px 0 20px 32px
}

@media screen and (max-width:768px) {
    .p-company__item-r .text {
        font-size: 1.4rem;
        padding: 20px 0 20px 16px
    }
}

.p-company__item-r iframe {
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .p-company__item-r iframe {
        width: 100%
    }
}

.p-company__body {
    margin: 100px 0 0
}

.p-complete {
    background-color: #3caf02;
    padding: 0px 0 50px;
    height: calc(100vh - 130px);
    position: relative;
    margin-top: 130px
}

@media screen and (max-width:768px) {
    .p-complete {
        padding: 0px 20px 50px;
        margin-top: 75px;
        height: calc(100vh - 75px)
    }
}

.p-complete .inner {
    max-width: 900px
}

.p-complete__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

@media screen and (max-width:768px) {
    .p-complete__inner {
        width: 90%
    }
}

.p-complete__title {
    text-align: center
}

.p-complete__title .c-title {
    color: #fff;
    margin: 0 0 45px;
}

.p-complete__title .c-title .title {
    font-size: 1.8rem
}

.p-complete__title .text {
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .05em
}

.p-complete__btn {
    margin-top: 40px;
    display: inline-block;
    cursor: pointer
}

.p-contact {
    background-color: #6bb72d;
    padding: 80px 0 50px
}

@media screen and (max-width:768px) {
    .p-contact {
        padding: 52px 20px 50px
    }
}

.p-contact.is-confirm .p-contact__confirm {
    display: none;
}

.p-contact.is-confirm .p-contact__submit{
    display: inline-block;
}

.p-contact.is-confirm .p-contact__submit .p-contact__submit-text {
    text-align: left;
        color: #fff;
            font-size: 1.5rem;
            letter-spacing: .05em;
            line-height: 2.5rem;
}

.p-contact.is-confirm .p-contact__submit .p-contact__submit-checkWrap{
    margin: 30px 0;
}

.p-contact.is-confirm .p-contact__submit .p-contact__submit-checkWrap .p-contact__submit-check{
    margin-right: 10px;
    transform: scale(1.5);
    vertical-align: middle;
}


.p-contact.is-confirm .p-contact__submit .p-contact__submit-checkWrap a{
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: solid 1px #ffc610;
    color: #ffc610;
    transition: 0.4s ease-in-out;
}

.p-contact.is-confirm .p-contact__submit .p-contact__submit-checkWrap a:hover {
    border-bottom: solid 1px #fff;
    color: #fff;
}

.p-contact.is-confirm .p-contact__submit .p-contact__submit-btn{
    display: flex;
    justify-content: center;
}

@media screen and (max-width:768px) {
    .p-contact.is-confirm .p-contact__submit .p-contact__submit-btn {
            flex-direction: column;
            gap: 20px;
                align-items: center;
        }
}

.p-contact.is-confirm .p-contact__input {
    display: none !important
}

.p-contact.is-confirm .p-contact__confirm-value {
    display: block
}

.p-contact.is-confirm .p-contact__item.is-textarea .p-contact__confirm-value {
    height: auto;
    line-height: inherit
}

.p-contact .inner {
    max-width: 900px
}

.p-contact__title {
    text-align: center
}

.p-contact__title .c-title {
    color: #fff;
    margin: 0 0 60px;
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

@media screen and (max-width:768px) {
    .p-contact__title .c-title {
        margin: 0 0 24px;
    }
}

.p-contact__title .text {
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: .05em
}

.p-contact__form {
    margin: 40px 0
}

@media screen and (max-width:768px) {
    .p-contact__form {
        margin: 22px 0 0
    }
}

.p-contact__list {
    background-color: #fff;
    border-radius: 15px;
    padding: 40px 60px;
    margin: 0 0 40px
}

@media screen and (max-width:768px) {
    .p-contact__list {
        padding: 31px 23px 30px;
        border-radius: 7px
    }
}

.p-contact__item {
    display: flex;
    margin: 30px 0 0
}

@media screen and (max-width:768px) {
    .p-contact__item {
        display: block;
        margin: 12px 0 0;
    }
}

.p-contact__item:first-of-type {
    margin: 0
}

.p-contact__item.is-select {
    flex-direction: column
}

.p-contact__item.is-select .p-contact__item-r {
    padding: 18px 0 0
}

.p-contact__item.is-select .p-contact__item-r label {
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 30px 15px 0
}

@media screen and (max-width:768px) {
    .p-contact__item.is-select .p-contact__item-r label {
        width: 50%;
        margin: 0 0 15px;
        font-size: 1.7rem
    }
}

.p-contact__item.is-select .p-contact__item-r input {
    margin: 0 10px 0 0;
    display: inline-block
}

.p-contact__item.is-select .p-contact__item-l {
    width: auto;
    min-width: auto;
    max-width: inherit;
    justify-content: flex-start
}

@media screen and (max-width:768px) {
    .p-contact__item.is-select .p-contact__input {
        display: flex;
        flex-wrap: wrap
    }
}

.p-contact__item.is-textarea {
    flex-direction: column
}

.p-contact__item.is-textarea .p-contact__item-r {
    padding: 18px 0 0
}

@media screen and (max-width:768px) {
    .p-contact__item.is-textarea .p-contact__item-r {
        padding: 0
    }
}

.p-contact__item.is-textarea .p-contact__item-l {
    width: auto;
    min-width: auto;
    max-width: inherit;
    justify-content: flex-start
}

.p-contact__item-l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 194px;
    min-width: 194px;
    max-width: 194px
}

@media screen and (max-width:768px) {
    .p-contact__item-l {
        width: 100%;
        min-width: auto;
        max-width: inherit;
        display: block
    }
}

.p-contact__item-l .text {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 10px 0 0;
    letter-spacing: .1em
}

@media screen and (max-width:768px) {
    .p-contact__item-l .text {
        font-size: 1.8rem;
        letter-spacing: .05em;
        margin: 0 4px 0 0
    }
}

.p-contact__item-l .note {
    margin: 0 20px 0 0;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: .15em
}

@media screen and (max-width:768px) {
    .p-contact__item-l .note {
        font-size: 1.3rem;
        margin: 0 10px 0 0
    }
}

.p-contact__item-l .required {
    background-color: #ef1d1d;
    border-radius: 4px;
    color: #fff;
    font-size: 1rem;
    height: 18px;
    width: 43px;
    text-align: center;
    line-height: 18px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .p-contact__item-l .required {
        display: inline-block;
        width: 35px;
        border-radius: 2px
    }
}

.p-contact__item-l .any {
    background-color: #ffc610;
    border-radius: 4px;
    color: #fff;
    font-size: 1rem;
    height: 18px;
    width: 43px;
    text-align: center;
    line-height: 18px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .p-contact__item-l .any {
        display: inline-block;
        width: 35px;
        border-radius: 2px
    }
}

.p-contact__item-r {
    width: 100%;
    padding: 0 0 0 20px
}

@media screen and (max-width:768px) {
    .p-contact__item-r {
        padding: 0;
        margin: 10px 0 0
    }
}

.p-contact__input.is-select {
    position: relative
}

.p-contact__input.is-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
    border-top: 4px solid #5a4138;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.p-contact__input.is-select select {
    line-height: 38px
}

.p-contact__confirm-value {
    display: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: .05em
}

.p-contact__confirm {
    display: block
}

.p-contact__submit {
    display: none;
    justify-content: center
}

.p-contact__submit .c-btn {
    margin: 0 10px
}

.p-contact__btns {
    text-align: center
}

.p-contact__btn {
    display: inline-block;
    cursor: pointer
}

.p-diff {
    text-align: center;
    padding: 75px 0 80px;
    position: relative;
    background-color: #f5fbff;
    z-index: 2
}

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

.p-diff__inner {
    position: relative;
    z-index: 3
}

.p-diff__title {
    margin: 0 0 60px
}

@media screen and (max-width:768px) {
    .p-diff__title {
        padding: 0 20px;
        margin: 0
    }
}

.p-diff__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.p-diff__bg .circle {
    position: absolute;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.p-diff__bg .circle.is-l {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .2;
    width: 849px;
    height: 849px;
    top: 420px;
    left: -450px;
    border: 250px solid #a0d1f9
}

@media screen and (max-width:768px) {
    .p-diff__bg .circle.is-l {
        width: 359px;
        height: 359px;
        border: 75px solid #a0d1f9;
        left: -200px;
        top: auto;
        bottom: -130px
    }
}

.p-diff__bg .circle.is-s {
    -webkit-transform: scale(1);
    transform: scale(1);
    border: 120px solid #a0d1f9;
    opacity: .2;
    top: -250px;
    right: -250px;
    width: 520px;
    height: 520px
}

@media screen and (max-width:768px) {
    .p-diff__bg .circle.is-s {
        width: 291px;
        height: 291px;
        border: 60px solid #a0d1f9;
        top: -140px;
        right: -140px
    }
}

.p-diff__image {
    margin: 5px 0 0
}

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

.p-diff__image .image {
    width: 100%;
    height: auto
}

.p-diff__text {
    font-size: 3.8rem;
    letter-spacing: .05em;
    font-weight: 700;
    margin: 37px 0 10px
}

@media screen and (max-width:768px) {
    .p-diff__text {
        font-size: 2.4rem;
        margin: 37px 0 24px
    }
}

.p-diff__note {
    text-align: left;
    padding: 0 0 0 30px;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: .05em;
    margin: 8px 0 0
}

.p-diff__slider {
    position: relative
}

.p-diff__item img {
    width: 100%;
    width: 320px
}

.p-diff__next,
.p-diff__prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #5cba0c;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-diff__next:before,
.p-diff__prev:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px
}

.p-diff__next {
    right: 10px;
    top: 42%
}

.p-diff__next:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 0 0 -10px
}

.p-diff__prev {
    left: 10px;
    top: 42%
}

.p-diff__prev:before {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 -10px 0 0
}

.p-diff__pager {
    position: relative;
    top: -30px;
    z-index: 5
}

.p-diff__pager-list {
    display: flex;
    justify-content: center
}

.p-diff__pager-list .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #d5d5d5;
    border-radius: 100%;
    margin: 0 0 0 24px;
    position: relative;
    cursor: pointer
}

.p-diff__pager-list .swiper-pagination-bullet:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-color: #5cba0c;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.p-diff__pager-list .swiper-pagination-bullet:first-of-type {
    margin: 0
}

.p-diff__pager-list .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-diff__pager-list .swiper-pagination-bullet:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-fee {
    text-align: center;
    padding: 103px 0 50px;
    position: relative;
    overflow: hidden;
    z-index: 3
}

@media screen and (max-width:768px) {
    .p-fee {
        padding: 50px 20px
    }
}

.p-fee:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 668px;
    background-color: #3caf02;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-fee:before {
        height: 885px
    }
}

.p-fee__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #f5fbff
}

.p-fee__bg:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -138px;
    width: 0;
    height: 0;
    border-top: 138px solid #f5fbff;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent
}

.p-fee .inner {
    position: relative;
    z-index: 3
}

.p-fee__head {
    margin: 60px 0 0
}

@media screen and (max-width:768px) {
    .p-fee__head {
        margin: 0
    }
}

.p-fee__head .image {
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .p-fee__head .image {
        width: 100%;
        height: auto
    }
}

.p-fee__head .text {
    margin: 30px 0 0;
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 1.8
}

.p-fee__head .text>span {
    font-weight: 600;
    position: relative
}

.p-fee__head .text>span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #dbf2c8;
    z-index: -1
}

@media screen and (max-width:768px) {
    .p-fee__head .text {
        font-size: 1.8rem;
        line-height: 1.7
    }
}

.p-fee__head .read {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    width: 548px;
    padding: 10px 0;
    margin: 44px auto 0
}

@media screen and (max-width:768px) {
    .p-fee__head .read {
        width: 100%;
        margin: 22px auto 0;
        padding: 12px 0
    }
}

.p-fee__head .read .is-red {
    color: #ef1d1d;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-fee__head .read .is-red {
        font-size: 1.7rem
    }
}

.p-fee__head .read .read-text {
    color: #5a4138;
    font-size: 1.5rem;
    letter-spacing: .05em;
    line-height: 1.7;
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .p-fee__head .read .read-text {
        font-size: 1.4rem;
        letter-spacing: .07em
    }
}

.p-fee__head .read .read-arrow {
    margin: 15px 0 0
}

@media screen and (max-width:768px) {
    .p-fee__head .read .read-arrow {
        margin: 12px 0 0;
        width: 50px
    }
}

.p-fee__head .pop {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    margin: 25px 0 0;
    display: inline-block;
    position: relative
}

@media screen and (max-width:768px) {
    .p-fee__head .pop {
        font-size: 1.8rem;
        line-height: 26px;
        margin: 24px 0 0
    }
}

.p-fee__head .pop:before,
.p-fee__head .pop:after {
    content: '';
    position: absolute
}

.p-fee__head .pop:before {
    top: 10px;
    left: -40px;
    width: 27px;
    height: 61px;
    background-image: url(../images/index/line-l.png);
    background-size: 100%
}

@media screen and (max-width:768px) {
    .p-fee__head .pop:before {
        left: -20px
    }
}

.p-fee__head .pop:after {
    top: 10px;
    right: -40px;
    width: 27px;
    height: 61px;
    background-image: url(../images/index/line-r.png);
    background-size: 100%
}

@media screen and (max-width:768px) {
    .p-fee__head .pop:after {
        right: -20px
    }
}

.p-fee__arrow {
    margin: 40px 0 20px
}

@media screen and (max-width:768px) {
    .p-fee__arrow {
        height: 30px;
        margin: 25px 0 15px
    }
}

.p-fee__text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 40px;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-fee__text {
        font-size: 2rem
    }
}

.p-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.p-fixed__btns {
    display: flex
}

.p-fixed__btn {
    width: 50%;
    height: 70px
}

.p-fixed__btn:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    border-radius: 9px 9px 0 0;
    background-color: #5cba0c
}

.p-fixed__btn:nth-of-type(1) .icon {
    margin: 0 5px 0 0
}

.p-fixed__btn:nth-of-type(1) .icon img {
    height: 31px;
    position: relative;
    top: 4px;
    left: -2px
}

.p-fixed__btn:nth-of-type(1) .text {
    line-height: 20px
}

.p-fixed__btn:nth-of-type(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 9px 9px 0 0;
    background-color: #ffc610
}

.p-fixed__btn:nth-of-type(2) .here {
    color: #5cba0c;
    font-size: 1.1rem;
    display: block;
    position: relative;
    font-weight: 500
}

.p-fixed__btn:nth-of-type(2) .here:before,
.p-fixed__btn:nth-of-type(2) .here:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 14px;
    background-color: #5cba0c
}

.p-fixed__btn:nth-of-type(2) .here:before {
    top: 2px;
    left: -5px;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.p-fixed__btn:nth-of-type(2) .here:after {
    top: 2px;
    right: -5px;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.p-fixed__btn .text {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    display: block
}

.p-footer {
    text-align: center;
    background-color: #316d00;
    height: 40px;
    line-height: 40px;
    padding-bottom: 140px;
}

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

.p-footer small {
    font-size: 1.2rem;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-footer small {
        letter-spacing: .05em
    }
}

.p-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 25px 43px;
    z-index: 50
}

@media screen and (max-width:768px) {
    .p-header {
        padding: 10px 10px 20px 15px
    }
}

.p-header__r {
    display: flex
}

.p-header__logo .logo img {
    height: 60px
}

@media screen and (max-width:768px) {
    .p-header__logo .logo img {
        height: 34px
    }
}

.p-header__tel {
    margin: 10px 20px 0 0
}

@media screen and (max-width:1000px) {
    .p-header__tel {
        display: none
    }
}

.p-header__tel .head {
    color: #003c69
}

.p-header__tel .head .note {
    font-size: 1.6rem;
    display: inline-block
}

.p-header__tel .head .is-white {
    background-color: #fff;
    border-radius: 5px;
    font-size: 1.6rem;
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0 8px
}

.p-header__tel .head .is-white>span {
    display: inline-block;
    width: 1px;
    height: 10px;
    margin: 0 5px;
    background-color: #4c95e0
}

.p-header__tel .body {
    color: #003c69;
    display: block
}

.p-header__tel .body img {
    display: inline-block
}

.p-header__tel .body .num {
    display: inline-block;
    font-weight: 700;
    font-size: 4.2rem;
    line-height: 28px;
    position: relative;
    letter-spacing: .01em;
    top: 10px;
    margin: 0 0 0 4px
}

.p-header__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px 0 0
}

@media screen and (max-width:1000px) {
    .p-header__btns {
        display: none
    }
}

.p-header__btns .note {
    font-size: 1.6rem;
    font-weight: 400;
    color: #003c69;
    position: relative;
    display: inline-block
}

.p-header__btns .note:before,
.p-header__btns .note:after {
    content: '';
    display: block;
    width: 2px;
    height: 21px;
    background-color: #003c69;
    position: absolute;
    bottom: 0
}

.p-header__btns .note:before {
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg);
    left: -10px
}

.p-header__btns .note:after {
    -webkit-transform: rotate(32deg);
    transform: rotate(32deg);
    right: -10px
}

.p-header__btn {
    margin: 3px 0 0
}

.p-header__menu {
    min-width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0;
    box-shadow: 0 0 6px rgba(40, 35, 33, .16);
    cursor: pointer
}

@media screen and (max-width:768px) {
    .p-header__menu {
        min-width: 45px;
        height: 45px;
        margin: 0
    }
}

.p-header__menu .icon {
    width: 28px;
    height: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .p-header__menu .icon {
        width: 20px;
        height: 12px
    }
}

.p-header__menu .icon>span {
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background-color: #5cba0c
}

.p-how {
    text-align: center;
    padding: 58px 0 50px;
    position: relative;
    z-index: 5
}

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

.p-how:before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 542px;
    background-color: #3caf02;
    z-index: 3
}

@media screen and (max-width:768px) {
    .p-how:before {
        height: 720px
    }
}

.p-how:after {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 542px;
    width: 100%;
    height: 1137px;
    background-image: url(../images/index/merit-bg.jpg);
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-how:after {
        height: 45%
    }
}

.p-how .inner {
    max-width: 1404px
}

.p-how .title-text {
    font-size: 1.5rem;
    line-height: 30px;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-how .title-text {
        text-align: center;
        font-size: 1.4rem;
        font-weight: 500;
        letter-spacing: .05em;
        line-height: 23px
    }
}

.p-how__inner {
    position: relative;
    z-index: 3
}

.p-how__title {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}

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

.p-how__head {
    margin: 80px 0 0
}

@media screen and (max-width:768px) {
    .p-how__head {
        margin: 70px 0 0
    }
}

.p-how__type {
    position: relative
}

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

.p-how__type:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100vw);
    height: 100%;
    background-color: #f2f5f7;
    border-radius: 0 0 0 40px;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-how__type:before {
        width: calc(100vw - 10px);
        left: 10px;
        border-radius: 0 0 0 20px
    }
}

.p-how__type-title {
    height: 64px;
    line-height: 64px;
    background-color: #5cba0c;
    display: inline-block;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    border-radius: 32px;
    padding: 0 36px;
    position: relative;
    top: -30px;
    z-index: 3;
    letter-spacing: .07em
}

@media screen and (max-width:768px) {
    .p-how__type-title {
        font-size: 2rem;
        height: 73px;
        line-height: inherit;
        border-radius: 36px;
        padding: 7px 38px 0;
        letter-spacing: .075em
    }
}

.p-how__type-list {
    padding: 0 0 51px;
    position: relative;
    z-index: 3;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:768px) {
    .p-how__type-list {
        padding: 0 20px 50px
    }
}

@media screen and (max-width:768px) {
    .p-how__type-item:nth-of-type(1) {
        margin: 15px 0 0
    }
}

.p-how__type-item:nth-of-type(2) {
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .p-how__type-item:nth-of-type(2) {
        margin: 52px 0 0
    }
}

.p-how__type-item .title {
    font-size: 3.8rem;
    color: #5cba0c;
    display: inline-block;
    font-weight: 700;
    line-height: 120px
}

@media screen and (max-width:768px) {
    .p-how__type-item .title {
        padding: 0 20px;
        font-size: 3rem;
        line-height: 40px;
        display: block
    }
}

.p-how__type-item .title .is-large {
    color: #5cba0c;
    font-size: 10rem;
    font-weight: 500;
    position: relative;
    top: 2px;
    left: -4px
}

@media screen and (max-width:768px) {
    .p-how__type-item .title .is-large {
        font-size: 8rem;
        font-weight: 500;
        top: 0;
        left: 0
    }
}

.p-how__type-item .fee {
    display: inline-block;
    font-size: 2.2rem;
    background-color: #fff;
    border-radius: 32px;
    border: 2px solid #5cba0c;
    color: #5cba0c;
    font-weight: 700;
    padding: 4px 22px;
    margin: 0 0 0 20px;
    position: relative;
    top: -5px
}

@media screen and (max-width:768px) {
    .p-how__type-item .fee {
        font-size: 1.8rem;
        padding: 4px 20px;
        margin: 15px 0 0;
        top: 0
    }
}

.p-how__type-item .text {
    display: block;
    font-size: 2.2rem;
    font-weight: 700;
    color: #5cba0c;
    margin: 0
}

@media screen and (max-width:768px) {
    .p-how__type-item .text {
        font-size: 1.8rem;
        margin: 20px 0 0;
        letter-spacing: .05em
    }
}

.p-how__type-item .image {
    width: 100%;
    height: auto;
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .p-how__type-item .image {
        margin: 15px 0 0
    }
}

.p-how__merit {
    margin: 65px 0 0
}

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

.p-how__merit-title {
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .p-how__merit-title .title img {
        height: 24px
    }
}

.p-how__merit-title .title h3 {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: .05em;
    margin: 3px 0 0
}

@media screen and (max-width:768px) {
    .p-how__merit-title .title h3 {
        font-size: 2rem;
        line-height: 28px;
        letter-spacing: .05em;
        margin: 5px 0 0
    }
}

.p-how__merit-title .text {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 30px;
    margin: 18px 0 0
}

@media screen and (max-width:768px) {
    .p-how__merit-title .text {
        font-size: 1.4rem;
        line-height: 22px;
        margin: 15px 0 0;
        letter-spacing: .05em
    }
}

.p-how__merit-list {
    max-width: 800px;
    width: 100%;
    margin: 53px auto 0
}

@media screen and (max-width:768px) {
    .p-how__merit-list {
        margin: 45px 0 0
    }
}

.p-how__merit-item {
    padding: 45px 37px 25px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    border-radius: 15px;
    margin: 0 0 30px;
    text-align: left;
    position: relative
}

@media screen and (max-width:768px) {
    .p-how__merit-item {
        border-radius: 7px;
        padding: 45px 10px 30px 20px;
        margin: 0 0 25px
    }
}

.p-how__merit-item:last-of-type {
    margin: 0
}

.p-how__merit-item .merit {
    position: absolute;
    left: 38px;
    top: -10px;
    background-color: #ffc610;
    padding: 0 28px 0 30px;
    height: 43px;
    line-height: 42px
}

@media screen and (max-width:768px) {
    .p-how__merit-item .merit {
        height: 35px;
        line-height: 35px;
        left: 20px;
        padding: 0 22px 0 20px
    }
}

.p-how__merit-item .merit:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: -5px;
    width: 0;
    height: 0;
    border-top: 6px solid #de9a00;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-how__merit-item .merit>span {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-how__merit-item .merit>span {
        font-size: 1.4rem
    }
}

.p-how__merit-item .merit .is-large {
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: .1em
}

@media screen and (max-width:768px) {
    .p-how__merit-item .merit .is-large {
        font-size: 2.5rem;
        margin: 0 0 0 3px
    }
}

.p-how__merit-item .title {
    font-size: 2.4rem;
    letter-spacing: .05em;
    color: #ffc610;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .p-how__merit-item .title {
        font-size: 2rem;
        letter-spacing: .05em
    }
}

.p-how__merit-item .text {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 30px;
    margin: 8px 0 0
}

@media screen and (max-width:768px) {
    .p-how__merit-item .text {
        font-size: 1.4rem;
        line-height: 22px;
        letter-spacing: .05em
    }
}

.p-how__arrow {
    margin: 30px 0 20px
}

@media screen and (max-width:768px) {
    .p-how__arrow {
        height: 30px;
        margin: 25px 0 15px
    }
}

.p-how__foot {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%
}

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

.p-how__text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 40px;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-how__text {
        font-size: 2rem
    }
}

.p-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    pointer-events: none
}

@media screen and (max-width:768px) {
    .p-menu {
        overflow-y: scroll
    }
}

.p-menu__inner {
    position: relative;
    width: 100%;
    height: 100%
}

@media screen and (max-width:768px) {
    .p-menu__inner {
        height: auto;
        min-height: 100vh
    }
}

.p-menu__inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 87, 162, .94);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    transition: all .3s cubic-bezier(.08, .92, .35, 1);
    opacity: 0
}

.p-menu__logo {
    position: absolute;
    top: 49px;
    left: 29px;
    opacity: 0;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

@media screen and (max-width:768px) {
    .p-menu__logo {
        top: 15px;
        left: 15px
    }
}

@media screen and (max-width:768px) {
    .p-menu__logo img {
        height: 29px
    }
}

.p-menu__menu {
    position: absolute;
    top: 30px;
    right: 40px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0;
    border: 1px solid #fff;
    box-shadow: 0 0 6px rgba(40, 35, 33, .16);
    cursor: pointer;
    opacity: 0;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

@media screen and (max-width:768px) {
    .p-menu__menu {
        min-width: 45px;
        width: 45px;
        height: 45px;
        margin: 0;
        top: 10px;
        right: 10px
    }
}

.p-menu__menu .close {
    width: 22px;
    height: 22px;
    position: relative
}

.p-menu__menu .close>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background-color: #fff
}

.p-menu__menu .close>span:nth-of-type(1) {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.p-menu__menu .close>span:nth-of-type(2) {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.p-menu__nav {
    height: 80vh;
    padding-top: 10vh
}

@media screen and (max-width:768px) {
    .p-menu__nav {
        height: auto;
        padding-top: 80px
    }
}

.p-menu__list {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%
}

@media screen and (max-width:768px) {
    .p-menu__list {
        display: block;
        text-align: left
    }
}

.p-menu__item {
    position: relative;
    opacity: 0;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

@media screen and (max-width:768px) {
    .p-menu__item {
        border-bottom: 1px solid #5f95da
    }
}

@media screen and (max-width:768px) {
    .p-menu__item:first-of-type {
        border-top: 1px solid #5f95da
    }
}

.p-menu__item:before {
    content: '';
    position: absolute;
    right: 30px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-right: 1px solid #ffc610;
    border-bottom: 1px solid #ffc610;
    -webkit-transform: rotate(45deg) translate(0, -50%);
    transform: rotate(45deg) translate(0, -50%);
    margin: -3px 0 0;
    display: none
}

@media screen and (max-width:768px) {
    .p-menu__item:before {
        display: block
    }
}

.p-menu__link {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 700;
    display: block;
    transition: color .25s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:768px) {
    .p-menu__link {
        font-size: 1.3rem;
        padding: 0 0 0 20px;
        height: 50px;
        line-height: 50px
    }
}

.p-menu__link:hover {
    color: #ffc610;
    opacity: 1
}

.p-menu__btns {
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0, -30px);
    transform: translate(0, -30px)
}

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

.p-menu__btns>.text {
    color: #fff;
    font-size: 1.3rem;
    margin: 45px 0 10px
}

.p-menu__btn:nth-of-type(2) {
    margin: 20px 0 0
}

body.is-nav .p-menu {
    pointer-events: auto
}

body.is-nav .p-menu__inner:before {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .3s cubic-bezier(.08, .92, .35, 1)
}

body.is-nav .p-menu__logo {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .25s .1s cubic-bezier(.08, .92, .35, 1)
}

body.is-nav .p-menu__menu {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .25s .1s cubic-bezier(.08, .92, .35, 1)
}

body.is-nav .p-menu__item {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .25s .2s cubic-bezier(.08, .92, .35, 1)
}

body.is-nav .p-menu__btns {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .25s .3s cubic-bezier(.08, .92, .35, 1)
}

.p-mv {
    background-color: #dfffc3;
    padding: 100px 0 0;
    position: relative;
    z-index: 1
}

@media screen and (max-width:768px) {
    .p-mv {
        padding: 50px 20px 0
    }
}

.p-mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.p-mv__bg .circle {
    position: absolute;
    width: 1184px;
    height: 1184px;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    top: 0;
    left: 0
}

.p-mv__bg .circle.is-1 {
    border: 250px solid #e8ffe5;
    opacity: 1;
    transition: none;
    -webkit-transform: translate(-150vw, 600px) scale(1);
    transform: translate(-150vw, 600px) scale(1)
}

@media screen and (max-width:768px) {
    .p-mv__bg .circle.is-1 {
        width: 450px;
        height: 450px;
        border: 120px solid #ecffdd;
        -webkit-transform: translate(-150vw, 600px) scale(1);
        transform: translate(-150vw, 600px) scale(1)
    }
}

.p-mv__bg .circle.is-2 {
    opacity: .2;
    border: 250px solid #8dcf56;
    transition: all 1.5s cubic-bezier(.08, .92, .35, 1);
    -webkit-transform: translate(-50%, 150px) scale(.5);
    transform: translate(-50%, 150px) scale(.5)
}

@media screen and (max-width:768px) {
    .p-mv__bg .circle.is-2 {
        width: 260px;
        height: 260px;
        -webkit-transform: translate(-170px, 600px) scale(1);
        transform: translate(-170px, 600px) scale(1);
        border: 60px solid #8dcf56;
        opacity: .2
    }
}

.p-mv__bg .circle.is-3 {
    border: 250px solid #ecffdd;
    opacity: 1;
    transition: all 1.5s cubic-bezier(.08, .92, .35, 1);
    -webkit-transform: translate(40vw, -45%) scale(1);
    transform: translate(40vw, -45%) scale(1)
}

@media screen and (max-width:768px) {
    .p-mv__bg .circle.is-3 {
        width: 450px;
        height: 450px;
        border: 120px solid #ecffdd;
        -webkit-transform: translate(40vw, -200px) scale(1);
        transform: translate(40vw, -200px) scale(1)
    }
}

.p-mv__bg .circle.is-4 {
    opacity: .5;
    border: 250px solid #e8ffe5;
    transition: all 1.5s cubic-bezier(.08, .92, .35, 1);
    -webkit-transform: translate(70vw, -100%) scale(.5);
    transform: translate(70vw, -100%) scale(.5)
}

@media screen and (max-width:768px) {
    .p-mv__bg .circle.is-4 {
        width: 260px;
        height: 260px;
        -webkit-transform: translate(70vw, -100%) scale(1);
        transform: translate(70vw, -100%) scale(1);
        border: 60px solid #8dcf56;
        opacity: .2
    }
}

.p-mv__bg .circle.is-s {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    border: 250px solid #f5fbff;
    opacity: 1;
    top: 860px;
    right: -470px;
    left: auto
}

.p-mv__inner {
    position: relative;
    z-index: 3
}

.p-mv__head {
    display: flex
}

@media screen and (max-width:768px) {
    .p-mv__head {
        flex-direction: column;
        align-items: center
    }
}

.p-mv__l {
    flex-basis: 48%;
    width: 48%;
    position: relative;
    margin: 0 40px 0 0
}

@media screen and (max-width:768px) {
    .p-mv__l {
        margin: 0;
        width: 100%;
        flex-basis: inherit;
        height: 315px;
        max-width: 420px
    }
}

.p-mv__item {
    position: absolute;
    top: 0;
    right: 0;
    width: 502px;
    height: 100%
}

@media screen and (max-width:768px) {
    .p-mv__item {
        width: 100%
    }
}

.p-mv__item.is-1 {
    height: 500px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 {
        height: 315px
    }
}

.p-mv__item.is-1 .images {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%
}

.p-mv__item.is-1 .images img {
    position: absolute;
    z-index: 2;
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    opacity: 0;
    transition: all .5s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1 .images .image-1 {
    top: 83px;
    left: -11px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-1 {
        top: 48px;
        left: 10px;
        height: 87px
    }
}

.p-mv__item.is-1 .images .image-2 {
    top: 232px;
    left: -18px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-2 {
        top: 137px;
        left: 15px;
        height: 18.5px
    }
}

.p-mv__item.is-1 .images .image-3 {
    top: 252px;
    left: 5px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-3 {
        top: 147px;
        left: 15px;
        height: 31px
    }
}

.p-mv__item.is-1 .images .image-4 {
    top: 195px;
    left: -38px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-4 {
        top: 117px;
        left: -7px;
        height: 76px
    }
}

.p-mv__item.is-1 .images .image-5 {
    top: 212px;
    left: -5px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-5 {
        top: 125px;
        left: 12px;
        height: 115px
    }
}

.p-mv__item.is-1 .images .image-6 {
    top: 383px;
    left: 37px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-6 {
        top: 225px;
        left: 35px;
        height: 20px
    }
}

.p-mv__item.is-1 .images .image-7 {
    top: 407px;
    left: -10px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-7 {
        top: 242px;
        left: 12px;
        height: 16px
    }
}

.p-mv__item.is-1 .images .image-8 {
    top: 328px;
    left: -15px
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .images .image-8 {
        top: 195px;
        left: 10px;
        height: 100px
    }
}

.p-mv__item.is-1 .circle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .circle {
        right: 3px
    }
}

@media screen and (max-width:768px) {
    .p-mv__item.is-1 .circle img {
        height: 150px
    }
}

.p-mv__item.is-1.is-active .images img {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.p-mv__item.is-1.is-active .images img:nth-of-type(1) {
    transition: all .5s .55s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(2) {
    transition: all .5s .6s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(3) {
    transition: all .5s .65s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(4) {
    transition: all .5s .7s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(5) {
    transition: all .5s .75s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(6) {
    transition: all .5s .8s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(7) {
    transition: all .5s .85s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .images img:nth-of-type(8) {
    transition: all .5s .9s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__item.is-1.is-active .circle {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .5s 1s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s 1s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s 1s cubic-bezier(.32, .43, .49, 1.36), -webkit-transform .5s 1s cubic-bezier(.32, .43, .49, 1.36)
}

.p-mv__item.is-2 .images {
    position: relative;
    width: 100%;
    height: 100%
}

.p-mv__item.is-2 .images .circle {
    position: absolute;
    top: 50px;
    left: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:768px) {
    .p-mv__item.is-2 .images .circle {
        height: 150px;
        top: 30px;
        left: 20px
    }
}

.p-mv__item.is-2 .images .human {
    position: absolute;
    top: 180px;
    left: 205px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:768px) {
    .p-mv__item.is-2 .images .human {
        height: 125px;
        top: 100px;
        left: 130px
    }
}

.p-mv__item.is-2 .images .money {
    position: absolute;
    top: 390px;
    left: 40px;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .5s cubic-bezier(.08, .92, .35, 1)
}

@media screen and (max-width:768px) {
    .p-mv__item.is-2 .images .money {
        height: 82px;
        top: 212px;
        left: 45px
    }
}

.p-mv__item.is-2.is-active .images .circle {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .5s .9s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s .9s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s .9s cubic-bezier(.32, .43, .49, 1.36), -webkit-transform .5s .9s cubic-bezier(.32, .43, .49, 1.36)
}

.p-mv__item.is-2.is-active .images .human {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .5s .7s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s .7s cubic-bezier(.32, .43, .49, 1.36);
    transition: transform .5s .7s cubic-bezier(.32, .43, .49, 1.36), -webkit-transform .5s .7s cubic-bezier(.32, .43, .49, 1.36)
}

.p-mv__item.is-2.is-active .images .money {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .5s .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s .5s cubic-bezier(.08, .92, .35, 1);
    transition: transform .5s .5s cubic-bezier(.08, .92, .35, 1), -webkit-transform .5s .5s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__r {
    flex-basis: 52%;
    width: 52%;
    padding: 90px 0 66px
}

@media screen and (max-width:768px) {
    .p-mv__r {
        padding: 0;
        flex-basis: inherit;
        width: 100%;
        max-width: 420px
    }
}

.p-mv__r .text {
    font-size: 1.8rem;
    color: #5cba0c;
    font-weight: 700;
    letter-spacing: .07em;
    position: relative;
    display: inline-block
}

@media screen and (max-width:768px) {
    .p-mv__r .text {
        padding: 0 0 0 12px;
        font-size: 1.4rem
    }
}

.p-mv__r .text:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    width: 190px;
    height: 1px;
    background-color: #5cba0c
}

@media screen and (max-width:768px) {
    .p-mv__r .text:before {
        width: 78px;
        margin: -1px 0 0;
        left: calc(100% + 8px)
    }
}

.p-mv__r .title {
    color: #5a4138;
    font-size: 4.5rem;
    font-weight: 700;
    display: block;
    position: relative;
    left: -5px
}

@media screen and (max-width:768px) {
    .p-mv__r .title {
        font-size: min(6vw,28px);
        padding: 0 0 0 11px;
        left: 0;
        line-height: 28px
    }
}

.p-mv__r .list {
    background-color: #fff;
    margin: 10px 0 0;
    border-radius: 15px;
    padding: 27px 30px 24px 24px;
    display: inline-block
}

@media screen and (max-width:768px) {
    .p-mv__r .list {
        padding: 14px 5px 8px 12px;
        border-radius: 8px;
        width: 100%
    }
}

.p-mv__r .list .item {
    font-size: 1.8rem;
    color: #5a4138;
    font-weight: 500;
    line-height: 44px;
    position: relative;
    padding: 0 0 0 20px
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item {
        font-size: 1rem;
        line-height: 22px;
        padding: 0 0 0 10px
    }
}

.p-mv__r .list .item:before {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #5cba0c
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item:before {
        width: 7px;
        height: 7px;
        top: 8px
    }
}

.p-mv__r .list .item:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #5cba0c;
    border-radius: 100%;
    position: absolute;
    top: 22px;
    left: 4px
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item:after {
        width: 3px;
        height: 3px;
        top: 10px;
        left: 2px
    }
}

.p-mv__r .list .item span.is-blue {
    font-size: 2.2rem;
    position: relative
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item span.is-blue {
        font-size: 1.4rem
    }
}

.p-mv__r .list .item span.is-blue>span {
    position: relative;
    z-index: 2;
    font-weight: 700
}

.p-mv__r .list .item span.is-blue:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #ffed65;
    z-index: 1
}

.p-mv__r .list .item span.is-blue.is-blue-1 {
    margin: 0 10px 0 0
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item span.is-blue.is-blue-1 {
        margin: 0 3px 0 0
    }
}

.p-mv__r .list .item span.is-blue-num.is-large {
    font-size: 3.5rem;
    color: #ff9400;
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item span.is-blue-num.is-large {
        font-size: 2.4rem
    }
}

.p-mv__r .list .item span.is-blue-num.is-blue-num-2 {
    margin: 0
}

.p-mv__r .list .item span.is-black {
    font-weight: 500
}

.p-mv__r .list .item span.is-large {
    font-weight: 700;
    font-size: 3rem
}

@media screen and (max-width:768px) {
    .p-mv__r .list .item span.is-large {
        font-size: 1.4rem
    }
}

.p-mv__r .btn {
    margin: 30px 0 0;
    display: flex;
    width: 100%;
    max-width: 630px;
    gap: .4em;
}

@media screen and (max-width:768px) {
    .p-mv__r .btn {
        margin: 20px 0 0;
        text-align: center
    }
}

.p-mv__body {
    max-width: 1000px;
    width: 100%;
    padding-bottom: 80px;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .p-mv__body {
        margin: 20px 0 0;
        padding-bottom: 50px;
    }
}

.p-mv__body .text {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: .04em
}

.p-mv__foot {
    text-align: center;
    margin: 45px 0 0
}

.p-mv__scroll {
    padding: 0 0 40px;
    display: block;
    position: relative
}

.p-mv__scroll .text {
    font-weight: 700;
    color: #5cba0c;
    font-size: 1.2rem;
    letter-spacing: .05em
}

.p-mv__scroll .circle {
    position: absolute;
    top: 58px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px solid #dbf2c8;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: -webkit-transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1);
    transition: transform .3s cubic-bezier(.08, .92, .35, 1), -webkit-transform .3s cubic-bezier(.08, .92, .35, 1)
}

.p-mv__scroll .circle>img {
    margin: 15px 0 0
}

.p-mv__scroll:hover .circle {
    -webkit-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7)
}

.p-qa {
    text-align: center;
    padding: 75px 0 80px;
    position: relative;
    background-color: #f5fbff
}

@media screen and (max-width:768px) {
    .p-qa {
        padding: 52px 20px 50px
    }
}

.p-qa__title {
    margin: 0 0 60px
}

.p-qa__list {
    margin: 15px 0 0
}

@media screen and (max-width:768px) {
    .p-qa__list {
        margin: 5px 0 0
    }
}

.p-qa__box {
    margin: 30px 0 0
}

@media screen and (max-width:768px) {
    .p-qa__box {
        margin: 40px 0 0
    }
}

.p-qa__box:first-of-type {
    margin: 0
}

.p-qa__box>.title {
    background-color: #5cba0c;
    border-radius: 3px 25px;
    height: 57px;
    line-height: 57px;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .p-qa__box>.title {
        height: 50px;
        line-height: 50px
    }
}

.p-qa__box .list-wrap {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .p-qa__box .list-wrap {
        display: block
    }
}

.p-qa__box .list-l,
.p-qa__box .list-r {
    width: calc(50% - 9px);
    margin: 20px 0 0
}

@media screen and (max-width:768px) {

    .p-qa__box .list-l,
    .p-qa__box .list-r {
        width: 100%
    }
}

.p-qa__box .item {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    padding: 30px 30px 0;
    text-align: left;
    margin: 20px 0 0;
    cursor: pointer
}

.p-qa__box .item:first-of-type {
    margin: 0
}

@media screen and (max-width:768px) {
    .p-qa__box .item {
        padding: 15px 15px 0;
        border-radius: 7px
    }
}

.p-qa__box .item.is-active .question:before {
    -webkit-transform: rotateX(180deg) translate(0, 12px);
    transform: rotateX(180deg) translate(0, 12px)
}

.p-qa__box .question {
    position: relative;
    padding: 0 0 30px
}

@media screen and (max-width:768px) {
    .p-qa__box .question {
        padding: 0 0 20px
    }
}

.p-qa__box .question:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 12px solid #5cba0c;
    border-right: 9px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 9px solid transparent;
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transform: rotateX(0deg) translate(0, 0);
    transform: rotateX(0deg) translate(0, 0)
}

@media screen and (max-width:768px) {
    .p-qa__box .question:before {
        top: 8px;
        right: 3px
    }
}

.p-qa__box .question .is-blue {
    color: #5cba0c;
    font-size: 3.8rem;
    font-weight: 700;
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-qa__box .question .is-blue {
        font-size: 3rem;
        top: -9px
    }
}

.p-qa__box .question .text {
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 50px;
    letter-spacing: .05em;
    line-height: 28px
}

@media screen and (max-width:768px) {
    .p-qa__box .question .text {
        font-size: 1.6rem;
        padding: 0 40px 0 42px;
        letter-spacing: .05em
    }
}

.p-qa__box .answer {
    display: none;
    overflow: hidden;
    position: relative;
    padding: 0 0 30px 18px
}

@media screen and (max-width:768px) {
    .p-qa__box .answer {
        padding: 0 0 20px 10px
    }
}

.p-qa__box .answer .is-yellow {
    color: #ffc610;
    font-size: 3.8rem;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-qa__box .answer .is-yellow {
        font-size: 3rem
    }
}

.p-qa__box .answer .text {
    font-size: 1.5rem;
    font-weight: 500;
    background-color: #f7f9fa;
    border-radius: 10px;
    line-height: 30px;
    padding: 20px 30px 20px 38px;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-qa__box .answer .text {
        font-size: 1.4rem;
        line-height: 23px
    }
}

.p-question {
    text-align: center;
    padding: 58px 0 50px;
    position: relative;
    z-index: 2
}

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

.p-question:before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 585px;
    background-color: #3caf02;
    z-index: -1
}

@media screen and (max-width:768px) {
    .p-question:before {
        height: 700px
    }
}

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

.p-question__head {
    margin: 88px 0 0
}

.p-question__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.p-question__item {
    width: 310px;
    position: relative;
    box-shadow: 0 0 6px rgba(40, 35, 33, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 65px 0;
    border-radius: 15px;
    background-color: #fff
}

@media screen and (max-width:768px) {
    .p-question__item {
        width: 160px;
        padding: 65px 0 35px;
        margin: 76px 0 0
    }
}

.p-question__item .image {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-question__item .text {
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-question__item .text {
        font-size: 1.2rem
    }
}

.p-question__item:nth-of-type(1),
.p-question__item:nth-of-type(2),
.p-question__item:nth-of-type(3) {
    margin: 0 0 100px
}

@media screen and (max-width:768px) {

    .p-question__item:nth-of-type(1),
    .p-question__item:nth-of-type(2),
    .p-question__item:nth-of-type(3) {
        margin: 76px 0 0
    }
}

@media screen and (max-width:768px) {

    .p-question__item:nth-of-type(1),
    .p-question__item:nth-of-type(2) {
        margin: 0
    }
}

.p-question__arrow {
    margin: 30px 0 20px
}

@media screen and (max-width:768px) {
    .p-question__arrow {
        height: 30px;
        margin: 25px 0 15px
    }
}

.p-question__text {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-question__text {
        font-size: 2rem;
        line-height: 33px
    }
}

.p-reason {
    text-align: center;
    padding: 58px 0;
    position: relative;
    overflow: hidden;
    z-index: 3
}

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

.p-reason:before {
    content: '';
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 675px;
    background-color: #3caf02;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-reason:before {
        height: 885px
    }
}

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

.p-reason__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #f5fbff
}

.p-reason__bg:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -138px;
    width: 0;
    height: 0;
    border-top: 138px solid #f5fbff;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent
}

.p-reason .inner {
    position: relative;
    z-index: 3
}

.p-reason__head {
    margin: 88px 0 0
}

@media screen and (max-width:768px) {
    .p-reason__head {
        margin: 0
    }
}

.p-reason__point {
    display: flex;
    justify-content: space-between;
    padding: 0 55px
}

@media screen and (max-width:768px) {
    .p-reason__point {
        flex-direction: column;
        justify-content: flex-start;
        padding: 0
    }
}

@media screen and (max-width:768px) {
    .p-reason__point-item {
        margin: 0 0 28px
    }
}

.p-reason__point-item:last-of-type {
    margin: 0
}

.p-reason__point-item .point {
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .p-reason__point-item .point {
        height: 50px;
        margin: 0
    }
}

.p-reason__point-item .text {
    margin: -6px 0 0;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-reason__point-item .text {
        font-size: 1.8rem;
        line-height: 24px;
        margin: -5px 0 0
    }
}

.p-reason__point-item:nth-of-type(1) .image {
    position: relative;
    top: -20px
}

@media screen and (max-width:768px) {
    .p-reason__point-item:nth-of-type(1) .image {
        height: 90px;
        top: -10px
    }
}

.p-reason__point-item:nth-of-type(2) .text {
    padding: 20px 0
}

@media screen and (max-width:768px) {
    .p-reason__point-item:nth-of-type(2) .text {
        padding: 0 0 20px
    }
}

.p-reason__point-item:nth-of-type(2) .image {
    position: relative;
    top: -10px;
    left: 5px
}

@media screen and (max-width:768px) {
    .p-reason__point-item:nth-of-type(2) .image {
        height: 58px;
        top: -10px;
        left: 0
    }
}

.p-reason__point-item:nth-of-type(3) .image {
    position: relative;
    top: 5px;
    left: 0
}

@media screen and (max-width:768px) {
    .p-reason__point-item:nth-of-type(3) .image {
        height: 52px
    }
}

.p-reason__point-circle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 270px;
    height: 270px;
    border-radius: 100%;
    padding: 5px 0;
    background-color: #fff;
    box-shadow: 5px 5px 0 #cfe7fa
}

@media screen and (max-width:768px) {
    .p-reason__point-circle {
        margin: 0 auto;
        width: 205px;
        height: 205px;
        padding: 20px 0 5px;
        box-shadow: 2.5px 2.5px 0 #cfe7fa
    }
}

.p-reason__disc {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 18px 0 0;
    letter-spacing: .05em;
    line-height: 30px
}

@media screen and (max-width:768px) {
    .p-reason__disc {
        margin: 10px 0 0;
        font-size: 1.4rem;
        line-height: 25px
    }
}

.p-reason__arrow {
    margin: 40px 0 20px
}

@media screen and (max-width:768px) {
    .p-reason__arrow {
        height: 30px;
        margin: 25px 0 15px
    }
}

.p-reason__company {
    margin: 10px 0 0;
    padding: 0 50px
}

@media screen and (max-width:768px) {
    .p-reason__company {
        margin: 0;
        padding: 0
    }
}

.p-reason__company .pop {
    font-size: 2.4rem;
    color: #fff;
    font-weight: 700;
    line-height: 40px;
    margin: 20px 0 0;
    display: inline-block;
    position: relative
}

@media screen and (max-width:768px) {
    .p-reason__company .pop {
        font-size: 1.8rem;
        line-height: 26px;
        margin: 30px 0 0
    }
}

.p-reason__company .pop:before,
.p-reason__company .pop:after {
    content: '';
    position: absolute
}

.p-reason__company .pop:before {
    top: 10px;
    left: -40px;
    width: 27px;
    height: 61px;
    background-image: url(../images/index/line-l.png);
    background-size: 100%
}

@media screen and (max-width:768px) {
    .p-reason__company .pop:before {
        left: -20px
    }
}

.p-reason__company .pop:after {
    top: 10px;
    right: -40px;
    width: 27px;
    height: 61px;
    background-image: url(../images/index/line-r.png);
    background-size: 100%
}

@media screen and (max-width:768px) {
    .p-reason__company .pop:after {
        right: -20px
    }
}

.p-reason__company-head {
    position: relative;
    text-align: left;
    padding: 0 0 0 240px
}

@media screen and (max-width:768px) {
    .p-reason__company-head {
        padding: 0;
        text-align: center
    }
}

.p-reason__company-head img {
    position: absolute;
    top: 57px;
    left: -5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media screen and (max-width:768px) {
    .p-reason__company-head img {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        height: 187px
    }
}

.p-reason__company-head .title {
    font-size: 2.8rem;
    line-height: 58px;
    font-weight: 700;
    letter-spacing: .05em;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .p-reason__company-head .title {
        font-size: 2rem;
        line-height: 35px;
        letter-spacing: .05em;
        margin: 5px 0 0
    }
}

.p-reason__company-head .title .is-blue {
    color: #5cba0c
}

.p-reason__company-head .title .is-circle {
    font-weight: 700;
    position: relative
}

.p-reason__company-head .title .is-circle:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -12px;
    margin: 0 0 0 -5px;
    width: 7px;
    height: 7px;
    background-color: #ffc610;
    border-radius: 100%
}

@media screen and (max-width:768px) {
    .p-reason__company-head .title .is-circle:before {
        width: 5px;
        height: 5px;
        bottom: -6px;
        margin: 0 0 0 -3px
    }
}

.p-reason__company-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 22px 0 0;
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-reason__company-body {
        padding: 0 20px
    }
}

.p-reason__company-item {
    width: 48%;
    padding: 30px 20px 30px 27px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16)
}

@media screen and (max-width:768px) {
    .p-reason__company-item {
        width: 100%;
        padding: 20px 18px;
        border-radius: 7px;
        margin: 0 0 25px
    }
}

@media screen and (max-width:768px) {
    .p-reason__company-item:last-of-type {
        margin: 0
    }
}

.p-reason__company-item .title {
    font-size: 2.2rem;
    color: #5cba0c;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-reason__company-item .title {
        font-size: 1.8rem;
        letter-spacing: .05em;
        line-height: inherit
    }
}

.p-reason__company-item .text {
    margin: 16px 0 0;
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: .03em;
    text-align: left
}

@media screen and (max-width:768px) {
    .p-reason__company-item .text {
        font-size: 1.4rem;
        letter-spacing: .05em;
        margin: 10px 0 0;
        line-height: 22px;
        text-align: left
    }
}

.p-reason__company-item.is-large {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 31px 0 0;
    text-align: left;
    padding: 40px 50px 30px
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large {
        display: block;
        padding: 40px 0 20px;
        margin: 0
    }
}

.p-reason__company-item.is-large .title {
    font-size: 2.8rem;
    line-height: 50px;
    color: #5a4138;
    position: relative;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .title {
        text-align: center;
        font-size: 2rem;
        line-height: 33px
    }
}

.p-reason__company-item.is-large .title>span {
    position: relative;
    z-index: 2;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .title>span {
        font-weight: 700
    }
}

.p-reason__company-item.is-large .title:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 78px;
    height: 49px;
    background-image: url(../images/index/blockquote-bottom.png);
    z-index: 1
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .title:before {
        top: -20px;
        left: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 60px
    }
}

.p-reason__company-item.is-large .title:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 78px;
    height: 49px;
    background-image: url(../images/index/blockquote-top.png);
    z-index: 1
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .title:after {
        bottom: -20px;
        right: 20px;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 60px
    }
}

.p-reason__company-item.is-large .title .is-blue {
    font-weight: 700;
    color: #5cba0c
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .image {
        margin: 20px 0 0;
        padding: 0 15px
    }
}

@media screen and (max-width:768px) {
    .p-reason__company-item.is-large .image img {
        width: 100%
    }
}

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

.p-reason__text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 40px;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-reason__text {
        font-size: 2rem
    }
}

.p-step {
    text-align: center;
    padding: 58px 0;
    position: relative;
    overflow: hidden;
    background-color: #f2f5f7
}

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

.p-step:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 380px;
    background-color: #3caf02;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-step:before {
        height: 500px
    }
}

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

.p-step__title .c-title {
    margin: 0 0 60px
}

.p-step__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #f5fbff
}

@media screen and (max-width:768px) {
    .p-step__bg {
        height: 71%
    }
}

.p-step__bg:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -138px;
    width: 0;
    height: 0;
    border-top: 138px solid #f5fbff;
    border-right: 50vw solid transparent;
    border-left: 50vw solid transparent
}

@media screen and (max-width:768px) {
    .p-step__bg:before {
        bottom: -50px;
        border-top: 50px solid #f5fbff
    }
}

.p-step .inner {
    position: relative;
    z-index: 3
}

.p-step__title .text {
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: .05em;
    margin: 0
}

@media screen and (max-width:768px) {
    .p-step__title .text {
        font-size: 1.4rem;
        line-height: 22px
    }
}

.p-step__head {
    margin: 120px 0 0
}

@media screen and (max-width:768px) {
    .p-step__head {
        padding: 0 20px;
        margin: 70px 0 0
    }
}

.p-step__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

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

.p-step__item {
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    padding: 49px 25px 33px;
    width: 310px;
    position: relative
}

@media screen and (max-width:768px) {
    .p-step__item {
        width: 100%;
        margin: 0 0 103px;
        padding: 60px 0 28px
    }
}

.p-step__item:nth-of-type(1) {
    margin: 0 30px 0 0
}

@media screen and (max-width:768px) {
    .p-step__item:nth-of-type(1) {
        margin: 0 0 103px
    }
}

.p-step__item:nth-of-type(2) {
    margin: 0 30px 0 0
}

@media screen and (max-width:768px) {
    .p-step__item:nth-of-type(2) {
        margin: 0 0 103px
    }
}

.p-step__item:nth-of-type(4) {
    margin: 90px 30px 0 0
}

@media screen and (max-width:768px) {
    .p-step__item:nth-of-type(4) {
        margin: 0 0 103px
    }
}

.p-step__item:nth-of-type(5) {
    margin: 90px 0 0
}

@media screen and (max-width:768px) {
    .p-step__item:nth-of-type(5) {
        margin: 0
    }
}

.p-step__item:before {
    content: '';
    display: none;
    width: 81px;
    height: 41px;
    background-image: url(../images/index/arrow-large-yellow.png);
    position: absolute;
    background-size: 100%;
    top: 50%;
    left: -35px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: -20px;
    background-repeat: no-repeat
}

@media screen and (max-width:768px) {
    .p-step__item:before {
        display: block;
        width: 54px;
        top: -68px;
        left: 50%;
        -webkit-transform: rotate(0deg) translateX(-50%);
        transform: rotate(0deg) translateX(-50%)
    }
}

.p-step__item:nth-of-type(1):before {
    display: none
}

.p-step__item .step {
    width: 104px;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    background-color: #5cba0c;
    border-radius: 100%;
    position: absolute;
    top: -70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media screen and (max-width:768px) {
    .p-step__item .step {
        font-size: 2rem;
        width: 90px;
        height: 90px;
        top: -45px
    }
}

.p-step__item .title {
    font-size: 2.2rem;
    font-weight: 700
}

@media screen and (max-width:768px) {
    .p-step__item .title {
        font-size: 2rem
    }
}

.p-step__item .image {
    margin: 25px 0 20px
}

@media screen and (max-width:768px) {
    .p-step__item .image {
        margin: 20px 0 0
    }
}

.p-step__item .text {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 30px
}

@media screen and (max-width:768px) {
    .p-step__item .text {
        font-size: 1.4rem;
        margin: 18px 0 0;
        letter-spacing: .05em
    }
}

.p-step__body {
    margin: 115px 0 0
}

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

.p-step__body-inner {
    background-color: #fff;
    position: relative;
    padding: 0 60px 40px;
    border-radius: 15px;
    display: inline-block
}

@media screen and (max-width:768px) {
    .p-step__body-inner {
        padding: 0 18px 25px
    }
}

.p-step__body-inner .title {
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .07em;
    display: inline-block;
    background-color: #5cba0c;
    border-radius: 30px;
    white-space: nowrap;
    padding: 0 70px;
    height: 65px;
    line-height: 65px;
    color: #fff;
    position: relative;
    top: -32px
}

@media screen and (max-width:768px) {
    .p-step__body-inner .title {
        font-size: 2rem;
        height: auto;
        line-height: inherit;
        padding: 8px 80px;
        border-radius: 60px;
        top: -15px
    }
}

.p-step__body-list {
    padding: 0 0 10px 30px;
    text-align: left
}

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

.p-step__body-item {
    font-size: 2.8rem;
    font-weight: 600;
    margin: 10px 0 0;
    letter-spacing: .05em
}

.p-step__body-item:first-of-type {
    margin: 0
}

@media screen and (max-width:768px) {
    .p-step__body-item {
        font-size: 1.8rem;
        margin: 1px 0 0
    }
}

.p-step__foot {
    margin: 100px 0 0
}

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

.p-voice {
    text-align: center;
    padding: 58px 0;
    position: relative;
    overflow: hidden
}

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

.p-voice:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 542px;
    background-color: #3caf02;
    z-index: 2
}

@media screen and (max-width:768px) {
    .p-voice:before {
        height: 720px
    }
}

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

.p-voice__nav {
    flex-wrap: wrap;
    padding: 0 20px;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .p-voice__nav {
        display: flex !important
    }
}

.p-voice__nav-btn {
    width: 50%;
    margin: 0 0 20px
}

.p-voice__nav-btn:nth-of-type(1),
.p-voice__nav-btn:nth-of-type(3) {
    text-align: left
}

.p-voice__nav-btn:nth-of-type(2),
.p-voice__nav-btn:nth-of-type(4) {
    text-align: right
}

.p-voice__nav-btn a {
    display: inline-block;
    text-align: center;
    width: 160px;
    height: 45px;
    line-height: 45px;
    background-color: #5cba0c;
    border-radius: 22px;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    position: relative
}

.p-voice__nav-btn a:before {
    position: absolute;
    right: 15px;
    top: 15px;
    content: '';
    width: 9px;
    height: 9px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-voice__inner {
    position: relative;
    z-index: 3
}

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

.p-voice__list {
    max-width: 900px;
    margin: 0 auto;
    padding: 5px 0 0
}

.p-voice__item {
    box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    border-radius: 12px;
    padding: 30px 40px;
    margin: 60px 0 0;
    display: flex;
    background-color: #fff;
    position: relative
}

@media screen and (max-width:768px) {
    .p-voice__item {
        flex-direction: column;
        padding: 25px 20px;
        margin: 42px 0 0
    }
}

.p-voice__item:first-of-type {
    margin: 0
}

.p-voice__item:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -13px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 5;
    box-shadow: 5px 5px 3px -1.96px rgba(91, 91, 86, .1)
}

@media screen and (max-width:768px) {
    .p-voice__item:before {
        margin-left: -10px;
        bottom: -10px;
        width: 20px;
        height: 20px
    }
}

.p-voice__item-l {
    width: 40%;
    padding: 30px 0 0
}

@media screen and (max-width:768px) {
    .p-voice__item-l {
        width: 100%;
        padding: 0
    }
}

.p-voice__user-data {
    display: flex
}

.p-voice__user-data .image {
    position: relative;
    top: -10px
}

@media screen and (max-width:768px) {
    .p-voice__user-data .image {
        top: 0
    }
}

.p-voice__user-data .list {
    margin: 0 0 0 20px;
    text-align: left
}

@media screen and (max-width:768px) {
    .p-voice__user-data .list {
        width: 100%
    }
}

.p-voice__user-data .list .item {
    display: flex;
    height: 36px;
    line-height: 36px;
    border-bottom: 1px dashed #cecece
}

@media screen and (max-width:768px) {
    .p-voice__user-data .list .item {
        width: 100%
    }
}

.p-voice__user-data .list .item .name,
.p-voice__user-data .list .item .value {
    font-size: 1.5rem;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {

    .p-voice__user-data .list .item .name,
    .p-voice__user-data .list .item .value {
        font-size: 1.4rem
    }
}

.p-voice__user-data .list .item .name {
    width: 60px
}

@media screen and (max-width:768px) {
    .p-voice__user-data .list .item .name {
        width: 60px
    }
}

.p-voice__user-data .list .item .value {
    width: 50%
}

.p-voice__user-result {
    display: flex;
    margin: 14px 0 0
}

@media screen and (max-width:768px) {
    .p-voice__user-result {
        justify-content: space-between;
        padding: 0 10px
    }
}

.p-voice__user-result .industry .title {
    font-size: 1.6rem;
    font-weight: 400;
    color: #5cba0c;
    position: relative;
    left: -5px
}

@media screen and (max-width:768px) {
    .p-voice__user-result .industry .title {
        font-size: 1.5rem;
        left: 0
    }
}

.p-voice__user-result .industry .title:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 11px;
    background-image: url(../images/index/arrow-right-b.png);
    margin-right: 5px
}

.p-voice__user-result .industry .value {
    font-size: 2rem;
    font-weight: 700;
    background-color: #5cba0c;
    color: #fff;
    padding: 0 33px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    margin: 8px 0 0;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .p-voice__user-result .industry .value {
        font-size: 1.8rem;
        padding: 0;
        width: 130px
    }
}

.p-voice__user-result .time {
    margin: 0 0 0 20px
}

@media screen and (max-width:768px) {
    .p-voice__user-result .time {
        margin: 0 0 0 15px
    }
}

.p-voice__user-result .time .title {
    font-size: 1.6rem;
    font-weight: 500;
    color: #ffc610;
    position: relative;
    left: -5px
}

@media screen and (max-width:768px) {
    .p-voice__user-result .time .title {
        font-size: 1.5rem;
        left: 0
    }
}

.p-voice__user-result .time .title:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 11px;
    background-image: url(../images/index/arrow-right-y.png);
    margin-right: 5px
}

.p-voice__user-result .time .value {
    font-size: 2rem;
    font-weight: 700;
    background-color: #ffc610;
    color: #fff;
    padding: 0 24px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    margin: 8px 0 0;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .p-voice__user-result .time .value {
        font-size: 1.8rem;
        padding: 0;
        width: 130px
    }
}

.p-voice__item-r {
    width: 60%;
    text-align: left;
    padding: 0 0 0 32px
}

@media screen and (max-width:768px) {
    .p-voice__item-r {
        width: 100%;
        padding: 0
    }
}

.p-voice__item-r .title {
    color: #5cba0c;
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .05em
}

@media screen and (max-width:768px) {
    .p-voice__item-r .title {
        font-size: 1.7rem;
        margin: 25px 0 0;
        letter-spacing: .02em
    }
}

.p-voice__item-r .text {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 30px;
    margin: 12px 0 0;
    letter-spacing: .07em
}

@media screen and (max-width:768px) {
    .p-voice__item-r .text {
        font-size: 1.4rem;
        line-height: 22px;
        margin: 9px 0 0;
        letter-spacing: .05em
    }
}

.p-voice__arrow {
    margin: 30px 0 20px
}

@media screen and (max-width:768px) {
    .p-voice__arrow {
        height: 30px;
        margin: 25px 0 15px
    }
}

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

.p-voice__text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 40px;
    color: #fff
}

@media screen and (max-width:768px) {
    .p-voice__text {
        font-size: 2rem
    }
}