a,
a:hover {
    text-decoration: none;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

#hou_to_use {}

#hou_to_use .PageIndex__sectionTitle[data-v-76adbc8a] {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#hou_to_use .StepItem__textBox[data-v-76adbc8a] {
    margin-top: 12%;
}

#hou_to_use .StepItem-3 {
    margin-top: 20%;
}

.GlobalFooter__contents_l {}


.PageTravelInfo .PageContainer {}

.PageTravelInfo .PageContainer .txt,
.service-content .txt {
    margin-top: 10%;
    text-align: center;
}

.PageTravelInfo .PageContainer .txt img {
    max-width: 100%;
}

.PageTravelInfo .PageContainer .txt h3 {
    margin: 3% 0 5% 0;
    font-size: 26px;
    font-weight: 500;
    line-height: 2;
}

.PageTravelInfo .PageContainer .txt p {
    font-size: 16px;
    line-height: 2;
}


/*case*/
.grid-3 {
    display: grid;
    grid-gap: 3rem;
    grid-template-columns: repeat(3, 1fr);
}

.blog-area {
    margin-top: 6%;
}

.blog-box {
    padding: 1rem;
    box-shadow: 0px 0px 1px 0px rgba(7, 14, 39, 0.5);
    border-radius: 5px;
    transition: all .5s ease;
}

.blog-box a:hover {
    text-decoration: none;
}

.blog-box:hover {
    box-shadow: 0px 20px 50px 0px rgba(7, 14, 39, 0.07);
}

.blog-box .blog-pic img {
    width: 100%;
    border-radius: 5px;
}

.blog-box .blog-meta ul {
    display: flex;
    gap: 3rem;
    align-items: center;
    margin-bottom: 1.8rem;
}

.blog-box .blog-desc {
    padding: 3rem 1rem 1rem 1rem;
}

.blog-box .blog-desc ul li span {
    color: #747070;
    line-height: 21px;
}

.blog-box .blog-desc h5 {
    margin-bottom: 1.5rem;
}

.blog-box .blog-desc p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.005em;
}

.recent-post-pic {
    flex: 0 0 auto;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .blog-wpr.grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 767px) {
    .grid-3 {
        grid-template-columns: 1fr;
    }
}

.btn-2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 10px;
    letter-spacing: 0.0015em;
    color: #030000;
}

.btn-2 i {
    margin-left: 7px;
}

.work-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.0015em;
    margin-bottom: 2.9rem;
    text-transform: capitalize;
    transition: all 0.3s;
    color: #030000;
}

.pagination {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 6%;
    margin-top: 7%;
}

.pagination a {
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
    color: #030000;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50%;
    transition: all .5s ease;
    border: 1px solid #030000;
}

.pagination a:hover {
    background-color: var(--clr-def);
    color: var(--clr-white);
}

.cnt {
    justify-content: center;
}


.theme-single.blog-single {
    padding: 2rem;
}

.theme-single {
    padding: 1.5rem 2rem;
    box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.1);
    border-radius: 5px;
}

.theme-info {
    padding: 0rem 3rem 1rem 3rem;
}

.theme-pic {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.theme-pic .big-pic {
    width: 100%;
    border-radius: 5px;
}

.theme-pic .theme-ovll {
    position: absolute;
    height: 0%;
    width: 100%;
    top: -30%;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
}

.theme-pic .theme-ovll::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    z-index: -1;
    background-color: #070E27;
    opacity: 0.8;
    border-radius: 5px;
}

.theme-pic:hover .theme-ovll {
    height: 100%;
    top: 0;
}

.theme-opt-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.0015em;
}

.blog-single-area {
    margin-top: 6%;
    margin-bottom: 6%;
}

.theme-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid rgba(7, 14, 39, 0.1);
    margin-bottom: 3rem;
}

/*.NewsArrowBox.NewsList__item .ArrowBox--white[data-v-25a6700a] {
    background-color: #f2f5f7;
    color: #313131;
}

.NewsArrowBox.NewsList__item .ArrowBox--white[data-v-25a6700a]:hover {
    background-color: #030000;
    color: #fff;
}

.NewsArrowBox.NewsList__item .ArrowBox--white[data-v-25a6700a]:hover path {
    stroke: #fff;
}

.PageNewsDetail__navigation[data-v-06f894e7] {
    display: flex;
    justify-content: space-between;
}

.PageNews .PageNewsDetail__viewAll {
    margin-bottom: 10%;
    margin-top: 4%;
    float: right;
}

.PageNews .ArrowBox__content[data-v-25a6700a] path {
    stroke: #fff;
}*/

.PageNews .PageNewsDetail__viewAll path {
    stroke: #fff;
}

[data-v-b93bc684]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.AnimatedArrow[data-v-b93bc684] {
    width: 54px;
    height: 40px;
    position: relative;
    overflow: hidden
}

.AnimatedArrow__animation[data-v-b93bc684] {
    position: absolute;
    top: -10px;
    left: -3px;
    width: 60px;
    height: 60px
}

[data-v-25a6700a]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

/*.ArrowBox[data-v-25a6700a] {
    opacity: 1;
    overflow: visible;
}*/

.ArrowBox--play[data-v-25a6700a] {
    transition: opacity 1s cubic-bezier(.25, .46, .45, .94) 0ms;
    opacity: 1
}

.ArrowBox--small[data-v-25a6700a] {
    height: 66px;
    width: 208px
}

.ArrowBox__inner[data-v-25a6700a] {
    display: flex;
    padding: 28px 28px 28px 40px;
    align-items: center;
    justify-content: flex-start;
    transition-property: background-color, color, opacity;
    transition-duration: .42s;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    text-decoration: none;
    box-sizing: border-box;
    height: 100%
}

.ArrowBox--noAnimation .ArrowBox__inner[data-v-25a6700a] {
    transition: none
}

.ArrowBox--left .ArrowBox__inner[data-v-25a6700a] {
    flex-direction: row-reverse
}

.ArrowBox[data-v-25a6700a]:hover {
    text-decoration: none
}

.ArrowBox--black[data-v-25a6700a] {
    background-color: #000;
    color: #fff
}

.ArrowBox--black[data-v-25a6700a]:hover {
    background-color: #000;
}

.ArrowBox--noAnimation .ArrowBox--black[data-v-25a6700a]:hover {
    background-color: #000
}

.ArrowBox--white[data-v-25a6700a] {
    background-color: #f2f5f7;
    color: #313131
}

.ArrowBox--white[data-v-25a6700a]:hover {
    background-color: #000;
    color: #eceeef
}

.ArrowBox--noAnimation .ArrowBox--white[data-v-25a6700a]:hover {
    background-color: #f2f5f7;
    color: #313131
}

.ArrowBox__content[data-v-25a6700a] {
    margin-left: auto;
    flex-grow: 1;
    flex-basis: 0
}

.ArrowBox--left .ArrowBox__content[data-v-25a6700a] {
    text-align: right
}

.ArrowBox__animatedArrow[data-v-25a6700a] {
    margin-left: auto
}

.ArrowBox--left .ArrowBox__animatedArrow[data-v-25a6700a] {
    transform: scaleX(-1)
}

@media screen and (max-width:959px) {
    .ArrowBox__inner[data-v-25a6700a] {
        flex-wrap: wrap;
        padding: 23px 17px 18.5px 20px;
        align-items: flex-start;
        height: auto
    }

    .ArrowBox--small .ArrowBox__inner[data-v-25a6700a] {
        align-items: center;
        padding: 13px 14px 13px 18px
    }

    .ArrowBox__content[data-v-25a6700a] {
        margin-left: 0;
        width: 100%;
        flex-basis: auto
    }

    .ArrowBox--small .ArrowBox__content[data-v-25a6700a] {
        flex-shrink: 1;
        width: auto
    }

    .ArrowBox__animatedArrow[data-v-25a6700a] {
        margin-top: 21px;
        margin-right: 3px
    }

    .ArrowBox--small .ArrowBox__animatedArrow[data-v-25a6700a] {
        margin-top: 0
    }
}

[data-v-06f894e7]:root {
    --color-light: #fefefe;
    --color-dark: #2d3640;
    --color-gray: #e5e5e5;
    --color-gray-dark: #d9d9d9;
    --color-gray-second: #81868c;
    --color-text: #0f191e;
    --color-text-white: #fff;
    --color-text-dark: #383838;
    --color-text-hover: #a8a8a8;
    --color-blue: #1f4878;
    --color-bluesky: #4fb9cf;
    --color-bluesky-second: #58a7cc;
    --color-bluesky-light: #f2f5f9;
    --color-bluesky-dark: #214d8f;
    --header-height: 109px;
    --padding-base: 8.33%
}

.PageNewsDetail__date[data-v-06f894e7] {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    margin-left: -96px;
    margin-bottom: 30px;
    color: #858788
}

.PageNewsDetail__date[data-v-06f894e7]:before {
    content: "";
    display: block;
    width: 74px;
    height: 1px;
    flex-shrink: 0;
    margin-right: 22px;
    background: #858788
}

.PageNewsDetail__title[data-v-06f894e7] {
    font-size: 24px;
    line-height: 1.7;
    margin-top: -8.4px;
    margin-bottom: 80px
}

.PageNewsDetail__contents[data-v-06f894e7] {
    margin-bottom: 120px
}

.PageNewsDetail__navigation[data-v-06f894e7] {
    display: flex
}

.PageNewsDetail__navigationItem--next[data-v-06f894e7] {
    margin-left: auto
}

.PageNewsDetail__line[data-v-06f894e7] {
    background: none;
    height: 0;
    width: 100%;
    margin: 40px 0;
    border: none;
    border-bottom: 1px solid #858788
}

.PageNewsDetail__viewAll[data-v-06f894e7] {
    margin-left: auto;
    margin-top: 54px
}

.PageNewsDetail__viewAllImage[data-v-06f894e7] {
    fill: #fff
}

@media screen and (max-width:959px) {
    .PageNewsDetail__date[data-v-06f894e7] {
        margin-left: -25px
    }

    .PageNewsDetail__date[data-v-06f894e7]:before {
        width: 17px;
        margin-right: 8px
    }

    .PageNewsDetail__navigationItem[data-v-06f894e7] {
        width: 140px
    }

    .PageNewsDetail__navigationItem[data-v-06f894e7] .ArrowBox__inner {
        padding-left: 17px;
        padding-right: 13.5px
    }

    .PageNewsDetail__viewAll[data-v-06f894e7] {
        width: 180px
    }
}

ol li::marker {
    font-size: 0;
}

.BasicMarkupStyle p {
    line-height: 2.5;
}

.PagePrivacy,
.PageTokushoho {
    margin-bottom: 6%;
}

.service-content .scrollto-section .item[data-v-6b2707f5] a {
    color: #221815;
}

.service-content .scrollto-section .item[data-v-6b2707f5].cur {
    background: #000;
    color: #fff;
}

.service-content .scrollto-section .item[data-v-6b2707f5].cur a,
.service-content .scrollto-section .item[data-v-6b2707f5]:hover a,
.service-content .scrollto-section .item[data-v-6b2707f5] a:hover {
    color: #fff;
    text-decoration: none;
}

.service-content .scrollto-section .item[data-v-6b2707f5].cur .arrow[data-v-6b2707f5] {
    fill: #fff;
}

.service-use-cases {}

.service-use-cases .LetterAnimation__animationBoxInner {
    font-size: 50px;
    color: #000;
}

.use-case__sub-title .line[data-v-703571b3] {
    display: block !important;
    text-align: center;
    line-height: 30px !important;
}

.c-form-block {
    width: 100%;
    padding-top: 0%;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block {
        padding-top: 24px;
    }
}

.c-form-block__block {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #ccc;
    padding: 24px 0;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__block {
        display: block;
        padding: 16px 0;
    }
}

.c-form-block__title {
    width: 226px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 10px;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__title {
        font-size: 14px;
        width: 100%;
        padding-bottom: 8px;
        padding-top: 0;
    }
}

.c-form-block__title span {
    font-weight: 500;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__title span {
        font-weight: 600;
    }
}

.c-form-block__label {
    margin-left: auto;
}

.c-form-block__content {
    margin-left: auto;
    width: calc(100% - 226px - 32px);
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__content {
        width: 100%;
    }
}

.c-form-block__flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.c-form-block__button {
    display: block;
    background-color: #333;
    color: #fff;
    max-width: 160px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 0;
    margin-left: 8px;
    width: calc(40% - 8px);
}

.c-form-block__button:hover {
    opacity: 0.7;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__button {
        font-size: 13px;
        padding: 12px 0;
    }

    .c-form-block__button:before {
        padding-right: 6px;
    }
}

.c-form-block__input.is-sm {
    width: 60%;
    max-width: 300px;
}

.c-form-block__textarea {
    height: 200px;
}

.c-form-block__checkbox {
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__checkbox {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

.c-form-block__submit__button {
    background-color: #000;
    color: #fff;
    outline: none;
    letter-spacing: 1.6px;
    border: 1px solid #000;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    max-width: 400px;
    padding: 12px 16px;
    display: block;
    text-align: center;
    margin: 6% auto 10% auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .c-form-block__submit__button {
        font-size: 15px;
        padding: 14px 16px;
    }
}

.c-form-block__submit__button:hover {
    background-color: #fff;
    color: #000;
}

.mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0;
}

.mw_wp_form.mw_wp_form_confirm .c-form-block .c-label.is-required,
.mw_wp_form.mw_wp_form_confirm .c-form-block .c-form-block__label {
    display: none;
}

.mw_wp_form.mw_wp_form_confirm .c-form-block__submit__button {
    margin-top: 64px;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    .mw_wp_form.mw_wp_form_confirm .c-form-block__submit__button {
        margin-top: 32px;
    }
}

.mw_wp_form.mw_wp_form_confirm .c-form-block__checkbox {
    display: none;
}

.mw_wp_form.mw_wp_form_confirm .c-button.is-form,
.mw_wp_form.mw_wp_form_confirm .c-password-form input.is-form[type=submit],
.c-password-form .mw_wp_form.mw_wp_form_confirm input.is-form[type=submit],
.mw_wp_form.mw_wp_form_confirm .c-social-share>a.is-form,
.mw_wp_form.mw_wp_form_confirm .is-form.c-page-opening__button,
.mw_wp_form.mw_wp_form_confirm .c-post-navs__archive a.is-form,
.c-post-navs__archive .mw_wp_form.mw_wp_form_confirm a.is-form,
.mw_wp_form.mw_wp_form_confirm .c-social-share>a.is-form {
    display: none;
}

input[type="text"],
input[type="url"],
input[type="search"],
input[type="email"],
input[type="tel"] {
    font-size: 15px;
    line-height: 1.8;
    border: 2px solid rgba(51, 51, 51, 0.3);
    padding: 7px 12px;
    max-width: 100%;
    width: 100%;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    background-color: #fff;
    box-sizing: border-box;
    font-family: SystFont;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="tel"]:focus,
input[type="tel"]:active {
    outline: none;
    border-color: #efefef;
    box-shadow: inset 0 0 0px 1px #efefef;
}

textarea {
    border: 2px solid rgba(51, 51, 51, 0.3);
    font-size: 15px;
    width: 100%;
    padding: 16px 8px;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    background-color: #fff;
    padding: 7px 12px;
    box-sizing: border-box;
    font-family: SystFont;
}

textarea:focus,
textarea:active {
    outline: none;
    border-color: #efefef;
    box-shadow: inset 0 0 0px 1px #efefef;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

input[type="radio"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

select {
    text-transform: none;
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 2px solid rgba(51, 51, 51, 0.3);
    border-radius: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {
    select {
        width: 100%;
    }
}

:placeholder-shown {
    color: rgba(51, 51, 51, 0.5);
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.5);
}

/* Firefox 18- */
:-moz-placeholder {
    color: rgba(51, 51, 51, 0.5);
}

/* Firefox 19+ */
::-moz-placeholder {
    color: rgba(51, 51, 51, 0.5);
}

/* IE 10+ */
:-ms-input-placeholder {
    color: #9FA0A0;
}

.c-label.is-required,
.c-form-block__label {
    font-size: 12px;
    min-width: 54px;
    text-align: center;
    border-radius: 0;
    padding: 1px 2px;
    background-color: #000;
    color: #fff;
}

@media screen and (min-width: 0em) and (max-width: 46.8125em) {

    .c-label,
    .c-form-block__label {
        font-size: 12px;
        min-width: 88px;
        border-radius: 2px;
    }
}

.c-form-agree {
    display: block;
    width: 100%;
    text-align: center;
}

.c-form-agree input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.c-form-agree a {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 25px;
    vertical-align: middle;
}





@media screen and (min-width: 0em) and (max-width: 46.8125em) {

    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

.StepItem__stepAnimation[data-v-76adbc8a] {
    position: relative;
}

.StepItem__stepAnimation[data-v-76adbc8a] span.line {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.StepItem--2[data-v-76adbc8a] .StepItem__imageBox[data-v-76adbc8a] {}

/*.StepItem--1[data-v-76adbc8a] .StepItem__imageBox{
    margin-left: 10%;
}
.StepItem--2[data-v-76adbc8a] .StepItem__imageBox{
    margin-right: 10%;
}*/

.NewsList__item[data-v-6f8f96f4] svg path {
    stroke: #000;
}
.NewsList__item[data-v-6f8f96f4] .ArrowBox--white[data-v-25a6700a]:hover svg path {
    stroke: #fff;
}

@media screen and (max-width: 959px) {
    .PageIndex__section--about[data-v-76adbc8a] {
        margin-top: 30%;
    }

    .HowToUserSection__heroImageBox[data-v-76adbc8a] {
        height: auto;
        position: relative;
    }

    .HowToUserSection__heroImage[data-v-76adbc8a] {
        height: auto;
    }

    .SectionTitle[data-v-4c380c85] {
        position: relative;
        margin-top: 8%;
        height: auto;
    }

    .StepItem[data-v-76adbc8a]:first-child {
        margin-top: 14%;
    }

    .StepItem--1 .StepItem__bg[data-v-76adbc8a] {
        top: 0;
        height: 280px;
        width: 100%;
    }

    .StepItem__stepAnimation[data-v-76adbc8a] {
        margin-right: 0;
    }

    .StepItem__phoneImage[data-v-76adbc8a] {
        box-shadow: none;
        text-align: center;
    }

    .LetterAnimation__animationBoxInner[data-v-04d599ab] img {
        width: 70%;
    }

    .PageIndex__section--about[data-v-76adbc8a] {
        margin-top: 0
    }

    .HowToUserSection[data-v-76adbc8a] {
        padding: 0;
        margin: 0;
    }

    #hou_to_use {
        overflow: hidden;
    }

    #hou_to_use .PageIndex__sectionTitle[data-v-76adbc8a] {
        position: relative;
        height: auto;
    }

    #hou_to_use .StepItem--1[data-v-76adbc8a] {
        margin-top: 8%;
        padding-top: 8%;
        margin-bottom: 16%;
    }

    #hou_to_use .StepItem--1[data-v-76adbc8a] .StepItem__imageBox {
        width: 100%;
        height: 100%;
    }

    #hou_to_use .StepItem--1[data-v-76adbc8a] .StepItem__stepAnimation[data-v-76adbc8a] {
        left: 40%;
    }

    .StepItem--1 .StepItem__textTitle[data-v-76adbc8a] {
        margin-bottom: 0;
    }

    #hou_to_use .StepItem--1[data-v-76adbc8a] .StepItem__phoneImage[data-v-76adbc8a] {
        width: 100%;
        height: 100%;
        margin-top: 10%
    }

    #hou_to_use .StepItem__textBox[data-v-76adbc8a] {
        text-align: center;
        width: 96%;
        margin: 10% auto 0 auto;
    }

    .StepItem--2[data-v-76adbc8a] {
        position: relative;
        margin-top: 8%;
        margin-bottom: 16%;
    }

    .StepItem--2[data-v-76adbc8a] .StepItem__bg[data-v-76adbc8a] {
        top: 0;
        height: 280px;
    }

    .StepItem--2[data-v-76adbc8a] .StepItem__stepAnimation[data-v-76adbc8a] {
        left: 50%
    }

    .StepItem--2[data-v-76adbc8a] .StepItem__imageBox[data-v-76adbc8a] {
        width: 100%;
        height: 100%;
        margin-top: 10%
    }

    .StepItem--2[data-v-76adbc8a] .StepItem__phoneImage[data-v-76adbc8a] {
        width: 100%;
        height: 100%;
        margin-top: 10%
    }

    .StepItem--2[data-v-76adbc8a] .StepItem__textTitle[data-v-76adbc8a] {
        margin-bottom: 0;
    }

    .GlobalFooter__navigation[data-v-083eb722] {
        padding-bottom: 10%;
        margin-top: 0;
        border: none;
        display: none;
    }

    .GlobalFooter__contents_l {
        overflow: hidden;
        width: 100%;
        text-align: center;
    }

    .GlobalFooter__contents_l .GlobalFooter__logoImage img {
        width: 66%;
    }

    .GlobalFooter__navigationLink[data-v-083eb722] {
        line-height: 20px
    }

    .GlobalFooter[data-v-083eb722] {
        padding: 8%;
    }

    .GlobalFooter__contents[data-v-083eb722] {
        margin-bottom: 5%;
    }

    .PageContainer {
        max-width: 96% !important;
        padding: 0 2%
    }

    .theme-info {
        padding: 0;
    }

    #section1 .use-case {
        height: auto;
    }

    #section1 .service-title {
        position: relative;
        height: auto;
        top: 0;
        margin-top: 10%;
        right: 2%;
        left: auto;
    }

    #section1 .service-title span {
        display: block;
        width: 100%;
        text-align: right;
        transform: scale(1);
    }

    #section1 .use-case__sub-title {
        position: relative;
        top: 0;
        right: 2%;
        left: auto;
        margin-top: 4%;
    }

    #section1 .use-case__image {
        position: relative;
    }

    #section1 .use-case__text {
        padding-top: 12%;
        margin-left: 0;
    }

    #section1 {}

    #section1 {}
}