/*
Theme Name: CREATORS MATCH Corp
Description: CREATORS MATCH Corp
Version: 2.0
Author: CREATORS MATCH Corp
*/

@charset "UTF-8";
.lower-contents .page-nav .accordion-btn,
.lower-contents .page-nav li,
.page-careers .section-about-us .about-us-list .num,
.page-information .tab-btn li,
.page-mission .lower-heading .page-heading .en,
.page-project .lower-heading .page-heading .en,
.page-home .section-careers .text-en {
    font-family: Avenir, 'LeagueSpartan-Light', 'Lato-Light', sans-serif;
    font-weight: 300;    font-family: system-ui;
}

.btn-arrow-right .btn-text,
.lower-heading .page-heading .en,
.breadcrumb li,
.lower-heading-article .page-heading,
.lower-heading-article .date,
.lower-heading-article .category span,
.information-list li .date,
.footer-contents .link-block-site li,
.footer-contents .link-block-nav li,
.footer-contents .copyright,
.header .nav li,
.menu-contents .link-block-site li,
.menu-contents .link-block-nav li,
.menu-contents .copyright,
.page-information .tab-contents .information-list li .category span,
.page-information .pagination .btn-prev .btn-text,
.page-information-article .pagination .btn-prev .btn-text,
.page-information .pagination .btn-next .btn-text,
.page-information-article .pagination .btn-next .btn-text,
.page-information .pagination .page-num li,
.page-information-article .pagination .page-num li,
.page-mission .section-value .section-contents .copy,
.page-project-lower .section-heading,
.page-project-lower .section-other-project .section-inner li .num,
.page-project .lower-heading .page-heading-sub,
.page-project .section .section-heading,
.page-service-lower.page-service-creation .section-overview .flow-list .heading-container .num,
.page-service-lower.page-service-creation .section-point .point-list .num,
.page-service-lower .lower-heading .page-category,
.page-service-lower .lower-heading .page-heading,
.page-service-lower .section-overview .section-heading,
.page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-text,
.page-service-lower.page-service-saas .section-point .section-heading,
.page-service-lower.page-service-saas .section-point .point-list li .text-container .num,
.page-service-lower.page-service-test .section-case .section-heading,
.page-service-lower.page-service-test .section-case .point-list li .text-container .num,
.page-home .section-heading,
.page-home .section-hero .copy .copy-sub,
.page-home .section-hero .copyright,
.page-home .section-service .service-list li .text-container .num,
.page-home .section-project .slider .slider-text-container .num {
    font-family: Avenir, 'LeagueSpartan-Medium', 'Lato-Regular', sans-serif;
    font-weight: 400;    font-family: system-ui;
}

.lower-contents .section-heading .en,
.page-about .section-access .place .name .en,
.page-information .tab-contents .section-heading,
.page-service-lower.page-service-creation .section-point .point-list-btn .heading-container,
.page-service-lower.page-service-creation .section-point .point-list .heading,
.page-service .section-thinc .list-thinc .text-container .name,
.page-home .section-service .service-list .slider .slider-text-container .name {
    font-family: Avenir, 'LeagueSpartan-Medium', 'Lato-Regular', sans-serif;
    font-weight: 500;    font-family: system-ui;
}

.page-about .section-history .history-list dt,
.page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-num {
    font-family: Avenir, 'LeagueSpartan-Bold', 'Lato-Black', sans-serif;
    font-weight: 900;    font-family: system-ui;
}
@-webkit-keyframes delayView {
    0% {
        opacity: 0;
    }
    99.999% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes delayView {
    0% {
        opacity: 0;
    }
    99.999% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes scrollBar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        -webkit-transform: translateY(104px);
        transform: translateY(104px);
    }
    100% {
        -webkit-transform: translateY(104px);
        transform: translateY(104px);
    }
}

@keyframes scrollBar {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    60% {
        -webkit-transform: translateY(104px);
        transform: translateY(104px);
    }
    100% {
        -webkit-transform: translateY(104px);
        transform: translateY(104px);
    }
}

@-webkit-keyframes scrollBarOpacity {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes scrollBarOpacity {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes loopLeft1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes loopLeft1 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes loopLeft2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@keyframes loopLeft2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
}

@-webkit-keyframes loopRight1 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes loopRight1 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes loopRight2 {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes loopRight2 {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: var(--bg-position) 0;
    }
}

@keyframes loop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: var(--bg-position) 0;
    }
}

@-webkit-keyframes changeImgFirst {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0.9;
    }
}

@keyframes changeImgFirst {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0.9;
    }
}

@-webkit-keyframes changeImg {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes changeImg {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@font-face {
    font-family: 'Lato-Light';
    font-style: normal;
    src: url("/assets/font/Lato-Light.woff2") format('woff2');
}

@font-face {
    font-family: 'Lato-Regular';
    font-style: normal;
    src: url("/assets/font/Lato-Regular.woff2") format('woff2');
}

@font-face {
    font-family: 'Lato-Black';
    font-style: normal;
    src: url("/assets/font/Lato-Black.woff2") format('woff2');
}

@font-face {
    font-family: 'LeagueSpartan-Light';
    font-style: normal;
    src: url("/assets/font/LeagueSpartan-Light.woff2") format('woff2');
}

@font-face {
    font-family: 'LeagueSpartan-Medium';
    font-style: normal;
    src: url("/assets/font/LeagueSpartan-Medium.woff2") format('woff2');
}

@font-face {
    font-family: 'LeagueSpartan-Bold';
    font-style: normal;
    src: url("/assets/font/LeagueSpartan-Bold.woff2") format('woff2');
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1;
    color: #000;
    background: #fff;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a img {
    border: none;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.5rem;
    line-height: 1.866666666666667;
    font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 500;
    color: #373737;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
    }
}

_::-webkit-full-page-media,
_:future,
:root body {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

img {
    vertical-align: top;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    img {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    img {
        width: 100%;
    }
}

svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

a {
    text-decoration: none;
    color: #373737;
}

.for-sp {
    display: none;
}

@media only screen and (max-width: 767px) {
    .for-sp {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .for-pc {
        display: none;
    }
}

button {
    background: none;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.wrapper {
    overflow: hidden;
}

.main {
    position: relative;
    z-index: 1;
}

.icon-arrow-right,
.icon-arrow-left {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-arrow-right .icon-bg,
.icon-arrow-left .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #373737;
}

.icon-arrow-right .icon,
.icon-arrow-left .icon {
    position: relative;
    width: 12px;
    height: 10px;
    fill: #fff;
}

.icon-arrow-right span,
.icon-arrow-left span {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

@media only screen and (max-width: 767px) {
    .icon-arrow-right,
    .icon-arrow-left {
        width: 8vw;
        height: 8vw;
    }
    .icon-arrow-right .icon,
    .icon-arrow-left .icon {
        width: 2.933333333333333vw;
        height: 2.666666666666667vw;
    }
}

.icon-arrow-right-white .icon-bg {
    background: #fff;
}

.icon-arrow-right-white .icon {
    fill: #373737;
}

.icon-arrow-left .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-arrow-right {
    margin-left: auto;
    margin-right: 0;
}

.btn-arrow-right a {
    display: flex;
    align-items: center;
}

.btn-arrow-right span {
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.btn-arrow-right .btn-text {
font-size: 1vw;
font-weight: 600;
}

.btn-arrow-right .icon-arrow-right {
    margin-left: 18px;
}

.btn-arrow-right.btn-arrow-right-white .btn-text {
    color: #fff;
}

.btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon-bg {
    background: #fff;
}

.btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon {
    fill: #373737;
}

.btn-arrow-right.btn-entry,
.btn-arrow-right .icon-arrow-right {
    margin-left: 21px;
}

@media only screen and (min-width: 768px) {
    .btn-arrow-right a:hover .btn-text {
        -webkit-transform: translateX(11px);
        transform: translateX(11px);
    }
    .btn-arrow-right a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .btn-arrow-right a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (max-width: 767px) {
    .btn-arrow-right .btn-text {
    font-size: 13px;
    padding-top: 0.533333333333333vw;
    font-weight: 600;
    }
    .btn-arrow-right .icon-arrow-right {
        margin-left: 2.4vw;
    }
    .btn-arrow-right.btn-entry,
    .btn-arrow-right .icon-arrow-right {
        margin-left: 6.4vw;
    }
}

.shape-group {
    position: absolute;
    overflow: hidden;
}

.shape {
    position: absolute;
}

section,
.section-inner {
    position: relative;
    box-sizing: border-box;
}

.cover {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    z-index: 1;
}

.bold {
    font-weight: bold;
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    z-index: 1000;
}

.is-loaded .loader {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.lower-heading {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 520px;
    overflow: hidden;
    box-sizing: border-box;
}

.lower-heading .shape-circle-top-left {
    top: -224px;
    left: -100px;
    width: 470px;
    height: 470px;
    fill: #f6f7f8;
}

.lower-heading .shape-triangle-bottom-center {
    bottom: -510px;
    left: 50%;
    margin-left: -285px;
    width: 696px;
    height: 770px;
    fill: #f6f7f8;
}

.lower-heading .shape-square-left-bottom {
    bottom: -232px;
    left: -151px;
    width: 352px;
    height: 352px;
    fill: #2b88cf;
}

.lower-heading .shape-square-top-right {
    top: 75px;
    right: -70px;
    width: 352px;
    height: 352px;
    fill: #f6f7f8;
}

.lower-heading .shape-group-top-right-small {
    top: -267px;
    right: 80px;
    width: 392px;
    height: 392px;
    border-radius: 50%;
}

.lower-heading .shape-group-top-right-small .shape-circle {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

.lower-heading .shape-group-top-right-small .shape-square {
    top: 342px;
    right: -149px;
    width: 352px;
    height: 352px;
    fill: #f6f7f8;
}

.lower-heading .shape-group-top-right {
    top: -480px;
    right: -133px;
    width: 820px;
    height: 820px;
    border-radius: 50%;
    -webkit-clip-path: url("#shape-mask-1");
    clip-path: url("#shape-mask-1");
}

.lower-heading .shape-group-top-right .shape-circle-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #ffd600;
}

.lower-heading .shape-group-top-right .shape-square {
    bottom: -87px;
    left: auto;
    right: 63px;
    width: 352px;
    height: 352px;
    fill: #c6cacf;
}

@media only screen and (max-width: 767px) {
    .lower-heading {
        height: 100vw;
    }
    .lower-heading .shape-circle-top-left {
        top: -29.333333333333332vw;
        left: -31.733333333333334vw;
        width: 62.66666666666667vw;
        height: 62.66666666666667vw;
    }
    .lower-heading .shape-triangle-bottom-center {
        bottom: -64vw;
        left: auto;
        right: -54.93333333333334vw;
        width: 92.80000000000001vw;
        height: 102.66666666666666vw;
    }
    .lower-heading .shape-square-left-bottom {
        bottom: -26.93333333333333vw;
        left: -12.8vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
    .lower-heading .shape-square-top-right {
        top: 3.2vw;
        right: -28.799999999999997vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
    .lower-heading .shape-group-top-right-small {
        top: -41.333333333333336vw;
        right: -21.866666666666667vw;
        width: 52.26666666666666vw;
        height: 52.26666666666666vw;
    }
    .lower-heading .shape-group-top-right-small .shape-square {
        top: 44.53333333333334vw;
        right: -7.199999999999999vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
    .lower-heading .shape-group-top-right {
        top: -70.13333333333334vw;
        right: -50.4vw;
        width: 109.33333333333333vw;
        height: 109.33333333333333vw;
    }
    .lower-heading .shape-group-top-right .shape-square {
        bottom: -10.666666666666668vw;
        left: 40.8vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
}

.lower-heading .page-heading {
    position: relative;
    margin-top: 64px;
}

.lower-heading .page-heading span {
    display: block;
}

.lower-heading .page-heading .en {
    position: relative;
    margin-left: 50px;
    padding-left: 50px;
    font-size: 8rem;
    line-height: 1;
}

.lower-heading .page-heading .en .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 32px;
    height: 32px;
    margin-top: -20px;
    border-radius: 50%;
    stroke: #ffd700;
    stroke-width: 60px;
    stroke-dasharray: 377px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    fill: none;
}

.windows .lower-heading .page-heading .en .icon {
    margin-top: -24px;
}

.lower-heading .page-heading .ja {
    margin-top: 7px;
    margin-left: 100px;
    font-size: 1.5rem;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .lower-heading .page-heading .en {
        margin-left: 4.62962962962963%;
    }
    .lower-heading .page-heading .ja {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .lower-heading .page-heading {
        margin-top: 8.266666666666666vw;
    }
    .lower-heading .page-heading .en {
        margin-left: 5.333333333333334vw;
        padding-left: 6.666666666666667vw;
        font-size: 11.466666666666667vw;
    }
    .lower-heading .page-heading .en .icon {
        width: 4.266666666666667vw;
        height: 4.266666666666667vw;
        margin-top: -2.666666666666667vw;
        border-width: 1.6vw;
    }
    .android .lower-heading .page-heading .en .icon {
        margin-top: -3.2vw;
    }
    .lower-heading .page-heading .ja {
        margin-top: 2.133333333333333vw;
        margin-left: 12vw;
        font-size: 3.2vw;
    }
}

.breadcrumb {
    position: absolute;
    bottom: 41px;
    right: 100px;
}

.breadcrumb ul {
    display: flex;
}

.breadcrumb li {
    position: relative;
    margin-left: 48px;
    font-size: 1.4rem;
}

.breadcrumb li a {
    display: block;
    opacity: 0.5;
}

@media only screen and (min-width: 768px) {
    .breadcrumb li a {
        transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .breadcrumb li a:hover {
        opacity: 0.3;
    }
}

.breadcrumb li:not(:first-child)::before {
    position: absolute;
    top: 50%;
    left: -30px;
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    margin-top: -2px;
    background: #373737;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .breadcrumb {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb {
        display: none;
    }
}

.lower-heading-article {
    position: relative;
    padding: 155px 158px 141px 95px;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e4e6;
}

.lower-heading-article .page-heading {
    position: relative;
    margin-left: 4px;
    padding-left: 32px;
    font-size: 1.8rem;
    line-height: 1;
}

.lower-heading-article .page-heading .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -10px;
    border-radius: 50%;
    border: 5px solid #ffd700;
}

.lower-heading-article .title {
    margin-top: 39px;
    font-size: 4rem;
    line-height: 1.4;
    font-weight: bold;
}

.lower-heading-article .info {
    position: absolute;
    bottom: 44px;
    left: 100px;
    display: flex;
    align-items: center;
}

.lower-heading-article .date {
    font-size: 1.4rem;
    line-height: 1;
}

.lower-heading-article .category {
    display: flex;
    margin-left: 13px;
}

.lower-heading-article .category span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    height: 22px;
    padding: 0 11px;
    margin-right: 6px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
    border-radius: 11px;
    font-weight: normal;
    background: #f1f1f1;
}

.lower-heading-article .breadcrumb {
    bottom: 42px;
}

.lower-heading-article .breadcrumb li:last-child {
    font-size: 1.3rem;
    line-height: 2;
    font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .lower-heading-article {
        padding-left: 8.796296296296296%;
        padding-right: 8.796296296296296%;
    }
    .lower-heading-article .info {
        bottom: 70px;
        left: 9.25925925925926%;
    }
    .lower-heading-article .breadcrumb {
        bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .lower-heading-article {
        padding: 37.333333333333336vw 6.666666666666667vw 30.133333333333333vw;
        border-width: 0.266666666666667vw;
    }
    .lower-heading-article .page-heading {
        margin-left: 0.533333333333333vw;
        padding-left: 6.666666666666667vw;
        font-size: 4vw;
    }
    .lower-heading-article .page-heading .icon {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: -2.133333333333333vw;
        border-width: 1.066666666666667vw;
    }
    .lower-heading-article .title {
        margin-top: 10.933333333333334vw;
        font-size: 6.666666666666667vw;
        line-height: 1.4;
    }
    .lower-heading-article .info {
        position: absolute;
        bottom: 9.333333333333334vw;
        left: 6.666666666666667vw;
    }
    .lower-heading-article .date {
        margin-top: 0.533333333333333vw;
        font-size: 3.466666666666666vw;
        letter-spacing: 0.1em;
    }
    .lower-heading-article .category {
        margin-left: 2.933333333333333vw;
    }
    .lower-heading-article .category span {
        height: 6.666666666666667vw;
        padding: 0.533333333333333vw 3.733333333333334vw 0;
        margin-right: 1.333333333333333vw;
        font-size: 2.666666666666667vw;
        letter-spacing: 0.1em;
        border-radius: 3.333333333333333vw;
    }
    .lower-heading-article .breadcrumb {
        display: none;
    }
}

.lower-contents .page-nav {
    padding: 44px 6.481481481481481% 38px;
    border-bottom: 1px solid #e1e4e6;
    box-sizing: border-box;
}

.lower-contents .page-nav ul {
    display: flex;
    position: relative;
    width: 1080px;
    margin-right: auto;
    margin-left: auto;
}

.lower-contents .page-nav li {
    margin-right: 54px;
    font-size: 1.5rem;
}

.lower-contents .page-nav li a {
    display: block;
    padding: 10px 0;
}

@media only screen and (min-width: 768px) {
    .lower-contents .page-nav li a {
        transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .lower-contents .page-nav li a:hover {
        opacity: 0.6;
    }
}

.lower-contents .page-nav .accordion-btn {
    display: none;
}

@media only screen and (min-width: 768px) {
    .lower-contents .page-nav [data-accordion-content] {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .lower-contents .page-nav {
        padding: 0;
        border-width: 0.266666666666667vw;
    }
    .lower-contents .page-nav ul {
        width: 100%;
        flex-direction: column;
    }
    .lower-contents .page-nav li {
        margin-right: 0;
        font-size: 3.2vw;
        line-height: 1;
        letter-spacing: 0.1em;
        border-top: 0.266666666666667vw solid #e1e4e6;
    }
    .lower-contents .page-nav li a {
        padding: 8.799999999999999vw 6.666666666666667vw 8vw;
        background: #f7f7f7;
        box-sizing: border-box;
    }
    .lower-contents .page-nav .accordion-btn {
        position: relative;
        display: block;
        padding: 8.533333333333333vw 6.666666666666667vw 8vw;
        font-size: 3.2vw;
        line-height: 1;
        letter-spacing: 0.1em;
    }
    .lower-contents .page-nav .accordion-btn .icon-arrow {
        position: absolute;
        top: 50%;
        right: 7.199999999999999vw;
        display: block;
        width: 2.133333333333333vw;
        height: 3.466666666666666vw;
        margin-top: -1.733333333333333vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .lower-contents .page-nav.is-accordion-opened .accordion-btn {
        display: block;
    }
    .lower-contents .page-nav.is-accordion-opened .accordion-btn .icon-arrow {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.lower-contents .section-heading {
    position: relative;
}

.lower-contents .section-heading span {
    display: block;
    position: relative;
    line-height: 1;
}

.lower-contents .section-heading .en {
    padding-left: 38px;
    font-size: 4.4rem;
    letter-spacing: -0.01em;
}

.lower-contents .section-heading .en::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -12px;
    border-radius: 50%;
    border: 6px solid #ffd700;
}

.windows .lower-contents .section-heading .en::before {
    margin-top: -14px;
}

.lower-contents .section-heading .ja {
    margin-top: 19px;
    margin-left: 40px;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
    .lower-contents .section-heading .en {
        padding-left: 7.199999999999999vw;
        font-size: 10.666666666666668vw;
    }
    .lower-contents .section-heading .en::before {
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        margin-top: -2.666666666666667vw;
        border-width: 1.333333333333333vw;
    }
    .android .lower-contents .section-heading .en::before {
        margin-top: -3.2vw;
    }
    .lower-contents .section-heading .ja {
        margin-top: 3.2vw;
        margin-left: 8.533333333333333vw;
        font-size: 2.666666666666667vw;
    }
}

.lower-contents .block-right {
    position: relative;
    padding-left: 300px;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .lower-contents .block-right {
        padding-left: 31.914893617021278%;
    }
}

@media only screen and (max-width: 767px) {
    .lower-contents .block-right {
        padding-left: 0;
    }
}

.lower-contents .dot-list li {
    position: relative;
    padding-left: 18px;
}

.lower-contents .dot-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    margin-top: 8px;
    border-radius: 50%;
    background: #000;
}

@media only screen and (max-width: 767px) {
    .lower-contents .dot-list li {
        padding-left: 4vw;
    }
    .lower-contents .dot-list li::before {
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        margin-top: 2.4vw;
    }
}

.lower-contents .parallax-item-container {
    position: relative;
    overflow: hidden;
}

.lower-contents .parallax-item-container .parallax-item {
    position: absolute;
}

.information-list ul {
    border-bottom: 1px solid #e1e4e6;
}

.information-list li a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e4e6;
    box-sizing: border-box;
    padding: 32px 134px 33px 0;
}

.information-list li .date {
    margin-top: 7px;
    font-size: 0.84vw;
    line-height: 1;
    letter-spacing: 0.1em;
}

.information-list li .category {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-left: 20px;
}

.information-list li .category span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    height: 22px;
    padding: 0 18px 2px;
    margin-bottom: 6px;
    margin-right: 6px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.04em;
    border-radius: 11px;
    font-weight: bold;
    background: #f1f1f1;
}

.information-list li .title {
    width: 100%;
    margin-top: 10px;
    font-size:1vw;
    line-height: 1.857142857142857;
    letter-spacing: 0.09em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;    font-weight: 600;
}

.information-list li .title span {
    border-bottom: 1px solid transparent;
    transition: border-color 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.information-list li .icon-arrow-right {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
}

.information-list li .icon-arrow-right .icon-bg {
    background: #f3f3f3;
}

.information-list li .icon-arrow-right .icon {
    width: 12px;
    height: 10px;
    fill: #373737;
}

@media only screen and (min-width: 768px) {
    .information-list a:hover .title span {
        border-color: #959595;
    }
    .information-list a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .information-list a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (max-width: 767px) {
    .information-list ul {
        border-width: 0.266666666666667vw;
    }
    .information-list li a {
        border-width: 0.266666666666667vw;
        padding: 6.666666666666667vw 22.666666666666664vw 8vw 0;
    }
    .information-list li .date {
        margin-top: 2.4vw;
        font-size: 2.666666666666667vw;
    }
    .information-list li .category {
        margin-left: 3.733333333333334vw;
    }
    .information-list li .category span {
        height: 6.666666666666667vw;
        padding: 0.266666666666667vw 3.2vw 0 3.733333333333334vw;
        margin-right: 1.333333333333333vw;
        margin-bottom: 1.333333333333333vw;
        font-size: 2.666666666666667vw;
        letter-spacing: 0.1em;
        border-radius: 3.333333333333333vw;
    }
    .information-list li .title {
        margin-top: 2.4vw;
        font-size: 3.466666666666666vw;
        line-height: 1.769230769230769;
        text-align: justify;
    }
    .information-list li .icon-arrow-right {
        width: 12vw;
        height: 12vw;
        margin-top: -6vw;
    }
    .information-list li .icon-arrow-right .icon {
        width: 2.933333333333333vw;
        height: 2.4vw;
    }
}

[data-hidden] {
    opacity: 0;
}

[data-mask],
[data-accordion] {
    overflow: hidden;
}

[data-accordion-content] {
    height: 0;
    transition: height 0.5s;
}

[data-shape-el],
[data-hero-el],
[data-animate],
[data-parallax-el],
[data-careers-el] {
    will-change: transform;
}

.page-home [data-nav],
.page-home [data-menu-trigger] {
    opacity: 1;
}

[data-shape-el='circle-blue'],
[data-shape-el='circle-gray'] {
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.footer {
    position: relative;
    z-index: 1;
}

.footer-contact {
    position: relative;
}

.footer-contact a {
    display: block;
    background: #fbc700;
    transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.footer-contact .decoration-text {
    position: absolute;
    top: 99px;
    left: -64px;
    width: 990px;
    height: 172px;
    fill: #ffd700;
    opacity: 0.6;
}

.footer-contact .footer-contact-inner {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    height: 410px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.footer-contact .logo-hand {
    position: relative;
    width: 76px;
    height: 122px;
    margin: -12px 0 0 -2px;
    fill: #373737;
}

.footer-contact .text {
    position: relative;
    margin: 8px 0 0 40px;
    font-size: 1.5rem;
    line-height: 2;
}

.footer-contact .btn-arrow-right {
    margin-left: auto;
    margin-right: 0;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .footer-contact a .decoration-text {
        transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
        transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
        transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .footer-contact a:hover {
        background: #f6ba02;
    }
    .footer-contact a:hover .decoration-text {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    .footer-contact a:hover .btn-arrow-right .btn-text {
        -webkit-transform: translateX(11px);
        transform: translateX(11px);
    }
    .footer-contact a:hover .btn-arrow-right .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .footer-contact a:hover .btn-arrow-right .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .footer-contact .footer-contact-inner {
        max-width: none;
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .footer-contact .decoration-text {
        position: absolute;
        top: 46vw;
        left: -4.533333333333333vw;
        width: 136.26666666666668vw;
        height: 23.733333333333334vw;
    }
    .footer-contact .footer-contact-inner {
        width: 100%;
        height: auto;
        padding-top: 17.333333333333336vw;
        padding-bottom: 39.2vw;
    }
    .footer-contact .logo-hand {
        width: 12.8vw;
        height: 20.533333333333335vw;
        margin: -6.133333333333333vw 0 0 6.4vw;
    }
    .footer-contact .text {
        width: 66.66666666666666vw;
        margin: 0 0 0 7.466666666666668vw;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
    }
    .footer-contact .btn-arrow-right {
        position: absolute;
        bottom: 14.666666666666666vw;
        right: 6.666666666666667vw;
    }
}

.footer-contents {
    padding: 7% 10% 7%;
    background:#fadb4d;
}

.footer-contents .footer-contents-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 127px;
}

@media only screen and (min-width: 768px) {
    .footer-contents .footer-contents-inner {
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .footer-contents li a {
        transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .footer-contents li a:hover {
        opacity: 0.6;
    }
}
.windows .section .section-heading::before {
    margin-top: 0.3%;
}
span.dot11 {
    margin: 0 0.4vw 0 0.4vw;
}
.footer-contents .logo {
    display: inline-block;
}

.footer-contents .logo a {
    display: block;
}

.footer-contents .logo svg {
    fill: #373737;
    width: 278px;
    height: 33px;
}

.footer-contents .link-block-site {
    margin: 31px 0 0 1px;
}

.footer-contents .link-block-site li {
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 1;
}

.footer-contents .link-block-site li a {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

.footer-contents .link-block-site li .icon-arrow {
    position: absolute;
    top: 12px;
    right: -21px;
    width: 10px;
    height: 10px;
}

.footer-contents .link-block-sns {
    margin: 43px 0 0 1px;
}

.footer-contents .link-block-sns ul {
    display: flex;
}

.footer-contents .link-block-sns li {
    width: 44px;
    height: 44px;
}

.footer-contents .link-block-sns a,
.footer-contents .link-block-sns span {
    display: block;
}

.footer-contents .link-block-sns a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #373737;
    border-radius: 50%;
    box-sizing: border-box;
}

.footer-contents .link-block-sns .icon {
    fill: #373737;
}

.footer-contents .link-block-sns .btn-twitter {
    margin-right: 18px;
}

.footer-contents .link-block-sns .btn-twitter .icon {
    width: 20px;
    height: 16px;
}

.footer-contents .link-block-sns .btn-facebook .icon {
    width: 10px;
    height: 19px;
}

.footer-contents .link-block-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}


.footer-contents .link-block-nav li a,
.footer-contents .link-block-nav li p {
    position: relative;
    display: inline-block;
    padding: 1% 0!important;
    font-weight: 600;
    font-feature-settings: "palt";
    font-family: system-ui;
    letter-spacing: 1px;
}

.footer-contents .link-block-nav li .text-ja {
    font-size: 1.3rem;
    line-height: 1.153846153846154;
    font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.footer-contents .link-block-nav .list-level-1 {
    margin-left: 57px;
}

.footer-contents .link-block-nav .list-level-1:nth-child(3) {
    margin-left: 38px;
}

.footer-contents .link-block-nav .list-level-1>li {
    margin-bottom: 0.2vw;
}

.footer-contents .link-block-nav .list-level-2 {
    margin-top: 15px;
}

.footer-contents .link-block-nav .list-level-2>li {
    margin-bottom: 5px;
}

.footer-contents .link-block-nav .list-level-2 li a,
.footer-contents .link-block-nav .list-level-2 li p {
    color: #867a37;
}

.footer-contents .link-block-nav .list-level-3 {
    margin: 5px 0 15px;
}

.footer-contents .link-block-nav .list-level-3 li {
    margin-bottom: 7px;
}

.footer-contents .link-block-nav .list-level-3 li a {
    position: relative;
    padding: 4px 0 4px 18px;
}

.footer-contents .link-block-nav .list-level-3 li a::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "-";
    display: block;
}

.footer-contents .link-block-privacy {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer-contents .link-block-privacy ul {
    display: flex;
}

.footer-contents .link-block-privacy li {
    margin-left: 34px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: -0.05em;
}

.footer-contents .link-block-privacy li a {
    display: block;
    padding: 10px 0;
}

.footer-contents .copyright {
    position: absolute;
    bottom: 9px;
    font-weight: 600;
    left: 0;
    font-size: 0.94vw;
    line-height: 1;
    letter-spacing: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .footer-contents {
        padding: 0;
        background: #f2cc00;
    }
    .footer-contents .footer-contents-inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 64px;
    }
    .footer-contents .logo {
        order: 2;
        margin-top: 74px;
        margin-left: 6.481481481481481%;
    }
    .footer-contents .link-block-site {
        order: 3;
        margin: 42px 0 0 6.481481481481481%;
    }
    .footer-contents .link-block-site li {
        margin-bottom: 5px;
    }
    .footer-contents .link-block-site li a {
        padding: 15px 0;
    }
    .footer-contents .link-block-site li .icon-arrow {
        position: absolute;
        top: 16px;
        right: -18px;
        width: 10px;
        height: 10px;
    }
    .footer-contents .link-block-sns {
        order: 6;
        position: absolute;
        bottom: 50px;
        right: 6.481481481481481%;
        margin: 0;
    }
    .footer-contents .link-block-sns li {
        width: 45px;
        height: 45px;
    }
    .footer-contents .link-block-sns a {
        width: 100%;
        height: 100%;
        border-width: 1px;
    }
    .footer-contents .link-block-sns .btn-twitter {
        margin-right: 15px;
    }
    .footer-contents .link-block-sns .btn-twitter .icon {
        width: 18px;
        height: 15px;
    }
    .footer-contents .link-block-sns .btn-facebook .icon {
        width: 9px;
        height: 18px;
    }
    .footer-contents .link-block-nav {
        position: static;
        padding: 58px 6.481481481481481% 52px;
        order: 1;
        flex-direction: column;
        background: #ffd700;
    }
    .footer-contents .link-block-nav li a,
    .footer-contents .link-block-nav li p {
        padding: 16px 0;
    }
    .footer-contents .link-block-nav .list-level-1 {
        margin-left: 0;
    }
    .footer-contents .link-block-nav .list-level-1:nth-child(3) {
        margin-left: 0;
    }
    .footer-contents .link-block-nav .list-level-1>li {
        margin-bottom: 3px;
    }
    .footer-contents .link-block-nav .list-level-2 {
        margin-top: 2px;
    }
    .footer-contents .link-block-nav .list-level-2>li {
        margin-bottom: 3px;
    }
    .footer-contents .link-block-nav .list-level-3 {
        margin: 0 0 7px;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-contents .link-block-nav .list-level-3 li {
        margin-bottom: 0;
        margin-right: 47px;
    }
    .footer-contents .link-block-nav .list-level-3 li a {
        padding: 12px 15px 11px 15px;
    }
    .footer-contents .link-block-nav .list-level-3 li a::before {
        top: 12px;
    }
    .footer-contents .link-block-privacy {
        position: static;
        order: 4;
        margin-top: 25px;
        margin-left: 6.481481481481481%;
    }
    .footer-contents .link-block-privacy ul {
        flex-direction: column;
    }
    .footer-contents .link-block-privacy li {
        margin-left: 0;
        margin-bottom: 2px;
    }
    .footer-contents .link-block-privacy li a {
        padding: 11px 0;
    }
    .footer-contents .copyright {
        position: static;
        order: 5;
        margin-top: 46px;
        margin-left: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .footer-contents {
        padding: 0;
        background: #f2cc00;
    }
    .footer-contents .footer-contents-inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-bottom: 16.8vw;
    }
    .footer-contents .logo {
        order: 2;
        margin-top: 17.333333333333336vw;
        margin-left: 8.666666666666668vw;
    }
    .footer-contents .logo svg {
        width: 82.66666666666667vw;
        height: 9.733333333333333vw;
    }
    .footer-contents .link-block-site {
        order: 3;
        margin: 11.200000000000001vw 0 0 9.333333333333334vw;
    }
    .footer-contents .link-block-site li {
        margin-bottom: 1.333333333333333vw;
        font-size: 4vw;
    }
    .footer-contents .link-block-site li a {
        padding: 4vw 0;
    }
    .footer-contents .link-block-site li .icon-arrow {
        position: absolute;
        top: 4.266666666666667vw;
        right: -4.8vw;
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
    }
    .footer-contents .link-block-sns {
        order: 6;
        position: absolute;
        bottom: 13.333333333333334vw;
        right: 9.333333333333334vw;
        margin: 0;
    }
    .footer-contents .link-block-sns li {
        width: 12vw;
        height: 12vw;
    }
    .footer-contents .link-block-sns a {
        width: 100%;
        height: 100%;
        border-width: 0.266666666666667vw;
    }
    .footer-contents .link-block-sns .btn-twitter {
        margin-right: 4vw;
    }
    .footer-contents .link-block-sns .btn-twitter .icon {
        width: 4.8vw;
        height: 3.866666666666667vw;
    }
    .footer-contents .link-block-sns .btn-facebook .icon {
        width: 2.4vw;
        height: 4.666666666666667vw;
    }
    .footer-contents .link-block-nav {
    position: static;
    padding: 15% 9% 14%;
    order: 1;
    flex-direction: column;
    background: #ffd700;
    }
    .footer-contents .link-block-nav li {
        font-size: 4vw;
    }
    .footer-contents .link-block-nav li a,
    .footer-contents .link-block-nav li p {
        padding: 4.266666666666667vw 0;
    }
    .footer-contents .link-block-nav li .text-ja {
        font-size: 3.466666666666666vw;
    }
    .footer-contents .link-block-nav .list-level-1 {
        margin-left: 0;
    }
    .footer-contents .link-block-nav .list-level-1:nth-child(3) {
        margin-left: 0;
    }
    .footer-contents .link-block-nav .list-level-1>li {
        margin-bottom: 0.8vw;
    }
    .footer-contents .link-block-nav .list-level-2 {
        margin-top: 0.533333333333333vw;
    }
    .footer-contents .link-block-nav .list-level-2>li {
        margin-bottom: 0.666666666666667vw;
        font-size: 3.466666666666666vw;
    }
    .footer-contents .link-block-nav .list-level-3 {
        margin: 0 0 1.866666666666667vw;
        display: flex;
        flex-wrap: wrap;
    }
    .footer-contents .link-block-nav .list-level-3 li {
        margin-bottom: 0;
        margin-right: 12.533333333333333vw;
        font-size: 3.466666666666666vw;
    }
    .footer-contents .link-block-nav .list-level-3 li:nth-child(odd) {
        width: 28.000000000000004vw;
    }
    .android .footer-contents .link-block-nav .list-level-3 li {
        margin-right: 12vw;
    }
    .footer-contents .link-block-nav .list-level-3 li a {
        padding: 3.2vw 4vw 2.933333333333333vw 4vw;
    }
    .footer-contents .link-block-nav .list-level-3 li a::before {
        top: 3.2vw;
    }
    .footer-contents .link-block-privacy {
        position: static;
        order: 4;
        margin-top: 6.666666666666667vw;
        margin-left: 9.333333333333334vw;
    }
    .footer-contents .link-block-privacy ul {
        flex-direction: column;
    }
    .footer-contents .link-block-privacy li {
        margin-left: 0;
        margin-bottom: 0.533333333333333vw;
        font-size: 2.933333333333333vw;
    }
    .footer-contents .link-block-privacy li a {
        padding: 2.933333333333333vw 0;
    }
    .footer-contents .copyright {
        position: static;
        order: 5;
        margin-top: 12.266666666666666vw;
        margin-left: 9.333333333333334vw;
        font-size: 2.666666666666667vw;
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 7vw;
    z-index: 10;
    background: #fff;
}
.c-lower-eyecatch {
    margin-top: -8%!important;
}
h1.pagename {
    width: 100%;
    margin-top: 1%;
    margin-left: -4px;
    padding-right: 4%;
    font-size: 1.8vw;
    line-height: 1.9;
    font-weight: 700;
    box-sizing: border-box;
    position: absolute;
top: 70%;
    left: 10%;
}
span.contact {
    background: #000;
    padding: 0.2% 2%;
    border-radius: 46px;
    margin-bottom: 2%;
    display: inline;
    color: #fff;
    font-size: 0.9vw;
}
@media only screen and (max-width: 767px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        height: auto;
    }
}

.header .logo {
    position: fixed;
    top: 0%;
    left: 1%;
}

.header .logo a {
    display: block;
    width: 100%;
    height: 100%;
}

.header .logo svg {
    fill: #373737;
    width: 246px;
    height: 29px;
    transition: 0.3s;
}

@media only screen and (max-width: 767px) {
.header .logo {
    position: fixed;
    top: 0%;
    left: 0%;
}

}

.header .nav {
    position: absolute;
top: 5%;
    right: 6%;
}

.header .nav ul {
    display: flex;
}

.header .nav li {
    margin: 0 14px;
    font-size: 0.94vw;
    line-height: 1;
    letter-spacing: 0.025em;
}

.header .nav li a {
    position: relative;
    display: block;
    padding: 15px 1px;
    color: #373737;
}

.header .nav li a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    content: "";
    width: 100%;
    height: 2px;
    background: #373737;
    transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.header .nav li a:hover::after {
    opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .header .nav {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .header .nav {
        display: none;
    }
}

.header .btn-menu {
    position: fixed;
    top: 5%;
    right: 2%;
    width: 44px;
    height: 44px;
    z-index: 11;
}

.header .btn-menu .btn-bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #373737;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.header .btn-menu .line-1,
.header .btn-menu .line-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    width: 14px;
    height: 1px;
    margin-left: -7px;
    background: #fff;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.header .btn-menu .line-1 {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.header .btn-menu .line-2 {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

@media only screen and (min-width: 768px) {
    .header .btn-menu:hover .btn-bg {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .header .btn-menu:hover .line-1 {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    .header .btn-menu:hover .line-2 {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}

@media only screen and (max-width: 767px) {
    .header {
    position: fixed;
    top: 0;
    left: 0;
    height: 17vw;
    background: #fff;
}
.footer-contents .link-block-nav .list-level-1>li {
    margin-bottom: 1%;
    font-weight: 600;
    font-size: 13px;
}
    .header .btn-menu {
        position: absolute;
        top:25%;
        right: 5.333333333333334vw;
    width: 8vw;
    height: 8vw;
    }
    .header .btn-menu .line-1,
    .header .btn-menu .line-2 {
    width: 3.066667vw;
    height: 0.266666666666667vw;
    margin-left: -1.533333vw;
    }
    .header .btn-menu .line-1 {
        -webkit-transform: translateY(-0.8vw);
        transform: translateY(-0.8vw);
    }
    .header .btn-menu .line-2 {
        -webkit-transform: translateY(0.8vw);
        transform: translateY(0.8vw);
    }
}

.header.is-invert .logo svg {
    fill: #fff;
}

.header.is-invert .nav li a {
    color: #000;
}

.header.is-invert .nav li a::after {
    background: #000;
}

.header.is-invert .btn-menu .btn-bg {
    background: #fff;
}

.header.is-invert .btn-menu .line-1,
.header.is-invert .btn-menu .line-2 {
    background: #373737;
}

.is-bg-black .header .logo svg {
    fill: #fff;
}

.is-bg-black .header .nav li a {
    color: #fff;
}

.is-bg-black .header .nav li a::after {
    background: #fff;
}

.is-bg-black .header .btn-menu .btn-bg {
    background: #fff;
}

.is-bg-black .header .btn-menu .line-1,
.is-bg-black .header .btn-menu .line-2 {
    background: #373737;
}

.page-mission .header .nav li.nav-mission a::after {
    opacity: 1;
}

.page-project .header .nav li.nav-project a::after {
    opacity: 1;
}

.page-service .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-about .header .nav li.nav-about a::after {
    opacity: 1;
}

.page-information .header .nav li.nav-information a::after {
    opacity: 1;
}

.page-careers .header .nav li.nav-careers a::after {
    opacity: 1;
}

.page-contact .header .nav li.nav-contact a::after {
    opacity: 1;
}

.page-project-lower .header .nav li.nav-project a::after {
    opacity: 1;
}

.page-information-article .header .nav li.nav-information a::after {
    opacity: 1;
}

.page-contact-complete .header .nav li.nav-contact a::after {
    opacity: 1;
}

.page-service-journal .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-service-partner .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-service-growth .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-service-test .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-service-creation .header .nav li.nav-service a::after {
    opacity: 1;
}

.page-service-saas .header .nav li.nav-service a::after {
    opacity: 1;
}

.menu {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity cubic-bezier(0.18, 0.06, 0.23, 1) 0.65s, visibility cubic-bezier(0.18, 0.06, 0.23, 1) 0.65s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.menu .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
background: #eaeaea;
    opacity: 0.9;
}

.menu .menu-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.menu .menu-container {
    display: table-cell;
    vertical-align: middle;
}

.menu .menu-contents {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.menu-contents {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.menu-contents a {
    color: #333;
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .menu-contents {
        display: block;
        padding: 0 44px 138px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-contents {
        display: block;
        padding: 0 8vw 31.466666666666665vw;
    }
}

.menu-contents .logo {
    display: inline-block;
}

.menu-contents .logo a {
    display: block;
}

.menu-contents .logo svg {
    fill: #fff;
    width: 246px;
    height: 29px;
}

@media only screen and (min-width: 768px) {
    .menu-contents .logo svg {
        transition: fill 0.5s;
    }
    .menu-contents .logo a:hover svg {
        fill: #a4a4a4;
    }
}

@media only screen and (max-width: 767px) {
    .menu-contents .logo svg {
        width: 58.666666666666664vw;
        height: 6.933333333333333vw;
    }
}

.menu-contents .link-block-site {
    position: absolute;
    bottom: 36px;
    right: 70px;
}

.menu-contents .link-block-site ul {
    display: flex;
}

.menu-contents .link-block-site li {
    margin-left: 47px;
    font-size: 1.5rem;
    line-height: 1;
}

.menu-contents .link-block-site li:nth-child(2) {
    margin-left: 52px;
}

.menu-contents .link-block-site li a {
    position: relative;
    display: inline-block;
    padding: 10px 0;
}

.menu-contents .link-block-site li .icon-arrow {
    position: absolute;
    top: 11px;
    right: -21px;
    width: 10px;
    height: 10px;
    fill: #fff;
}

@media only screen and (min-width: 768px) {
    .menu-contents .link-block-site li a {
        transition: color 0.5s;
    }
    .menu-contents .link-block-site li a .icon-arrow {
        transition: fill 0.5s;
    }
    .menu-contents .link-block-site li a:hover {
        color: #a4a4a4;
    }
    .menu-contents .link-block-site li a:hover .icon-arrow {
        fill: #a4a4a4;
    }
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .menu-contents .link-block-site {
        position: static;
        margin-top: 54px;
    }
    .menu-contents .link-block-site ul {
        flex-direction: column;
    }
    .menu-contents .link-block-site li {
        margin-left: 0;
        margin-bottom: 5px;
    }
    .menu-contents .link-block-site li:nth-child(2) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .menu-contents .link-block-site {
        position: static;
        margin-top: 9.066666666666666vw;
    }
    .menu-contents .link-block-site ul {
        flex-direction: column;
    }
    .menu-contents .link-block-site li {
        margin-left: 0;
        margin-bottom: 1.333333333333333vw;
        font-size: 4vw;
    }
    .menu-contents .link-block-site li:nth-child(2) {
        margin-left: 0;
    }
    .menu-contents .link-block-site li a {
        padding: 4vw 0;
    }
    .menu-contents .link-block-site li .icon-arrow {
        position: absolute;
        top: 4.266666666666667vw;
        right: -4.8vw;
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
    }
}

.menu-contents .link-block-nav {
    display: flex;
    justify-content: space-between;    margin-top: 0%;
    width: 100%;
padding:0% 0 63px 73.5%;
    max-width: 100%;
    box-sizing: border-box;
}

.menu-contents .link-block-nav li {
    font-size: 2.8rem;
    line-height: 1;
}

.menu-contents .link-block-nav li a,
.menu-contents .link-block-nav li p {
    position: relative;
    display: inline-block;
    padding: 4% 0;
}

.menu-contents .link-block-nav li .text-ja {
    font-size: 1.5rem;
    line-height: 1;
    font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

.menu-contents .link-block-nav .list-level-1:nth-child(1) {
    margin-right: 43px;
}

.menu-contents .link-block-nav .list-level-1:nth-child(3) {
    margin-right: 28px;
}

.menu-contents .link-block-nav .list-level-1>li {
    margin-bottom:6%;
    font-size: 1.3vw;
    font-weight: 600;
    color:#000;    font-family: system-ui;
}

.menu-contents .link-block-nav .list-level-2 {
    margin-top: 21px;
}

.menu-contents .link-block-nav .list-level-2>li {
    margin-bottom: 11px;
}

.menu-contents .link-block-nav .list-level-2 li {
    font-size: 1.5rem;
    line-height: 1;
}

.menu-contents .link-block-nav .list-level-2 li a,
.menu-contents .link-block-nav .list-level-2 li p {
    color: #a4a4a4;
}

.menu-contents .link-block-nav .list-level-3 {
    margin: 15px 0 15px;
}

.menu-contents .link-block-nav .list-level-3 li {
    margin-bottom: 13px;
}

.menu-contents .link-block-nav .list-level-3 li a {
    position: relative;
    padding: 4px 0 4px 18px;
}

.menu-contents .link-block-nav .list-level-3 li a::before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "-";
    display: block;
}

@media only screen and (min-width: 768px) {
    .menu-contents .link-block-nav .list-level-1 a,
    .menu-contents .link-block-nav .list-level-2 a,
    .menu-contents .link-block-nav .list-level-3 a {
        transition: color 0.5s;
    }
    .menu-contents .link-block-nav .list-level-1 a:hover {
        color: #a4a4a4;
    }
    .menu-contents .link-block-nav .list-level-2 a:hover,
    .menu-contents .link-block-nav .list-level-3 a:hover {
        color: #fff;
    }
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .menu-contents .link-block-nav {
        padding: 0;
        margin-top: 140px;
        flex-direction: column;
    }
    .menu-contents .link-block-nav li a,
    .menu-contents .link-block-nav li p {
        padding: 12px 0;
        box-sizing: border-box;
        width: 100%;
    }
    .menu-contents .link-block-nav .list-level-1 {
        display: flex;
        flex-wrap: wrap;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(1) {
        margin-right: 0;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(3) {
        margin-right: 0;
    }
    .menu-contents .link-block-nav .list-level-1>li {
        width: 50%;
        margin-bottom: 15px;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(2)>li {
        width: 100%;
    }
    .menu-contents .link-block-nav .list-level-2 {
        margin-top: 20px;
        margin-bottom: 3px;
    }
    .menu-contents .link-block-nav .list-level-2>li {
        margin-bottom: 0;
    }
    .menu-contents .link-block-nav .list-level-2>li:not(:first-child) {
        margin-top: 17px;
    }
    .menu-contents .link-block-nav .list-level-2>li:nth-child(2) {
        margin-top: 10px;
    }
    .menu-contents .link-block-nav .list-level-3 {
        margin: 11px 0 9px;
        display: flex;
        flex-wrap: wrap;
    }
    .menu-contents .link-block-nav .list-level-3 li {
        width: 42%;
        margin-bottom: 11px;
        margin-right: 0;
    }
    .menu-contents .link-block-nav .list-level-3 li a {
        padding: 13px 15px 13px 18px;
    }
    .menu-contents .link-block-nav .list-level-3 li a::before {
        top: 12px;
    }
}
.link-block-nav.first {position: absolute !important;
    right: 22%!important;
    display: flex!important;
}
.footer-contents .link-block-nav.first .list-level-1>li {
    margin-bottom: 0.2vw;
}
@media only screen and (max-width: 767px) {
    .menu-contents .link-block-nav {
        padding: 0;
        margin-top: 37.333333333333336vw;
        flex-direction: column;
    }
    .menu-contents .link-block-nav li {
        font-size: 5.600000000000001vw;
    }
    .menu-contents .link-block-nav li a,
    .menu-contents .link-block-nav li p {
        padding: 3.2vw 0;
        box-sizing: border-box;
        width: 100%;
    }
    .menu-contents .link-block-nav li .text-ja {
        font-size: 3.733333333333334vw;
    }
    .menu-contents .link-block-nav .list-level-1 {
        display: flex;
        flex-wrap: wrap;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(1) {
        margin-right: 0;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(3) {
        margin-right: 0;
    }
    .menu-contents .link-block-nav .list-level-1>li {
        margin-bottom: 4vw;
    }
    .menu-contents .link-block-nav .list-level-1>li:nth-child(odd) {
        width: 49.06666666666666vw;
    }
    .menu-contents .link-block-nav .list-level-1:nth-child(2)>li {
        width: 100%;
    }
    .menu-contents .link-block-nav .list-level-2 {
        margin-top: 5.333333333333334vw;
        margin-bottom: 0.8vw;
    }
    .menu-contents .link-block-nav .list-level-2>li {
        font-size: 3.466666666666666vw;
        margin-bottom: 0;
    }
    .menu-contents .link-block-nav .list-level-2>li:not(:first-child) {
        margin-top: 4.533333333333333vw;
    }
    .menu-contents .link-block-nav .list-level-2>li:nth-child(2) {
        margin-top: 2.666666666666667vw;
    }
    .menu-contents .link-block-nav .list-level-2 li {
        font-size: 3.466666666666666vw;
    }
    .menu-contents .link-block-nav .list-level-3 {
        margin: 2.933333333333333vw 0 2.4vw;
        display: flex;
        flex-wrap: wrap;
    }
    .menu-contents .link-block-nav .list-level-3 li {
        width: 50%;
        margin-bottom: 2.933333333333333vw;
        font-size: 3.466666666666666vw;
    }
    .menu-contents .link-block-nav .list-level-3 li a {
        padding: 3.466666666666666vw 4vw 3.466666666666666vw 4.8vw;
    }
    .menu-contents .link-block-nav .list-level-3 li a::before {
        top: 3.2vw;
    }
    .menu-contents .link-block-nav .list-level-1>li {
    margin-bottom: 8%;
    font-size: 15px;
    font-weight: 600;
}
}

.menu-contents .copyright {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1% 5% 63px 73.5%;
    max-width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 4%;
    right: 0%;
    font-size: 0.9vw;
    line-height: 1;
    letter-spacing: 0.025em;
    font-weight: 500;
    line-height: 1.4vw;
}

.menu-contents .copyright span {
    display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .menu-contents .copyright {
        position: absolute;
        bottom: 58px;
        left: 44px;
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-contents .copyright {
        position: absolute;
        bottom: 15.466666666666667vw;
        left: 5.333333333333334vw;
        margin-top: 13.333333333333334vw;
        font-size: 2.666666666666667vw;
        line-height: 1;
        letter-spacing: 0.075em;
    }
}

.menu-contents .shape-circle-ring-gray {
    bottom: -600px;
    left: -450px;
    width: 900px;
    height: 900px;
    fill: #3e3e3e;
}

@media only screen and (min-width: 768px) and (max-width: 964px) {
    .menu-contents .shape-circle-ring-gray {
        bottom: -538px;
        left: -400px;
        width: 900px;
        height: 900px;
    }
}

@media only screen and (max-width: 767px) {
    .menu-contents .shape-circle-ring-gray {
        bottom: -71.73333333333333vw;
        left: -53.333333333333336vw;
        width: 120vw;
        height: 120vw;
    }
}

.is-menu-opened .menu {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.is-menu-opened .header .btn-menu .btn-bg {
    background: #fff;
}

.is-menu-opened .header .btn-menu .line-1,
.is-menu-opened .header .btn-menu .line-2 {
    background: #373737;
}

.is-menu-opened .header .btn-menu .line-1 {
    margin-top: 0;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.is-menu-opened .header .btn-menu .line-2 {
    margin-top: 0;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

.page-about .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-about .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-inner {
        width: 100%;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-about .section-outline .decoration-text {
    position: absolute;
    top: 111px;
    right: -30px;
    width: 670px;
    height: 178px;
    fill: #f7f7f7;
}

.page-about .section-outline .section-inner {
    padding-top: 160px;
    padding-bottom: 97px;
}

.page-about .section-outline .shape-circle-ring-gray {
    position: absolute;
    top: 663px;
    right: -403px;
    width: 730px;
    height: 730px;
    fill: #f7f7f7;
}

.page-about .section-outline .outline-list {
    margin-top: 50px;
    font-size: 1.5rem;
    line-height: 2;
}

.page-about .section-outline .outline-list dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e4e6;
}

.page-about .section-outline .outline-list dt,
.page-about .section-outline .outline-list dd {
    border-bottom: 1px solid #e1e4e6;
    box-sizing: border-box;
}

.page-about .section-outline .outline-list dt {
    width: 240px;
    padding: 37px 0 32px 10px;
    font-weight: bold;
}

.page-about .section-outline .outline-list dd {
    width: 540px;
    padding: 37px 0 32px;
}

.page-about .section-outline .outline-list .iso {
    width: 160px;
    margin: 39px 2px 0 auto;
}

.page-about .section-outline .outline-list .iso .text {
    font-size: 1.2rem;
    margin: 6px -1em 0 -2px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-outline .outline-list dt {
        width: 31.25%;
    }
    .page-about .section-outline .outline-list dd {
        width: 68.75%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-outline .decoration-text {
        top: 26.13333333333333vw;
        right: -37.333333333333336vw;
        width: 89.33333333333333vw;
        height: 23.733333333333334vw;
    }
    .page-about .section-outline .section-inner {
        padding: 32.53333333333333vw 6.666666666666667vw 11.200000000000001vw;
    }
    .page-about .section-outline .shape-circle-ring-gray {
        top: 175.73333333333335vw;
        right: -52.53333333333333vw;
        width: 97.33333333333334vw;
        height: 97.33333333333334vw;
    }
    .page-about .section-outline .outline-list {
        margin-top: 12.8vw;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
    }
    .page-about .section-outline .outline-list dl {
        flex-direction: column;
        border-width: 0.266666666666667vw;
    }
    .page-about .section-outline .outline-list dt,
    .page-about .section-outline .outline-list dd {
        border-width: 0.266666666666667vw;
    }
    .page-about .section-outline .outline-list dt {
        width: 100%;
        padding: 5.866666666666666vw 1.333333333333333vw 0;
        border-bottom: none;
    }
    .page-about .section-outline .outline-list dd {
        width: 100%;
        padding: 1.866666666666667vw 1.333333333333333vw 5.600000000000001vw;
    }
    .page-about .section-outline .outline-list .iso {
        width: 31.466666666666665vw;
        margin: 5.333333333333334vw 0.8vw 0 auto;
    }
    .page-about .section-outline .outline-list .iso .text {
        font-size: 2.666666666666667vw;
        margin: 1.866666666666667vw -2em 0 -0.533333333333333vw;
        display: inline-block;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 120%;
    }
}

.page-about .section-message {
    background: #f7f7f7;
}

.page-about .section-message .section-inner {
    padding-top: 218px;
    padding-bottom: 220px;
}

.page-about .section-message .decoration-text {
    position: absolute;
    top: 181px;
    right: -202px;
    width: 842px;
    height: 220px;
    fill: #fff;
}

.page-about .section-message .shape-circle-ring-white {
    position: absolute;
    top: 584px;
    left: -325px;
    width: 730px;
    height: 730px;
    fill: #fff;
}

.page-about .section-message .shape-triangle-white-wrap {
    position: absolute;
    bottom: 270px;
    right: -133px;
    width: 512px;
    height: 460px;
    -webkit-transform: rotate(25.16deg);
    transform: rotate(25.16deg);
}

.page-about .section-message .shape-triangle-white-wrap .shape-triangle-white {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

.page-about .section-message .img {
    position: relative;
    margin-top: 49px;
}

.page-about .section-message .img .copy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 11.851851851851853%;
    display: flex;
    align-items: center;
    font-size: 3.2rem;
    line-height: 1.875;
    font-weight: bold;
    box-sizing: border-box;
}

.page-about .section-message .parallax-item-container {
    width: 1080px;
    height: 500px;
}

.page-about .section-message .parallax-item-container .parallax-item {
    top: -60px;
    left: 0;
}

.page-about .section-message .text {
    margin-top: 115px;
    text-align: justify;
}

.page-about .section-message .text p:not(:first-child) {
    margin-top: 28px;
}

.page-about .section-message .profile {
    margin-top: 45px;
    padding: 42px 48px 35px 38px;
    font-size: 1.3rem;
    line-height: 1.846153846153846;
    text-align: justify;
    background: #ececec;
}

.page-about .section-message .profile .name {
    display: flex;
    margin-bottom: 15px;
    line-height: 1;
}

.page-about .section-message .profile .name .ja {
    font-size: 1.4rem;
    font-weight: bold;
}

.page-about .section-message .profile .name .en {
    margin-left: 16px;
    font-size: 1.2rem;
    color: #808080;
}

.page-about .section-message .profile .text-imedia {
    display: block;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-message .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-about .section-message .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 46.2962962962963%;
    }
    .page-about .section-message .parallax-item-container>* {
        position: absolute;
    }
    .page-about .section-message .parallax-item-container .parallax-item {
        top: -12%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-message .section-inner {
        padding-top: 32vw;
        padding-bottom: 34.66666666666667vw;
    }
    .page-about .section-message .decoration-text {
        top: 27.46666666666667vw;
        right: -62.133333333333326vw;
        width: 112.26666666666667vw;
        height: 29.333333333333332vw;
    }
    .page-about .section-message .shape-circle-ring-white {
        top: 100.26666666666667vw;
        left: -43.333333333333336vw;
        width: 97.33333333333334vw;
        height: 97.33333333333334vw;
    }
    .page-about .section-message .shape-triangle-white-wrap {
        bottom: 96vw;
        right: -26.666666666666668vw;
        width: 68.26666666666667vw;
        height: 61.33333333333333vw;
    }
    .page-about .section-message .img {
        margin-top: 13.333333333333334vw;
    }
    .page-about .section-message .img .copy {
        position: static;
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 8.266666666666666vw;
        padding-left: 0;
        font-size: 5.600000000000001vw;
        line-height: 1.904761904761905;
    }
    .page-about .section-message .parallax-item-container {
        width: 86.66666666666667vw;
        height: 74.66666666666667vw;
    }
    .page-about .section-message .parallax-item-container .parallax-item {
        top: -10.666666666666668vw;
    }
    .page-about .section-message .text {
        margin-top: 11.466666666666667vw;
    }
    .page-about .section-message .text p:not(:first-child) {
        margin-top: 6.666666666666667vw;
    }
    .page-about .section-message .profile {
        margin-top: 11.200000000000001vw;
        padding: 9.333333333333334vw 8vw 8.799999999999999vw 8vw;
        font-size: 2.933333333333333vw;
        line-height: 2;
    }
    .page-about .section-message .profile .text-imedia {
        text-align: left;
        margin-right: -1em;
        letter-spacing: -0.03em;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
    .page-about .section-message .profile .name {
        margin-bottom: 5.066666666666666vw;
    }
    .page-about .section-message .profile .name .ja {
        font-size: 3.2vw;
    }
    .page-about .section-message .profile .name .en {
        margin-left: 3.466666666666666vw;
        font-size: 3.2vw;
    }
}

.page-about .section-sdgs .section-inner {
    padding-top: 218px;
    padding-bottom: 220px;
}

.page-about .section-sdgs .decoration-text {
    position: absolute;
    top: 171px;
    right: -1711px;
    width: 2360px;
    height: 228px;
    fill: #f7f7f7;
}

.page-about .section-sdgs .section-heading .ja {
    letter-spacing: 0;
}

.page-about .section-sdgs .img {
    margin-top: 49px;
}

.page-about .section-sdgs .img .copy {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding-left: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2.2rem;
    line-height: 2.090909090909091;
    letter-spacing: 0.025em;
    font-weight: bold;
    box-sizing: border-box;
}

.page-about .section-sdgs .img .copy span {
    display: block;
}

.page-about .section-sdgs .parallax-item-container {
    width: 1080px;
    height: 500px;
}

.page-about .section-sdgs .parallax-item-container .parallax-item {
    top: 0;
    left: 0;
}

.page-about .section-sdgs .text {
    margin-top: 94px;
    text-align: justify;
}

.page-about .section-sdgs .text p:not(:first-child) {
    margin-top: 28px;
}

.page-about .section-sdgs .sdgs-list {
    margin-top: 72px;
}

.page-about .section-sdgs .sdgs-list>ul {
    border-top: 1px solid #e1e4e6;
}

.page-about .section-sdgs .sdgs-list>ul>li {
    display: flex;
    align-items: center;
    padding: 58px 0 57px;
    border-bottom: 1px solid #e1e4e6;
}

.page-about .section-sdgs .sdgs-list>ul .text-list {
    width: 440px;
    padding-right: 60px;
    box-sizing: border-box;
}

.page-about .section-sdgs .sdgs-list>ul .text-list li {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-left: 2px;
}

.page-about .section-sdgs .sdgs-list>ul .text-list li:not(:first-child) {
    margin-top: 9px;
}

.page-about .section-sdgs .sdgs-list>ul .icon-list {
    display: flex;
    padding: 2px 0 3px;
}

.page-about .section-sdgs .sdgs-list>ul .icon-list li:not(:last-child) {
    margin-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-sdgs .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-about .section-sdgs .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 46.2962962962963%;
    }
    .page-about .section-sdgs .parallax-item-container>* {
        position: absolute;
    }
    .page-about .section-sdgs .sdgs-list>ul .text-list {
        width: 53.125%;
        padding-right: 6.25%;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list {
        width: 46.875%;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list li {
        width: 28.666666666666668%;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list li:not(:last-child) {
        margin-right: 6.666666666666667%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-sdgs .section-inner {
        padding-top: 32vw;
        padding-bottom: 34.66666666666667vw;
    }
    .page-about .section-sdgs .decoration-text {
        top: 26.13333333333333vw;
        right: -264vw;
        width: 314.66666666666663vw;
        height: 30.4vw;
    }
    .page-about .section-sdgs .section-heading .ja {
        letter-spacing: 0.1em;
        margin-left: 8vw;
    }
    .page-about .section-sdgs .img {
        margin-top: 13.333333333333334vw;
    }
    .page-about .section-sdgs .img .copy {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 49.333333333333336vw;
        padding-left: 0;
        font-size: 4vw;
        line-height: 2.2;
        text-align: center;
    }
    .page-about .section-sdgs .img .copy span:nth-child(2) {
        margin-left: 1.866666666666667vw;
    }
    .page-about .section-sdgs .parallax-item-container {
        width: 86.66666666666667vw;
        height: 98.66666666666667vw;
    }
    .page-about .section-sdgs .text {
        margin-top: 8.799999999999999vw;
    }
    .page-about .section-sdgs .text p:not(:first-child) {
        margin-top: 6.666666666666667vw;
    }
    .page-about .section-sdgs .sdgs-list {
        margin-top: 11.466666666666667vw;
    }
    .page-about .section-sdgs .sdgs-list>ul {
        border-width: 0.266666666666667vw;
    }
    .page-about .section-sdgs .sdgs-list>ul>li {
        flex-direction: column;
        align-items: flex-start;
        padding: 10.133333333333333vw 0 12vw;
        border-width: 0.266666666666667vw;
    }
    .page-about .section-sdgs .sdgs-list>ul .text-list {
        width: 100%;
        padding-right: 0;
        text-align: justify;
    }
    .page-about .section-sdgs .sdgs-list>ul .text-list li {
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
        margin-left: 0.266666666666667vw;
    }
    .page-about .section-sdgs .sdgs-list>ul .text-list li:not(:first-child) {
        margin-top: 1.2vw;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list {
        padding: 0;
        margin-top: 8.799999999999999vw;
        margin-right: -3.333333333333333vw;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list li {
        width: 26.666666666666668vw;
    }
    .page-about .section-sdgs .sdgs-list>ul .icon-list li:not(:last-child) {
        margin-right: 3.333333333333333vw;
    }
}

.page-about .section-history {
    background: #f7f7f7;
}

.page-about .section-history .decoration-text {
    position: absolute;
    top: 182px;
    right: -38px;
    width: 676px;
    height: 220px;
    fill: #fff;
}

.page-about .section-history .shape-circle-ring-white {
    position: absolute;
    bottom: -394px;
    left: -410px;
    width: 1000px;
    height: 1000px;
    fill: #fff;
}

.page-about .section-history .section-inner {
    padding-top: 220px;
    padding-bottom: 220px;
}

.page-about .section-history .history-list {
    margin-top: 48px;
    font-size: 1.5rem;
    line-height: 2;
    text-align: justify;
}

.page-about .section-history .history-list dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e4e6;
}

.page-about .section-history .history-list dt,
.page-about .section-history .history-list dd {
    border-bottom: 1px solid #e1e4e6;
    box-sizing: border-box;
}

.page-about .section-history .history-list dt {
    width: 240px;
    padding: 42px 0 0 10px;
    font-size: 2.4rem;
    line-height: 1;
    color: #ffd700;
}

.page-about .section-history .history-list dd {
    width: 540px;
    padding: 38px 0 31px 0;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

.page-about .section-history .history-list li {
    margin-left: 2px;
}

.page-about .section-history .history-list li::before {
    margin-top: 11px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-history .history-list dt {
        width: 31.25%;
    }
    .page-about .section-history .history-list dd {
        width: 68.75%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-history .decoration-text {
        top: 27.46666666666667vw;
        right: -40.53333333333333vw;
        width: 90.13333333333333vw;
        height: 29.333333333333332vw;
    }
    .page-about .section-history .shape-circle-ring-white {
        bottom: -69.33333333333334vw;
        left: -52vw;
        width: 133.33333333333331vw;
        height: 133.33333333333331vw;
    }
    .page-about .section-history .section-inner {
        padding-top: 31.2vw;
        padding-bottom: 34.66666666666667vw;
    }
    .page-about .section-history .history-list {
        margin-top: 13.333333333333334vw;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
        letter-spacing: 0.1em;
    }
    .page-about .section-history .history-list dl {
        flex-direction: column;
        border-width: 0.266666666666667vw;
    }
    .page-about .section-history .history-list dt,
    .page-about .section-history .history-list dd {
        border-width: 0.266666666666667vw;
    }
    .page-about .section-history .history-list dt {
        width: 100%;
        padding: 6.666666666666667vw 1.333333333333333vw 0;
        font-size: 5.333333333333334vw;
        letter-spacing: 0;
        border-bottom: none;
    }
    .page-about .section-history .history-list dd {
        width: 100%;
        padding: 2.4vw 0 5.600000000000001vw 1.333333333333333vw;
    }
    .page-about .section-history .history-list li {
        margin-left: 0.266666666666667vw;
    }
    .page-about .section-history .history-list li::before {
        margin-top: 2.4vw;
    }
}

.page-about .section-access .decoration-text {
    position: absolute;
    top: 181px;
    right: -14px;
    width: 664px;
    height: 166px;
    fill: #f7f7f7;
}

.page-about .section-access .shape-square-gray-wrap {
    position: absolute;
    bottom: 140px;
    right: -194px;
    width: 518px;
    height: 518px;
    -webkit-transform: rotate(-26.57deg);
    transform: rotate(-26.57deg);
}

.page-about .section-access .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-about .section-access .section-inner {
    padding-top: 219px;
    padding-bottom: 180px;
}

.page-about .section-access .place {
    padding-top: 79px;
    padding-bottom: 74px;
    border-top: 1px solid #e1e4e6;
}

.page-about .section-access .place:first-child {
    margin-top: 50px;
}

.page-about .section-access .place .name {
    line-height: 1;
}

.page-about .section-access .place .name span {
    display: inline-block;
}

.page-about .section-access .place .name .en {
    color: #ffd700;
    font-size: 3.2rem;
    letter-spacing: -0.01em;
}

.page-about .section-access .place .name .ja {
    margin-top: 7px;
    margin-left: 16px;
    color: #808080;
    font-size: 1.2rem;
    vertical-align: top;
}

.page-about .section-access .place .adress {
    position: relative;
    margin-top: 27px;
    padding-right: 100px;
    text-align: justify;
}

.page-about .section-access .place .adress .title {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}

.page-about .section-access .place .adress .fax {
    display: inline-block;
    margin-left: 30px;
}

.page-about .section-access .place .adress .map-link {
    position: absolute;
    bottom: -2px;
    right: -1px;
    width: 60px;
    height: 60px;
}

.page-about .section-access .place .adress .map-link a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.page-about .section-access .place .adress .map-link a .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #f3f3f3;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.page-about .section-access .place .adress .map-link a .icon-pin {
    position: relative;
    width: 16px;
    height: 22px;
}

@media only screen and (min-width: 768px) {
    .page-about .section-access .place .adress .map-link a:hover .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.page-about .section-access .place .map {
    position: relative;
    margin-top: 40px;
}

.page-about .section-access .place .parallax-item-container {
    width: 780px;
    height: 450px;
}

.page-about .section-access .place .parallax-item-container .parallax-item {
    top: 0;
    left: 0;
}

.page-about .section-access .place .access {
    margin-top: 32px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-about .section-access .place .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-about .section-access .place .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 57.692307692307686%;
    }
    .page-about .section-access .place .parallax-item-container>* {
        position: absolute;
    }
    .page-about .section-access .place .parallax-item {
        width: 100%;
        height: 100%;
    }
    .page-about .section-access .place .parallax-item iframe {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .page-about .section-access .decoration-text {
        top: 27.73333333333333vw;
        right: -36.266666666666666vw;
        width: 88.53333333333333vw;
        height: 22.133333333333333vw;
    }
    .page-about .section-access .shape-square-gray-wrap {
        bottom: 26.666666666666668vw;
        right: -28.53333333333333vw;
        width: 69.06666666666666vw;
        height: 69.06666666666666vw;
    }
    .page-about .section-access .section-inner {
        padding-top: 31.733333333333334vw;
        padding-bottom: 26.666666666666668vw;
    }
    .page-about .section-access .place {
        padding-top: 12vw;
        padding-bottom: 11.466666666666667vw;
        border-width: 0.266666666666667vw;
    }
    .page-about .section-access .place:first-child {
        margin-top: 13.333333333333334vw;
    }
    .page-about .section-access .place .name .en {
        font-size: 6.666666666666667vw;
    }
    .page-about .section-access .place .name .ja {
        display: block;
        margin-top: 4vw;
        margin-left: 0;
        font-size: 2.666666666666667vw;
    }
    .page-about .section-access .place .adress {
        margin-top: 8.799999999999999vw;
        padding-right: 0;
    }
    .page-about .section-access .place .adress .title {
        margin-bottom: 0;
    }
    .page-about .section-access .place .adress .fax {
        display: block;
        margin-left: 0;
    }
    .page-about .section-access .place .adress .map-link {
        bottom: auto;
        top: -23.466666666666665vw;
        right: -0.266666666666667vw;
        width: 16vw;
        height: 16vw;
    }
    .page-about .section-access .place .adress .map-link a .icon-pin {
        width: 4.266666666666667vw;
        height: 5.866666666666666vw;
    }
    .page-about .section-access .place .map {
        margin-top: 8.266666666666666vw;
    }
    .page-about .section-access .place .map iframe {
        width: 100%;
        height: 66.66666666666666vw;
    }
    .page-about .section-access .place .parallax-item-container {
        width: 100%;
        height: 66.66666666666666vw;
    }
    .page-about .section-access .place .parallax-item-container .parallax-item {
        width: 100%;
    }
    .page-about .section-access .place .access {
        margin-top: 9.066666666666666vw;
    }
}

@media only screen and (min-width: 768px) {
    .page-careers .lower-heading .page-heading .en {
        padding-left: 46px;
    }
}

.page-careers .kv .parallax-item-container {
    width: 100%;
    height: 450px;
}

.page-careers .kv .parallax-item {
    top: -38.88888888888889%;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-careers .kv .parallax-item img {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .page-careers .kv .parallax-item {
        width: 1280px;
        height: 450px;
        left: 50%;
        margin-left: -640px;
    }
}

@media only screen and (max-width: 767px) {
    .page-careers .kv .parallax-item-container {
        height: 77.33333333333333vw;
    }
    .page-careers .kv .parallax-item {
        top: -26.666666666666668vw;
    }
}

.page-careers .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-careers .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-careers .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-careers .section-inner {
        width: 100%;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-careers .section-message {
    overflow: hidden;
}

.page-careers .section-message .shape-circle-ring-yellow {
    top: 373px;
    left: -222px;
    width: 645px;
    height: 645px;
    fill: #ffd600;
}

.page-careers .section-message .shape-triangle-gray-wrap {
    position: absolute;
    top: -136px;
    right: -144px;
    width: 512px;
    height: 460px;
    -webkit-transform: rotate(24.9deg);
    transform: rotate(24.9deg);
}

.page-careers .section-message .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f6f7f8;
}

.page-careers .section-message .shape-square-gray-wrap {
    position: absolute;
    bottom: 366px;
    right: -116px;
    width: 513px;
    height: 513px;
    -webkit-transform: rotate(33.15deg);
    transform: rotate(33.15deg);
}

.page-careers .section-message .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f6f7f8;
}

@media only screen and (max-width: 767px) {
    .page-careers .section-message .shape-circle-ring-yellow {
        top: 73.33333333333333vw;
        left: -54.93333333333334vw;
        width: 86vw;
        height: 86vw;
    }
    .page-careers .section-message .shape-triangle-gray-wrap {
        position: absolute;
        top: -16.8vw;
        right: -21.866666666666667vw;
        width: 68.26666666666667vw;
        height: 61.33333333333333vw;
    }
    .page-careers .section-message .shape-square-gray-wrap {
        position: absolute;
        bottom: 50.66666666666667vw;
        right: -26.13333333333333vw;
        width: 68.4vw;
        height: 68.4vw;
    }
}

.page-careers .section-message .section-inner {
    padding-top: 160px;
    padding-bottom: 173px;
}

.page-careers .section-message .section-heading .ja {
    letter-spacing: 0;
}

.page-careers .section-message .block-right {
    padding-left: 376px;
}

.page-careers .section-message .copy {
    margin-top: -92px;
    font-size: 4.6rem;
    line-height: 1.652173913043478;
    font-weight: bold;
}

.page-careers .section-message .copy span {
    display: block;
}

.page-careers .section-message .copy span:nth-child(1) {
    letter-spacing: -0.02em;
}

.page-careers .section-message .copy span:nth-child(2) {
    letter-spacing: -0.04em;
}

.page-careers .section-message .text {
    width: 620px;
    margin-top: 35px;
    margin-left: 5px;
    letter-spacing: 0.05em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: justify;
}

.page-careers .section-message .google-slides {
    margin-top: 112px;
    text-align: center;
}

.page-careers .section-message .section-kv .parallax-item-container {
    width: 100%;
    height: 480px;
}

.page-careers .section-message .section-kv .parallax-item {
    --bg-position: -2100px;
    -webkit-animation: loop 30s linear infinite;
    animation: loop 30s linear infinite;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("assets/img/careers/pc/message-kv.jpg?hash=feb670213cfe5631dc14fe6c851ebc1d") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-careers .section-message .section-kv .parallax-item {
        background: url("assets/img/careers/pc/message-kv@2x.jpg?hash=ba71320c0273f325fc7e4ac7ced714be") center center repeat-x;
        background-size: 2100px 480px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-careers .section-message .block-right {
        padding-left: 40%;
    }
    .page-careers .section-message .copy {
        font-size: 4rem;
        line-height: 1.75;
        margin-right: -1em;
    }
    .page-careers .section-message .text {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .page-careers .section-message .section-inner {
        padding-top: 31.466666666666665vw;
        padding-bottom: 33.06666666666666vw;
    }
    .page-careers .section-message .section-heading .ja {
        letter-spacing: 0.1em;
    }
    .page-careers .section-message .block-right {
        padding-left: 0;
    }
    .page-careers .section-message .copy {
        margin-top: 9.866666666666667vw;
        font-size: 7.199999999999999vw;
        line-height: 1.592592592592593;
    }
    .page-careers .section-message .copy span {
        display: block;
    }
    .page-careers .section-message .copy span:nth-child(1) {
        letter-spacing: 0.06em;
    }
    .page-careers .section-message .copy span:nth-child(2) {
        letter-spacing: 0.07em;
    }
    .page-careers .section-message .copy span:nth-child(3) {
        letter-spacing: 0.08em;
    }
    .page-careers .section-message .text {
        width: 100%;
        margin-top: 12.533333333333333vw;
        margin-left: 0.666666666666667vw;
        letter-spacing: 0;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
    }
    .page-careers .section-message .google-slides {
        margin-top: 11.466666666666667vw;
    }
    .page-careers .section-message .section-kv .parallax-item-container {
        height: 64vw;
    }
    .page-careers .section-message .section-kv .parallax-item {
        --bg-position: -280vw;
        background: url("assets/img/careers/pc/message-kv@2x.jpg?hash=ba71320c0273f325fc7e4ac7ced714be") center center repeat-x;
        background-size: 280vw 64vw;
    }
}

.page-careers .section-about-us {
    background: #f6f7f8;
}

.page-careers .section-about-us .decoration-text {
    position: absolute;
    top: 170px;
    right: -187px;
    width: 850px;
    height: 178px;
    fill: #fff;
}

.page-careers .section-about-us .section-inner {
    padding-top: 218px;
    padding-bottom: 213px;
}

.page-careers .section-about-us .about-us-list {
    margin-top: 49px;
    padding-top: 70px;
    border-top: 1px solid #dee3e8;
}

.page-careers .section-about-us .about-us-list li {
    display: flex;
}

.page-careers .section-about-us .about-us-list li:not(:first-child) {
    margin-top: 62px;
}

.page-careers .section-about-us .about-us-list .num {
    width: 150px;
    margin-top: 7px;
    color: #ffd700;
    font-size: 10rem;
    line-height: 1;
}

.page-careers .section-about-us .about-us-list .text {
    flex: 1;
    text-align: justify;
}

.page-careers .section-about-us .about-us-list .text .text-large {
    margin-bottom: 24px;
    margin-left: -3px;
    font-size: 2rem;
    line-height: 1.9;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .page-careers .section-about-us .decoration-text {
        position: absolute;
        top: 25.6vw;
        right: -60.53333333333333vw;
        width: 113.33333333333333vw;
        height: 23.733333333333334vw;
    }
    .page-careers .section-about-us .section-inner {
        padding-top: 31.733333333333334vw;
        padding-bottom: 30.666666666666664vw;
    }
    .page-careers .section-about-us .about-us-list {
        margin-top: 13.333333333333334vw;
        padding-top: 10.4vw;
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-about-us .about-us-list li {
        flex-direction: column;
        padding: 0 1.333333333333333vw;
    }
    .page-careers .section-about-us .about-us-list li:not(:first-child) {
        margin-top: 14.133333333333335vw;
    }
    .page-careers .section-about-us .about-us-list .num {
        width: auto;
        margin-top: 0;
        font-size: 14.666666666666666vw;
    }
    .page-careers .section-about-us .about-us-list .text {
        margin-top: 0;
    }
    .page-careers .section-about-us .about-us-list .text .text-large {
        margin-bottom: 5.866666666666666vw;
        margin-left: -0.4vw;
        font-size: 3.733333333333334vw;
        line-height: 1.892857142857143;
        letter-spacing: 0.1em;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.page-careers .section-job-list .decoration-text {
    position: absolute;
    top: 170px;
    right: -45px;
    width: 702px;
    height: 180px;
    fill: #f6f7f8;
}

.page-careers .section-job-list .section-inner {
    padding-top: 220px;
    padding-bottom: 60px;
}

.page-careers .section-job-list .job-list {
    margin-top: 49px;
}

.page-careers .section-job-list .job-list ul {
    border-top: 1px solid #dee3e8;
}

.page-careers .section-job-list .job-list li {
    overflow: hidden;
    border-bottom: 1px solid #dee3e8;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-btn-inner {
    position: relative;
    padding: 36px 100px 33px 0;
    cursor: pointer;
}

.page-careers .section-job-list .job-list li .accordion-btn .block-container {
    display: flex;
}

.page-careers .section-job-list .job-list li .accordion-btn .block-container .status {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 30px;
    margin-right: 16px;
    padding: 0 14px 0 18px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.05em;
    border-radius: 15px;
    background: #ffd600;
    box-sizing: border-box;
}

.windows .page-careers .section-job-list .job-list li .accordion-btn .block-container .status {
    padding-top: 2px;
}

.page-careers .section-job-list .job-list li .accordion-btn .block-container .occupation {
    flex: 1;
    font-size: 2rem;
    line-height: 1.5;
    font-weight: bold;
}

.page-careers .section-job-list .job-list li .accordion-btn .text {
    flex: 1;
    margin-top: 12px;
    margin-left: 1px;
    text-align: justify;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon {
    position: absolute;
    top: 50%;
    right: 0;
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -30px;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    background: #f1f3f4;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon {
    position: relative;
    width: 12px;
    height: 12px;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::before,
.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    content: "";
    display: block;
    background: #2f3540;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::before {
    width: 12px;
    height: 2px;
}

.page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::after {
    width: 2px;
    height: 12px;
}

@media only screen and (min-width: 768px) {
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon {
        transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.4, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.4, 1);
    }
    .page-careers .section-job-list .job-list li .accordion-btn:hover .accordion-icon .icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .page-careers .section-job-list .job-list li .accordion-btn:hover .accordion-icon .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
}

.page-careers .section-job-list .job-list li .accordion-contents {
    height: 0;
}

.page-careers .section-job-list .job-list li .accordion-contents .accordion-contents-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 30px 40px;
}

.page-careers .section-job-list .job-list li .accordion-contents .text {
    padding: 53px 60px;
    text-align: justify;
    background: #f6f7f8;
    box-sizing: border-box;
}

.page-careers .section-job-list .job-list li .accordion-contents .btn-arrow-right {
    margin-top: 30px;
}

.page-careers .section-job-list .job-list li.is-accordion-opened .accordion-btn .accordion-icon .icon::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-careers .section-job-list .job-list li.is-accordion-opened .accordion-btn .accordion-icon .icon::after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

@media only screen and (max-width: 767px) {
    .page-careers .section-job-list .decoration-text {
        position: absolute;
        top: 25.866666666666667vw;
        right: -41.333333333333336vw;
        width: 93.60000000000001vw;
        height: 24vw;
    }
    .page-careers .section-job-list .section-inner {
        padding-top: 31.733333333333334vw;
        padding-bottom: 8vw;
    }
    .page-careers .section-job-list .job-list {
        margin-top: 10.666666666666668vw;
    }
    .page-careers .section-job-list .job-list ul {
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-job-list .job-list li {
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-btn-inner {
        padding: 6.666666666666667vw 20vw 6.933333333333333vw 0;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .block-container .status {
        min-width: 18.666666666666668vw;
        height: 6.666666666666667vw;
        margin-right: 3.466666666666666vw;
        padding: 0 1.866666666666667vw 0 2.4vw;
        font-size: 2.666666666666667vw;
        letter-spacing: 0.05em;
        border-radius: 3.333333333333333vw;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .block-container .occupation {
        margin-top: 1.066666666666667vw;
        font-size: 3.733333333333334vw;
        line-height: 1.357142857142857;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .text {
        margin-top: 4.266666666666667vw;
        margin-left: 0vw;
        font-size: 3.466666666666666vw;
        line-height: 1.769230769230769;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-icon {
        width: 12vw;
        height: 12vw;
        margin-top: -5.600000000000001vw;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon {
        width: 2.666666666666667vw;
        height: 2.666666666666667vw;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::before {
        width: 2.666666666666667vw;
        height: 0.533333333333333vw;
    }
    .page-careers .section-job-list .job-list li .accordion-btn .accordion-icon .icon::after {
        width: 0.533333333333333vw;
        height: 2.666666666666667vw;
    }
    .page-careers .section-job-list .job-list li .accordion-contents .accordion-contents-inner {
        padding: 0 3.2vw 6.933333333333333vw;
    }
    .page-careers .section-job-list .job-list li .accordion-contents .text {
        width: 100%;
        padding: 8vw 8vw;
        font-size: 2.666666666666667vw;
        line-height: 2;
    }
    .page-careers .section-job-list .job-list li .accordion-contents .btn-arrow-right {
        margin-top: 6.666666666666667vw;
    }
    .page-careers .section-job-list .job-list li .accordion-contents .btn-arrow-right .icon-arrow-right {
        width: 12vw;
        height: 12vw;
    }
}

.page-careers .section-recruit-info {
    background: #f6f7f8;
    overflow: hidden;
}

.page-careers .section-recruit-info .decoration-text {
    position: absolute;
    top: 182px;
    right: -31px;
    width: 670px;
    height: 167px;
    fill: #fff;
}

.page-careers .section-recruit-info .shape-circle-ring-white {
    position: absolute;
    bottom: -394px;
    left: -410px;
    width: 1000px;
    height: 1000px;
    fill: #fff;
}

.page-careers .section-recruit-info .section-inner {
    padding-top: 216px;
    padding-bottom: 220px;
}

.page-careers .section-recruit-info .recruit-info-list {
    margin-top: 50px;
}

.page-careers .section-recruit-info .recruit-info-list>dl {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e1e4e6;
}

.page-careers .section-recruit-info .recruit-info-list>dl>dt,
.page-careers .section-recruit-info .recruit-info-list>dl>dd {
    border-bottom: 1px solid #e1e4e6;
    box-sizing: border-box;
}

.page-careers .section-recruit-info .recruit-info-list>dl>dt {
    width: 240px;
    padding: 39px 0 32px 10px;
    font-weight: bold;
}

.page-careers .section-recruit-info .recruit-info-list>dl>dd {
    width: 540px;
    padding: 39px 0 32px;
}

.page-careers .section-recruit-info .recruit-info-list>dl>dd dt {
    margin-top: 28px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

.page-careers .section-recruit-info .recruit-info-list>dl>dd .example {
    display: flex;
}

.page-careers .section-recruit-info .recruit-info-list .dot-list {
    margin-left: 3px;
    margin-bottom: 28px;
}

.page-careers .section-recruit-info .recruit-info-list .dot-list li::before {
    margin-top: 10px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-careers .section-recruit-info .recruit-info-list>dl>dt {
        width: 31.25%;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl>dd {
        width: 68.75%;
    }
}

@media only screen and (max-width: 767px) {
    .page-careers .section-recruit-info .decoration-text {
        position: absolute;
        top: 27.46666666666667vw;
        right: -40vw;
        width: 89.33333333333333vw;
        height: 22.26666666666667vw;
    }
    .page-careers .section-recruit-info .shape-circle-ring-white {
        position: absolute;
        bottom: 42.93333333333334vw;
        left: -65.33333333333333vw;
        width: 133.33333333333331vw;
        height: 133.33333333333331vw;
    }
    .page-careers .section-recruit-info .section-inner {
        padding-top: 32vw;
        padding-bottom: 32vw;
    }
    .page-careers .section-recruit-info .recruit-info-list {
        margin-top: 13.333333333333334vw;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl {
        flex-direction: column;
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl>dt,
    .page-careers .section-recruit-info .recruit-info-list>dl>dd {
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl>dt {
        width: 32vw;
        padding: 7.733333333333333vw 1.333333333333333vw 0;
        border-bottom: none;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl>dd {
        width: 100%;
        margin-top: 2.4vw;
        padding: 0 1.333333333333333vw 7.733333333333333vw;
    }
    .page-careers .section-recruit-info .recruit-info-list>dl>dd dt {
        margin-top: 6.4vw;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
    }
    .page-careers .section-recruit-info .recruit-info-list .dot-list {
        margin-left: 0.4vw;
        margin-bottom: 3.733333333333334vw;
    }
    .page-careers .section-recruit-info .recruit-info-list .dot-list li::before {
        margin-top: 2.4vw;
    }
}

.page-careers .section-flow .decoration-text {
    position: absolute;
    top: 170px;
    right: 62px;
    width: 422px;
    height: 178px;
    fill: #f6f7f8;
}

.page-careers .section-flow .shape-square-gray-wrap {
    position: absolute;
    bottom: 130px;
    right: -252px;
    width: 526px;
    height: 526px;
    -webkit-transform: rotate(-27.76deg);
    transform: rotate(-27.76deg);
}

.page-careers .section-flow .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f6f7f8;
}

.page-careers .section-flow .section-inner {
    padding-top: 218px;
    padding-bottom: 260px;
}

.page-careers .section-flow .flow-list {
    margin-top: 49px;
    padding-top: 74px;
    border-top: 1px solid #dee3e8;
}

.page-careers .section-flow .flow-list .text {
    margin-left: 2px;
}

.page-careers .section-flow .flow-list .title {
    margin-top: 42px;
    padding: 22px 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    background: #2f3540;
}

.page-careers .section-flow .flow-list ul {
    margin-top: 30px;
}

.page-careers .section-flow .flow-list li {
    position: relative;
    padding: 16px 0;
    min-height: 100px;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee3e8;
    box-sizing: border-box;
    background: #fff;
}

.page-careers .section-flow .flow-list li:not(:first-child) {
    margin-top: 30px;
}

.page-careers .section-flow .flow-list li .icon-arrow {
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 20px;
    height: 27px;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: -1;
    fill: #929292;
}

.page-careers .section-flow .flow-list li p {
    margin-top: 2px;
    margin-left: 4px;
    font-size: 1.3rem;
}

.page-careers .section-flow .flow-list li:last-child {
    background: #ffd600;
    border: none;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .page-careers .section-flow .decoration-text {
        top: 25.866666666666667vw;
        right: -1.333333333333333vw;
        width: 56.266666666666666vw;
        height: 23.733333333333334vw;
    }
    .page-careers .section-flow .shape-square-gray-wrap {
        display: none;
    }
    .page-careers .section-flow .section-inner {
        padding-top: 32vw;
        padding-bottom: 40vw;
    }
    .page-careers .section-flow .flow-list {
        margin-top: 10.666666666666668vw;
        padding-top: 7.466666666666668vw;
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-flow .flow-list .text {
        margin-left: 0;
        font-size: 3.466666666666666vw;
        line-height: 1.769230769230769;
    }
    .page-careers .section-flow .flow-list .title {
        margin-top: 6.666666666666667vw;
        padding: 4.8vw 0;
        font-size: 3.733333333333334vw;
    }
    .page-careers .section-flow .flow-list ul {
        margin-top: 9.333333333333334vw;
    }
    .page-careers .section-flow .flow-list li {
        padding: 5.866666666666666vw 0;
        min-height: 13.333333333333334vw;
        font-size: 3.733333333333334vw;
        border-width: 0.266666666666667vw;
    }
    .page-careers .section-flow .flow-list li:not(:first-child) {
        margin-top: 9.6vw;
    }
    .page-careers .section-flow .flow-list li .icon-arrow {
        bottom: -7.466666666666668vw;
        width: 5.333333333333334vw;
        height: 7.733333333333333vw;
        margin-left: -2.666666666666667vw;
    }
    .page-careers .section-flow .flow-list li:nth-child(2) {
        padding: 2.933333333333333vw 0 2.933333333333333vw;
    }
    .page-careers .section-flow .flow-list li p {
        margin-top: 0;
        margin-left: 0;
        font-size: 2.666666666666667vw;
    }
}

.page-careers .section-link-contact a {
    display: block;
    position: relative;
    height: 540px;
}

.page-careers .section-link-contact .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-careers .section-link-contact .parallax-item-container {
    width: 100%;
    height: 100%;
}

.page-careers .section-link-contact .parallax-item-container .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("assets/img/careers/pc/contact-img.jpg?hash=1d228df67f300484ac54d87754e4bddc") center center no-repeat;
    background-size: cover;
}

.page-careers .section-link-contact .parallax-item-container .parallax-item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

.page-careers .section-link-contact .section-heading {
    position: absolute;
    top: 130px;
    left: 100px;
    padding-left: 35px;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    letter-spacing: 0.05em;
}

.page-careers .section-link-contact .section-heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -11px;
    border-radius: 50%;
    border: 6px solid #ffd700;
}

.page-careers .section-link-contact .icon-arrow-right {
    position: absolute;
    bottom: 109px;
    right: 180px;
}

.page-careers .section-link-contact .decoration-text {
    --bg-position: -862px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    position: absolute;
    top: 189px;
    left: 0;
    width: 100%;
    height: 168px;
    background: url("assets/img/careers/text-letsjoinus.png?hash=d6faa7c0b1b2d4838fd3597413329dc0") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-careers .section-link-contact .decoration-text {
        background: url("assets/img/careers/text-letsjoinus@2x.png?hash=bc0aa7038b084aaf4b0396678f461754") center center repeat-x;
        background-size: 862px 168px;
    }
}

@media only screen and (min-width: 768px) {
    .page-careers .section-link-contact a .parallax-item {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-careers .section-link-contact a:hover .parallax-item {
        opacity: 0.85;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .page-careers .section-link-contact a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-careers .section-link-contact a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-careers .section-link-contact .section-heading {
        left: 9.25925925925926%;
    }
    .page-careers .section-link-contact .icon-arrow-right {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-careers .section-link-contact a {
        height: 80vw;
    }
    .page-careers .section-link-contact .img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .page-careers .section-link-contact .parallax-item-container .parallax-item {
        background: url("assets/img/careers/contact-img.jpg?hash=2475a42e3032b445bf61c32a196b3a7f") center center no-repeat;
        background-size: cover;
    }
    .page-careers .section-link-contact .section-heading {
        top: 14.933333333333335vw;
        left: 6.666666666666667vw;
        padding-left: 7.466666666666668vw;
        font-size: 3.733333333333334vw;
    }
    .page-careers .section-link-contact .section-heading::before {
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        margin-top: -1.866666666666667vw;
        border-width: 1.333333333333333vw;
    }
    .page-careers .section-link-contact .icon-arrow-right {
        bottom: 13.333333333333334vw;
        right: 6.666666666666667vw;
        width: 16vw;
        height: 16vw;
    }
    .page-careers .section-link-contact .icon-arrow-right span {
        width: 3.2vw;
        height: 2.666666666666667vw;
    }
    .page-careers .section-link-contact .decoration-text {
        --bg-position: -114.93333333333334vw;
        top: 29.06666666666667vw;
        width: 100%;
        height: 22.400000000000002vw;
        background-size: 100%;
        background-size: 114.93333333333334vw 22.400000000000002vw;
    }
}

.page-contact .lower-contents {
    position: relative;
}

.page-contact .lower-contents .decoration-text {
    position: absolute;
    top: 107px;
    right: -84px;
    width: 724px;
    height: 172px;
    fill: #f7f7f7;
}

.page-contact .page-contents {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 153px;
    padding-bottom: 220px;
}

@media only screen and (min-width: 768px) {
    .page-contact .page-contents {
        max-width: 1080px;
    }
}

.page-contact .main-text {
    letter-spacing: 0.02em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-contact .page-contents {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-contact .lower-contents {
        position: relative;
    }
    .page-contact .lower-contents .decoration-text {
        position: absolute;
        top: 18.133333333333333vw;
        right: -35.199999999999996vw;
        width: 96.53333333333333vw;
        height: 22.933333333333334vw;
    }
    .page-contact .page-contents {
        width: 100%;
        padding-top: 30.133333333333333vw;
        padding-bottom: 32vw;
    }
    .page-contact .main-text {
        padding: 0 6.666666666666667vw;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
    }
}

.page-contact .btn-container {
    margin-top: 73px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-contact .btn-container .btn {
    width: 510px;
    margin-bottom: 30px;
}

.page-contact .btn-container .btn a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 30px 40px;
    background: #ffd700;
    border-radius: 6px;
    box-sizing: border-box;
}

.page-contact .btn-container .btn .btn-text {
    flex: 1;
    padding-right: 20px;
}

.page-contact .btn-container .btn .icon-arrow-right {
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-contact .btn-container .btn .icon-arrow-right .icon-bg {
    background: #f3f3f3;
}

.page-contact .btn-container .btn .icon-arrow-right .icon {
    fill: #373737;
}

.page-contact .btn-container .btn.selected a {
    background: #f7f7f7;
}

.page-contact .btn-container .btn.selected .icon-arrow-right {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.page-contact .btn-container .btn.selected .icon-arrow-right .icon-bg {
    background: #fff;
}

@media only screen and (min-width: 768px) {
    .page-contact .btn-container .btn a {
        transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .page-contact .btn-container .btn a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-contact .btn-container .btn a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    .page-contact .btn-container .btn:not(.selected) a:hover {
        background: #f6ba02;
    }
    .page-contact .btn-container .btn.selected a:hover {
        background: #ccc;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-contact .btn-container .btn {
        width: 46.808510638297875%;
    }
}

@media only screen and (max-width: 767px) {
    .page-contact .btn-container {
        margin-top: 14.666666666666666vw;
        padding: 0 6.666666666666667vw;
        flex-direction: column;
    }
    .page-contact .btn-container .btn {
        width: 100%;
        margin-bottom: 4vw;
    }
    .page-contact .btn-container .btn a {
        padding: 4vw 4vw 4vw 5.333333333333334vw;
        border-radius: 1.066666666666667vw;
    }
    .page-contact .btn-container .btn .icon-arrow-right {
        width: 8vw;
        height: 8vw;
    }
}

.page-contact .form-container .form {
    height: 850px;
}

.page-contact .form-container .form iframe {
    width: 100%;
    height: 100%;
}

.page-contact .form-container .privacy {
    margin-top: 60px;
}

@media only screen and (max-width: 881px) {
    .page-contact .form-container .form {
        height: 1076px;
    }
    .page-contact .form-container .privacy {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-contact .form-container {
        padding: 0 6.666666666666667vw;
    }
}

.page-contact.page-careers-contact .form-container {
    margin-top: 70px;
}

.page-contact.page-careers-contact .form-container .form {
    height: 1130px;
}

.page-contact.page-careers-contact .form-container .privacy {
    margin-top: 60px;
}

@media only screen and (max-width: 881px) {
    .page-contact.page-careers-contact .form-container .form {
        height: 1500px;
    }
    .page-contact.page-careers-contact .form-container .privacy {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-contact.page-careers-contact .form-container {
        margin-top: 0;
    }
}

.page-contact-complete .page-contents {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding: 150px 0 252px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media only screen and (min-width: 768px) {
    .page-contact-complete .page-contents {
        max-width: 1080px;
    }
}

.page-contact-complete .page-contents .text {
    width: 670px;
}

.page-contact-complete .page-contents .text .text-large {
    margin-bottom: 42px;
    font-size: 2.2rem;
    line-height: 1.909090909090909;
    letter-spacing: 0.05em;
    font-weight: bold;
}

.page-contact-complete .page-contents .btn-arrow-right {
    margin-bottom: -4px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-contact-complete .page-contents {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-contact-complete .page-contents .text {
        width: 71.27659574468085%;
    }
    .page-contact-complete .page-contents .text .text-large br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .page-contact-complete .page-contents {
        width: 100%;
        padding: 29.333333333333332vw 6.666666666666667vw 41.333333333333336vw;
        box-sizing: border-box;
        flex-direction: column;
    }
    .page-contact-complete .page-contents .text {
        width: 100%;
    }
    .page-contact-complete .page-contents .text .text-large {
        margin-bottom: 7.466666666666668vw;
        font-size: 5.066666666666666vw;
        line-height: 1.736842105263158;
    }
    .page-contact-complete .page-contents .btn-arrow-right {
        margin-top: 11.733333333333333vw;
        margin-bottom: 0;
    }
}

.page-information-article .lower-contents {
    padding-bottom: 100px;
}

.page-information-article .article-contents {
    padding-top: 100px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    text-align: justify;
}

@media only screen and (min-width: 768px) {
    .page-information-article .article-contents {
        max-width: 780px;
    }
}

.page-information-article .article-contents .img {
    margin-bottom: 73px;
}

.page-information-article .article-contents .img img {
    width: 100%;
}

.page-information-article .article-contents p:not(:nth-of-type(1)) {
    margin-top: 55px;
}

.page-information-article .article-contents p.mt-55 {
    margin-top: 55px;
}

.page-information-article .article-contents p.mt-30 {
    margin-top: 30px;
}

.page-information-article .article-contents p.mt-20 {
    margin-top: 20px;
}

.page-information-article .article-contents p.mt-10 {
    margin-top: 10px;
}

.page-information-article .article-contents .mt-55 {
    margin-top: 55px;
}

.page-information-article .article-contents .mt-30 {
    margin-top: 30px;
}

.page-information-article .article-contents .mt-20 {
    margin-top: 20px;
}

.page-information-article .article-contents .mt-10 {
    margin-top: 10px;
}

.page-information-article .article-contents a span {
    border-bottom: 1px solid #373737;
    transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media only screen and (min-width: 768px) {
    .page-information-article .article-contents a:hover span {
        border-color: transparent;
    }
}

.page-information-article .article-contents h3 {
    font-size: 2.6rem;
    line-height: 1.538461538461539;
    font-weight: bold;
}

.page-information-article .article-contents h4 {
    font-size: 1.8rem;
    line-height: 1.555555555555556;
    font-weight: bold;
}

.page-information-article .pagination {
    margin-top: 113px;
    padding: 80px 0;
    border-top: 1px solid #e1e4e6;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-information-article .lower-contents {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-information-article .lower-contents {
        padding: 0 6.666666666666667vw 32vw;
    }
    .page-information-article .article-contents {
        padding-top: 16vw;
        width: 100%;
        box-sizing: border-box;
    }
    .page-information-article .article-contents .img {
        margin-bottom: 13.333333333333334vw;
    }
    .page-information-article .article-contents p:not(:nth-of-type(1)) {
        margin-top: 13.333333333333334vw;
    }
    .page-information-article .article-contents p.mt-55 {
        margin-top: 13.333333333333334vw;
    }
    .page-information-article .article-contents p.mt-30 {
        margin-top: 8vw;
    }
    .page-information-article .article-contents p.mt-20 {
        margin-top: 5.333333333333334vw;
    }
    .page-information-article .article-contents p.mt-10 {
        margin-top: 2.666666666666667vw;
    }
    .page-information-article .article-contents .mt-55 {
        margin-top: 13.333333333333334vw;
    }
    .page-information-article .article-contents .mt-30 {
        margin-top: 8vw;
    }
    .page-information-article .article-contents .mt-20 {
        margin-top: 5.333333333333334vw;
    }
    .page-information-article .article-contents .mt-10 {
        margin-top: 2.666666666666667vw;
    }
    .page-information-article .article-contents h3 {
        font-size: 6.133333333333333vw;
        line-height: 1.652173913043478;
    }
    .page-information-article .article-contents h4 {
        font-size: 4vw;
        line-height: 1.866666666666667;
    }
    .page-information-article .pagination {
        margin-top: 9.333333333333334vw;
        padding: 8vw 0;
        border-width: 0.266666666666667vw;
    }
}

.page-information .lower-contents {
    padding-bottom: 260px;
}

.page-information .lower-heading .page-heading .en {
    padding-left: 44px;
}

@media only screen and (max-width: 767px) {
    .page-information .lower-contents {
        padding-bottom: 40vw;
    }
    .page-information .lower-heading .page-heading .en {
        padding-left: 6.666666666666667vw;
    }
}

.page-information .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-information .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-information .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-information .section-inner {
        width: 100%;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-information .tab-btn {
    padding: 54px 0 48px;
    border-bottom: 1px solid #e1e4e6;
    box-sizing: border-box;
}

.page-information .tab-btn ul {
    display: flex;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-information .tab-btn ul {
        max-width: 1080px;
    }
}

.page-information .tab-btn li {
    position: relative;
    padding: 0 29px;
    font-size: 1.5rem;
    cursor: pointer;
}

.page-information .tab-btn li.btn-all {
    margin-left: -29px;
}

.page-information .tab-btn li.btn-info {
    margin-right: -3px;
}

.page-information .tab-btn li.btn-adflow {
    margin-right: -8px;
}

.page-information .tab-btn li.is-selected::after {
    position: absolute;
    bottom: -49px;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #ffd700;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-information .tab-btn {
        padding-left: 4.62962962962963%;
        padding-right: 4.62962962962963%;
    }
}

@media only screen and (max-width: 767px) {
    .page-information .tab-btn {
        padding: 7.466666666666668vw 6.666666666666667vw 6.933333333333333vw;
        border-width: 0.266666666666667vw;
        box-sizing: border-box;
        overflow-x: scroll;
    }
    .page-information .tab-btn::-webkit-scrollbar {
        display: none;
    }
    .page-information .tab-btn ul {
        width: 120vw;
    }
    .page-information .tab-btn li {
        margin-right: 9.066666666666666vw;
        padding: 0 3.733333333333334vw;
        font-size: 3.2vw;
        letter-spacing: 0.1em;
    }
    .page-information .tab-btn li.btn-all {
        margin-left: 0;
    }
    .page-information .tab-btn li.btn-info {
        margin-right: 8.533333333333333vw;
    }
    .page-information .tab-btn li.btn-adflow {
        margin-right: 7.199999999999999vw;
    }
    .page-information .tab-btn li.is-selected::after {
        bottom: -6.933333333333333vw;
        height: 0.266666666666667vw;
    }
}

.page-information .tab-contents .tab-item {
    display: none;
}

.page-information .tab-contents .tab-item.is-selected {
    display: block;
}

.page-information .tab-contents .section-inner {
    padding-top: 98px;
}

.page-information .tab-contents .section-heading {
    position: relative;
    font-size: 4.4rem;
    line-height: 1;
    padding-left: 38px;
}

.page-information .tab-contents .section-heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -12px;
    border-radius: 50%;
    border: 6px solid #ffd700;
}

.windows .page-information .tab-contents .section-heading::before {
    margin-top: -15px;
}

.page-information .tab-contents .information-list {
    margin-top: 69px;
}

.page-information .tab-contents .information-list li .category span {
    padding: 0 11px;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: normal;
}

.page-information .tab-contents .pagination {
    margin-top: 80px;
}

@media only screen and (max-width: 767px) {
    .page-information .tab-contents .section-inner {
        padding-top: 31.466666666666665vw;
    }
    .page-information .tab-contents .section-heading {
        font-size: 10.666666666666668vw;
        padding-left: 7.466666666666668vw;
    }
    .page-information .tab-contents .section-heading::before {
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        margin-top: -2.666666666666667vw;
        border-width: 1.333333333333333vw;
    }
    .android .page-information .tab-contents .section-heading::before {
        margin-top: -3.2vw;
    }
    .page-information .tab-contents .information-list {
        margin-top: 13.600000000000001vw;
    }
    .page-information .tab-contents .information-list li .category span {
        padding: 0.533333333333333vw 2.933333333333333vw 0;
        font-size: 2.666666666666667vw;
        line-height: 1;
        letter-spacing: 0.14em;
    }
    .page-information .tab-contents .information-list li .title {
        margin-top: 2.666666666666667vw;
    }
    .page-information .tab-contents .pagination {
        margin-top: 8vw;
    }
}

.page-information .pagination,
.page-information-article .pagination {
    position: relative;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 768px) {
    .page-information .pagination,
    .page-information-article .pagination {
        max-width: 1080px;
    }
}

.page-information .pagination .btn-prev,
.page-information-article .pagination .btn-prev,
.page-information .pagination .btn-next,
.page-information-article .pagination .btn-next {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.page-information .pagination .btn-prev .btn-text,
.page-information-article .pagination .btn-prev .btn-text,
.page-information .pagination .btn-next .btn-text,
.page-information-article .pagination .btn-next .btn-text {
    font-size: 1.5rem;
    margin-top: 3px;
}

.page-information .pagination .btn-prev .icon-arrow-right,
.page-information-article .pagination .btn-prev .icon-arrow-right,
.page-information .pagination .btn-next .icon-arrow-right,
.page-information-article .pagination .btn-next .icon-arrow-right,
.page-information .pagination .btn-prev .icon-arrow-left,
.page-information-article .pagination .btn-prev .icon-arrow-left,
.page-information .pagination .btn-next .icon-arrow-left,
.page-information-article .pagination .btn-next .icon-arrow-left {
    width: 50px;
    height: 50px;
}

.page-information .pagination .btn-prev .icon-arrow-right .icon-bg,
.page-information-article .pagination .btn-prev .icon-arrow-right .icon-bg,
.page-information .pagination .btn-next .icon-arrow-right .icon-bg,
.page-information-article .pagination .btn-next .icon-arrow-right .icon-bg,
.page-information .pagination .btn-prev .icon-arrow-left .icon-bg,
.page-information-article .pagination .btn-prev .icon-arrow-left .icon-bg,
.page-information .pagination .btn-next .icon-arrow-left .icon-bg,
.page-information-article .pagination .btn-next .icon-arrow-left .icon-bg {
    background: #f3f3f3;
}

.page-information .pagination .btn-prev .icon-arrow-right .icon,
.page-information-article .pagination .btn-prev .icon-arrow-right .icon,
.page-information .pagination .btn-next .icon-arrow-right .icon,
.page-information-article .pagination .btn-next .icon-arrow-right .icon,
.page-information .pagination .btn-prev .icon-arrow-left .icon,
.page-information-article .pagination .btn-prev .icon-arrow-left .icon,
.page-information .pagination .btn-next .icon-arrow-left .icon,
.page-information-article .pagination .btn-next .icon-arrow-left .icon {
    width: 12px;
    height: 10px;
    fill: #373737;
}

.page-information .pagination .btn-prev .btn-text,
.page-information-article .pagination .btn-prev .btn-text {
    margin-left: 20px;
}

.page-information .pagination .btn-next,
.page-information-article .pagination .btn-next {
    margin-left: auto;
    margin-right: 0;
}

.page-information .pagination .btn-next .btn-text,
.page-information-article .pagination .btn-next .btn-text {
    margin-right: 23px;
}

.page-information .pagination .page-num,
.page-information-article .pagination .page-num {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.page-information .pagination .page-num li,
.page-information-article .pagination .page-num li {
    width: 44px;
    height: 44px;
    margin: 0 13px;
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
}

.page-information .pagination .page-num li.is-selected,
.page-information-article .pagination .page-num li.is-selected {
    border-radius: 50%;
    background: #fbc700;
    pointer-events: none;
}

.page-information .pagination .btn-prev-article a,
.page-information-article .pagination .btn-prev-article a,
.page-information .pagination .btn-next-article a,
.page-information-article .pagination .btn-next-article a {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.page-information .pagination .btn-prev-article .btn-text,
.page-information-article .pagination .btn-prev-article .btn-text,
.page-information .pagination .btn-next-article .btn-text,
.page-information-article .pagination .btn-next-article .btn-text {
    width: 280px;
    font-size: 1.4rem;
    line-height: 1.571428571428571;
}

.page-information .pagination .btn-prev-article .icon-arrow-right .icon-bg,
.page-information-article .pagination .btn-prev-article .icon-arrow-right .icon-bg,
.page-information .pagination .btn-next-article .icon-arrow-right .icon-bg,
.page-information-article .pagination .btn-next-article .icon-arrow-right .icon-bg,
.page-information .pagination .btn-prev-article .icon-arrow-left .icon-bg,
.page-information-article .pagination .btn-prev-article .icon-arrow-left .icon-bg,
.page-information .pagination .btn-next-article .icon-arrow-left .icon-bg,
.page-information-article .pagination .btn-next-article .icon-arrow-left .icon-bg {
    background: #f3f3f3;
}

.page-information .pagination .btn-prev-article .icon-arrow-right .icon,
.page-information-article .pagination .btn-prev-article .icon-arrow-right .icon,
.page-information .pagination .btn-next-article .icon-arrow-right .icon,
.page-information-article .pagination .btn-next-article .icon-arrow-right .icon,
.page-information .pagination .btn-prev-article .icon-arrow-left .icon,
.page-information-article .pagination .btn-prev-article .icon-arrow-left .icon,
.page-information .pagination .btn-next-article .icon-arrow-left .icon,
.page-information-article .pagination .btn-next-article .icon-arrow-left .icon {
    width: 12px;
    height: 10px;
    fill: #373737;
}

.page-information .pagination .btn-prev-article .btn-text,
.page-information-article .pagination .btn-prev-article .btn-text {
    margin-left: 30px;
}

.page-information .pagination .btn-next-article,
.page-information-article .pagination .btn-next-article {
    margin-left: auto;
    margin-right: 0;
}

.page-information .pagination .btn-next-article .btn-text,
.page-information-article .pagination .btn-next-article .btn-text {
    margin-right: 30px;
}

.page-information .pagination .btn-infotop,
.page-information-article .pagination .btn-infotop {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    margin-left: -16px;
}

@media only screen and (min-width: 768px) {
    .page-information .btn-prev:hover .icon-arrow-left .icon-bg,
    .page-information-article .btn-prev:hover .icon-arrow-left .icon-bg,
    .page-information .btn-next:hover .icon-arrow-left .icon-bg,
    .page-information-article .btn-next:hover .icon-arrow-left .icon-bg,
    .page-information .btn-prev:hover .icon-arrow-right .icon-bg,
    .page-information-article .btn-prev:hover .icon-arrow-right .icon-bg,
    .page-information .btn-next:hover .icon-arrow-right .icon-bg,
    .page-information-article .btn-next:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-information .btn-prev:hover .icon-arrow-left .icon,
    .page-information-article .btn-prev:hover .icon-arrow-left .icon,
    .page-information .btn-next:hover .icon-arrow-left .icon,
    .page-information-article .btn-next:hover .icon-arrow-left .icon {
        -webkit-transform: translateX(-3px) rotate(180deg);
        transform: translateX(-3px) rotate(180deg);
    }
    .page-information .btn-prev:hover .icon-arrow-right .icon,
    .page-information-article .btn-prev:hover .icon-arrow-right .icon,
    .page-information .btn-next:hover .icon-arrow-right .icon,
    .page-information-article .btn-next:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    .page-information .btn-prev-article a:hover .icon-arrow-left .icon-bg,
    .page-information-article .btn-prev-article a:hover .icon-arrow-left .icon-bg,
    .page-information .btn-next-article a:hover .icon-arrow-left .icon-bg,
    .page-information-article .btn-next-article a:hover .icon-arrow-left .icon-bg,
    .page-information .btn-prev-article a:hover .icon-arrow-right .icon-bg,
    .page-information-article .btn-prev-article a:hover .icon-arrow-right .icon-bg,
    .page-information .btn-next-article a:hover .icon-arrow-right .icon-bg,
    .page-information-article .btn-next-article a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-information .btn-prev-article a:hover .icon-arrow-left .icon,
    .page-information-article .btn-prev-article a:hover .icon-arrow-left .icon,
    .page-information .btn-next-article a:hover .icon-arrow-left .icon,
    .page-information-article .btn-next-article a:hover .icon-arrow-left .icon {
        -webkit-transform: translateX(-3px) rotate(180deg);
        transform: translateX(-3px) rotate(180deg);
    }
    .page-information .btn-prev-article a:hover .icon-arrow-right .icon,
    .page-information-article .btn-prev-article a:hover .icon-arrow-right .icon,
    .page-information .btn-next-article a:hover .icon-arrow-right .icon,
    .page-information-article .btn-next-article a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-information .pagination .btn-prev-article,
    .page-information-article .pagination .btn-prev-article,
    .page-information .pagination .btn-next-article,
    .page-information-article .pagination .btn-next-article {
        width: 39.361702127659576%;
    }
    .page-information .pagination .btn-prev-article .btn-text,
    .page-information-article .pagination .btn-prev-article .btn-text,
    .page-information .pagination .btn-next-article .btn-text,
    .page-information-article .pagination .btn-next-article .btn-text {
        flex: 1;
    }
}

@media only screen and (max-width: 767px) {
    .page-information .pagination,
    .page-information-article .pagination {
        width: 100%;
    }
    .page-information .pagination .btn-prev .btn-text,
    .page-information-article .pagination .btn-prev .btn-text,
    .page-information .pagination .btn-next .btn-text,
    .page-information-article .pagination .btn-next .btn-text {
        display: none;
    }
    .page-information .pagination .btn-prev .icon-arrow-right,
    .page-information-article .pagination .btn-prev .icon-arrow-right,
    .page-information .pagination .btn-next .icon-arrow-right,
    .page-information-article .pagination .btn-next .icon-arrow-right,
    .page-information .pagination .btn-prev .icon-arrow-left,
    .page-information-article .pagination .btn-prev .icon-arrow-left,
    .page-information .pagination .btn-next .icon-arrow-left,
    .page-information-article .pagination .btn-next .icon-arrow-left {
        width: 12vw;
        height: 12vw;
    }
    .page-information .pagination .btn-prev .icon-arrow-right .icon,
    .page-information-article .pagination .btn-prev .icon-arrow-right .icon,
    .page-information .pagination .btn-next .icon-arrow-right .icon,
    .page-information-article .pagination .btn-next .icon-arrow-right .icon,
    .page-information .pagination .btn-prev .icon-arrow-left .icon,
    .page-information-article .pagination .btn-prev .icon-arrow-left .icon,
    .page-information .pagination .btn-next .icon-arrow-left .icon,
    .page-information-article .pagination .btn-next .icon-arrow-left .icon {
        width: 3.2vw;
        height: 2.666666666666667vw;
    }
    .page-information .pagination .btn-prev .btn-text,
    .page-information-article .pagination .btn-prev .btn-text {
        margin-left: 2.666666666666667vw;
    }
    .page-information .pagination .btn-next .btn-text,
    .page-information-article .pagination .btn-next .btn-text {
        margin-right: 3.066666666666666vw;
    }
    .page-information .pagination .page-num,
    .page-information-article .pagination .page-num {
        top: 1.6vw;
    }
    .page-information .pagination .page-num li,
    .page-information-article .pagination .page-num li {
        width: 9.333333333333334vw;
        height: 9.333333333333334vw;
        margin: 0 0.666666666666667vw;
    }
    .android .page-information .pagination .page-num li,
    .android .page-information-article .pagination .page-num li {
        padding-top: 0.533333333333333vw;
    }
    .page-information .pagination .btn-prev-article .btn-text,
    .page-information-article .pagination .btn-prev-article .btn-text,
    .page-information .pagination .btn-next-article .btn-text,
    .page-information-article .pagination .btn-next-article .btn-text {
        display: none;
    }
    .page-information .pagination .btn-prev-article .icon-arrow-right,
    .page-information-article .pagination .btn-prev-article .icon-arrow-right,
    .page-information .pagination .btn-next-article .icon-arrow-right,
    .page-information-article .pagination .btn-next-article .icon-arrow-right,
    .page-information .pagination .btn-prev-article .icon-arrow-left,
    .page-information-article .pagination .btn-prev-article .icon-arrow-left,
    .page-information .pagination .btn-next-article .icon-arrow-left,
    .page-information-article .pagination .btn-next-article .icon-arrow-left {
        width: 12vw;
        height: 12vw;
    }
    .page-information .pagination .btn-prev-article .icon-arrow-right .icon,
    .page-information-article .pagination .btn-prev-article .icon-arrow-right .icon,
    .page-information .pagination .btn-next-article .icon-arrow-right .icon,
    .page-information-article .pagination .btn-next-article .icon-arrow-right .icon,
    .page-information .pagination .btn-prev-article .icon-arrow-left .icon,
    .page-information-article .pagination .btn-prev-article .icon-arrow-left .icon,
    .page-information .pagination .btn-next-article .icon-arrow-left .icon,
    .page-information-article .pagination .btn-next-article .icon-arrow-left .icon {
        width: 2.933333333333333vw;
        height: 2.4vw;
    }
    .page-information .pagination .btn-prev-article .btn-text,
    .page-information-article .pagination .btn-prev-article .btn-text {
        margin-left: 4vw;
    }
    .page-information .pagination .btn-next-article .btn-text,
    .page-information-article .pagination .btn-next-article .btn-text {
        margin-right: 4vw;
    }
    .page-information .pagination .btn-infotop,
    .page-information-article .pagination .btn-infotop {
        width: 5.333333333333334vw;
        height: 5.333333333333334vw;
        margin-top: -2.666666666666667vw;
        margin-left: -2.666666666666667vw;
    }
}

.page-mission .lower-heading .page-heading {
    margin-top: 12px;
}

.page-mission .lower-heading .page-heading .en {
    margin-left: 100px;
    padding-left: 31px;
    font-size: 1.8rem;
    line-height: 1;
}

.page-mission .lower-heading .page-heading .en .icon {
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -9px;
}

.page-mission .lower-heading .page-heading-sub {
    position: relative;
    margin-top: 36px;
    margin-left: 96px;
    font-size: 5.6rem;
    line-height: 1.5;
    font-weight: bold;
}

.page-mission .lower-heading .page-heading-sub span {
    display: block;
}

.page-mission .lower-heading .page-heading-sub span.text-line-2 {
    letter-spacing: 0.03em;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-mission .lower-heading .page-heading .en {
        margin-left: 9.25925925925926%;
    }
    .page-mission .lower-heading .page-heading-sub {
        margin-left: 8.88888888888889%;
    }
}

@media only screen and (max-width: 767px) {
    .page-mission .lower-heading .page-heading {
        margin-top: 8vw;
    }
    .page-mission .lower-heading .page-heading .en {
        margin-left: 6.4vw;
        padding-left: 4vw;
        font-size: 2.933333333333333vw;
    }
    .page-mission .lower-heading .page-heading .en .icon {
        width: 2.133333333333333vw;
        height: 2.133333333333333vw;
        margin-top: -1.2vw;
    }
    .page-mission .lower-heading .page-heading-sub {
        margin-top: 3.2vw;
        margin-left: 6.666666666666667vw;
        font-size: 9.333333333333334vw;
        line-height: 1.485714285714286;
    }
    .page-mission .lower-heading .page-heading-sub span.text-line-1 {
        letter-spacing: -0.17em;
    }
    .page-mission .lower-heading .page-heading-sub span.text-line-2 {
        letter-spacing: -0.08em;
    }
}

.page-mission .kv .parallax-item-container {
    width: 100%;
    height: 460px;
}

.page-mission .kv .parallax-item {
    --bg-position: -2100px;
    -webkit-animation: loop 30s linear infinite;
    animation: loop 30s linear infinite;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("assets/img/mission/pc/kv.jpg?hash=d1730ea6509b7ab5baf16d8b662d18ec") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-mission .kv .parallax-item {
        background: url("assets/img/mission/pc/kv@2x.jpg?hash=4ce72505383452591b49b7d8ea095c30") center center repeat-x;
        background-size: 2100px 460px;
    }
}

@media only screen and (max-width: 767px) {
    .page-mission .kv .parallax-item-container {
        height: 61.33333333333333vw;
    }
    .page-mission .kv .parallax-item {
        --bg-position: -280vw;
        background: url("assets/img/mission/kv.jpg?hash=d1730ea6509b7ab5baf16d8b662d18ec") center center repeat-x;
        background-size: 280vw 61.33333333333333vw;
    }
}

.page-mission .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding-top: 160px;
}

@media only screen and (min-width: 768px) {
    .page-mission .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-mission .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-mission .section-inner {
        width: 100%;
        padding-top: 32vw;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-mission .section-inner .section-contents {
    margin-top: 49px;
    border-top: 1px solid #e1e4e6;
}

.page-mission .section-inner .section-contents .text {
    font-size: 1.6rem;
    line-height: 2.25;
    text-align: justify;
}

.page-mission .section-inner .section-contents .text .text-large {
    margin-top: 17px;
    margin-bottom: 21px;
    display: block;
    font-size: 1.8rem;
    line-height: 2.555555555555555;
    font-weight: bold;
}

.page-mission .section-inner .section-contents .text p:not(:first-child) {
    margin-top: 36px;
}

@media only screen and (max-width: 767px) {
    .page-mission .section-inner .section-contents {
        margin-top: 13.333333333333334vw;
        border-width: 0.266666666666667vw;
    }
    .page-mission .section-inner .section-contents .text {
        font-size: 3.733333333333334vw;
        line-height: 2.142857142857143;
    }
    .page-mission .section-inner .section-contents .text .text-large {
        margin-top: 7.733333333333333vw;
        margin-bottom: 8.266666666666666vw;
        font-size: 4.266666666666667vw;
        line-height: 1.875;
    }
    .page-mission .section-inner .section-contents .text p:not(:first-child) {
        margin-top: 8vw;
    }
}

.page-mission .section-vision .decoration-text {
    position: absolute;
    top: 122px;
    right: 100px;
    width: 560px;
    height: 166px;
    fill: #f7f7f7;
}

.page-mission .section-vision .shape-circle-ring-gray {
    position: absolute;
    top: 500px;
    right: -360px;
    width: 600px;
    height: 600px;
    fill: #f7f7f7;
}

.page-mission .section-vision .shape-group {
    position: absolute;
    bottom: -318px;
    left: -456px;
    width: 780px;
    height: 780px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.page-mission .section-vision .shape-group .shape-circle-ring-gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-mission .section-vision .shape-group .shape-circle-yellow {
    position: absolute;
    top: -48px;
    right: 8px;
    width: 240px;
    height: 240px;
    fill: #ffd700;
}

.page-mission .section-vision .shape-circle-gray {
    position: absolute;
    bottom: 270px;
    left: 76px;
    width: 240px;
    height: 240px;
    fill: #f7f7f7;
}

.page-mission .section-vision .section-inner {
    padding-bottom: 270px;
    z-index: 1;
}

.page-mission .section-vision .section-contents {
    padding-top: 129px;
}

.page-mission .section-vision .section-contents .copy {
    margin-left: -4px;
    margin-bottom: 86px;
    font-size: 5rem;
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media only screen and (max-width: 767px) {
    .page-mission .section-vision .decoration-text {
        position: absolute;
        top: 27.73333333333333vw;
        right: -20.8vw;
        width: 74.66666666666667vw;
        height: 22.133333333333333vw;
    }
    .page-mission .section-vision .shape-circle-ring-gray {
        position: absolute;
        top: 88.53333333333333vw;
        right: -55.733333333333334vw;
        width: 97.33333333333334vw;
        height: 97.33333333333334vw;
    }
    .page-mission .section-vision .shape-group {
        position: absolute;
        bottom: -31.733333333333334vw;
        left: -60.266666666666666vw;
        width: 104vw;
        height: 104vw;
    }
    .page-mission .section-vision .shape-group .shape-circle-yellow {
        position: absolute;
        top: -6.4vw;
        right: 1.066666666666667vw;
        width: 32vw;
        height: 32vw;
    }
    .page-mission .section-vision .shape-circle-gray {
        position: absolute;
        bottom: 46.800000000000004vw;
        left: 10.666666666666668vw;
        width: 32vw;
        height: 32vw;
    }
    .page-mission .section-vision .section-inner {
        padding-bottom: 32.53333333333333vw;
    }
    .page-mission .section-vision .section-contents {
        padding-top: 16vw;
    }
    .page-mission .section-vision .section-contents .copy {
        margin-left: -0.533333333333333vw;
        margin-right: -1em;
        margin-bottom: 14.666666666666666vw;
        font-size: 9.6vw;
        line-height: 1.611111111111111;
    }
}

.page-mission .shape-area {
    position: relative;
    height: 370px;
    overflow: hidden;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area {
        height: 53.333333333333336vw;
    }
}

.page-mission .shape-area .shape-square-yellow-wrap {
    position: absolute;
    top: -258px;
    left: -197px;
    width: 917px;
    height: 917px;
    -webkit-transform: rotate(39.55deg);
    transform: rotate(39.55deg);
}

.page-mission .shape-area .shape-square-yellow-wrap .shape-square-yellow {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #ffd700;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area .shape-square-yellow-wrap {
        position: absolute;
        top: -33.33333333333333vw;
        left: -77.60000000000001vw;
        width: 122.26666666666665vw;
        height: 122.26666666666665vw;
    }
}

.page-mission .shape-area .shape-circle-green {
    position: absolute;
    bottom: -91px;
    left: 342px;
    width: 260px;
    height: 260px;
    fill: #2fb484;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area .shape-circle-green {
        position: absolute;
        bottom: 8.799999999999999vw;
        left: 9.066666666666666vw;
        width: 34.66666666666667vw;
        height: 34.66666666666667vw;
    }
}

.page-mission .shape-area .shape-circle-ring-yellow {
    position: absolute;
    bottom: -394px;
    right: -225px;
    width: 612px;
    height: 612px;
    fill: #ffd700;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area .shape-circle-ring-yellow {
        position: absolute;
        bottom: -53.86666666666666vw;
        right: -37.333333333333336vw;
        width: 81.6vw;
        height: 81.6vw;
    }
}

.page-mission .shape-area .shape-triangle-gray-wrap {
    position: absolute;
    top: -160px;
    right: -65px;
    width: 470px;
    height: 422px;
    -webkit-transform: rotate(16.21deg);
    transform: rotate(16.21deg);
    opacity: 0.12;
}

.page-mission .shape-area .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #000;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area .shape-triangle-gray-wrap {
        position: absolute;
        top: -24vw;
        right: -22.666666666666664vw;
        width: 62.66666666666667vw;
        height: 56.266666666666666vw;
    }
}

.page-mission .shape-area .shape-group {
    position: absolute;
    top: -350px;
    left: -346px;
    width: 860px;
    height: 860px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
}

.page-mission .shape-area .shape-group .shape-circle-ring-blue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #338acb;
}

.page-mission .shape-area .shape-group .shape-circle-white {
    position: absolute;
    bottom: 49px;
    right: -88px;
    width: 260px;
    height: 260px;
    fill: #fff;
}

@media only screen and (max-width: 767px) {
    .page-mission .shape-area .shape-group {
        position: absolute;
        top: -63.733333333333334vw;
        left: -82.66666666666667vw;
        width: 114.66666666666667vw;
        height: 114.66666666666667vw;
    }
    .page-mission .shape-area .shape-group .shape-circle-white {
        position: absolute;
        bottom: 6.533333333333332vw;
        right: -11.733333333333333vw;
        width: 34.66666666666667vw;
        height: 34.66666666666667vw;
    }
}

.page-mission .section-value {
    background: #f7f7f7;
}

.page-mission .section-value .decoration-text {
    position: absolute;
    top: 111px;
    right: 148px;
    width: 516px;
    height: 178px;
    fill: #fff;
}

.page-mission .section-value .shape-circle-ring-white {
    position: absolute;
    bottom: -521px;
    left: -407px;
    width: 1000px;
    height: 1000px;
    fill: #fff;
}

.page-mission .section-value .section-inner {
    padding-bottom: 250px;
}

.page-mission .section-value .section-contents {
    padding-top: 129px;
}

.page-mission .section-value .section-contents .copy {
    margin-left: -6px;
    margin-bottom: 74px;
    font-size: 8rem;
    line-height: 1.175;
    letter-spacing: -0.01em;
}

@media only screen and (max-width: 767px) {
    .page-mission .section-value .decoration-text {
        position: absolute;
        top: 26.13333333333333vw;
        right: -16.266666666666666vw;
        width: 68.8vw;
        height: 23.733333333333334vw;
    }
    .page-mission .section-value .shape-circle-ring-white {
        position: absolute;
        bottom: -66.66666666666666vw;
        left: -52vw;
        width: 133.33333333333331vw;
        height: 133.33333333333331vw;
    }
    .page-mission .section-value .section-inner {
        padding-bottom: 37.6vw;
    }
    .page-mission .section-value .section-contents {
        padding-top: 18.666666666666668vw;
    }
    .page-mission .section-value .section-contents .copy {
        margin-left: 0;
        margin-bottom: 13.600000000000001vw;
        font-size: 10.666666666666668vw;
        line-height: 1.175;
        letter-spacing: -0.01em;
    }
}

.page-privacy .page-contents,
.page-security .page-contents {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    padding: 154px 80px 253px;
}

@media only screen and (min-width: 768px) {
    .page-privacy .page-contents,
    .page-security .page-contents {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-privacy .page-contents,
    .page-security .page-contents {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-privacy .page-contents,
    .page-security .page-contents {
        width: 100%;
        padding: 30.133333333333333vw 6.666666666666667vw 38.13333333333333vw;
    }
}

.page-privacy .page-contents dt,
.page-security .page-contents dt {
    position: relative;
    padding-left: 30px;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
}

.page-privacy .page-contents dt:not(:first-child),
.page-security .page-contents dt:not(:first-child) {
    margin-top: 82px;
}

.page-privacy .page-contents dt::before,
.page-security .page-contents dt::before {
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    border: 6px solid #ffd700;
    border-radius: 50%;
}

.windows .page-privacy .page-contents dt::before,
.windows .page-security .page-contents dt::before {
    top: 3px;
}

.page-privacy .page-contents dd,
.page-security .page-contents dd {
    margin-top: 30px;
    text-align: justify;
}

.page-privacy .page-contents dd a,
.page-security .page-contents dd a {
    color: #808080;
    word-break: break-all;
}

@media only screen and (min-width: 768px) {
    .page-privacy .page-contents dd a,
    .page-security .page-contents dd a {
        transition: opacity 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .page-privacy .page-contents dd a:hover,
    .page-security .page-contents dd a:hover {
        opacity: 0.6;
    }
}

.page-privacy .page-contents dd p:not(:first-child),
.page-security .page-contents dd p:not(:first-child) {
    margin-top: 28px;
}

.page-privacy .page-contents dd ul,
.page-security .page-contents dd ul,
.page-privacy .page-contents dd ol,
.page-security .page-contents dd ol {
    margin-top: 28px;
}

.page-privacy .page-contents dd ul p:not(:first-child),
.page-security .page-contents dd ul p:not(:first-child),
.page-privacy .page-contents dd ol p:not(:first-child),
.page-security .page-contents dd ol p:not(:first-child) {
    margin-top: 0;
}

.page-privacy .page-contents dd .list-mt>li:not(:first-child),
.page-security .page-contents dd .list-mt>li:not(:first-child) {
    margin-top: 28px;
}

.page-privacy .page-contents dd li,
.page-security .page-contents dd li {
    display: flex;
    flex-wrap: wrap;
}

.page-privacy .page-contents dd li .list-icon,
.page-security .page-contents dd li .list-icon {
    width: 1.5em;
}

.page-privacy .page-contents dd li .list-text,
.page-security .page-contents dd li .list-text {
    flex: 1;
}

.page-privacy .page-contents dd li ol,
.page-security .page-contents dd li ol,
.page-privacy .page-contents dd li ul,
.page-security .page-contents dd li ul {
    width: 100%;
}

.page-privacy .page-contents .signature,
.page-security .page-contents .signature {
    display: flex;
    justify-content: flex-end;
    margin-top: 62px;
}

@media only screen and (max-width: 767px) {
    .page-privacy .page-contents dt,
    .page-security .page-contents dt {
        padding-left: 6.133333333333333vw;
        font-size: 4.8vw;
        line-height: 1.388888888888889;
    }
    .page-privacy .page-contents dt:not(:first-child),
    .page-security .page-contents dt:not(:first-child) {
        margin-top: 19.466666666666665vw;
    }
    .page-privacy .page-contents dt::before,
    .page-security .page-contents dt::before {
        top: 1.333333333333333vw;
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        border-width: 1.333333333333333vw;
    }
    .page-privacy .page-contents dd,
    .page-security .page-contents dd {
        margin-top: 7.199999999999999vw;
    }
    .page-privacy .page-contents dd p:not(:first-child),
    .page-security .page-contents dd p:not(:first-child) {
        margin-top: 6.666666666666667vw;
    }
    .page-privacy .page-contents dd ul,
    .page-security .page-contents dd ul,
    .page-privacy .page-contents dd ol,
    .page-security .page-contents dd ol {
        margin-top: 6.666666666666667vw;
    }
    .page-privacy .page-contents dd ul p:not(:first-child),
    .page-security .page-contents dd ul p:not(:first-child),
    .page-privacy .page-contents dd ol p:not(:first-child),
    .page-security .page-contents dd ol p:not(:first-child) {
        margin-top: 0;
    }
    .page-privacy .page-contents dd .list-mt>li:not(:first-child),
    .page-security .page-contents dd .list-mt>li:not(:first-child) {
        margin-top: 6.666666666666667vw;
    }
    .page-privacy .page-contents .signature,
    .page-security .page-contents .signature {
        margin-top: 8.266666666666666vw;
    }
}

.page-privacy .page-contents dl {
    margin-top: 81px;
}

@media only screen and (max-width: 767px) {
    .page-privacy .page-contents dl {
        margin-top: 19.466666666666665vw;
    }
}

.page-project-lower .lower-heading-article {
    padding-bottom: 103px;
    border-bottom: none;
}

.page-project-lower .lower-heading-article .title {
    margin-top: 33px;
    font-size: 4rem;
    line-height: 1.65;
}

.page-project-lower .lower-contents {
    padding: 0;
}

.page-project-lower .kv .parallax-item-container {
    width: 100%;
    height: 530px;
}

.page-project-lower .kv .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #f9f9f9;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project-lower .lower-heading-article br {
        display: none;
    }
    .page-project-lower .kv .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project-lower .kv .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 41.40625%;
    }
    .page-project-lower .kv .parallax-item-container>* {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .page-project-lower .lower-heading-article {
        padding-bottom: 11.200000000000001vw;
    }
    .page-project-lower .lower-heading-article .title {
        margin-top: 11.466666666666667vw;
        font-size: 6.666666666666667vw;
        line-height: 1.4;
    }
    .page-project-lower .kv .parallax-item-container {
        height: 68.13333333333334vw;
    }
}

.page-project-lower .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-project-lower .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project-lower .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-project-lower .section-inner {
        width: 100%;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-project-lower .intro {
    position: relative;
    padding-top: 130px;
    padding-bottom: 253px;
}

.page-project-lower .intro .decoration-text {
    position: absolute;
    bottom: 0;
    fill: #fff;
    stroke: #ffd700;
}

.page-project-lower .intro .decoration-text.decoration-text-1 {
    right: -336px;
    width: 1216px;
    height: 182px;
}

.page-project-lower .intro .decoration-text.decoration-text-2 {
    right: -1500px;
    width: 2346px;
    height: 180px;
}

.page-project-lower .intro .decoration-text.decoration-text-3 {
    right: -1110px;
    width: 2028px;
    height: 180px;
}

.page-project-lower .intro .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (min-width: 768px) {
    .page-project-lower .intro .inner {
        max-width: 1080px;
    }
}

.page-project-lower .intro .text {
    width: 580px;
    padding-right: 40px;
    font-size: 1.8rem;
    line-height: 1.888888888888889;
    text-align: justify;
    box-sizing: border-box;
}

.page-project-lower .intro .text p:not(:first-child) {
    margin-top: 34px;
}

.page-project-lower .intro .text p.notes {
    margin-top: 17px;
    font-size: 1.3rem;
    line-height: 1.538461538461539;
}

.page-project-lower .intro .text sup {
    margin-top: 9px;
    margin-left: 1px;
    margin-right: 2px;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}

.page-project-lower .intro .img {
    width: 440px;
    margin-top: 8px;
    margin-right: 0px;
}

.page-project-lower .intro .img .parallax-item-container {
    height: 350px;
}

.page-project-lower .intro .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
}

.page-project-lower .intro .change-img-container {
    width: 370px;
    margin-top: 12px;
    margin-right: 20px;
}

.page-project-lower .intro .change-img-container .notes {
    margin-top: 47px;
    margin-left: 4px;
    font-size: 1rem;
    text-align: center;
}

.page-project-lower .intro .change-img-container .parallax-item-container {
    height: 322px;
}

.page-project-lower .intro .change-img-container .change-img {
    position: relative;
    width: 370px;
    height: 321px;
}

.page-project-lower .intro .change-img-container .change-img div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: changeImg 10s infinite;
    animation: changeImg 10s infinite;
    background: #fff;
}

.page-project-lower .intro .change-img-container .change-img .img-ja {
    -webkit-animation: changeImgFirst 10s infinite;
    animation: changeImgFirst 10s infinite;
}

.page-project-lower .intro .change-img-container .change-img .img-en {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project-lower .intro {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-project-lower .intro .text {
        width: 53.191489361702125%;
    }
    .page-project-lower .intro .img {
        width: 46.808510638297875%;
    }
    .page-project-lower .intro .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project-lower .intro .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 79.54545454545455%;
    }
    .page-project-lower .intro .img .parallax-item-container>* {
        position: absolute;
    }
    .page-project-lower .intro .change-img-container {
        width: 39.361702127659576%;
        min-width: 280px;
    }
    .page-project-lower .intro .change-img-container .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project-lower .intro .change-img-container .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 87.02702702702703%;
    }
    .page-project-lower .intro .change-img-container .parallax-item-container>* {
        position: absolute;
    }
    .page-project-lower .intro .change-img-container .change-img {
        width: 100%;
        position: relative;
        width: 100%;
    }
    .page-project-lower .intro .change-img-container .change-img::before {
        content: "";
        display: block;
        padding-top: 86.75675675675676%;
    }
    .page-project-lower .intro .change-img-container .change-img>* {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .page-project-lower .intro {
        padding-top: 24.53333333333333vw;
        padding-bottom: 40vw;
    }
    .page-project-lower .intro .decoration-text.decoration-text-1 {
        right: -57.333333333333336vw;
        width: 146.13333333333333vw;
        height: 21.866666666666667vw;
    }
    .page-project-lower .intro .decoration-text.decoration-text-2 {
        right: -218.66666666666666vw;
        width: 312.8vw;
        height: 24vw;
    }
    .page-project-lower .intro .decoration-text.decoration-text-3 {
        right: -173.33333333333334vw;
        width: 269.8666666666667vw;
        height: 24vw;
    }
    .page-project-lower .intro .inner {
        width: 100%;
        padding: 0 6.666666666666667vw;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .page-project-lower .intro .text {
        width: 100%;
        padding-right: 0;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
    }
    .page-project-lower .intro .text p:not(:first-child) {
        margin-top: 7.199999999999999vw;
    }
    .page-project-lower .intro .text p.notes {
        margin-top: 3.2vw;
        font-size: 2.666666666666667vw;
        line-height: 1.5;
    }
    .page-project-lower .intro .text sup {
        margin-top: 1.2vw;
        margin-left: -0.533333333333333vw;
        margin-right: 0.533333333333333vw;
        font-size: 2.666666666666667vw;
        display: inline-block;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .page-project-lower .intro .change-img-container,
    .page-project-lower .intro .img {
        width: 100%;
        margin: 14.666666666666666vw 0 0;
    }
    .page-project-lower .intro .parallax-item-container {
        margin: 0 auto;
    }
    .page-project-lower .intro .img .parallax-item-container {
        width: 86.66666666666667vw;
        height: 69.33333333333334vw;
    }
    .page-project-lower .intro .change-img-container .notes {
        margin-top: 11.200000000000001vw;
        margin-left: 0;
        font-size: 2.666666666666667vw;
        line-height: 1.5;
    }
    .page-project-lower .intro .change-img-container .parallax-item-container {
        width: 74.13333333333333vw;
        height: 64.26666666666667vw;
    }
    .page-project-lower .intro .change-img-container .change-img {
        width: 74vw;
        height: 64.26666666666667vw;
    }
}

.page-project-lower .section-heading {
    position: relative;
    padding-left: 32px;
    font-size: 1.6rem;
    line-height: 1;
}

.page-project-lower .section-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: 1px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

@media only screen and (max-width: 767px) {
    .page-project-lower .section-heading {
        padding-left: 7.466666666666668vw;
        font-size: 4vw;
    }
    .page-project-lower .section-heading::before {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: 0.266666666666667vw;
        border-width: 1.066666666666667vw;
    }
    .android .page-project-lower .section-heading::before {
        margin-top: 0;
    }
}

.page-project-lower .section-overview .shape-circle-ring-yellow {
    bottom: -324px;
    left: -160px;
    width: 611px;
    height: 611px;
    fill: #ffd600;
}

.page-project-lower .section-overview .section-inner {
    padding-top: 129px;
    padding-bottom: 251px;
    text-align: justify;
}

.page-project-lower .section-overview .section-heading {
    margin-bottom: -27px;
}

.page-project-lower .section-overview .section:not(:first-child) {
    margin-top: 100px;
}

.page-project-lower .section-overview .section .heading {
    margin-bottom: 45px;
    font-size: 2.4rem;
    line-height: 1.583333333333333;
    font-weight: bold;
}

.page-project-lower .section-overview .section p:not(:last-child) {
    margin-bottom: 52px;
}

.page-project-lower .section-overview .section ul {
    margin-bottom: 40px;
}

.page-project-lower .section-overview .section .dot-list {
    margin-bottom: 0;
}

.page-project-lower .section-overview .section .dot-list li::before {
    margin-top: 12px;
}

.page-project-lower .section-overview .section .img {
    margin-bottom: 55px;
}

.page-project-lower .section-overview .section .img-1 .parallax-item-container {
    height: 520px;
}

.page-project-lower .section-overview .section .img-2 .parallax-item-container {
    height: 480px;
}

.page-project-lower .section-overview .section .parallax-item {
    top: 0;
    left: 0;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project-lower .section-overview .section .img-1 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project-lower .section-overview .section .img-1 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 66.66666666666666%;
    }
    .page-project-lower .section-overview .section .img-1 .parallax-item-container>* {
        position: absolute;
    }
    .page-project-lower .section-overview .section .img-2 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project-lower .section-overview .section .img-2 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 61.53846153846154%;
    }
    .page-project-lower .section-overview .section .img-2 .parallax-item-container>* {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .page-project-lower .section-overview .shape-circle-ring-yellow {
        bottom: 16.266666666666666vw;
        left: -41.06666666666667vw;
        width: 81.46666666666667vw;
        height: 81.46666666666667vw;
    }
    .page-project-lower .section-overview .section-inner {
        padding-top: 27.200000000000003vw;
        padding-bottom: 38.666666666666664vw;
    }
    .page-project-lower .section-overview .section-heading {
        margin-bottom: 11.200000000000001vw;
    }
    .page-project-lower .section-overview .section:not(:first-child) {
        margin-top: 18.666666666666668vw;
    }
    .page-project-lower .section-overview .section .heading {
        margin-bottom: 6.4vw;
        font-size: 5.333333333333334vw;
        line-height: 1.4;
        letter-spacing: -0.05em;
    }
    .page-project-lower .section-overview .section p:not(:last-child) {
        margin-bottom: 14.666666666666666vw;
    }
    .page-project-lower .section-overview .section ul {
        margin-bottom: 5.333333333333334vw;
    }
    .page-project-lower .section-overview .section .dot-list li::before {
        margin-top: 2.4vw;
    }
    .page-project-lower .section-overview .section .img {
        width: 100vw;
        margin-left: -6.666666666666667vw;
        margin-bottom: 14.133333333333335vw;
    }
    .page-project-lower .section-overview .section .img-1 .parallax-item-container {
        height: 69.33333333333334vw;
    }
    .page-project-lower .section-overview .section .img-2 .parallax-item-container {
        height: 64vw;
    }
}

.page-project-lower .section-other-project {
    color: #fff;
    background: #373737;
}

.page-project-lower .section-other-project .decoration-text {
    position: absolute;
    top: 84px;
    right: -59px;
    width: 1012px;
    height: 180px;
    fill: #fff;
    opacity: 0.1;
}

.page-project-lower .section-other-project .section-inner {
    padding-top: 120px;
    padding-bottom: 113px;
}

.page-project-lower .section-other-project .section-inner ul {
    display: flex;
    justify-content: center;
    margin-top: 65px;
}

.page-project-lower .section-other-project .section-inner li {
    width: 420px;
    margin: 0 35px;
}

.page-project-lower .section-other-project .section-inner li a {
    display: block;
    color: #fff;
}

.page-project-lower .section-other-project .section-inner li .img .parallax-item-container {
    height: 280px;
}

.page-project-lower .section-other-project .section-inner li .img .parallax-item {
    top: 0;
    left: 0;
}

.page-project-lower .section-other-project .section-inner li .num {
    margin-top: 30px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: 0.05em;
    opacity: 0.5;
}

.page-project-lower .section-other-project .section-inner li .title {
    margin-top: 13px;
    font-weight: bold;
    text-align: justify;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project-lower .section-other-project .section-heading {
        margin-left: 6.481481481481481%;
    }
    .page-project-lower .section-other-project .section-inner {
        padding-left: 0;
        padding-right: 0;
    }
    .page-project-lower .section-other-project .section-inner li .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 25.925925925925924%;
    }
    .page-project-lower .section-other-project .section-inner li .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 66.66666666666666%;
    }
    .page-project-lower .section-other-project .section-inner li .img .parallax-item-container>* {
        position: absolute;
    }
}

@media only screen and (max-width: 767px) {
    .page-project-lower .section-other-project {
        display: none;
    }
}

.page-project .lower-heading .page-heading {
    margin-top: 26px;
}

.page-project .lower-heading .page-heading .en {
    margin-left: 100px;
    padding-left: 31px;
    font-size: 1.8rem;
    line-height: 1;
}

.page-project .lower-heading .page-heading .en .icon {
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -9px;
}

.page-project .lower-heading .page-heading-sub {
    position: relative;
    margin-top: 30px;
    margin-left: 96px;
    font-size: 8rem;
    line-height: 0.875;
    letter-spacing: -0.01em;
}

.page-project .lower-heading .text {
    position: relative;
    margin-top: 20px;
    margin-left: 103px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project .lower-heading .page-heading .en {
        margin-left: 9.25925925925926%;
    }
    .page-project .lower-heading .page-heading-sub {
        margin-left: 8.88888888888889%;
    }
    .page-project .lower-heading .text {
        margin-left: 9.537037037037036%;
    }
}

@media only screen and (max-width: 767px) {
    .page-project .lower-heading {
        padding-top: 12.533333333333333vw;
    }
    .page-project .lower-heading .page-heading {
        margin-top: 0;
    }
    .page-project .lower-heading .page-heading .en {
        margin-left: 6.4vw;
        padding-left: 4vw;
        font-size: 2.933333333333333vw;
    }
    .page-project .lower-heading .page-heading .en .icon {
        width: 2vw;
        height: 2vw;
        margin-top: -1.333333333333333vw;
        border-width: 0.666666666666667vw;
    }
    .page-project .lower-heading .page-heading-sub {
        margin-top: 5.066666666666666vw;
        margin-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
        font-size: 11.466666666666667vw;
        line-height: 0.918604651162791;
        letter-spacing: -0.02em;
        text-align: justify;
    }
    .page-project .lower-heading .text {
        font-size: 3.2vw;
        margin-top: 2.933333333333333vw;
        margin-left: 6.666666666666667vw;
    }
}

.page-project .lower-contents {
    padding-top: 159px;
    padding-bottom: 170px;
}

@media only screen and (max-width: 767px) {
    .page-project .lower-contents {
        padding-top: 26.400000000000002vw;
        padding-bottom: 45.6vw;
    }
}

.page-project .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-project .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-project .section-inner {
        width: 100%;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-project .section:not(:first-child) {
    margin-top: 150px;
}

.page-project .section .section-inner {
    padding-bottom: 122px;
}

.page-project .section .section-inner .block-container {
    display: flex;
}

.page-project .section .img .parallax-item-container {
    width: 100%;
    height: 560px;
}

.page-project .section .img .parallax-item {
    top: 0;
    left: 0;
}

.page-project .section .section-heading {
    position: relative;
    margin-top: 58px;
    padding-left: 30px;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 0.05em;
}

.page-project .section .section-heading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -6px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

.windows .page-project .section .section-heading::before {
    margin-top: -8px;
}

.page-project .section .copy {
    width: 484px;
    margin-top: 15px;
    margin-left: -4px;
    padding-right: 40px;
    font-size: 2rem;
    line-height: 1.9;
    font-weight: bold;
    box-sizing: border-box;
}

.page-project .section .text {
    flex: 1;
    margin-top: 20px;
    text-align: justify;
}

.page-project .section .btn-arrow-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-project .section .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-project .section .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 51.85185185185185%;
    }
    .page-project .section .img .parallax-item-container>* {
        position: absolute;
    }
    .page-project .section .copy {
        width: 51.48936170212765%;
    }
    .page-project .section .copy br {
        display: none;
    }
    .page-project .section .btn-arrow-right {
        right: 7.446808510638298%;
    }
}

@media only screen and (max-width: 767px) {
    .page-project .section:not(:first-child) {
        margin-top: 26.666666666666668vw;
    }
    .page-project .section .section-inner {
        display: flex;
        flex-direction: column;
        padding-bottom: 0;
    }
    .page-project .section .img .parallax-item-container {
        height: 44.666666666666664vw;
    }
    .page-project .section:first-child .img .parallax-item-container {
        height: 44.93333333333333vw;
    }
    .page-project .section .section-heading {
        margin-top: 12.533333333333333vw;
        padding-left: 6.4vw;
        font-size: 2.666666666666667vw;
        letter-spacing: -0.01em;
    }
    .page-project .section .section-heading::before {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: -1.866666666666667vw;
        border-width: 1.066666666666667vw;
    }
    .page-project .section .block-container {
        flex-direction: column;
    }
    .page-project .section .copy {
        width: 100%;
        margin-top: 3.2vw;
        margin-left: -0.533333333333333vw;
        padding-right: 0;
        font-size: 4.533333333333333vw;
        line-height: 1.764705882352941;
    }
    .page-project .section .text {
        margin-top: 5.333333333333334vw;
    }
    .page-project .section .btn-arrow-right {
        position: static;
        align-self: flex-end;
        margin-top: 3.666666666666668vw;
    }
}

.page-service-lower.page-service-creation .lower-heading {
    background: #7070d1;
}

.page-service-lower.page-service-creation .lower-heading .shape-square-left-bottom {
    fill: #6666ca;
}

.page-service-lower.page-service-creation .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #7070d1;
}

.page-service-lower.page-service-creation .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #6666ca;
}

.page-service-lower.page-service-creation .lower-heading .shape-group-top-right .shape-square {
    fill: #6161c4;
}

.page-service-lower.page-service-creation .lower-heading .page-heading {
    margin-top: 22px;
}

.page-service-lower.page-service-creation .lower-heading .page-heading .ja {
    margin-left: 0;
}

.page-service-lower.page-service-creation .lower-heading .text {
    margin-top: 24px;
    margin-left: 99px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .lower-heading .page-heading .ja br {
        display: block;
    }
    .page-service-lower.page-service-creation .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .lower-heading .page-category {
        margin-top: 14.666666666666666vw;
    }
    .page-service-lower.page-service-creation .lower-heading .page-heading {
        margin-top: 2.4vw;
        letter-spacing: -0.02em;
    }
    .page-service-lower.page-service-creation .lower-heading .page-heading .ja {
        font-size: 9.333333333333334vw;
        line-height: 1.485714285714286;
    }
    .page-service-lower.page-service-creation .lower-heading .text {
        margin-top: 1.866666666666667vw;
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-creation .page-kv .shape-triangle-ring-wrap {
    position: absolute;
    bottom: -364px;
    right: -232px;
    width: 564px;
    height: 506px;
    -webkit-transform: rotate(43.03deg);
    transform: rotate(43.03deg);
}

.page-service-lower.page-service-creation .page-kv .shape-triangle-ring-wrap .shape-triangle-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #7070d1;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .page-kv .shape-triangle-ring-wrap {
        position: absolute;
        bottom: -42.66666666666667vw;
        right: -30.933333333333334vw;
        width: 75.2vw;
        height: 67.46666666666667vw;
    }
}

.page-service-lower.page-service-creation .section-overview .shape-triangle-ring-gray-wrap {
    position: absolute;
    bottom: -6px;
    left: -220px;
    width: 564px;
    height: 506px;
    -webkit-transform: rotate(41.02deg);
    transform: rotate(41.02deg);
}

.page-service-lower.page-service-creation .section-overview .shape-triangle-ring-gray-wrap .shape-triangle-gray-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .shape-triangle-ring-gray-wrap {
        position: absolute;
        bottom: 20.266666666666666vw;
        left: -30.666666666666664vw;
        width: 75.2vw;
        height: 67.46666666666667vw;
    }
}

.page-service-lower.page-service-creation .section-overview .section-inner {
    padding-bottom: 128px;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .section-inner {
        padding-bottom: 21.066666666666666vw;
    }
}

.page-service-lower.page-service-creation .section-overview .flow-list {
    margin-top: 93px;
    line-height: 1;
}

.page-service-lower.page-service-creation .section-overview .flow-list>ul {
    display: flex;
    justify-content: space-between;
}

.page-service-lower.page-service-creation .section-overview .flow-list>ul>li {
    position: relative;
    width: 200px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .heading-container {
    position: relative;
    padding: 14px 0 24px;
    border-bottom: 1px solid #e1e4e6;
}

.page-service-lower.page-service-creation .section-overview .flow-list .heading-container .num {
    margin-left: 2px;
    font-size: 1.2rem;
}

.page-service-lower.page-service-creation .section-overview .flow-list .heading-container .heading {
    margin-top: 10px;
    font-size: 2.2rem;
    letter-spacing: 0.05em;
    font-weight: bold;
}

.page-service-lower.page-service-creation .section-overview .flow-list .heading-container .icon {
    position: absolute;
    top: 50%;
    right: 0;
}

.page-service-lower.page-service-creation .section-overview .flow-list .contents {
    padding-top: 20px;
    padding-bottom: 11px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list {
    margin-left: 3px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list li {
    padding-left: 24px;
    font-size: 1.4rem;
    line-height: 2;
}

.page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list li::before {
    margin-top: 10px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .arrow {
    position: absolute;
    top: 0;
    right: -64px;
    width: 36px;
    height: 100%;
    background: #f7f7f7;
    border-radius: 5px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .arrow .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 16px;
    height: 24px;
    margin-left: 1px;
    fill: #7070d1;
}

.page-service-lower.page-service-creation .section-overview .flow-list .flow-1 .heading-container .icon {
    width: 66px;
    margin-top: -21px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .flow-2 .heading-container .icon {
    width: 38px;
    margin-top: -23px;
    margin-right: 2px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .flow-3 .heading-container .icon {
    width: 44px;
    margin-top: -26px;
}

.page-service-lower.page-service-creation .section-overview .flow-list .flow-4 .heading-container .icon {
    width: 48px;
    margin-top: -26px;
    margin-right: -3px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-overview .flow-list>ul>li {
        width: 21.27659574468085%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list li {
        padding-left: 10%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .arrow {
        right: -20%;
        width: 16%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-1 .heading-container .icon {
        width: 33%;
        margin-top: -10.5%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-2 .heading-container .icon {
        width: 19%;
        margin-top: -11.5%;
        margin-right: 1%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-3 .heading-container .icon {
        width: 22%;
        margin-top: -13%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-4 .heading-container .icon {
        width: 24%;
        margin-top: -13%;
        margin-right: -1.5%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .flow-list {
        margin-top: 23.200000000000003vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list>ul {
        flex-direction: column;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list>ul>li {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list>ul>li:not(:first-child) {
        margin-top: 9.066666666666666vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list>ul>li:not(:last-child) {
        padding-bottom: 13.600000000000001vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .heading-container {
        padding: 1.866666666666667vw 0 4.8vw;
        border-width: 0.266666666666667vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .heading-container .num {
        margin-left: 0;
        font-size: 2.666666666666667vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .heading-container .heading {
        margin-top: 1.866666666666667vw;
        font-size: 4.666666666666667vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .contents {
        padding-top: 4vw;
        padding-bottom: 0;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list {
        margin-left: 0.8vw;
        padding-right: 1.333333333333333vw;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list li {
        padding-left: 4.8vw;
        font-size: 2.933333333333333vw;
        line-height: 1.909090909090909;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .contents .dot-list li::before {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: 2.133333333333333vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .arrow {
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 7.199999999999999vw;
        border-radius: 0.666666666666667vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .arrow .icon {
        width: 3.2vw;
        height: 4.666666666666667vw;
        margin-left: -1.333333333333333vw;
        margin-top: -1.866666666666667vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-1 .heading-container .icon {
        width: 13.333333333333334vw;
        margin-top: -4.533333333333333vw;
        margin-right: 4vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-2 .heading-container .icon {
        width: 7.6vw;
        margin-top: -5.066666666666666vw;
        margin-right: 5.333333333333334vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-3 .heading-container .icon {
        width: 8.799999999999999vw;
        margin-top: -5.066666666666666vw;
        margin-right: 4vw;
    }
    .page-service-lower.page-service-creation .section-overview .flow-list .flow-4 .heading-container .icon {
        width: 9.866666666666667vw;
        margin-top: -5.600000000000001vw;
        margin-right: 3.466666666666666vw;
    }
}

.page-service-lower.page-service-creation .section-overview .icon-plus {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 60px auto 0;
}

.page-service-lower.page-service-creation .section-overview .icon-plus::before,
.page-service-lower.page-service-creation .section-overview .icon-plus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    content: "";
    display: block;
    border-radius: 2px;
    background: #7070d1;
}

.page-service-lower.page-service-creation .section-overview .icon-plus::before {
    width: 16px;
    height: 100%;
}

.page-service-lower.page-service-creation .section-overview .icon-plus::after {
    width: 100%;
    height: 16px;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .icon-plus {
        width: 10.666666666666668vw;
        height: 10.666666666666668vw;
        margin-top: 10.666666666666668vw;
    }
    .page-service-lower.page-service-creation .section-overview .icon-plus::before,
    .page-service-lower.page-service-creation .section-overview .icon-plus::after {
        border-radius: 0.266666666666667vw;
    }
    .page-service-lower.page-service-creation .section-overview .icon-plus::before {
        width: 2.133333333333333vw;
    }
    .page-service-lower.page-service-creation .section-overview .icon-plus::after {
        height: 2.133333333333333vw;
    }
}

.page-service-lower.page-service-creation .section-overview .staff {
    margin-top: 58px;
}

.page-service-lower.page-service-creation .section-overview .staff .text {
    font-size: 2.2rem;
    line-height: 1.272727272727273;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
}

.page-service-lower.page-service-creation .section-overview .staff .staff-list {
    margin: 56px -16px 0;
}

.page-service-lower.page-service-creation .section-overview .staff .staff-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.page-service-lower.page-service-creation .section-overview .staff .staff-list li {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    padding: 0 30px;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    background: #7070d1;
    border-radius: 35px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-overview .staff .staff-list {
        margin-left: -6.382978723404255%;
        margin-right: -6.382978723404255%;
    }
    .page-service-lower.page-service-creation .section-overview .staff .staff-list li {
        height: 50px;
        padding: 0 1.6%;
        margin: 0 1%;
        font-size: 1.2rem;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .staff {
        margin-top: 10.133333333333333vw;
    }
    .page-service-lower.page-service-creation .section-overview .staff .text {
        font-size: 4.666666666666667vw;
        line-height: 1.485714285714286;
        letter-spacing: 0.05em;
    }
    .page-service-lower.page-service-creation .section-overview .staff .staff-list {
        margin: 6.133333333333333vw -1.333333333333333vw 0;
    }
    .page-service-lower.page-service-creation .section-overview .staff .staff-list ul {
        margin-bottom: 0;
    }
    .page-service-lower.page-service-creation .section-overview .staff .staff-list ul:last-child li:last-child {
        width: 53.333333333333336vw;
        margin-bottom: 0;
    }
    .page-service-lower.page-service-creation .section-overview .staff .staff-list li {
        width: 42vw;
        height: 10.666666666666668vw;
        margin: 0 1.333333333333333vw 4vw;
        padding: 0;
        font-size: 2.666666666666667vw;
        border-radius: 5.333333333333334vw;
        box-sizing: border-box;
    }
}

.page-service-lower.page-service-creation .section-overview .decoration-text-repeat {
    margin-top: 140px;
    height: 176px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    --bg-position: -867px;
    background: url("assets/img/service/creation/text-advertising.png?hash=66bdaf70e550449a350f21f121343d34") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-creation .section-overview .decoration-text-repeat {
        background: url("assets/img/service/creation/text-advertising@2x.png?hash=94462fc4820b0d2c23847ef699feb2a8") center center repeat-x;
        background-size: 867px 176px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-overview .decoration-text-repeat {
        margin-top: 16vw;
        height: 23.466666666666665vw;
        background-size: 115.6vw 23.466666666666665vw;
        --bg-position: -115.6vw;
    }
}

.page-service-lower.page-service-creation .section-why {
    background: #f7f7f7;
}

.page-service-lower.page-service-creation .section-why .decoration-text {
    position: absolute;
    top: 170px;
    right: 7px;
    width: 636px;
    height: 230px;
    fill: #fff;
}

.page-service-lower.page-service-creation .section-why .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-top: 218px;
    padding-bottom: 100px;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-why .section-inner {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-why .section-heading .ja {
    letter-spacing: 0.05em;
}

.page-service-lower.page-service-creation .section-why .copy {
    margin-top: 86px;
    margin-left: -2px;
    font-size: 3.2rem;
    line-height: 1.75;
    font-weight: bold;
}

.page-service-lower.page-service-creation .section-why .text {
    margin-top: 80px;
    text-align: justify;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-why .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-why .decoration-text {
        position: absolute;
        top: 32vw;
        right: -31.2vw;
        width: 84.8vw;
        height: 30.666666666666664vw;
    }
    .page-service-lower.page-service-creation .section-why .section-inner {
        width: 100%;
        padding: 24vw 6.666666666666667vw 13.333333333333334vw;
    }
    .page-service-lower.page-service-creation .section-why .section-heading {
        margin-left: -1.333333333333333vw;
    }
    .page-service-lower.page-service-creation .section-why .section-heading .en {
        font-size: 10.666666666666668vw;
        line-height: 1.175;
    }
    .page-service-lower.page-service-creation .section-why .section-heading .en::before {
        top: 0;
        margin-top: 3.2vw;
    }
    .page-service-lower.page-service-creation .section-why .section-heading .ja {
        margin-top: 2.133333333333333vw;
        margin-left: 8vw;
        letter-spacing: 0.1em;
    }
    .page-service-lower.page-service-creation .section-why .copy {
        margin-top: 13.333333333333334vw;
        margin-left: -0.266666666666667vw;
        font-size: 5.600000000000001vw;
        line-height: 1.904761904761905;
        text-align: justify;
    }
    .page-service-lower.page-service-creation .section-why .text {
        margin-top: 11.200000000000001vw;
        position: relative;
        z-index: 1;
    }
}

.page-service-lower.page-service-creation .section-point {
    background: #f7f7f7;
}

.page-service-lower.page-service-creation .section-point .decoration-text {
    position: absolute;
    top: 70px;
    right: -185px;
    width: 830px;
    height: 224px;
    fill: #fff;
}

.page-service-lower.page-service-creation .section-point .shape-circle-ring-white {
    position: absolute;
    top: -244px;
    left: -198px;
    width: 490px;
    height: 490px;
    fill: #fff;
}

.page-service-lower.page-service-creation .section-point .shape-square-white-wrap {
    position: absolute;
    bottom: -50px;
    right: -56px;
    width: 314px;
    height: 314px;
    -webkit-transform: rotate(28.86deg);
    transform: rotate(28.86deg);
}

.page-service-lower.page-service-creation .section-point .shape-square-white-wrap .shape-square-white {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

.page-service-lower.page-service-creation .section-point .section-inner {
    padding-top: 112px;
    padding-bottom: 220px;
}

.page-service-lower.page-service-creation .section-point .section-heading {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-point .section-heading {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-point .section-heading .ja {
    letter-spacing: 0.05em;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-point .section-heading {
        margin-left: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .decoration-text {
        position: absolute;
        top: 26.666666666666668vw;
        right: -57.333333333333336vw;
        width: 110.66666666666667vw;
        height: 29.86666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .shape-circle-ring-white {
        position: absolute;
        top: -57.06666666666666vw;
        left: -30.4vw;
        width: 65.33333333333333vw;
        height: 65.33333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .shape-square-white-wrap {
        bottom: 30.666666666666664vw;
        right: auto;
        left: -13.333333333333334vw;
        width: 41.86666666666667vw;
        height: 41.86666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .section-inner {
        width: 100%;
        padding: 18.666666666666668vw 6.666666666666667vw 34.66666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .section-heading {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-point .section-heading .en {
        margin-left: -1.333333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .section-heading .ja {
        margin-top: 5.600000000000001vw;
        margin-left: 6.666666666666667vw;
        letter-spacing: 0.1em;
    }
}

.page-service-lower.page-service-creation .section-point .point-list-btn {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 118px;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-point .point-list-btn {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-point .point-list-btn ol {
    display: flex;
    justify-content: space-between;
}

.page-service-lower.page-service-creation .section-point .point-list-btn li {
    width: 320px;
}

.page-service-lower.page-service-creation .section-point .point-list-btn li a {
    position: relative;
    display: block;
    height: 100%;
    padding-bottom: 74px;
    border-bottom: 1px solid #7070d1;
    box-sizing: border-box;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .heading-container {
    position: relative;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .heading-container .num {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
    padding: 2px 11px 0;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    background: #7070d1;
    border-radius: 12px;
    box-sizing: border-box;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .heading-container .heading {
    margin-top: 14px;
    font-size: 2.4rem;
    line-height: 1;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .heading-container .icon {
    position: absolute;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .contents {
    margin-top: 27px;
    text-align: justify;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .contents .text {
    font-size: 1.3rem;
    line-height: 1.846153846153846;
    letter-spacing: -0.03em;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .contents .text .notes {
    font-size: 1rem;
    line-height: 2.4;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .contents .text sup {
    margin-top: 5px;
    margin-right: -2px;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    vertical-align: top;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .arrow {
    position: absolute;
    bottom: 26px;
    left: 50%;
    margin-left: -8px;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .arrow .icon {
    display: block;
    width: 16px;
    height: 24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #7070d1;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .point-1 .heading-container .icon {
    top: -4px;
    right: 0;
    width: 62px;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .point-2 .heading-container .icon {
    top: -5px;
    right: 10px;
    width: 70px;
}

.page-service-lower.page-service-creation .section-point .point-list-btn .point-3 .heading-container .icon {
    top: 10px;
    right: -1px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-point .point-list-btn {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn li {
        width: 30.851063829787233%;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-1 .heading-container .icon {
        top: -11.724137931034482%;
        width: 21.379310344827587%;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-2 .heading-container .icon {
        top: -12.068965517241379%;
        right: 3.448275862068965%;
        width: 24.137931034482758%;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-3 .heading-container .icon {
        top: 0%;
        right: -0.344827586206897%;
        width: 26.20689655172414%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .point-list-btn {
        width: 100%;
        margin-top: 17.599999999999998vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn ol {
        flex-direction: column;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn li {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn li:not(:first-child) {
        margin-top: 10.4vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn li a {
        padding-bottom: 13.333333333333334vw;
        border-width: 0.266666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .heading-container .num {
        height: 6.666666666666667vw;
        padding: 0.533333333333333vw 2.933333333333333vw 0 3.466666666666666vw;
        font-size: 2.666666666666667vw;
        border-radius: 3.333333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .heading-container .heading {
        margin-top: 4vw;
        font-size: 5.333333333333334vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .contents {
        margin-top: 5.333333333333334vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .contents .text {
        font-size: 2.666666666666667vw;
        line-height: 1.8;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .contents .text .notes {
        font-size: 2.666666666666667vw;
        line-height: 1.8;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .contents .text sup {
        margin-top: 1.066666666666667vw;
        margin-left: 0.266666666666667vw;
        margin-right: -0.8vw;
        font-size: 2.666666666666667vw;
        display: inline-block;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .arrow {
        bottom: 4.533333333333333vw;
        margin-left: -2.933333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .arrow .icon {
        width: 3.466666666666666vw;
        height: 4.8vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-1 .heading-container .icon {
        top: 0.533333333333333vw;
        right: 1.333333333333333vw;
        width: 12.4vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-2 .heading-container .icon {
        top: 0.8vw;
        right: 0.533333333333333vw;
        width: 13.866666666666665vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list-btn .point-3 .heading-container .icon {
        top: 4vw;
        right: 0.533333333333333vw;
        width: 15.2vw;
    }
}

.page-service-lower.page-service-creation .section-point .point-list li {
    position: relative;
    padding-top: 150px;
}

.page-service-lower.page-service-creation .section-point .point-list .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-point .point-list .inner {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-point .point-list .num {
    font-size: 1.2rem;
    line-height: 1;
}

.page-service-lower.page-service-creation .section-point .point-list .heading {
    margin-top: 28px;
    font-size: 4.6rem;
    line-height: 1;
}

.page-service-lower.page-service-creation .section-point .point-list .text {
    margin-top: 43px;
    text-align: justifyx;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .point-list li {
        padding-top: 19.466666666666665vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .inner {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .num {
        font-size: 2.933333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .heading {
        margin-top: 4.266666666666667vw;
        font-size: 10.666666666666668vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .text {
        margin-top: 7.199999999999999vw;
    }
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .shape-triangle-ring-white-wrap {
    position: absolute;
    bottom: -268px;
    right: -100px;
    width: 516px;
    height: 463px;
    -webkit-transform: rotate(41.02deg);
    transform: rotate(41.02deg);
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .shape-triangle-ring-white-wrap .shape-triangle-white-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #fff;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .inner {
    padding: 9px 0 0 600px;
    min-height: 320px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .num {
    margin-left: -1px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .heading {
    margin-left: -4px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 470px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item-container {
    height: 320px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .illust {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .illust .illust-item {
    position: absolute;
    top: 47px;
    left: 62px;
    width: 308px;
}

.page-service-lower.page-service-creation .section-point .point-list .point01 .text {
    width: 400px;
    letter-spacing: -0.006em;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-point .point-list .point01 .inner {
        padding-left: 55.55555555555556%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container {
        flex: 1;
        left: 6.481481481481481%;
        width: 43.51851851851852%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 68.08510638297872%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .illust .illust-item {
        top: 14.6875%;
        left: 13.191489361702127%;
        width: 65.53191489361701%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .text {
        width: 97.5609756097561%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .point-list .point01 .shape-triangle-ring-white-wrap {
        position: absolute;
        bottom: -26.400000000000002vw;
        right: -16vw;
        width: 68.8vw;
        height: 61.73333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .inner {
        padding: 0;
        min-height: auto;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .num {
        margin-left: 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .heading {
        margin-left: -0.533333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container {
        position: static;
        width: 100%;
        margin-top: 5.333333333333334vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .parallax-item-container {
        height: 59.199999999999996vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .illust-container .illust .illust-item {
        top: 8.666666666666668vw;
        left: 11.600000000000001vw;
        width: 56.666666666666664vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point01 .text {
        width: 100%;
    }
}

.page-service-lower.page-service-creation .section-point .point-list .point02 {
    padding-left: 80px;
    padding-right: 80px;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .inner {
    padding: 0 80px;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider {
    margin-top: 76px;
    overflow: hidden;
    width: calc(50vw + 460px);
    min-width: 920px;
    cursor: -webkit-grab;
    cursor: grab;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .slider-item-container {
    display: flex;
    flex-wrap: nowrap;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .slider-item {
    flex-shrink: 0;
    width: 280px;
    margin-right: 50px;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .slider-item a {
    display: block;
    cursor: -webkit-grab;
    cursor: grab;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .slider-item a:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .img {
    margin-top: 13px;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .img .parallax-item-container {
    height: 280px;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .img .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower.page-service-creation .section-point .point-list .point02 .slider .text {
    margin-top: 26px;
    font-size: 1.3rem;
    line-height: 1.846153846153846;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-point .point-list .point02 {
        padding-left: 0;
        padding-right: 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider {
        width: calc(50vw + 50%);
        min-width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .point-list .point02 {
        padding: 18.666666666666668vw 0 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .inner {
        padding: 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .text {
        margin-top: 2.666666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider {
        margin-top: 10.933333333333334vw;
        margin-left: -1.066666666666667vw;
        width: calc(50vw + 48.93333333333334vw);
        min-width: auto;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider .slider-item {
        width: 56.00000000000001vw;
        margin-right: 6.666666666666667vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider .img {
        margin-top: 3.466666666666666vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider .img .parallax-item-container {
        height: 56.00000000000001vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point02 .slider .text {
        margin-top: 5.066666666666666vw;
        font-size: 2.666666666666667vw;
        line-height: 1.8;
    }
}

.page-service-lower.page-service-creation .section-point .point-list .point03 {
    padding-top: 140px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .inner {
    padding: 9px 0 0 500px;
    min-height: 540px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .num {
    margin-left: -1px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .heading {
    margin-left: 0;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item-container {
    height: 540px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .text {
    width: 540px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container {
    display: flex;
    margin-top: 42px;
    margin-left: 1px;
}

.page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container .btn-arrow-right {
    margin-left: 0;
    margin-right: 62px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-point .point-list .point03 .inner {
        padding-left: 43.51851851851852%;
        padding-right: 6.481481481481481%;
        min-height: auto;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img {
        flex: 1;
        left: 6.481481481481481%;
        width: 32.407407407407405%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 145.94594594594594%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .text {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container .btn-arrow-right {
        margin-right: 11.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-point .point-list .point03 {
        padding-top: 13.866666666666665vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .inner {
        padding: 0;
        min-height: auto;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .num {
        margin-left: -0.133333333333333vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img {
        position: static;
        width: 100%;
        margin-top: 5.066666666666666vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .img .parallax-item-container {
        height: 58.53333333333334vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .text {
        width: 100%;
        margin-top: 8vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container {
        margin-top: 6.666666666666667vw;
        margin-left: 0.8vw;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container .btn-arrow-right {
        margin-left: 0;
        margin-right: 0;
    }
    .page-service-lower.page-service-creation .section-point .point-list .point03 .btn-container .btn-arrow-right:last-child {
        margin-left: 16vw;
    }
}

@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-point .section-heading {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-works {
    height: 800px;
    background: #373737;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-works {
        height: 106.66666666666667vw;
    }
}

.page-service-lower.page-service-creation .section-creative .decoration-text {
    position: absolute;
    top: 177px;
    right: -136px;
    width: 768px;
    height: 172px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-creation .section-creative .section-inner {
    padding-top: 214px;
    padding-bottom: 242px;
}

.page-service-lower.page-service-creation .section-creative .section-heading {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-creative .section-heading {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-creative .block {
    position: relative;
}

.page-service-lower.page-service-creation .section-creative .block .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-creation .section-creative .block .inner {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-creation .section-creative .block .heading {
    font-size: 3.8rem;
    line-height: 1;
    font-weight: bold;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-creative .section-heading {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-creation .section-creative .block .inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-creative .decoration-text {
        position: absolute;
        top: 54.400000000000006vw;
        right: -52.53333333333333vw;
        width: 102.4vw;
        height: 22.933333333333334vw;
    }
    .page-service-lower.page-service-creation .section-creative .section-inner {
        padding: 29.86666666666667vw 6.666666666666667vw 37.333333333333336vw;
    }
    .page-service-lower.page-service-creation .section-creative .section-heading {
        margin-left: -1.333333333333333vw;
    }
    .page-service-lower.page-service-creation .section-creative .section-heading .en {
        font-size: 10.666666666666668vw;
        line-height: 1.175;
    }
    .page-service-lower.page-service-creation .section-creative .section-heading .en::before {
        top: 0;
        margin-top: 3.2vw;
    }
    .page-service-lower.page-service-creation .section-creative .section-heading .ja {
        margin-top: 4vw;
        margin-left: 8vw;
        letter-spacing: 0.1em;
    }
    .page-service-lower.page-service-creation .section-creative .block .inner {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-creative .block .heading {
        font-size: 7.733333333333333vw;
    }
}

.page-service-lower.page-service-creation .section-creative .block-1 {
    margin-top: 119px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .shape-circle-ring-gray {
    position: absolute;
    bottom: -330px;
    left: -282px;
    width: 564px;
    height: 564px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-creation .section-creative .block-1 .text {
    margin-top: 50px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list {
    margin-top: 82px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -48px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list li {
    width: 90px;
    margin-right: 48px;
    margin-bottom: 40px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon {
    height: 70px;
    text-align: center;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-1 img {
    width: 48px;
    margin-top: 5px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-2 img {
    width: 46px;
    margin-top: 1px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-3 img {
    width: 38px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-4 img {
    width: 23px;
    margin-top: 3px;
    margin-right: 3px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-5 img {
    width: 54px;
    margin-top: 5px;
    margin-left: 7px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-6 img {
    width: 42px;
    margin-top: 10px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-7 img {
    width: 44px;
    margin-top: 3px;
    margin-left: 7px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-8 img {
    width: 42px;
    margin-top: 10px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-9 img {
    width: 26px;
    margin-top: 2px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-10 img {
    width: 44px;
    margin-top: 4px;
    margin-right: 2px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-11 img {
    width: 29px;
}

.page-service-lower.page-service-creation .section-creative .block-1 .icon-list .text {
    margin: 0 -1em;
    font-size: 1.3rem;
    line-height: 1.153846153846154;
    text-align: center;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list ul {
        margin-right: -7.5%;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list li {
        width: 18.023255813953487%;
        margin-right: 6.976744186046512%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-creative .block-1 {
        margin-top: 28.000000000000004vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .shape-circle-ring-gray {
        position: absolute;
        bottom: -58.666666666666664vw;
        left: -36vw;
        width: 75.2vw;
        height: 75.2vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .text {
        margin-top: 8vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list {
        margin-top: 18.933333333333334vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list ul {
        margin: 0 -3.733333333333334vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list li {
        width: 33.333333333333336%;
        margin-right: 0;
        margin-bottom: 9.066666666666666vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon {
        height: 13.866666666666665vw;
        text-align: center;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-1 img {
        width: 9.6vw;
        margin-top: 0.8vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-2 img {
        width: 9.333333333333334vw;
        margin-top: 0.266666666666667vw;
        margin-left: 0.8vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-3 img {
        width: 7.733333333333333vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-4 img {
        width: 4.8vw;
        margin-top: 0.533333333333333vw;
        margin-right: 0;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-5 img {
        width: 10.933333333333334vw;
        margin-top: 0.8vw;
        margin-left: 0.533333333333333vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-6 img {
        width: 8.533333333333333vw;
        margin-top: 1.866666666666667vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-7 img {
        width: 8.799999999999999vw;
        margin-top: 0.8vw;
        margin-left: 1.6vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-8 img {
        width: 8.533333333333333vw;
        margin-top: 2.133333333333333vw;
        margin-left: 1.066666666666667vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-9 img {
        width: 5.066666666666666vw;
        margin-top: 0.533333333333333vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-10 img {
        width: 8.799999999999999vw;
        margin-top: 1.066666666666667vw;
        margin-left: 1.066666666666667vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .icon-11 img {
        width: 5.866666666666666vw;
        margin-left: 1.066666666666667vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-1 .icon-list .text {
        margin: 0;
        font-size: 2.666666666666667vw;
        line-height: 1.2;
    }
}

.page-service-lower.page-service-creation .section-creative .block-2 {
    margin-top: 146px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .heading {
    margin-left: -6px;
    letter-spacing: -0.06em;
}

.page-service-lower.page-service-creation .section-creative .block-2 .text {
    width: 780px;
    margin-top: 49px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list {
    margin-top: 74px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list ul {
    display: flex;
    margin-right: -60px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li {
    width: 320px;
    margin-right: 60px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li .illust-container .parallax-item-container {
    height: 230px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li .illust-container .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li .text {
    width: 100%;
    margin-top: 32px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-1 .illust {
    width: 241px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-1 .text {
    letter-spacing: -0.05em;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-2 .illust {
    width: 206px;
}

.page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-3 .illust {
    width: 231px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-creative .block-2 .text {
        width: 100%;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list ul {
        margin-right: -4.25531914893617%;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li {
        width: 29.183673469387756%;
        margin-right: 4.081632653061225%;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 71.875%;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .text {
        margin-top: 6.993006993006993%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-creative .block-2 {
        margin-top: 24vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .heading {
        margin-left: -0.8vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .text {
        width: 100%;
        margin-top: 8vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list {
        margin-top: 15.733333333333333vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list ul {
        flex-direction: column;
        margin-right: 0;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li {
        width: 100%;
        margin-right: 0;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li:not(:first-child) {
        margin-top: 10.666666666666668vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .illust-container .parallax-item-container {
        height: 62.4vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li .text {
        margin-top: 4.266666666666667vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-1 .illust {
        width: 65.60000000000001vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-2 .illust {
        width: 56.00000000000001vw;
    }
    .page-service-lower.page-service-creation .section-creative .block-2 .package-list li.package-3 .illust {
        width: 62.8vw;
    }
}

.page-service-lower.page-service-creation .section-link .parallax-item {
    background: url("assets/img/service/creation/pc/link-img.jpg?hash=28ef713e9a4c4b8dd27be51ac08b62cf") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-creation .section-link .parallax-item {
        background: url("assets/img/service/creation/pc/link-img@2x.jpg?hash=7e82070d3d92b618558ce00245cdc28e") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-creation .section-link .section-heading::before {
    border-color: #0db9d7;
}

.page-service-lower.page-service-creation .section-link .decoration-text-repeat {
    --bg-position: -867px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    top: 178px;
    height: 176px;
    background: url("assets/img/service/creation/text-advertising.png?hash=66bdaf70e550449a350f21f121343d34") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-creation .section-link .decoration-text-repeat {
        background: url("assets/img/service/creation/text-advertising@2x.png?hash=94462fc4820b0d2c23847ef699feb2a8") center center repeat-x;
        background-size: 867px 176px;
    }
}

.page-service-lower.page-service-creation .section-link .icon-arrow-right {
    position: absolute;
    bottom: 109px;
    right: 180px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-service-lower.page-service-creation .section-link .icon-arrow-right span {
    fill: #373737;
}

.page-service-lower.page-service-creation .section-link .icon-arrow-right .icon-bg {
    background: #fff;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-creation .section-link .icon-arrow-right {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-creation .section-link .parallax-item {
        background: url("assets/img/service/creation/link-img.jpg?hash=01bc98d7403c9c8fae87f686ed34166e") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-creation .section-link .decoration-text-repeat {
        --bg-position: -115.6vw;
        top: 28.26666666666667vw;
        height: 23.466666666666665vw;
        background-size: 115.6vw 23.466666666666665vw;
    }
    .page-service-lower.page-service-creation .section-link .icon-arrow-right {
        position: absolute;
        bottom: 13.333333333333334vw;
        right: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-growth .lower-heading {
    background: #f08205;
}

.page-service-lower.page-service-growth .lower-heading .shape-square-left-bottom {
    fill: #f56f11;
}

.page-service-lower.page-service-growth .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #f08205;
}

.page-service-lower.page-service-growth .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #f56f11;
}

.page-service-lower.page-service-growth .lower-heading .shape-group-top-right .shape-square {
    fill: #eb6100;
}

.page-service-lower.page-service-growth .lower-heading .page-heading {
    letter-spacing: -0.016em;
}

.page-service-lower.page-service-growth .lower-heading .page-heading div:nth-child(9) {
    margin-right: 5px;
}

.page-service-lower.page-service-growth .lower-heading .text {
    margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-growth .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .lower-heading .logo {
        width: 22.933333333333334vw;
    }
    .page-service-lower.page-service-growth .lower-heading .page-heading {
        letter-spacing: 0;
    }
    .page-service-lower.page-service-growth .lower-heading .page-heading div:nth-child(9) {
        margin-right: 0.666666666666667vw;
    }
    .page-service-lower.page-service-growth .lower-heading .text {
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-growth .page-kv .shape-circle-ring {
    position: absolute;
    bottom: -244px;
    right: -298px;
    width: 540px;
    height: 540px;
    fill: #f08205;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .page-kv .shape-circle-ring {
        position: absolute;
        bottom: -35.199999999999996vw;
        right: -36.53333333333333vw;
        width: 72vw;
        height: 72vw;
    }
}

.page-service-lower.page-service-growth .section-overview .section-inner {
    padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .section-overview .section-inner {
        padding-bottom: 20vw;
    }
}

.page-service-lower.page-service-growth .section-overview .block-1 {
    margin-top: 73px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .shape-circle-ring-gray {
    position: absolute;
    top: 100px;
    left: -259px;
    width: 660px;
    height: 660px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-growth .section-overview .block-1 .shape-square-gray-wrap {
    position: absolute;
    bottom: 333px;
    right: -21px;
    width: 260px;
    height: 260px;
    -webkit-transform: rotate(4.36deg);
    transform: rotate(4.36deg);
}

.page-service-lower.page-service-growth .section-overview .block-1 .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-service-lower.page-service-growth .section-overview .block-1 .block-inner {
    display: block;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-container .parallax-item {
    left: 0;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-1 {
    width: 600px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item-container {
    height: 420px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item {
    top: -140px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-2 {
    width: 350px;
    margin-top: -4px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item-container {
    height: 221px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item {
    top: -40px;
}

.page-service-lower.page-service-growth .section-overview .block-1 .text {
    margin-top: 84px;
    padding-left: 400px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 {
        width: 63.829787234042556%;
        margin-right: 4.25531914893617%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 70%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item {
        top: -33.33333333333333%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 {
        width: 37.234042553191486%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 63.142857142857146%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item {
        top: -18.099547511312217%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .text {
        padding-left: 42.5531914893617%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .section-overview .block-1 {
        margin-top: 11.466666666666667vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .shape-circle-ring-gray {
        position: absolute;
        top: 16vw;
        left: -34.53333333333333vw;
        width: 88vw;
        height: 88vw;
        fill: #f7f7f7;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .shape-square-gray-wrap {
        display: none;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .block-inner {
        display: block;
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-container {
        flex-direction: column;
        align-items: flex-end;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 {
        width: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item-container {
        height: 60.66666666666667vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-1 .parallax-item {
        top: -20.4vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 {
        width: 46.666666666666664vw;
        margin-top: 13.333333333333334vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item-container {
        height: 29.46666666666667vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .img-2 .parallax-item {
        top: -5.333333333333334vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-1 .text {
        margin-top: 8.799999999999999vw;
        padding-left: 0;
    }
}

.page-service-lower.page-service-growth .section-overview .decoration-text-repeat {
    --bg-position: -940px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    margin-top: 103px;
    height: 138px;
    background: url("assets/img/service/thinc-growth/text-thincgrowth.png?hash=d221449fe2a7e0d8f7dda4f187b89263") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-growth .section-overview .decoration-text-repeat {
        background: url("assets/img/service/thinc-growth/text-thincgrowth@2x.png?hash=1412fd27dd010e40a66b83b1eedfd49f") center center repeat-x;
        background-size: 940px 138px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .section-overview .decoration-text-repeat {
        --bg-position: -125.33333333333334vw;
        margin-top: 17.333333333333336vw;
        height: 18.4vw;
        background-size: 125.33333333333334vw 18.4vw;
    }
}

.page-service-lower.page-service-growth .section-overview .block-2 {
    margin-top: 144px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .shape-triangle-gray-wrap {
    position: absolute;
    top: 167px;
    right: -190px;
    width: 588px;
    height: 528px;
    -webkit-transform: rotate(28.05deg);
    transform: rotate(28.05deg);
}

.page-service-lower.page-service-growth .section-overview .block-2 .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text {
    width: 540px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text .heading {
    margin-bottom: 32px;
    text-align: left;
    margin-right: -1em;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list {
    margin: 20px 0;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list li {
    padding-left: 20px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list li::before {
    left: 3px;
    margin-top: 11px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .text .btn-arrow-right {
    margin-top: 36px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .img {
    width: 440px;
    margin-top: 8px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item-container {
    height: 520px;
}

.page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item {
    top: -70px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-growth .section-overview .block-2 .text {
        width: 57.446808510638306%;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img {
        flex: 1;
        margin-left: 4.25531914893617%;
        width: 46.808510638297875%;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 118.18181818181819%;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item {
        top: -13.461538461538462%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .section-overview .block-2 {
        margin-top: 14.933333333333335vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .shape-triangle-gray-wrap {
        position: absolute;
        top: 22.26666666666667vw;
        right: -25.333333333333336vw;
        width: 78.4vw;
        height: 70.39999999999999vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .block-inner {
        padding: 0 6.666666666666667vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text {
        width: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text .heading {
        margin-bottom: 12vw;
        margin-left: -0.533333333333333vw;
        font-size: 7.733333333333333vw;
        line-height: 1.672413793103448;
        letter-spacing: 0.05em;
        text-align: left;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list {
        margin: 0;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list li {
        padding-left: 3.466666666666666vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text .dot-list li::before {
        left: 0.4vw;
        margin-top: 2.4vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .text .btn-arrow-right {
        margin-top: 10.666666666666668vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img {
        width: 100%;
        margin-top: 16vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item-container {
        height: 102.53333333333335vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-2 .img .parallax-item {
        top: -13.333333333333334vw;
    }
}

.page-service-lower.page-service-growth .section-overview .block-3 {
    margin-top: 79px;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container {
    width: 640px;
    margin-left: -120px;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item-container {
    height: 640px;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container .illust {
    position: relative;
    width: 100%;
    height: 100%;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container .illust .shape-circle-gray {
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-service-lower.page-service-growth .section-overview .block-3 .illust-container .illust .illust-item {
    position: absolute;
    top: 163px;
    left: 116px;
    width: 440px;
}

.page-service-lower.page-service-growth .section-overview .block-3 .text {
    width: 420px;
    margin-right: 63px;
    padding-bottom: 38px;
}

.page-service-lower.page-service-growth .section-overview .block-3 .text .heading {
    margin-bottom: 34px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container {
        flex: 1;
        width: 68.08510638297872%;
        margin-left: -12.76595744680851%;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .illust .illust-item {
        top: 25.46875%;
        left: 18.125%;
        width: 68.75%;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .text {
        width: 44.680851063829785%;
        margin-right: 0;
        margin-left: 4.25531914893617%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-growth .section-overview .block-3 {
        margin-top: 28.799999999999997vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .block-inner {
        padding: 0 6.666666666666667vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container {
        order: 2;
        width: 85.33333333333334vw;
        margin: -2.666666666666667vw auto 0;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .parallax-item-container {
        height: 85.33333333333334vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .illust-container .illust .illust-item {
        top: 14.666666666666666vw;
        left: 8vw;
        width: 70.39999999999999vw;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .text {
        order: 1;
        width: 100%;
        margin-right: 0;
        padding-bottom: 0;
    }
    .page-service-lower.page-service-growth .section-overview .block-3 .text .heading {
        margin-bottom: 12vw;
        font-size: 7.733333333333333vw;
        line-height: 1.672413793103448;
    }
}

.page-service-lower.page-service-journal .lower-heading {
    background: #aad250;
}

.page-service-lower.page-service-journal .lower-heading .shape-square-left-bottom {
    fill: #cfdc00;
}

.page-service-lower.page-service-journal .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #aad250;
}

.page-service-lower.page-service-journal .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #cfdc00;
}

.page-service-lower.page-service-journal .lower-heading .shape-group-top-right .shape-square {
    fill: #a0cb40;
}

.page-service-lower.page-service-journal .lower-heading .page-heading {
    letter-spacing: -0.018em;
}

.page-service-lower.page-service-journal .lower-heading .text {
    margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-journal .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-journal .lower-heading .logo {
        width: 22.933333333333334vw;
    }
    .page-service-lower.page-service-journal .lower-heading .page-heading {
        letter-spacing: 0;
    }
    .page-service-lower.page-service-journal .lower-heading .text {
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-journal .page-kv .shape-circle-ring {
    position: absolute;
    bottom: -244px;
    right: -298px;
    width: 540px;
    height: 540px;
    fill: #aad250;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-journal .page-kv .shape-circle-ring {
        position: absolute;
        bottom: -35.199999999999996vw;
        right: -36.53333333333333vw;
        width: 72vw;
        height: 72vw;
    }
}

.page-service-lower.page-service-journal .section-overview .shape-circle-ring-gray {
    position: absolute;
    bottom: -47px;
    left: -259px;
    width: 660px;
    height: 660px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-journal .section-overview .section-inner {
    padding-bottom: 260px;
}

.page-service-lower.page-service-journal .section-overview .block-1 {
    margin-top: 73px;
}

.page-service-lower.page-service-journal .section-overview .block-1 .img {
    width: 540px;
}

.page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item-container {
    height: 420px;
}

.page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item {
    top: -90px;
    left: 0;
}

.page-service-lower.page-service-journal .section-overview .block-1 .text {
    width: 380px;
    margin-right: 30px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-journal .section-overview .block-1 .img {
        flex: 1;
        width: 57.446808510638306%;
        margin-right: 4.25531914893617%;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 77.77777777777779%;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item {
        top: -21.428571428571427%;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .text {
        width: 40.42553191489361%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-journal .section-overview .shape-circle-ring-gray {
        position: absolute;
        bottom: 22.133333333333333vw;
        left: -34.66666666666667vw;
        width: 88vw;
        height: 88vw;
    }
    .page-service-lower.page-service-journal .section-overview .section-inner {
        padding-bottom: 38.666666666666664vw;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 {
        margin-top: 11.466666666666667vw;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .block-inner {
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img {
        width: 100%;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item-container {
        height: 67.60000000000001vw;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .img .parallax-item {
        top: -14.666666666666666vw;
    }
    .page-service-lower.page-service-journal .section-overview .block-1 .text {
        width: 100%;
        margin-right: 0;
        margin-top: 11.200000000000001vw;
    }
}

.page-service-lower.page-service-journal .section-link .parallax-item {
    background: url("assets/img/service/thinc-journal/pc/link-img.jpg?hash=b22a45a487fe94ba042a46e2ab45a27a") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-journal .section-link .parallax-item {
        background: url("assets/img/service/thinc-journal/pc/link-img@2x.jpg?hash=b428783333fafd99e8e9231de1b24b07") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-journal .section-link .section-heading {
    top: 119px;
}

.page-service-lower.page-service-journal .section-link .section-heading::before {
    border-color: #aad250;
}

.page-service-lower.page-service-journal .section-link .decoration-text-repeat {
    --bg-position: -902px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    top: 178px;
    height: 138px;
    background: url("assets/img/service/thinc-journal/text-thincjournal.png?hash=3051758236f36f8e6c13cf5085f466fb") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-journal .section-link .decoration-text-repeat {
        background: url("assets/img/service/thinc-journal/text-thincjournal@2x.png?hash=6c70089816bdb1f1dd4c77fdf43d41ef") center center repeat-x;
        background-size: 902px 138px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-journal .section-link .parallax-item {
        background: url("assets/img/service/thinc-journal/link-img.jpg?hash=dabaa4efa3d09c2318dae1b28dbd8028") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-journal .section-link .section-heading {
        top: 13.866666666666665vw;
    }
    .page-service-lower.page-service-journal .section-link .decoration-text-repeat {
        --bg-position: -120.26666666666668vw;
        top: 30.933333333333334vw;
        height: 18.4vw;
        background-size: 120.26666666666668vw 18.4vw;
    }
}

.page-service-lower .lower-heading {
    color: #fff;
}

.page-service-lower .lower-heading .shape-circle-top-left {
    top: -224px;
    left: -100px;
    width: 470px;
    height: 470px;
    fill: #f7f7f7;
    opacity: 0.05;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-circle-top-left {
        top: -29.333333333333332vw;
        left: -31.733333333333334vw;
        width: 62.66666666666667vw;
        height: 62.66666666666667vw;
    }
}

.page-service-lower .lower-heading .shape-triangle-bottom-center {
    bottom: -510px;
    left: 50%;
    margin-left: -285px;
    width: 696px;
    height: 770px;
    fill: #f7f7f7;
    opacity: 0.05;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-triangle-bottom-center {
        bottom: -64vw;
        left: auto;
        right: -54.93333333333334vw;
        width: 92.80000000000001vw;
        height: 102.66666666666666vw;
    }
}

.page-service-lower .lower-heading .shape-square-left-bottom {
    bottom: -232px;
    left: -151px;
    width: 352px;
    height: 352px;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-square-left-bottom {
        bottom: -26.93333333333333vw;
        left: -12.8vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
}

.page-service-lower .lower-heading .shape-square-top-right {
    top: 75px;
    right: -70px;
    width: 352px;
    height: 352px;
    fill: #f7f7f7;
    opacity: 0.1;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-square-top-right {
        top: 3.2vw;
        right: -28.799999999999997vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
}

.page-service-lower .lower-heading .shape-group-top-right-small {
    top: -267px;
    right: 80px;
    width: 392px;
    height: 392px;
    border-radius: 50%;
}

.page-service-lower .lower-heading .shape-group-top-right-small .shape-circle {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service-lower .lower-heading .shape-group-top-right-small .shape-square {
    top: 342px;
    right: -149px;
    width: 352px;
    height: 352px;
    fill: #f7f7f7;
    opacity: 0.1;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-group-top-right-small {
        top: -41.333333333333336vw;
        right: -21.866666666666667vw;
        width: 52.26666666666666vw;
        height: 52.26666666666666vw;
    }
    .page-service-lower .lower-heading .shape-group-top-right-small .shape-square {
        top: 44.53333333333334vw;
        right: -7.199999999999999vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
}

.page-service-lower .lower-heading .shape-group-top-right {
    top: -480px;
    right: -133px;
    width: 820px;
    height: 820px;
    border-radius: 50%;
}

.page-service-lower .lower-heading .shape-group-top-right .shape-circle-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service-lower .lower-heading .shape-group-top-right .shape-square {
    bottom: -88px;
    left: auto;
    right: 64px;
    width: 352px;
    height: 352px;
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .shape-group-top-right {
        top: -70.13333333333334vw;
        right: -50.4vw;
        width: 109.33333333333333vw;
        height: 109.33333333333333vw;
    }
    .page-service-lower .lower-heading .shape-group-top-right .shape-square {
        bottom: -10.666666666666668vw;
        left: 40.8vw;
        width: 46.93333333333333vw;
        height: 46.93333333333333vw;
    }
}

.page-service-lower .lower-heading .page-category {
    position: relative;
    margin-left: 100px;
    margin-top: 24px;
    padding-left: 30px;
    font-size: 1.8rem;
    line-height: 1;
}

.page-service-lower .lower-heading .page-category .icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    margin-top: -9px;
    border-radius: 50%;
    border: 5px solid #ffd700;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .lower-heading .page-category {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .page-category {
        margin-left: 6.4vw;
        margin-top: 1.333333333333333vw;
        padding-left: 4vw;
        font-size: 2.933333333333333vw;
    }
    .page-service-lower .lower-heading .page-category .icon {
        width: 0.8vw;
        height: 0.8vw;
        margin-top: -1.333333333333333vw;
        border-width: 0.666666666666667vw;
    }
}

.page-service-lower .lower-heading .page-heading {
    position: relative;
    margin-top: 31px;
    margin-left: 96px;
    font-size: 8rem;
    line-height: 0.875;
    letter-spacing: -0.01em;
}

.page-service-lower .lower-heading .page-heading .ja {
    display: inline-block;
    margin: 0 0 0 6px;
    font-size: 6.2rem;
    line-height: 1.161290322580645;
    font-weight: bold;
    vertical-align: top;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .lower-heading .page-heading {
        margin-left: 8.88888888888889%;
        padding-right: 9.25925925925926%;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .page-heading {
        margin-top: 4.266666666666667vw;
        margin-left: 6.666666666666667vw;
        font-size: 11.466666666666667vw;
        line-height: 1;
        letter-spacing: 0.02em;
    }
    .page-service-lower .lower-heading .page-heading .ja {
        margin: 0 0 0 0.8vw;
        font-size: 9.333333333333334vw;
    }
}

.page-service-lower .lower-heading .text {
    position: relative;
    margin-top: 17px;
    margin-left: 103px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .lower-heading .text {
        margin-left: 9.537037037037036%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .text {
        font-size: 3.2vw;
        margin-top: 2.666666666666667vw;
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower .lower-heading .logo {
    position: absolute;
    bottom: 110px;
    right: 100px;
    width: 172px;
    height: 59px;
    fill: #fff;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .lower-heading .logo {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .lower-heading .logo {
        position: absolute;
        bottom: 10.133333333333333vw;
        right: 5.333333333333334vw;
        width: 22.933333333333334vw;
        height: 7.866666666666666vw;
    }
}

.page-service-lower .breadcrumb li::before {
    background: #fff;
}

.page-service-lower .breadcrumb li a {
    color: #fff;
}

.page-service-lower .page-kv {
    position: relative;
}

.page-service-lower .page-kv .parallax-item-container {
    width: 100%;
    height: 450px;
}

.page-service-lower .page-kv .parallax-item {
    top: -44.44444444444444%;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service-lower .page-kv .parallax-item img {
    width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .page-service-lower .page-kv .parallax-item {
        width: 1280px;
        height: 450px;
        left: 50%;
        margin-left: -640px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .page-kv .parallax-item-container {
        height: 77.33333333333333vw;
    }
    .page-service-lower .page-kv .parallax-item {
        top: -26.666666666666668vw;
    }
}

.page-service-lower .section-overview .section-inner {
    padding-top: 120px;
}

.page-service-lower .section-overview .section-heading {
    position: relative;
    margin-left: 1px;
    padding-left: 31px;
    font-size: 1.6rem;
    line-height: 1;
}

.page-service-lower .section-overview .section-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: 1px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

.windows .page-service-lower .section-overview .section-heading::before {
    margin-top: 0;
}

.page-service-lower .section-overview .block-main {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-service-lower .section-overview .block-main {
        max-width: 1080px;
    }
}

.page-service-lower .section-overview .copy {
    margin-top: 27px;
    margin-bottom: 38px;
    margin-left: -4px;
    font-size: 3.8rem;
    line-height: 1.684210526315789;
    letter-spacing: -0.01em;
    font-weight: bold;
    font-family: $font-yugothic-bold;
}

.page-service-lower .section-overview .text {
    text-align: justify;
}

.page-service-lower .section-overview .text .heading {
    margin-bottom: 44px;
    font-size: 3.8rem;
    line-height: 1.421052631578947;
    font-weight: bold;
}

.page-service-lower .section-overview .block {
    position: relative;
}

.page-service-lower .section-overview .block-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .page-service-lower .section-overview .block-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .section-overview .block-main {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower .section-overview .block-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .section-overview .section-inner {
        padding-top: 26.13333333333333vw;
    }
    .page-service-lower .section-overview .section-heading {
        margin-left: 0;
        padding-left: 7.466666666666668vw;
        font-size: 4vw;
    }
    .page-service-lower .section-overview .section-heading::before {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: 0.266666666666667vw;
        border-width: 1.066666666666667vw;
    }
    .android .page-service-lower .section-overview .section-heading::before {
        margin-top: -0.266666666666667vw;
    }
    .page-service-lower .section-overview .block-main {
        padding: 0 6.666666666666667vw;
        width: 100%;
        box-sizing: border-box;
    }
    .page-service-lower .section-overview .copy {
        margin-top: 7.466666666666668vw;
        margin-bottom: 11.733333333333333vw;
        margin-left: -0.533333333333333vw;
        font-size: 7.333333333333333vw;
        line-height: 1.636363636363636;
        letter-spacing: -0.02em;
        text-align: justify;
    }
    .page-service-lower .section-overview .text .heading {
        margin-bottom: 5.866666666666666vw;
        font-size: 7.333333333333333vw;
        line-height: 1.636363636363636;
    }
    .page-service-lower .section-overview .block-inner {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        box-sizing: border-box;
    }
}

.page-service-lower .section-link a {
    display: block;
    position: relative;
    height: 540px;
}

.page-service-lower .section-link .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-service-lower .section-link .img .parallax-item-container,
.page-service-lower .section-link .img .parallax-item {
    width: 100%;
    height: 100%;
}

.page-service-lower .section-link .img .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower .section-link .img .parallax-item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

.page-service-lower .section-link .section-heading {
    position: absolute;
    top: 70px;
    left: 100px;
    padding-left: 35px;
    color: #fff;
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0.05em;
}

.page-service-lower .section-link .section-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: 9px;
    border-radius: 50%;
    border-width: 6px;
    border-style: solid;
}

.page-service-lower .section-link .btn-arrow-right {
    position: absolute;
    bottom: 109px;
    right: 180px;
    display: flex;
    align-items: center;
}

.page-service-lower .section-link .btn-arrow-right .btn-text {
    color: #fff;
    letter-spacing: 0.05em;
}

.page-service-lower .section-link .btn-arrow-right .icon-arrow-right {
    margin-left: 18px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-service-lower .section-link .btn-arrow-right .icon-arrow-right .icon-bg {
    background: #fff;
}

.page-service-lower .section-link .btn-arrow-right .icon-arrow-right .icon {
    fill: #373737;
}

.page-service-lower .section-link .decoration-text-repeat {
    position: absolute;
    left: 0;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .page-service-lower .section-link a .parallax-item {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-service-lower .section-link a:hover .parallax-item {
        opacity: 0.85;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .page-service-lower .section-link a:hover .btn-text {
        -webkit-transform: translateX(11px);
        transform: translateX(11px);
    }
    .page-service-lower .section-link a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-service-lower .section-link a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower .section-link .section-heading {
        left: 9.25925925925926%;
    }
    .page-service-lower .section-link .btn-arrow-right {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower .section-link a {
        height: 80vw;
    }
    .page-service-lower .section-link .section-heading {
        position: absolute;
        top: 14.666666666666666vw;
        left: 6.666666666666667vw;
        padding-left: 7.733333333333333vw;
        font-size: 3.466666666666666vw;
        line-height: 1.576923076923077;
        letter-spacing: 0.05em;
    }
    .page-service-lower .section-link .section-heading::before {
        width: 1.333333333333333vw;
        height: 1.333333333333333vw;
        margin-top: 0.8vw;
        border-width: 1.333333333333333vw;
    }
    .page-service-lower .section-link .btn-arrow-right {
        position: absolute;
        bottom: 13.333333333333334vw;
        right: 6.666666666666667vw;
    }
    .page-service-lower .section-link .btn-arrow-right .icon-arrow-right {
        margin-left: 6.133333333333333vw;
    }
}

.page-service-lower.page-service-partner .lower-heading {
    background: #e9535e;
}

.page-service-lower.page-service-partner .lower-heading .shape-square-left-bottom {
    fill: #e0414d;
}

.page-service-lower.page-service-partner .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #e9535e;
}

.page-service-lower.page-service-partner .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #e0414d;
}

.page-service-lower.page-service-partner .lower-heading .shape-group-top-right .shape-square {
    fill: #d9313d;
}

.page-service-lower.page-service-partner .lower-heading .page-heading {
    letter-spacing: -0.016em;
}

.page-service-lower.page-service-partner .lower-heading .page-heading div:nth-child(8) {
    margin-right: 6px;
}

.page-service-lower.page-service-partner .lower-heading .text {
    margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-partner .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .lower-heading .logo {
        width: 22.666666666666664vw;
    }
    .page-service-lower.page-service-partner .lower-heading .page-heading {
        letter-spacing: 0;
    }
    .page-service-lower.page-service-partner .lower-heading .page-heading div:nth-child(8) {
        margin-right: 0.8vw;
    }
    .page-service-lower.page-service-partner .lower-heading .text {
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-partner .page-kv .parallax-item {
    background: url("assets/img/service/thinc-partner/pc/kv.jpg?hash=3632881109d7bfad18b3feb3c80088bd") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-partner .page-kv .parallax-item {
        background: url("assets/img/service/thinc-partner/pc/kv@2x.jpg?hash=70231c02ff3138b5b565ce4d5c5db62e") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-partner .page-kv .shape-circle-ring {
    position: absolute;
    bottom: -244px;
    right: -298px;
    width: 540px;
    height: 540px;
    fill: #eb555f;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .page-kv .parallax-item {
        background: url("assets/img/service/thinc-partner/kv.jpg?hash=84d4b9988aea6fb98a67f20625225e98") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-partner .page-kv .shape-circle-ring {
        position: absolute;
        bottom: -35.199999999999996vw;
        right: -36.53333333333333vw;
        width: 72vw;
        height: 72vw;
    }
}

.page-service-lower.page-service-partner .section-overview .shape-circle-ring-gray {
    position: absolute;
    bottom: -307px;
    left: -259px;
    width: 660px;
    height: 660px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-partner .section-overview .section-inner {
    padding-bottom: 118px;
}

.page-service-lower.page-service-partner .section-overview .block-main {
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-overview .shape-circle-ring-gray {
        position: absolute;
        bottom: 2.666666666666667vw;
        left: -34.66666666666667vw;
        width: 88vw;
        height: 88vw;
    }
    .page-service-lower.page-service-partner .section-overview .section-inner {
        padding-bottom: 17.733333333333334vw;
    }
}

.page-service-lower.page-service-partner .section-overview .block-1 {
    margin-top: 73px;
}

.page-service-lower.page-service-partner .section-overview .block-1 .img {
    position: relative;
    width: 650px;
}

.page-service-lower.page-service-partner .section-overview .block-1 .img .badge {
    position: absolute;
    bottom: -31px;
    right: -48px;
    width: 200px;
    height: 200px;
    padding-top: 14px;
    line-height: 1;
    background: #f2f2f2;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.page-service-lower.page-service-partner .section-overview .block-1 .img .badge span {
    display: block;
}

.page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-text {
    font-size: 1.4rem;
}

.page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-num {
    margin-top: 11px;
    color: #f2f2f2;
    font-size: 7.8rem;
    -webkit-text-stroke: 1px #000;
}

.page-service-lower.page-service-partner .section-overview .block-1 .parallax-item-container {
    height: 420px;
}

.page-service-lower.page-service-partner .section-overview .block-1 .parallax-item {
    top: -60px;
    left: 0;
}

.page-service-lower.page-service-partner .section-overview .block-1 .text {
    width: 320px;
    margin-right: 10px;
    padding-bottom: 80px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-partner .section-overview .block-1 .img {
        flex: 1;
        width: 69.14893617021278%;
        margin-right: 5.957446808510639%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge {
        position: absolute;
        bottom: -7.380952380952381%;
        right: -7.384615384615385%;
        width: 15.625vw;
        height: 15.625vw;
        padding-top: 0.78125vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-text {
        font-size: 1.09375vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-num {
        margin-top: 0.625vw;
        font-size: 6.09375vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 154.76190476190476%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 64.61538461538461%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item {
        top: -14.285714285714285%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .text {
        width: 34.04255319148936%;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-overview .block-1 {
        margin-top: 11.200000000000001vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .block-inner {
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img {
        width: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge {
        position: absolute;
        bottom: -6.666666666666667vw;
        right: -3.733333333333334vw;
        width: 24vw;
        height: 24vw;
        padding-top: 1.333333333333333vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-text {
        margin-left: 11.200000000000001vw;
        margin-top: 0.8vw;
        font-size: 2.666666666666667vw;
        display: inline-block;
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .img .badge .badge-num {
        margin-top: 0.8vw;
        font-size: 9.333333333333334vw;
        -webkit-text-stroke: 0.133333333333333vw #000;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item-container {
        height: 56.00000000000001vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .parallax-item {
        top: -6.666666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-1 .text {
        width: 100%;
        margin-right: 0;
        margin-top: 16vw;
        padding-bottom: 10.666666666666668vw;
    }
}

.page-service-lower.page-service-partner .section-overview .decoration-text-repeat {
    margin-top: 120px;
    height: 138px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    --bg-position: -910px;
    background: url("assets/img/service/thinc-partner/text-thincpartner.png?hash=de94b11314996568dc4d650c4a2b2d5d") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-partner .section-overview .decoration-text-repeat {
        background: url("assets/img/service/thinc-partner/text-thincpartner@2x.png?hash=dfe00d0b3055ae746fdcc6d84d367d60") center center repeat-x;
        background-size: 910px 138px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-overview .decoration-text-repeat {
        margin-top: 6.4vw;
        height: 18.4vw;
        background-size: 121.33333333333334vw 18.4vw;
        --bg-position: -121.33333333333334vw;
    }
}

.page-service-lower.page-service-partner .section-overview .block-2 {
    margin-top: 116px;
}

.page-service-lower.page-service-partner .section-overview .block-2 .text {
    width: 400px;
    margin-left: 80px;
    padding-bottom: 90px;
}

.page-service-lower.page-service-partner .section-overview .block-2 .illust-container {
    width: 495px;
    margin-right: 9px;
}

.page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container {
    height: 542px;
}

.page-service-lower.page-service-partner .section-overview .block-2 .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower.page-service-partner .section-overview .block-2 .illust {
    width: 495px;
    height: 542px;
}

.page-service-lower.page-service-partner .section-overview .block-2 .shape-triangle-gray-wrap {
    position: absolute;
    top: 106px;
    right: -154px;
    width: 588px;
    height: 528px;
    -webkit-transform: rotate(28.05deg);
    transform: rotate(28.05deg);
}

.page-service-lower.page-service-partner .section-overview .block-2 .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-partner .section-overview .block-2 .text {
        width: 42.5531914893617%;
        min-width: 304px;
        margin-left: 0;
        padding-bottom: 0;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .illust-container {
        flex: 1;
        width: 52.659574468085104%;
        margin-right: 0.957446808510638%;
        margin-left: 4.25531914893617%;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 57.659574468085104%;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 109.4949494949495%;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container .parallax-item,
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container .illust {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-overview .block-2 {
        margin-top: 15.466666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .block-inner {
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .text {
        width: 100%;
        margin-left: 0;
        padding-bottom: 0;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .heading {
        margin-bottom: 11.466666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .illust-container {
        width: 72.8vw;
        margin: 11.200000000000001vw auto 0 11.733333333333333vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .parallax-item-container {
        height: 79.73333333333333vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .illust {
        width: 72.8vw;
        height: 79.73333333333333vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-2 .shape-triangle-gray-wrap {
        top: auto;
        bottom: -13.333333333333334vw;
        right: -29.06666666666667vw;
        width: 86.4vw;
        height: 77.60000000000001vw;
    }
}

.page-service-lower.page-service-partner .section-overview .block-3 {
    margin-top: 18px;
}

.page-service-lower.page-service-partner .section-overview .block-3 .text {
    width: 360px;
    margin-right: 19px;
    padding-top: 30px;
}

.page-service-lower.page-service-partner .section-overview .block-3 .illust-container {
    width: 650px;
    margin-left: -68px;
}

.page-service-lower.page-service-partner .section-overview .block-3 .parallax-item-container {
    height: 650px;
}

.page-service-lower.page-service-partner .section-overview .block-3 .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower.page-service-partner .section-overview .block-3 .illust {
    position: relative;
    width: 650px;
    height: 650px;
}

.page-service-lower.page-service-partner .section-overview .block-3 .illust .shape-circle-gray {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item {
    position: absolute;
    top: 198px;
    left: 72px;
    width: 508px;
    height: 252px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-partner .section-overview .block-3 .text {
        width: 38.297872340425535%;
        min-width: 266px;
        margin-right: 2.021276595744681%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust-container {
        flex: 1;
        width: 69.14893617021278%;
        margin-left: -7.234042553191489%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .parallax-item-container {
        width: 100%;
        position: relative;
        margin-left: -7.234042553191489%;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .parallax-item {
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust {
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item {
        position: absolute;
        top: 30.461538461538463%;
        left: 11.076923076923077%;
        width: 100%;
        position: relative;
        width: 78.15384615384615%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item::before {
        content: "";
        display: block;
        padding-top: 49.60629921259843%;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item>* {
        position: absolute;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item img {
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-overview .block-3 {
        margin-top: 25.866666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .text {
        position: relative;
        order: 1;
        width: 100%;
        margin-right: 0;
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .text .heading {
        margin-bottom: 11.466666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust-container {
        order: 2;
        width: 86.66666666666667vw;
        margin-left: 0;
        margin-top: -13.333333333333334vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .parallax-item-container {
        height: 86.66666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust {
        width: 86.66666666666667vw;
        height: 86.66666666666667vw;
    }
    .page-service-lower.page-service-partner .section-overview .block-3 .illust .illust-item {
        position: absolute;
        top: 25.333333333333336vw;
        left: 5.866666666666666vw;
        width: 74.93333333333332vw;
        height: 37.2vw;
    }
}

.page-service-lower.page-service-partner .section-link .parallax-item {
    background: url("assets/img/service/thinc-partner/pc/link-img.jpg?hash=2b3c86e83154ba11db83db11e259f669") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-partner .section-link .parallax-item {
        background: url("assets/img/service/thinc-partner/pc/link-img@2x.jpg?hash=c08f83b67d28f4509e1d0685c6e916d1") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-partner .section-link .section-heading {
    top: 119px;
}

.page-service-lower.page-service-partner .section-link .section-heading::before {
    border-color: #eb555f;
}

.page-service-lower.page-service-partner .section-link .decoration-text-repeat {
    --bg-position: -774px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    top: 187px;
    height: 168px;
    background: url("assets/img/service/thinc-partner/text-letsentry.png?hash=1aab466963494b45521db904ea3a9a72") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-partner .section-link .decoration-text-repeat {
        background: url("assets/img/service/thinc-partner/text-letsentry@2x.png?hash=3e90beb34e5e227be88a47065c5e9d57") center center repeat-x;
        background-size: 774px 168px;
    }
}

.page-service-lower.page-service-partner .section-link .icon-arrow-right {
    position: absolute;
    bottom: 109px;
    right: 180px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.page-service-lower.page-service-partner .section-link .icon-arrow-right .icon-bg {
    background: #fff;
}

.page-service-lower.page-service-partner .section-link .icon-arrow-right .icon {
    fill: #373737;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-partner .section-link a:hover .icon-arrow-right .icon-bg {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
    }
    .page-service-lower.page-service-partner .section-link a:hover .icon-arrow-right .icon {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-partner .section-link .icon-arrow-right {
        right: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-partner .section-link .parallax-item {
        background: url("assets/img/service/thinc-partner/link-img.jpg?hash=66c523670e8fe9ddd7cd0f4a8352d902") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-partner .section-link .section-heading {
        top: 13.866666666666665vw;
    }
    .page-service-lower.page-service-partner .section-link .decoration-text-repeat {
        --bg-position: -103.2vw;
        top: 29.333333333333332vw;
        height: 22.400000000000002vw;
        background-size: 103.2vw 22.400000000000002vw;
    }
    .page-service-lower.page-service-partner .section-link .icon-arrow-right {
        position: absolute;
        bottom: 13.333333333333334vw;
        right: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-saas .lower-heading {
    background: #0db9d7;
}

.page-service-lower.page-service-saas .lower-heading .shape-square-left-bottom {
    fill: #0eaccc;
}

.page-service-lower.page-service-saas .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #0db9d7;
}

.page-service-lower.page-service-saas .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #0eaccc;
}

.page-service-lower.page-service-saas .lower-heading .shape-group-top-right .shape-square {
    fill: #00a0c1;
}

.page-service-lower.page-service-saas .lower-heading .logo {
    position: absolute;
    bottom: 109px;
    right: 99px;
}

.page-service-lower.page-service-saas .lower-heading .page-heading {
    letter-spacing: -0.016em;
}

.page-service-lower.page-service-saas .lower-heading .page-heading .ja {
    margin-left: 10px;
    margin-top: -4px;
    vertical-align: top;
    display: inline-block;
}

.windows .page-service-lower.page-service-saas .lower-heading .page-heading .ja {
    margin-top: -6px;
}

.page-service-lower.page-service-saas .lower-heading .text {
    margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-saas .lower-heading .logo {
        right: 9.166666666666666%;
    }
    .page-service-lower.page-service-saas .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .lower-heading .logo {
        position: absolute;
        bottom: 10vw;
        right: 5.333333333333334vw;
        width: 22.933333333333334vw;
    }
    .page-service-lower.page-service-saas .lower-heading .page-heading {
        margin-top: 4.8vw;
        font-size: 9.333333333333334vw;
        font-family: "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    }
    .page-service-lower.page-service-saas .lower-heading .page-heading .ja {
        margin-left: 1.333333333333333vw;
        margin-top: -1.333333333333333vw;
    }
    .page-service-lower.page-service-saas .lower-heading .text {
        margin-top: 3.466666666666666vw;
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-saas .page-kv .shape-square-ring-wrap {
    position: absolute;
    bottom: -276px;
    right: -260px;
    width: 502px;
    height: 502px;
    -webkit-transform: rotate(23.55deg);
    transform: rotate(23.55deg);
}

.page-service-lower.page-service-saas .page-kv .shape-square-ring-wrap .shape-square-ring {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #0db9d7;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .page-kv .shape-square-ring-wrap {
        position: absolute;
        bottom: -34.66666666666667vw;
        right: -34.66666666666667vw;
        width: 66.93333333333334vw;
        height: 66.93333333333334vw;
    }
}

.page-service-lower.page-service-saas .lower-contents sup {
    display: inline-block;
    margin-top: 6px;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    vertical-align: top;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .lower-contents sup {
        margin-top: 1.333333333333333vw;
        font-size: 2.666666666666667vw;
    }
}

.page-service-lower.page-service-saas .section-overview .shape-square-ring-gray-wrap {
    position: absolute;
    bottom: -386px;
    left: -247px;
    width: 522px;
    height: 522px;
    -webkit-transform: rotate(-33.25deg);
    transform: rotate(-33.25deg);
}

.page-service-lower.page-service-saas .section-overview .shape-square-ring-gray-wrap .shape-square-ring-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-overview .shape-square-ring-gray-wrap {
        position: absolute;
        bottom: -2.133333333333333vw;
        left: -14.666666666666666vw;
        width: 69.6vw;
        height: 69.6vw;
    }
}

.page-service-lower.page-service-saas .section-overview .block-main .notes {
    font-size: 1.2rem;
    line-height: 1;
}

.page-service-lower.page-service-saas .section-overview .block-1 {
    margin-top: 94px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .block-inner {
    display: block;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list {
    display: flex;
    justify-content: space-between;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li {
    width: 180px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item-container {
    width: 180px;
    height: 180px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    border-radius: 30px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .icon {
    display: block;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .text {
    margin-top: 26px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.714285714285714;
    font-weight: bold;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-1 .img .icon {
    margin-top: 44px;
    margin-left: 20px;
    width: 138px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-2 {
    letter-spacing: -0.02em;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-2 .img .icon {
    margin-top: 30px;
    margin-left: 20px;
    width: 140px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-3 .img .icon {
    margin-top: 49px;
    margin-left: 10px;
    width: 160px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-4 .img .icon {
    margin-top: 28px;
    margin-left: 22px;
    width: 136px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-5 .img .icon {
    margin-top: 37px;
    margin-left: 36px;
    width: 108px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .text-container {
    margin-top: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-service-lower.page-service-saas .section-overview .block-1 .text-container .logo-adflow {
    width: 250px;
    margin-left: 21px;
    margin-top: -42px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .text-container .text {
    width: 680px;
}

.page-service-lower.page-service-saas .section-overview .block-1 .text-container .text .notes {
    font-size: 1.2rem;
    line-height: 2.333333333333333;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li {
        width: 19.148936170212767%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 100%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .text {
        margin-top: 14.444444444444443%;
        padding: 0 5.555555555555555%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .text br {
        display: none;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-1 .img .icon {
        margin-top: 24.444444444444443%;
        margin-left: 11.11111111111111%;
        width: 76.66666666666667%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-2 .img .icon {
        margin-top: 16.666666666666664%;
        margin-left: 11.11111111111111%;
        width: 77.77777777777779%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-3 .img .icon {
        margin-top: 27.22222222222222%;
        margin-left: 5.555555555555555%;
        width: 88.88888888888889%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-4 .img .icon {
        margin-top: 15.555555555555555%;
        margin-left: 12.222222222222221%;
        width: 75.55555555555556%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-5 .img .icon {
        margin-top: 20.555555555555554%;
        margin-left: 20%;
        width: 60%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container .logo-adflow {
        flex: 1;
        width: 26.595744680851062%;
        margin-left: 2.23404255319149%;
        margin-right: 4.25531914893617%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container .text {
        width: 72.3404255319149%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-overview .block-main .notes {
        font-size: 3.466666666666666vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 {
        margin-top: 10.666666666666668vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .block-inner {
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list {
        padding: 0 2.666666666666667vw;
        flex-wrap: wrap;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li {
        width: 36vw;
        margin-bottom: 9.6vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item-container {
        width: 36vw;
        height: 36vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .img .parallax-item {
        border-radius: 4vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li .text {
        margin-top: 5.333333333333334vw;
        font-size: 2.666666666666667vw;
        line-height: 1.8;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-1 .img .icon {
        margin-top: 8.799999999999999vw;
        margin-left: 4vw;
        width: 27.73333333333333vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-2 .img .icon {
        margin-top: 6.133333333333333vw;
        margin-left: 4vw;
        width: 28.000000000000004vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-3 .img .icon {
        margin-top: 9.866666666666667vw;
        margin-left: 2.133333333333333vw;
        width: 32vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-4 .img .icon {
        margin-top: 5.866666666666666vw;
        margin-left: 4.533333333333333vw;
        width: 27.200000000000003vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .adflow-list li.item-5 .img .icon {
        margin-top: 7.199999999999999vw;
        margin-left: 7.199999999999999vw;
        width: 21.866666666666667vw;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container {
        margin-top: 3.466666666666666vw;
        flex-direction: column;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container .logo-adflow {
        order: 2;
        width: 61.33333333333333vw;
        margin: 15.2vw auto 0;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container .text {
        order: 1;
        width: 100%;
    }
    .page-service-lower.page-service-saas .section-overview .block-1 .text-container .text .notes {
        font-size: 2.666666666666667vw;
        line-height: 2;
    }
}

.page-service-lower.page-service-saas .section-overview .decoration-text-repeat {
    margin-top: 123px;
    height: 136px;
    background: url("assets/img/service/saas/text-adflow.png?hash=10848784ee35798e51b9023748ee7231") center center repeat-x;
    -webkit-animation: loop 10s linear infinite;
    animation: loop 10s linear infinite;
    --bg-position: -566px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-saas .section-overview .decoration-text-repeat {
        background: url("assets/img/service/saas/text-adflow@2x.png?hash=e4f10f1dc053937ce04c35e0b033e445") center center repeat-x;
        background-size: 566px 136px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-overview .decoration-text-repeat {
        margin-top: 18.133333333333333vw;
        height: 18.133333333333333vw;
        background-size: 75.46666666666667vw 18.133333333333333vw;
        --bg-position: -75.46666666666667vw;
    }
}

.page-service-lower.page-service-saas .section-point .shape-circle-ring-gray {
    position: absolute;
    top: -130px;
    right: -190px;
    width: 418px;
    height: 418px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-saas .section-point .shape-square-gray-wrap {
    position: absolute;
    bottom: -222px;
    left: -72px;
    width: 454px;
    height: 454px;
    -webkit-transform: rotate(4.09deg);
    transform: rotate(4.09deg);
}

.page-service-lower.page-service-saas .section-point .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-point .shape-circle-ring-gray {
        position: absolute;
        top: 2.133333333333333vw;
        right: -25.333333333333336vw;
        width: 55.733333333333334vw;
        height: 55.733333333333334vw;
    }
    .page-service-lower.page-service-saas .section-point .shape-square-gray-wrap {
        position: absolute;
        bottom: -43.46666666666666vw;
        left: -19.2vw;
        width: 60.53333333333333vw;
        height: 60.53333333333333vw;
    }
}

.page-service-lower.page-service-saas .section-point .section-inner {
    padding-top: 113px;
    padding-bottom: 260px;
}

.page-service-lower.page-service-saas .section-point .section-heading {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-left: 30px;
    font-size: 1.6rem;
    line-height: 1;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-saas .section-point .section-heading {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-saas .section-point .section-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-saas .section-point .section-heading {
        margin-left: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-point .section-inner {
        padding-top: 18.666666666666668vw;
        padding-bottom: 39.733333333333334vw;
    }
    .page-service-lower.page-service-saas .section-point .section-heading {
        width: auto;
        margin-left: 6.666666666666667vw;
        padding-left: 7.199999999999999vw;
        font-size: 4vw;
    }
    .page-service-lower.page-service-saas .section-point .section-heading::before {
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        margin-top: 0vw;
        border-width: 1.066666666666667vw;
    }
}

.page-service-lower.page-service-saas .section-point .point-list {
    margin-top: 68px;
}

.page-service-lower.page-service-saas .section-point .point-list li {
    position: relative;
}

.page-service-lower.page-service-saas .section-point .point-list li .illust-container {
    width: 470px;
}

.page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item-container {
    height: 320px;
}

.page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.page-service-lower.page-service-saas .section-point .point-list li .illust-container .illust {
    position: relative;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
}

.page-service-lower.page-service-saas .section-point .point-list li:nth-child(odd) .illust-container {
    order: 2;
}

.page-service-lower.page-service-saas .section-point .point-list li:nth-child(odd) .text-container {
    order: 1;
    margin-left: 80px;
}

.page-service-lower.page-service-saas .section-point .point-list li:nth-child(even) .text-container {
    margin-right: 80px;
}

.page-service-lower.page-service-saas .section-point .point-list li:not(:first-child) {
    margin-top: 150px;
}

.page-service-lower.page-service-saas .section-point .point-list li.point01 .illust-container .illust .illust-item {
    position: absolute;
    top: 68px;
    left: 69px;
    width: 343px;
}

.page-service-lower.page-service-saas .section-point .point-list li.point02 .illust-container .illust .illust-item {
    position: absolute;
    top: 33px;
    left: 31px;
    width: 378px;
}

.page-service-lower.page-service-saas .section-point .point-list li.point03 .illust-container .illust .illust-item {
    position: absolute;
    top: 78px;
    left: 55px;
    width: 360px;
}

.page-service-lower.page-service-saas .section-point .point-list li .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-saas .section-point .point-list li .inner {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-saas .section-point .point-list li .text-container {
    width: 400px;
    padding-bottom: 16px;
    text-align: justify;
}

.page-service-lower.page-service-saas .section-point .point-list li .text-container .num {
    font-size: 1.2rem;
    line-height: 1;
}

.page-service-lower.page-service-saas .section-point .point-list li .text-container .heading {
    margin-top: 19px;
    font-size: 3.8rem;
    line-height: 1.421052631578947;
    font-weight: bold;
}

.page-service-lower.page-service-saas .section-point .point-list li .text-container .text {
    margin-top: 44px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container {
        flex: 1;
        width: 50%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item-container {
        height: 320px;
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 68.08510638297872%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-saas .section-point .point-list li:nth-child(odd) .text-container {
        margin-left: 0;
        margin-right: 6.382978723404255%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li:nth-child(even) .text-container {
        margin-right: 0;
        margin-left: 6.382978723404255%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point01 .illust-container .illust .illust-item {
        top: 21.25%;
        left: 14.680851063829786%;
        width: 72.97872340425532%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point02 .illust-container .illust .illust-item {
        top: 10.3125%;
        left: 6.595744680851063%;
        width: 80.42553191489363%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point03 .illust-container .illust .illust-item {
        top: 24.375%;
        left: 11.702127659574469%;
        width: 76.59574468085107%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .text-container {
        width: 42.5531914893617%;
        min-width: 344px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-point .point-list {
        margin-top: 9.866666666666667vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .inner {
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container {
        order: 2;
        width: 100%;
        margin-top: 9.866666666666667vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .illust-container .parallax-item-container {
        height: 59.199999999999996vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li:nth-child(odd) .text-container {
        margin-left: 0;
    }
    .page-service-lower.page-service-saas .section-point .point-list li:nth-child(even) .text-container {
        margin-right: 0;
    }
    .page-service-lower.page-service-saas .section-point .point-list li:not(:first-child) {
        margin-top: 26.13333333333333vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point01 .illust-container .illust .illust-item {
        position: absolute;
        top: 12.266666666666666vw;
        left: 13.066666666666665vw;
        width: 63.2vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point02 .illust-container .illust .illust-item {
        position: absolute;
        top: 6.133333333333333vw;
        left: 6vw;
        width: 69.06666666666666vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li.point03 .illust-container .illust .illust-item {
        position: absolute;
        top: 14.399999999999999vw;
        left: 10.133333333333333vw;
        width: 66.4vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .inner {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .text-container {
        order: 1;
        width: 100%;
        padding-bottom: 2.133333333333333vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .text-container .num {
        font-size: 2.933333333333333vw;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .text-container .heading {
        margin-top: 2.666666666666667vw;
        font-size: 7.333333333333333vw;
        line-height: 1.454545454545455;
    }
    .page-service-lower.page-service-saas .section-point .point-list li .text-container .text {
        margin-top: 12vw;
    }
}

.page-service-lower.page-service-saas .section-link .parallax-item {
    background: url("assets/img/service/saas/pc/link-img.jpg?hash=83ce52241c0d251462fd0ce82a36b71e") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-saas .section-link .parallax-item {
        background: url("assets/img/service/saas/pc/link-img@2x.jpg?hash=d50a4252202bbc1cc1009fce9fbf09bf") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-saas .section-link .section-heading::before {
    border-color: #0db9d7;
}

.page-service-lower.page-service-saas .section-link .decoration-text-repeat {
    --bg-position: -566px;
    -webkit-animation: loop 10s linear infinite;
    animation: loop 10s linear infinite;
    top: 178px;
    height: 136px;
    background: url("assets/img/service/saas/text-adflow.png?hash=10848784ee35798e51b9023748ee7231") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-saas .section-link .decoration-text-repeat {
        background: url("assets/img/service/saas/text-adflow@2x.png?hash=e4f10f1dc053937ce04c35e0b033e445") center center repeat-x;
        background-size: 566px 136px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-saas .section-link .parallax-item {
        background: url("assets/img/service/saas/link-img.jpg?hash=634a9eec9cc3f7e9ced0468fdd38dd36") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-saas .section-link .decoration-text-repeat {
        --bg-position: -75.46666666666667vw;
        top: 31.2vw;
        height: 18.133333333333333vw;
        background-size: 75.46666666666667vw 18.133333333333333vw;
    }
}

.page-service-lower.page-service-test .lower-heading {
    background: #37b482;
}

.page-service-lower.page-service-test .lower-heading .shape-square-left-bottom {
    fill: #10a569;
}

.page-service-lower.page-service-test .lower-heading .shape-group-top-right-small .shape-circle {
    fill: #10a569;
}

.page-service-lower.page-service-test .lower-heading .shape-group-top-right .shape-circle-ring {
    fill: #10a569;
}

.page-service-lower.page-service-test .lower-heading .shape-group-top-right .shape-square {
    fill: #08955c;
}

.page-service-lower.page-service-test .lower-heading .page-heading {
    letter-spacing: -0.016em;
}

.page-service-lower.page-service-test .lower-heading .page-heading div:nth-child(6) {
    margin-right: -5px;
}

.page-service-lower.page-service-test .lower-heading .text {
    margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-test .lower-heading .text {
        margin-left: 9.25925925925926%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .lower-heading .logo {
        width: 22.666666666666664vw;
    }
    .page-service-lower.page-service-test .lower-heading .page-heading {
        letter-spacing: 0;
    }
    .page-service-lower.page-service-test .lower-heading .page-heading div:nth-child(6) {
        margin-right: -0.666666666666667vw;
    }
    .page-service-lower.page-service-test .lower-heading .text {
        margin-left: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-test .page-kv .parallax-item {
    background: url("assets/img/service/thinc-test/pc/kv.jpg?hash=f6d88940e61f224512a71833d1f2fdc4") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-test .page-kv .parallax-item {
        background: url("assets/img/service/thinc-test/pc/kv@2x.jpg?hash=20a8c22391e17062be86ac5957ea230a") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-test .page-kv .shape-circle-ring {
    position: absolute;
    bottom: -244px;
    right: -298px;
    width: 540px;
    height: 540px;
    fill: #37b482;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .page-kv .parallax-item {
        background: url("assets/img/service/thinc-test/kv.jpg?hash=c1966a819625282c9ebf545e02e8e86b") center center no-repeat;
        background-size: cover;
        top: -21.333333333333336vw;
    }
    .page-service-lower.page-service-test .page-kv .shape-circle-ring {
        position: absolute;
        bottom: -35.199999999999996vw;
        right: -36.53333333333333vw;
        width: 72vw;
        height: 72vw;
    }
}

.page-service-lower.page-service-test .section-overview .shape-square-gray-wrap {
    position: absolute;
    top: -16px;
    right: -22px;
    width: 260px;
    height: 260px;
    -webkit-transform: rotate(4.11deg);
    transform: rotate(4.11deg);
}

.page-service-lower.page-service-test .section-overview .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-service-lower.page-service-test .section-overview .shape-circle-ring-gray {
    position: absolute;
    bottom: -14px;
    left: -260px;
    width: 660px;
    height: 660px;
    fill: #f7f7f7;
}

.page-service-lower.page-service-test .section-overview .block {
    margin-top: 73px;
}

.page-service-lower.page-service-test .section-overview .block .img {
    width: 470px;
}

.page-service-lower.page-service-test .section-overview .block .parallax-item-container {
    height: 590px;
}

.page-service-lower.page-service-test .section-overview .block .parallax-item {
    top: -110px;
    left: 0;
}

.page-service-lower.page-service-test .section-overview .block .text {
    width: 490px;
    margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-test .section-overview .block .img {
        flex: 1;
        width: 50%;
        margin-right: 5.957446808510639%;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 79.66101694915254%;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 125.53191489361701%;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item {
        top: -32.20338983050847%;
    }
    .page-service-lower.page-service-test .section-overview .block .text {
        width: 52.12765957446809%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-overview .shape-square-gray-wrap {
        display: none;
    }
    .page-service-lower.page-service-test .section-overview .shape-circle-ring-gray {
        bottom: auto;
        top: 167.46666666666667vw;
        left: -34.66666666666667vw;
        width: 88vw;
        height: 88vw;
    }
    .page-service-lower.page-service-test .section-overview .block {
        margin-top: 11.733333333333333vw;
    }
    .page-service-lower.page-service-test .section-overview .block .img {
        width: 75.2vw;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item-container {
        height: 94.39999999999999vw;
    }
    .page-service-lower.page-service-test .section-overview .block .parallax-item {
        top: -17.333333333333336vw;
    }
    .page-service-lower.page-service-test .section-overview .block .text {
        width: 100%;
        margin-top: 14.666666666666666vw;
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
        margin-right: 0;
    }
}

.page-service-lower.page-service-test .section-overview .decoration-text-repeat {
    margin-top: 130px;
    height: 134px;
    -webkit-animation: loop 15s linear infinite;
    animation: loop 15s linear infinite;
    --bg-position: -688px;
    background: url("assets/img/service/thinc-test/text-thinctest.png?hash=65290e43b204aa2244bac2ce41c4ade5") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-test .section-overview .decoration-text-repeat {
        background: url("assets/img/service/thinc-test/text-thinctest@2x.png?hash=3cc9e9607a25004880c5220501b01bc8") center center repeat-x;
        background-size: 688px 134px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-overview .decoration-text-repeat {
        margin-top: 17.066666666666666vw;
        height: 17.866666666666667vw;
        background-size: 91.73333333333333vw 17.866666666666667vw;
        --bg-position: -91.73333333333333vw;
    }
}

.page-service-lower.page-service-test .section-case .shape-triangle-gray-wrap {
    position: absolute;
    top: 453px;
    right: -178px;
    width: 588px;
    height: 527px;
    -webkit-transform: rotate(28.42deg);
    transform: rotate(28.42deg);
}

.page-service-lower.page-service-test .section-case .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-case .shape-triangle-gray-wrap {
        position: absolute;
        top: 164vw;
        right: -29.333333333333332vw;
        width: 86.4vw;
        height: 77.60000000000001vw;
    }
}

.page-service-lower.page-service-test .section-case .section-inner {
    padding-top: 118px;
    padding-bottom: 200px;
}

.page-service-lower.page-service-test .section-case .section-heading {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-left: 30px;
    font-size: 1.6rem;
    line-height: 1;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-test .section-case .section-heading {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-test .section-case .section-heading::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

.windows .page-service-lower.page-service-test .section-case .section-heading::before {
    top: 0;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-test .section-case .section-heading {
        margin-left: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-case .section-inner {
        padding-top: 19.466666666666665vw;
        padding-bottom: 32vw;
    }
    .page-service-lower.page-service-test .section-case .section-heading {
        margin-left: 6.666666666666667vw;
        padding-left: 7.466666666666668vw;
        font-size: 4vw;
    }
    .page-service-lower.page-service-test .section-case .section-heading::before {
        top: 0.266666666666667vw;
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        border-width: 1.066666666666667vw;
    }
    .android .page-service-lower.page-service-test .section-case .section-heading::before {
        top: 0;
    }
}

.page-service-lower.page-service-test .section-case .point-list {
    margin-top: 32px;
}

.page-service-lower.page-service-test .section-case .point-list li {
    position: relative;
}

.page-service-lower.page-service-test .section-case .point-list li .img {
    width: 554px;
}

.page-service-lower.page-service-test .section-case .point-list li .img .parallax-item-container {
    height: 488px;
}

.page-service-lower.page-service-test .section-case .point-list li .img .parallax-item {
    top: 0;
    left: 0;
}

.page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .img {
    order: 2;
    margin-right: -42px;
}

.page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .text-container {
    order: 1;
    margin-left: 80px;
}

.page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .img {
    margin-left: -42px;
}

.page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .text-container {
    margin-right: 80px;
}

.page-service-lower.page-service-test .section-case .point-list li:not(:first-child) {
    margin-top: 48px;
}

.page-service-lower.page-service-test .section-case .point-list li.point-1 .text-container .heading {
    margin-right: -2em;
}

.page-service-lower.page-service-test .section-case .point-list li.point-2 .text-container .heading {
    margin-left: -3px;
}

.page-service-lower.page-service-test .section-case .point-list li.point-3 .text-container {
    padding-bottom: 38px;
}

.page-service-lower.page-service-test .section-case .point-list li.point-3 .text-container .heading {
    margin-left: -3px;
}

.page-service-lower.page-service-test .section-case .point-list li .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .page-service-lower.page-service-test .section-case .point-list li .inner {
        max-width: 1080px;
    }
}

.page-service-lower.page-service-test .section-case .point-list li .text-container {
    width: 400px;
    padding-bottom: 14px;
    text-align: justify;
}

.page-service-lower.page-service-test .section-case .point-list li .text-container .num {
    font-size: 1.2rem;
    line-height: 1;
}

.page-service-lower.page-service-test .section-case .point-list li .text-container .heading {
    margin-top: 19px;
    font-size: 3.8rem;
    line-height: 1.421052631578947;
    font-weight: bold;
}

.page-service-lower.page-service-test .section-case .point-list li .text-container .text {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service-lower.page-service-test .section-case .point-list li .img {
        flex: 1;
        width: 58.93617021276596%;
    }
    .page-service-lower.page-service-test .section-case .point-list li .img .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service-lower.page-service-test .section-case .point-list li .img .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 88.08664259927798%;
    }
    .page-service-lower.page-service-test .section-case .point-list li .img .parallax-item-container>* {
        position: absolute;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .img {
        margin-right: -4.468085106382979%;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .text-container {
        margin-left: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .img {
        margin-left: -4.468085106382979%;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .text-container {
        margin-right: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li.point-1 .text-container .heading {
        margin-right: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li .inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container {
        width: 42.5531914893617%;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container .heading br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-case .point-list {
        margin-top: 12.8vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .img {
        width: 93.86666666666666vw;
        margin-top: 4vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .img .parallax-item-container {
        height: 81.6vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .img {
        margin-right: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(odd) .text-container {
        margin-left: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .img {
        order: 2;
        margin-left: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li:nth-child(even) .text-container {
        order: 1;
        margin-right: 0;
    }
    .page-service-lower.page-service-test .section-case .point-list li:not(:first-child) {
        margin-top: 18.666666666666668vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li.point-2 .text-container .heading {
        margin-left: -0.4vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li.point-3 .text-container {
        padding-bottom: 5.066666666666666vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li.point-3 .text-container .heading {
        margin-left: -0.4vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .inner {
        flex-direction: column;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container {
        width: 100%;
        padding-bottom: 1.866666666666667vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container .num {
        font-size: 2.933333333333333vw;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container .heading {
        margin-top: 4vw;
        font-size: 7.199999999999999vw;
        line-height: 1.481481481481481;
    }
    .page-service-lower.page-service-test .section-case .point-list li .text-container .text {
        margin-top: 6.666666666666667vw;
    }
}

.page-service-lower.page-service-test .section-link .parallax-item {
    background: url("assets/img/service/thinc-test/pc/link-img.jpg?hash=1b7cd0ee1a69bb41a238e5e8fadb308f") center center no-repeat;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-test .section-link .parallax-item {
        background: url("assets/img/service/thinc-test/pc/link-img@2x.jpg?hash=1a9326ba01bd948e4ea46040ad50b6c7") center center no-repeat;
        background-size: cover;
    }
}

.page-service-lower.page-service-test .section-link .section-heading {
    top: 120px;
}

.page-service-lower.page-service-test .section-link .section-heading::before {
    border-color: #37b482;
}

.page-service-lower.page-service-test .section-link .decoration-text-repeat {
    --bg-position: -566px;
    -webkit-animation: loop 10s linear infinite;
    animation: loop 10s linear infinite;
    top: 178px;
    height: 134px;
    background: url("assets/img/service/thinc-test/text-thinctest.png?hash=65290e43b204aa2244bac2ce41c4ade5") center center repeat-x;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .page-service-lower.page-service-test .section-link .decoration-text-repeat {
        background: url("assets/img/service/thinc-test/text-thinctest@2x.png?hash=3cc9e9607a25004880c5220501b01bc8") center center repeat-x;
        background-size: 688px 134px;
    }
}

@media only screen and (max-width: 767px) {
    .page-service-lower.page-service-test .section-link .parallax-item {
        background: url("assets/img/service/thinc-test/link-img.jpg?hash=98582d51e5f71ac8acc8666774018751") center center no-repeat;
        background-size: cover;
    }
    .page-service-lower.page-service-test .section-link .section-heading {
        top: 13.866666666666665vw;
    }
    .page-service-lower.page-service-test .section-link .decoration-text-repeat {
        --bg-position: -91.73333333333333vw;
        top: 31.2vw;
        height: 17.866666666666667vw;
        background-size: 91.73333333333333vw 17.866666666666667vw;
    }
}

.page-service .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-service .section-inner {
        max-width: 1080px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-inner {
        width: 100%;
    }
}

.page-service .kv {
    width: 100%;
    margin-top: 50px;
}

.page-service .kv .parallax-item-container {
    height: 450px;
}

.page-service .kv .parallax-item {
    top: -200px;
    left: 0;
}

.page-service .kv.change-img-container {
    background: #f9f9f9;
}

.page-service .kv.change-img-container .parallax-item-container {
    height: 450px;
}

.page-service .kv.change-img-container .parallax-item {
    top: 0;
    left: 0;
    width: 100%;
}

.page-service .kv.change-img-container .change-img {
    position: relative;
    width: 370px;
    height: 321px;
    margin: 0 auto;
}

.page-service .kv.change-img-container .change-img div {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: changeImg 10s infinite;
    animation: changeImg 10s infinite;
    background: #f9f9f9;
}

.page-service .kv.change-img-container .change-img .img-ja {
    -webkit-animation: changeImgFirst 10s infinite;
    animation: changeImgFirst 10s infinite;
}

.page-service .kv.change-img-container .change-img .img-en {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service .kv .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service .kv .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 41.66666666666667%;
    }
    .page-service .kv .parallax-item-container>* {
        position: absolute;
    }
    .page-service .kv .parallax-item {
        top: -44.44444444444444%;
    }
    .page-service .kv.change-img-container .parallax-item-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service .kv.change-img-container .parallax-item-container::before {
        content: "";
        display: block;
        padding-top: 41.66666666666667%;
    }
    .page-service .kv.change-img-container .parallax-item-container>* {
        position: absolute;
    }
    .page-service .kv.change-img-container .parallax-item {
        top: 0;
    }
    .page-service .kv.change-img-container .change-img {
        width: 100%;
        position: relative;
        width: 34.25925925925926%;
    }
    .page-service .kv.change-img-container .change-img::before {
        content: "";
        display: block;
        padding-top: 86.75675675675676%;
    }
    .page-service .kv.change-img-container .change-img>* {
        position: absolute;
    }
    .page-service .kv.change-img-container .change-img div {
        top: 14.444444444444443%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .kv {
        margin-top: 12.8vw;
    }
    .page-service .kv .parallax-item-container {
        height: 77.33333333333333vw;
    }
    .page-service .kv .parallax-item {
        top: -26.666666666666668vw;
    }
    .page-service .kv.change-img-container .parallax-item-container {
        height: 77.33333333333333vw;
    }
    .page-service .kv.change-img-container .change-img {
        width: 64vw;
        height: 55.46666666666666vw;
    }
    .page-service .kv.change-img-container .change-img div {
        top: 10.933333333333334vw;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-heading {
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
}

.page-service .section-sub-heading {
    margin-top: 67px;
    font-size: 3.2rem;
    line-height: 1.75;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .page-service .section-sub-heading {
        margin-top: 13.333333333333334vw;
        font-size: 7.333333333333333vw;
        line-height: 1.636363636363636;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
}

.page-service .section-contents {
    display: flex;
    flex-direction: column;
    margin-top: 75px;
    padding-left: 300px;
    text-align: justify;
}

.page-service .section-contents .copy {
    margin-bottom: 26px;
    font-size: 2rem;
    line-height: 1.9;
    font-weight: bold;
}

.page-service .section-contents .text .notes {
    font-size: 1.2rem;
    line-height: 2.333333333333333;
}

.page-service .section-contents .text sup {
    display: inline-block;
    margin-top: 6px;
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    vertical-align: top;
}

.page-service .section-contents .btn-arrow-right {
    margin-top: 63px;
    align-self: flex-end;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service .section-contents {
        padding-left: 27.77777777777778%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-contents {
        margin-top: 8.666666666666668vw;
        padding-left: 6.666666666666667vw;
        padding-right: 6.666666666666667vw;
    }
    .page-service .section-contents .copy {
        margin-bottom: 5.333333333333334vw;
        font-size: 4.533333333333333vw;
        line-height: 1.764705882352941;
    }
    .page-service .section-contents .text .notes {
        font-size: 2.666666666666667vw;
        line-height: 2.5;
    }
    .page-service .section-contents .text sup {
        margin-top: 1.333333333333333vw;
        font-size: 2.666666666666667vw;
    }
    .page-service .section-contents .btn-arrow-right {
        margin-top: 11.733333333333333vw;
    }
}

.page-service .section-creation .decoration-text {
    position: absolute;
    top: 118px;
    right: -172px;
    width: 816px;
    height: 172px;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service .section-creation .decoration-text {
        position: absolute;
        top: 27.200000000000003vw;
        right: -56.8vw;
        width: 108.80000000000001vw;
        height: 22.933333333333334vw;
    }
}

.page-service .section-creation .shape-triangle-gray-wrap {
    position: absolute;
    top: 600px;
    right: -100px;
    width: 640px;
    height: 574px;
    -webkit-transform: rotate(24.98deg);
    transform: rotate(24.98deg);
}

.page-service .section-creation .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service .section-creation .shape-triangle-gray-wrap {
        position: absolute;
        top: 112.79999999999998vw;
        right: -38.13333333333333vw;
        width: 85.33333333333334vw;
        height: 76.53333333333333vw;
    }
}

.page-service .section-creation .section-inner {
    padding-top: 159px;
    padding-bottom: 200px;
}

@media only screen and (max-width: 767px) {
    .page-service .section-creation .section-inner {
        padding-top: 32.266666666666666vw;
        padding-bottom: 28.000000000000004vw;
    }
}

.page-service .section-saas {
    background: #f7f7f7;
}

.page-service .section-saas .decoration-text {
    position: absolute;
    top: 170px;
    right: -724px;
    width: 1358px;
    height: 228px;
    fill: #fff;
}

@media only screen and (max-width: 767px) {
    .page-service .section-saas .decoration-text {
        position: absolute;
        top: 25.866666666666667vw;
        right: -131.46666666666667vw;
        width: 181.06666666666666vw;
        height: 30.4vw;
    }
}

.page-service .section-saas .shape-circle-ring-white {
    position: absolute;
    bottom: -404px;
    left: -278px;
    width: 820px;
    height: 820px;
    fill: #fff;
}

@media only screen and (max-width: 767px) {
    .page-service .section-saas .shape-circle-ring-white {
        position: absolute;
        bottom: -61.33333333333333vw;
        left: -50.66666666666667vw;
        width: 109.33333333333333vw;
        height: 109.33333333333333vw;
    }
}

.page-service .section-saas .section-inner {
    padding-top: 218px;
    padding-bottom: 200px;
}

@media only screen and (max-width: 767px) {
    .page-service .section-saas .section-inner {
        padding-top: 32vw;
        padding-bottom: 28.000000000000004vw;
    }
}

.page-service .section-saas .section-contents .copy {
    position: relative;
    padding-right: 290px;
    box-sizing: border-box;
}

.page-service .section-saas .section-contents .copy .logo-adflow {
    position: absolute;
    top: 10px;
    right: 0;
    width: 244px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service .section-saas .section-contents .copy {
        padding-right: 44.871794871794876%;
    }
    .page-service .section-saas .section-contents .copy br {
        display: none;
    }
    .page-service .section-saas .section-contents .copy .logo-adflow {
        top: 1.282051282051282%;
        width: 31.28205128205128%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-saas .section-contents .copy {
        padding-right: 0;
    }
    .page-service .section-saas .section-contents .copy .logo-adflow {
        position: static;
        width: 42.66666666666667vw;
        margin: 5.600000000000001vw 0 1.333333333333333vw;
    }
}

.page-service .section-thinc .decoration-text {
    position: absolute;
    top: 167px;
    right: -175px;
    width: 812px;
    height: 180px;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .decoration-text {
        position: absolute;
        top: 25.6vw;
        right: -58.13333333333334vw;
        width: 108.26666666666667vw;
        height: 24vw;
    }
}

.page-service .section-thinc .shape-square-gray-wrap {
    position: absolute;
    top: 958px;
    right: -108px;
    width: 575px;
    height: 575px;
    -webkit-transform: rotate(33.27deg);
    transform: rotate(33.27deg);
}

.page-service .section-thinc .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .shape-square-gray-wrap {
        position: absolute;
        top: 170.66666666666669vw;
        right: -48.53333333333333vw;
        width: 76.66666666666667vw;
        height: 76.66666666666667vw;
    }
}

.page-service .section-thinc .shape-circle-ring-gray {
    position: absolute;
    bottom: 433px;
    left: -395px;
    width: 640px;
    height: 640px;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .shape-circle-ring-gray {
        position: absolute;
        bottom: 20vw;
        left: -55.46666666666666vw;
        width: 85.33333333333334vw;
        height: 85.33333333333334vw;
    }
}

.page-service .section-thinc .section-inner {
    padding-top: 218px;
    padding-bottom: 180px;
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .section-inner {
        padding-top: 32.266666666666666vw;
        padding-bottom: 26.400000000000002vw;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .section-sub-heading span {
        letter-spacing: 0.12em;
    }
}

.page-service .section-thinc .section-contents .text sup {
    margin-left: 2px;
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .section-contents .text sup {
        margin-left: 0.266666666666667vw;
        margin-right: -0.533333333333333vw;
    }
}

.page-service .section-thinc .list-thinc {
    margin-top: 92px;
}

.page-service .section-thinc .list-thinc ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-service .section-thinc .list-thinc li {
    width: 350px;
    margin-bottom: 73px;
}

.page-service .section-thinc .list-thinc li a {
    position: relative;
    display: block;
}

.page-service .section-thinc .list-thinc li a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #37b482;
    z-index: 1;
}

.page-service .section-thinc .list-thinc li.item-test a::before {
    background: #37b482;
}

.page-service .section-thinc .list-thinc li.item-growth a::before {
    background: #f08205;
}

.page-service .section-thinc .list-thinc li.item-journal a::before {
    background: #aad250;
}

.page-service .section-thinc .list-thinc li.item-partner a::before {
    background: #eb555f;
}

.page-service .section-thinc .list-thinc .img-container {
    position: relative;
    overflow: hidden;
    height: 460px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-service .section-thinc .list-thinc .img-container .img {
    position: absolute;
    top: 0;
    left: 0;
}

.page-service .section-thinc .list-thinc .img-container .img::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
}

.page-service .section-thinc .list-thinc .img-container .logo {
    position: relative;
    width: 192px;
    height: 66px;
    fill: #fff;
}

.page-service .section-thinc .list-thinc .text-container {
    margin-top: 34px;
}

.page-service .section-thinc .list-thinc .text-container .name {
    font-size: 2.4rem;
    line-height: 1;
}

.page-service .section-thinc .list-thinc .text-container .copy {
    margin: 11px 0 0;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: bold;
}

.page-service .section-thinc .list-thinc .text-container .text {
    margin-top: 19px;
    font-size: 1.3rem;
    line-height: 1.846153846153846;
    letter-spacing: 0.05em;
    text-align: justify;
}

@media only screen and (min-width: 768px) {
    .page-service .section-thinc .list-thinc li a .img-container .img {
        transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-service .section-thinc .list-thinc li a .img-container .img::before {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-service .section-thinc .list-thinc li a .img-container .logo {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-service .section-thinc .list-thinc li a:hover .img-container .img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .page-service .section-thinc .list-thinc li a:hover .img-container .img::before {
        opacity: 0;
    }
    .page-service .section-thinc .list-thinc li a:hover .img-container .logo {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-service .section-thinc .list-thinc li {
        width: 44.871794871794876%;
    }
    .page-service .section-thinc .list-thinc li .img-container {
        width: 100%;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .page-service .section-thinc .list-thinc li .img-container::before {
        content: "";
        display: block;
        padding-top: 131.42857142857142%;
    }
    .page-service .section-thinc .list-thinc li .img-container>* {
        position: absolute;
    }
    .page-service .section-thinc .list-thinc li .img-container .logo {
        width: 54.85714285714286%;
        height: 14.347826086956522%;
    }
}

@media only screen and (max-width: 767px) {
    .page-service .section-thinc .list-thinc {
        margin-top: 18.133333333333333vw;
    }
    .page-service .section-thinc .list-thinc li {
        width: 50%;
        margin-bottom: 12.533333333333333vw;
    }
    .page-service .section-thinc .list-thinc li a::before {
        height: 1.6vw;
    }
    .page-service .section-thinc .list-thinc .img-container {
        height: 61.33333333333333vw;
    }
    .page-service .section-thinc .list-thinc .img-container .logo {
        width: 30.933333333333334vw;
        height: 10.666666666666668vw;
    }
    .page-service .section-thinc .list-thinc .text-container {
        margin-top: 7.466666666666668vw;
    }
    .page-service .section-thinc .list-thinc .text-container .name {
        font-size: 5.066666666666666vw;
    }
    .page-service .section-thinc .list-thinc .text-container .copy {
        margin: 2.666666666666667vw 0 0;
        font-size: 2.933333333333333vw;
        letter-spacing: 0.06em;
    }
    .page-service .section-thinc .list-thinc .text-container .text {
        margin-top: 5.333333333333334vw;
        padding-right: 5.866666666666666vw;
        font-size: 2.666666666666667vw;
        line-height: 1.7;
    }
}

.page-home {
    background: #fff;
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.page-home .section-service,
.page-home .section-project,
.page-home .section-information {
    background: #fff;
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.page-home.is-bg-black .section-service,
.page-home.is-bg-black .section-project {
    background: #373737;
}

.page-home.is-bg-black .section-service .shape,
.page-home.is-bg-black .section-project .shape,
.page-home.is-bg-black .section-service .decoration-text,
.page-home.is-bg-black .section-project .decoration-text {
    opacity: 0.01;
}

.page-home.is-back .section-service,
.page-home.is-back .section-project {
    transition: unset;
}

@media only screen and (min-width: 768px) {
    .page-home .nav {
        position: fixed;
    }
}

.page-home .section-heading {
    position: relative;
    padding-left: 30px;
    font-size: 0.94vw;
    line-height: 1;    color: #000000;
    font-weight: 600;
}

.page-home .section-heading::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}

.windows .page-home .section-heading::before {
    top: 0.2vw;
}

@media only screen and (max-width: 767px) {
    .page-home .section-heading {
        padding-left: 7.199999999999999vw;
        font-size: 4vw;
        line-height: 1;
    }
    .page-home .section-heading::before {
        top: 0.266666666666667vw;
        width: 1.066666666666667vw;
        height: 1.066666666666667vw;
        border-width: 1.066666666666667vw;
    }
    .android .page-home .section-heading::before {
        top: 0;
    }
}

.page-home .slider {
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
}

.page-home .slider:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.page-home .slider .slider-item-container {
    display: flex;
    flex-wrap: nowrap;
}

.page-home .slider .slider-item {
    flex-shrink: 0;
}

.page-home .slider .slider-item a {
    position: relative;
    display: block;
    cursor: -webkit-grab;
    cursor: grab;
}

.page-home .slider .slider-item a:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.page-home .slider .slider-scroll {
    position: relative;
    width: 100%;
    height: 2px;
}

.page-home .slider .slider-scroll .swiper-scrollbar-drag {
    position: absolute;
    top: -1px;
    left: 0;
    width: 400px;
    height: 4px;
}

.page-home .slider .slider-text-container {
    box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
    .page-home .slider {
        padding-bottom: 0.266666666666667vw;
    }
    .page-home .slider .slider-scroll {
        height: 0.533333333333333vw;
    }
    .page-home .slider .slider-scroll .swiper-scrollbar-drag {
        top: -0.266666666666667vw;
        width: 21.866666666666667vw;
        height: 1.066666666666667vw;
    }
}

.page-home .page-contents {
    position: relative;
}

.page-home .section-inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (min-width: 768px) {
    .page-home .section-inner {
        max-width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-inner {
        width: 100%;
    }
}

.page-home .shape-bg {
    position: fixed;
    top: 13%;
    left: 0;
    width: 100%;
    height: 100%;background-color: #333;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg {
        height: auto;
        min-height: 100vh;
        min-height: calc(var(--vh, 1vh) * 100);
    }
.page-home .shape-bg {
    position: fixed;
    top: 17vw;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
}
}

.page-home .shape-bg .shape-circle-purple {
    top: -100px;
    left: 267px;
    width: 200px;
    height: 200px;
    fill: #7070d1;
    mix-blend-mode: color-dodge;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    z-index: 1;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-circle-purple {
        top: -24vw;
        left: 26.400000000000002vw;
        width: 32vw;
        height: 32vw;
    }
}

.page-home .shape-bg .shape-group-top-left {
    top: -382px;
    left: -202px;
    width: 600px;
    height: 600px;
    border-radius: 50%;
}

.page-home .shape-bg .shape-group-top-left .shape-circle-red {
    bottom: -311px;
    left: 150px;
    width: 410px;
    height: 410px;
    fill: #e9535e;
}

.page-home .shape-bg .shape-group-top-left .shape-circle-gray {
    top: 0;
    left: 0;
    width: 600px;
    height: 600px;
    fill: #f1f1f1;
}

.page-home .shape-bg .shape-group-top-left .shape-circle-white {
    top: 282px;
    right: -69px;
    width: 200px;
    height: 200px;
    fill: #fff;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-group-top-left {
        top: -44.53333333333334vw;
        left: -36.266666666666666vw;
        width: 80vw;
        height: 80vw;
    }
    .page-home .shape-bg .shape-group-top-left .shape-circle-red {
        bottom: -49.06666666666666vw;
        left: 22.666666666666664vw;
        width: 63.2vw;
        height: 63.2vw;
    }
    .page-home .shape-bg .shape-group-top-left .shape-circle-gray {
        width: 80vw;
        height: 80vw;
    }
    .page-home .shape-bg .shape-group-top-left .shape-circle-ring-gray {
        top: 41.333333333333336vw;
        left: -2.133333333333333vw;
        width: 112.00000000000001vw;
        height: 112.00000000000001vw;
    }
    .page-home .shape-bg .shape-group-top-left .shape-circle-white {
        top: 20.266666666666666vw;
        right: -14.666666666666666vw;
        width: 32vw;
        height: 32vw;
    }
}

.page-home .shape-bg .shape-circle-ring-blue {
    bottom: -244px;
    left: -194px;
    width: 410px;
    height: 410px;
    fill: #0db9d7;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-circle-ring-blue {
        bottom: -21.866666666666667vw;
        left: -21.333333333333336vw;
        width: 52vw;
        height: 52vw;
    }
}

.page-home .shape-bg .shape-group-bottom-right {
    bottom: 0;
    right: -700px;
    width: 1852px;
    height: 120px;
    overflow: visible;
}

.page-home .shape-bg .shape-group-bottom-right .shape-semicircle-blue {
    top: 0;
    left: 0;
    width: 1852px;
    height: 388px;
    fill: #338acb;
}

.page-home .shape-bg .shape-group-bottom-right .shape-circle-ring-gray {
    display: none;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-group-bottom-right {
        bottom: -330.6666666666667vw;
        right: -157.6vw;
        width: 349.3333333333333vw;
        height: 349.3333333333333vw;
        overflow: hidden;
        border-radius: 50%;
    }
    .page-home .shape-bg .shape-group-bottom-right .shape-semicircle-blue {
        width: 246.9333333333333vw;
        height: 51.733333333333334vw;
        left: 52.26666666666666vw;
    }
    .page-home .shape-bg .shape-group-bottom-right .shape-circle-ring-gray {
        display: block;
        top: -11.466666666666667vw;
        left: 70.39999999999999vw;
        width: 52vw;
        height: 52vw;
        fill: #f1f1f1;
    }
}

.page-home .shape-bg .shape-square-ring-green {
    top: 355px;
    right: -359px;
    width: 976px;
    height: 880px;
    fill: #2fb484;
    mix-blend-mode: multiply;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-square-ring-green {
        top: 122.93333333333334vw;
        right: -68.26666666666667vw;
        width: 130.13333333333333vw;
        height: 117.33333333333333vw;
    }
}

.page-home .shape-bg .shape-group-top-right {
    top: -352px;
    right: -310px;
    width: 820px;
    height: 820px;
    border-radius: 50%;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.page-home .shape-bg .shape-group-top-right .shape-circle-ring-yellow {
    top: 0;
    left: 0;
    width: 820px;
    height: 820px;
    fill: #ffd700;
}

.page-home .shape-bg .shape-group-top-right .shape-square-ring-gray {
    top: 707px;
    left: -108px;
    width: 976px;
    height: 880px;
    fill: #f1f1f1;
}

@media only screen and (max-width: 767px) {
    .page-home .shape-bg .shape-group-top-right {
        top: -32vw;
        right: -56.00000000000001vw;
        width: 85.33333333333334vw;
        height: 85.33333333333334vw;
    }
    .page-home .shape-bg .shape-group-top-right .shape-circle-ring-yellow {
        width: 85.33333333333334vw;
        height: 85.33333333333334vw;
    }
    .page-home .shape-bg .shape-group-top-right .shape-square-ring-gray {
        display: none;
        top: 94.26666666666667vw;
        left: -14.399999999999999vw;
        width: 130.13333333333333vw;
        height: 117.33333333333333vw;
    }
}

.page-home .section-hero {
    height: 100vh;
}

.page-home .section-hero .section-inner {
    width: 100%;
    height: 100%;
    max-width: none;
    display: flex;
    align-items: center;
}

.page-home .section-hero .content-trigger {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
}

.page-home .section-hero .text-contents {
    width:65%;
    margin-top: 5%;
    margin-left: 3%;
    
}

.page-home .section-hero .copy {
    line-height: 1;
}

.page-home .section-hero .copy>span {
    display: block;
}

.page-home .section-hero .copy .copy-main {
    margin-left: 0px;
}

.page-home .section-hero .copy .copy-main-inner {
    font-size: 5.4rem;
    letter-spacing:0.9vw;
    font-weight: bold;
    display: block;
}

.page-home .section-hero .copy .copy-main-inner span {
    display: inline-block;
}

.page-home .section-hero .copy .copy-main-inner .text-block {
    margin-left: -16px;
    letter-spacing: -0.022em;
}

.page-home .section-hero .copy .copy-sub {
    margin-top: 8px;
    color: #fff;
    margin-left: 6px;
    font-size: 2.6rem;
    letter-spacing: -0.026em;
}

.page-home .section-hero .main-text {
    margin-top: 36px;
    font-size: 1.5rem;
    line-height: 2.133333333333333;
}

.page-home .section-hero .scroll {
    position: absolute;
    top: 50%;
    right: 43px;
    z-index: 2;
    width: 2px;
    height: 140px;
    margin-top: -70px;
}

.page-home .section-hero .scroll-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.page-home .section-hero .scroll-inner .scroll-bar {
    position: absolute;
    bottom: 104px;
    left: -1px;
    width: 4px;
    height: 36px;
    border-radius: 2px;
    background: #555;
}

.page-home .section-hero .scroll-inner.is-show .scroll-bar {
    -webkit-animation: scrollBar 2.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite, scrollBarOpacity 2.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: scrollBar 2.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite, scrollBarOpacity 2.2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.page-home .section-hero .copyright {
    position: absolute;
    bottom: 47px;
    left: 50px;
    z-index: 2;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.07em;
}

.page-home .section-hero .copyright span {
    display: inline-block;
}

.page-home .section-hero .link-block-sns {
    position: absolute;
    bottom: 32px;
    right: 32px;
    z-index: 2;
}

.page-home .section-hero .link-block-sns ul {
    display: flex;
}

.page-home .section-hero .link-block-sns li {
    width: 40px;
    height: 40px;
}

.page-home .section-hero .link-block-sns a,
.page-home .section-hero .link-block-sns span {
    display: block;
}

.page-home .section-hero .link-block-sns a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
}

.page-home .section-hero .link-block-sns .icon {
    fill: #373737;
}

.page-home .section-hero .link-block-sns .btn-twitter {
    margin-right: 17px;
}

.page-home .section-hero .link-block-sns .btn-twitter .icon {
    width: 16px;
    height: 13px;
}

.page-home .section-hero .link-block-sns .btn-facebook .icon {
    width: 8px;
    height: 15px;
}

@media only screen and (min-width: 768px) {
    .page-home .section-hero .btn-twitter a,
    .page-home .section-hero .btn-facebook a {
        transition: background 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .page-home .section-hero .btn-twitter a .icon,
    .page-home .section-hero .btn-facebook a .icon {
        transition: fill 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    }
    .page-home .section-hero .btn-twitter a:hover,
    .page-home .section-hero .btn-facebook a:hover {
        background: #373737;
    }
    .page-home .section-hero .btn-twitter a:hover .icon,
    .page-home .section-hero .btn-facebook a:hover .icon {
        fill: #fff;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-hero .text-contents {
    width: 95%;
    margin-top: 5%;
    margin-left: 3%;
}
    .page-home .section-hero .text-contents {
        margin-left: 4.62962962962963%;
    }
    .page-home .section-hero .scroll {
        right: 3.981481481481482%;
    }
    .page-home .section-hero .copyright {
        left: 4.62962962962963%;
    }
    .page-home .section-hero .link-block-sns {
        right: 2.962962962962963%;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-hero {
        height: auto;
    }
    .page-home .section-hero .section-inner {
        min-height: 88vh;
    }
    .page-home .section-hero .text-contents {
        margin-top: 0;
        margin-bottom: 4.533333333333333vw;
        margin-left: 6.666666666666667vw;
    }
    .page-home .section-hero .copy .copy-main {
        margin-left: -1.2vw;
    }
    .page-home .section-hero .copy .copy-main-inner {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: -0.072em;
    }
    .page-home .section-hero .copy .copy-main-inner .text-block {
        margin-left: 0;
    }

    .page-home .section-hero .main-text {
        margin-top: 9.066666666666666vw;
        font-size: 2.933333333333333vw;
        line-height: 2.090909090909091;
    }
    .page-home .section-hero .scroll {
        right: 5.866666666666666vw;
        width: 0.533333333333333vw;
        height: 34.66666666666667vw;
        margin-top: -17.333333333333336vw;
        background: #f1f1f1;
    }
    .page-home .section-hero .scroll .scroll-bar {
        left: -0.266666666666667vw;
        width: 1.066666666666667vw;
        height: 10.666666666666668vw;
        border-radius: 0.533333333333333vw;
    }
    .page-home .section-hero .copyright {
        position: absolute;
        bottom: 12.8vw;
        left: 5.866666666666666vw;
        font-size: 2.666666666666667vw;
        line-height: 1;
        letter-spacing: 0.075em;
    }
    .page-home .section-hero .link-block-sns {
        display: none;
    }
    .menu .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #ffe52a;
    opacity: 0.9;
}
}

.page-home .section-mission {
    position: relative;
}

.page-home .section-mission::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.page-home .section-mission .decoration-text {
    position: absolute;
    bottom: 105px;
    left: -77px;
    width: 1122px;
    height: 172px;
    fill: #fff;
}

.page-home .section-mission .section-inner {
    padding: 8% 0% 8%;
}

.page-home .section-mission .block-container {
    display: flex;
    justify-content: space-between;
}

.page-home .section-mission .block-container .block:first-child {
    flex: 1;
}

.page-home .section-mission .block-container .block:last-child {
    width: 50%;
    margin-top: 49px;
    margin-right: 11px;
}

.page-home .section-mission .copy {
    margin-top: 29px;
    padding-right: 20px;
    font-size: 3.8rem;
    line-height: 1.736842105263158;
    font-weight: bold;
}

.page-home .section-mission .copy span {
    display: block;
    letter-spacing: 0.1em;
}

.page-home .section-mission .copy span:nth-child(1) {
    margin-left: -4px;
    letter-spacing: 0.06em;
}

.page-home .section-mission .main-text {
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-weight: 600;
}

.page-home .section-mission .btn-arrow-right {
    position: relative;
    margin-top: 60px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-mission .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-home .section-mission .block-container .block:first-child {
        min-width: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-mission .decoration-text {
        position: absolute;
        bottom: 26.13333333333333vw;
        left: -12.533333333333333vw;
        width: 149.6vw;
        height: 22.933333333333334vw;
    }
.page-home .section-mission .section-inner {
    padding: 20% 10%;
}
    .page-home .section-mission .block-container {
        flex-wrap: wrap;
    }
    .page-home .section-mission .block-container .block {
        display: flex;
        flex-direction: column;
    }
    .page-home .section-mission .block-container .block:first-child {
        min-width: auto;
    }
    .page-home .section-mission .block-container .block:last-child {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }
    .page-home .section-mission .copy {
    margin-top: 60px;
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 0.06em;
    }
    .page-home .section-mission .copy span:nth-child(1) {
        margin-left: -0.533333333333333vw;
    }
    .page-home .section-mission .main-text {
margin-top: 15%;
    font-size: 13px;
    line-height: 28px;
    text-align: justify;
        -webkit-font-feature-settings: normal;
        font-feature-settings: normal;
    }
    .page-home .section-mission .btn-arrow-right {
        margin-top: 13.066666666666665vw;
    }
}

.page-home .section-service {
    z-index: 1;
    margin-top: 0px;
    margin-bottom: -1px;
    padding-bottom: 147px;
    background: #fff;
}

@media only screen and (max-width: 767px) {
    .page-home .section-service {
        margin-top: 40vw;
        padding-bottom: 27.200000000000003vw;
    }
}

.page-home .section-service .decoration-text {
    position: absolute;
    top: 123px;
    right: -34px;
    width: 660px;
    height: 172px;
    fill: #f7f7f7;
}

.page-home .section-service .shape-triangle-gray-wrap {
    position: absolute;
    bottom: -434px;
    right: -67px;
    width: 640px;
    height: 575px;
    -webkit-transform: rotate(25.14deg);
    transform: rotate(25.14deg);
}

.page-home .section-service .shape-triangle-gray-wrap .shape-triangle-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

.page-home .section-service .shape-circle-ring-gray {
    bottom: -525px;
    left: -278px;
    width: 820px;
    height: 820px;
    fill: #f7f7f7;
}

.page-home .section-service .shape-square-gray-wrap {
    position: absolute;
    bottom: -720px;
    right: -100px;
    width: 640px;
    height: 640px;
    -webkit-transform: rotate(33.35deg);
    transform: rotate(33.35deg);
}

.page-home .section-service .shape-square-gray-wrap .shape-square-gray {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #f7f7f7;
}

@media only screen and (max-width: 767px) {
    .page-home .section-service .decoration-text {
        top: 19.733333333333334vw;
        right: -30.666666666666664vw;
        width: 88vw;
        height: 22.933333333333334vw;
    }
    .page-home .section-service .shape-triangle-gray-wrap {
        bottom: -82.93333333333334vw;
        right: -24.53333333333333vw;
        width: 102.13333333333334vw;
        height: 91.73333333333333vw;
    }
    .page-home .section-service .shape-circle-ring-gray {
        bottom: -98.66666666666667vw;
        left: -43.733333333333334vw;
        width: 109.33333333333333vw;
        height: 109.33333333333333vw;
    }
    .page-home .section-service .shape-square-gray-wrap {
        bottom: -150.66666666666666vw;
        right: auto;
        left: -44.800000000000004vw;
        width: 85.33333333333334vw;
        height: 85.33333333333334vw;
    }
}

.page-home .section-service .section-inner {
    max-width: none;
    padding-top: 1%;
}

.page-home .section-service .block-container {
    position: relative;
}

.page-home .section-service .section-heading {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    .page-home .section-service .section-heading {
    max-width: 100%;
    margin-bottom: 3%;    color: #000000;
    font-weight: 600;
    }
}

.page-home .section-service .main-text {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 43%;
    margin-left: -388px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: 0.094em;
}

@media only screen and (min-width: 768px) {
    .page-home .section-service .main-text {
        word-break: keep-all;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-service .section-heading {
        margin-left: 6.481481481481481%;
    }
    .page-home .section-service .main-text {
        width: 70%;
        margin-left: -29.444444444444446%;
    }
}
.p-thumbnail-link {
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(var(--col-number),1fr);
    gap: var(--gap-row) var(--gap-col);
}

.p-thumbnail-link {
    --gap-row: 66px;
}
.p-thumbnail-link {
    --col-number: 3;
    --gap-col: 30px;
}
@media only screen and (max-width: 767px) {
.page-home .section-service .section-inner {
    min-width: auto;
    padding-top: 1%;
}
    .page-home .section-service .section-heading {
        width: auto;
        margin-left: 6.666666666666667vw;
    }
    .page-home .section-service .main-text {
        position: static;
        width: 100%;
        padding: 0 6.666666666666667vw;
        margin-left: 0;
        margin-top: 11.200000000000001vw;
        box-sizing: border-box;
    }
}

.page-home .section-service .service-list {
    margin-top:5%;
}

.page-home .section-service .service-list li {
    position: relative;
}

.page-home .section-service .service-list li .img-container {
    position: relative;
    overflow: hidden;
}

.page-home .section-service .service-list li .img-container .img {
    position: absolute;
    left: 0;
}

.page-home .section-service .service-list li .text-container {
    position: relative;
    text-align: justify;
}

.page-home .section-service .service-list li .text-container .num {
    font-size: 1.2rem;
    line-height: 1;
}

.page-home .section-service .service-list li .text-container .heading {
    margin-top: 11px;
    font-size: 2.6rem;
    line-height: 1.538461538461539;
    letter-spacing: 0.05em;
    font-weight: bold;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

.page-home .section-service .service-list li .text-container .text {
    margin-top: 27px;
    font-size: 1.3rem;
    line-height: 1.846153846153846;
    letter-spacing: 0.05em;
}

.page-home .section-service .service-list li .text-container .btn-arrow-right {
    margin-left: 2px;
}

.page-home .section-service .service-list li.service-01 .inner,
.page-home .section-service .service-list li.service-02 .inner {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    .page-home .section-service .service-list li.service-01 .inner,
    .page-home .section-service .service-list li.service-02 .inner {
        max-width: 1080px;
    }
}

.page-home .section-service .service-list li.service-01 .img-container {
    width: 560px;
    height: 440px;
}

.page-home .section-service .service-list li.service-01 .img-container .img {
    top: -220px;
}

.page-home .section-service .service-list li.service-01 .text-container {
    width: 340px;
    margin-right: 50px;
    padding-bottom: 26px;
}

.page-home .section-service .service-list li.service-01 .text-container .btn-arrow-right {
    margin-top: 39px;
}

.page-home .section-service .service-list li.service-02 {
    margin-top: 110px;
}

.page-home .section-service .service-list li.service-02 .img-container {
    order: 2;
    width: 440px;
    height: 560px;
    margin-right: 49px;
}

.page-home .section-service .service-list li.service-02 .img-container .img {
    top: -280px;
}

.page-home .section-service .service-list li.service-02 .text-container {
    order: 1;
    width: 450px;
    margin-left: 71px;
    padding-bottom: 4px;
}

.page-home .section-service .service-list li.service-02 .text-container .logo-adflow {
    margin-top: 31px;
    width: 194px;
}

.page-home .section-service .service-list li.service-02 .text-container .btn-arrow-right {
    margin-top: 47px;
}

.page-home .section-service .service-list li.service-03 {
    margin-top: 5%;
    padding: 0 10%;
}

.page-home .section-service .service-list li.service-03 .inner {
    width: 100%;
}

.page-home .section-service .service-list li.service-03 .text-container .heading {
    position: relative;
    display: inline-block;
    margin-top: 14px;
    margin-left: -2px;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.075em;
}

.page-home .section-service .service-list li.service-03 .text-container .heading span {
    position: absolute;
    top: -39px;
    right: -194px;
    width: 172px;
    height: 56px;
}

.page-home .section-service .service-list li.service-03 .text-container .text {
    margin-top: 36px;
    font-size: 1.5rem;
    line-height: 1.866666666666667;
    letter-spacing: 0.1em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-service .service-list li.service-01 .inner,
    .page-home .section-service .service-list li.service-02 .inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-home .section-service .service-list li.service-01 .img-container {
        width: 100%;
        position: relative;
        width: 59.57446808510638%;
        height: 46.808510638297875%;
        flex: 1;
    }
    .page-home .section-service .service-list li.service-01 .img-container::before {
        content: "";
        display: block;
        padding-top: 78.57142857142857%;
    }
    .page-home .section-service .service-list li.service-01 .img-container>* {
        position: absolute;
    }
    .page-home .section-service .service-list li.service-01 .img-container .img {
        top: -50%;
    }
    .page-home .section-service .service-list li.service-01 .img-container .img img {
        width: 100%;
    }
    .page-home .section-service .service-list li.service-01 .text-container {
        width: 36.17021276595745%;
        margin-left: 10.638297872340425%;
        margin-right: 0;
    }
    .page-home .section-service .service-list li.service-02 .img-container {
        width: 100%;
        position: relative;
        width: 46.808510638297875%;
        height: 59.57446808510638%;
        flex: 1;
        margin-right: 0;
    }
    .page-home .section-service .service-list li.service-02 .img-container::before {
        content: "";
        display: block;
        padding-top: 127.27272727272727%;
    }
    .page-home .section-service .service-list li.service-02 .img-container>* {
        position: absolute;
    }
    .page-home .section-service .service-list li.service-02 .img-container .img {
        top: -50%;
    }
    .page-home .section-service .service-list li.service-02 .img-container .img img {
        width: 100%;
    }
    .page-home .section-service .service-list li.service-02 .text-container {
        width: 47.87234042553192%;
        margin-left: 0;
        margin-right: 10.638297872340425%;
    }
    .page-home .section-service .service-list li.service-03 {
        padding: 0 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-service .service-list {
        margin-top: 16.8vw;
    }
    .page-home .section-service .service-list li .inner {
        width: 100%;
        box-sizing: border-box;
    }
    .page-home .section-service .service-list li .img-container {
        margin: 0 auto;
    }
    .page-home .section-service .service-list li .text-container {
        display: flex;
        flex-direction: column;
        margin-top: 9.066666666666666vw;
        padding: 0 6.666666666666667vw;
        box-sizing: border-box;
    }
    .page-home .section-service .service-list li .text-container .num {
        font-size: 2.933333333333333vw;
    }
    .page-home .section-service .service-list li .text-container .heading {
        margin-top: 4.533333333333333vw;
        font-size: 5.600000000000001vw;
        line-height: 1;
    }
    .page-home .section-service .service-list li .text-container .text {
        margin-top: 7.466666666666668vw;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
    .page-home .section-service .service-list li .text-container .btn-arrow-right {
        align-self: flex-end;
        margin-left: 0.266666666666667vw;
    }
    .page-home .section-service .service-list li.service-01 .inner,
    .page-home .section-service .service-list li.service-02 .inner {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .page-home .section-service .service-list li.service-01 .img-container {
        width: 86.66666666666667vw;
        height: 68vw;
    }
    .page-home .section-service .service-list li.service-01 .img-container .img {
        top: -34.13333333333333vw;
    }
    .page-home .section-service .service-list li.service-01 .text-container {
        width: 100%;
        margin-right: 6.666666666666667vw;
        padding-bottom: 0;
    }
    .page-home .section-service .service-list li.service-01 .text-container .btn-arrow-right {
        margin-top: 8.799999999999999vw;
    }
    .page-home .section-service .service-list li.service-02 {
        margin-top: 20vw;
    }
    .page-home .section-service .service-list li.service-02 .img-container {
        order: 1;
        width: 74.66666666666667vw;
        height: 99.46666666666667vw;
        margin: 0 auto;
    }
    .page-home .section-service .service-list li.service-02 .img-container .img {
        top: -51.733333333333334vw;
    }
    .page-home .section-service .service-list li.service-02 .text-container {
        order: 2;
        width: 100%;
        margin-left: 0;
        padding-bottom: 0;
    }
    .page-home .section-service .service-list li.service-02 .text-container .logo-adflow {
        width: 45.33333333333333vw;
        margin-top: 7.199999999999999vw;
    }
    .page-home .section-service .service-list li.service-02 .text-container .btn-arrow-right {
        margin-top: 7.733333333333333vw;
    }
    .page-home .section-service .service-list li.service-03 {
        margin-top: 20vw;
        padding: 0;
    }
    .page-home .section-service .service-list li.service-03 .text-container .heading {
        margin-top: 2.933333333333333vw;
        margin-left: 0;
        font-size: 3.733333333333334vw;
        line-height: 1;
        letter-spacing: 0.05em;
    }
    .page-home .section-service .service-list li.service-03 .text-container .heading span {
        top: -6.133333333333333vw;
        right: auto;
        left: 38.4vw;
        width: 29.333333333333332vw;
        height: 9.6vw;
    }
    .page-home .section-service .service-list li.service-03 .text-container .text {
        margin-top: 7.199999999999999vw;
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
    }
}

.page-home .section-service .service-list .slider {
    margin-top: 44px;
}

.page-home .section-service .service-list .slider .slider-item-container {
    margin-bottom: 64px;
}

.page-home .section-service .service-list .slider .slider-item {
    width: 30%;
}

.page-home .section-service .service-list .slider .slider-item a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background: #37b482;
    z-index: 1;
}

.page-home .section-service .service-list .slider .slider-item.slider-item-test a::before {
    background: #37b482;
}

.page-home .section-service .service-list .slider .slider-item.slider-item-growth a::before {
    background: #f08205;
}
.page-home .section-service .service-list .slider .slider-item.slider-item-growth.second a::before {
    background: #ccc;
}
.page-home .section-service .service-list .slider .slider-item.slider-item-journal a::before {
    background: #aad250;
}

.page-home .section-service .service-list .slider .slider-item.slider-item-partner a::before {
    background: #eb555f;
}
.page-home .section-service .service-list .slider .slider-item.slider-item-mic a::before {
    background: #ccc;
}

.page-home .section-service .service-list .slider .slider-img-container {
    position: relative;
    overflow: hidden;
    height: 520px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-home .section-service .service-list .slider .slider-img-container .img {
    position: absolute;
    top: 0;
    left: 0;
}

.page-home .section-service .service-list .slider .slider-img-container .img::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #bcbcbc;
    opacity: 0.3;
}

.page-home .section-service .service-list .slider .slider-img-container .logo {
    position: relative;
    width: 192px;
    height: 66px;
    fill: #fff;
}

.page-home .section-service .service-list .slider .slider-text-container {
    margin-top: 33px;
    padding-left: 10px;
}

.page-home .section-service .service-list .slider .slider-text-container .name {
    font-size: 2.4rem;
    line-height: 1;
}

.page-home .section-service .service-list .slider .slider-text-container .copy {
    margin-top: 11px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: bold;
}

.page-home .section-service .service-list .slider .slider-text-container .text {
    width: 308px;
    margin-top: 19px;
    font-size: 1.3rem;
    line-height: 1.846153846153846;
    letter-spacing: 0.05em;
    text-align: justify;
}

.page-home .section-service .service-list .slider .slider-scroll {
    background: #f5f5f5;
}

.page-home .section-service .service-list .slider .slider-scroll .slider-scroll-bar {
    background: #d0d0d0;
}

@media only screen and (min-width: 768px) {
    .page-home .section-service .service-list .slider .slider-item a .slider-img-container .img {
        transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-home .section-service .service-list .slider .slider-item a .slider-img-container .img::before {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-home .section-service .service-list .slider .slider-item a .slider-img-container .logo {
        transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-home .section-service .service-list .slider .slider-item a:hover .slider-img-container .img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .page-home .section-service .service-list .slider .slider-item a:hover .slider-img-container .img::before {
        opacity: 0;
    }
    .page-home .section-service .service-list .slider .slider-item a:hover .slider-img-container .logo {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-service .service-list .slider {
margin: 12% 4%;
    }
    .page-home .section-service .service-list .slider .slider-item-container {
        margin-bottom: 12.266666666666666vw;
    }
    .page-home .section-service .service-list .slider .slider-item {
        width: 64vw;
    }
    .page-home .section-service .service-list .slider .slider-item a::before {
        height: 1.333333333333333vw;
    }
    .page-home .section-service .service-list .slider .slider-img-container {
        height: 83.2vw;
    }
    .page-home .section-service .service-list .slider .slider-img-container .logo {
        width: 30.933333333333334vw;
        height: 10.666666666666668vw;
    }
    .page-home .section-service .service-list .slider .slider-text-container {
        margin-top: 7.733333333333333vw;
        padding-left: 1.333333333333333vw;
    }
    .page-home .section-service .service-list .slider .slider-text-container .name {
        font-size: 6.133333333333333vw;
    }
    .page-home .section-service .service-list .slider .slider-text-container .copy {
        margin-top: 2.666666666666667vw;
        font-size: 3.2vw;
        letter-spacing: 0.1em;
    }
    .page-home .section-service .service-list .slider .slider-text-container .text {
        width: 52vw;
        margin-top: 5.333333333333334vw;
        font-size: 2.933333333333333vw;
        line-height: 1.727272727272727;
    }
}

.page-home .section-service .bottom-decoration-text-container {
    position: relative;
    margin-top: 142px;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-1,
.page-home .section-service .bottom-decoration-text-container .decoration-text-2 {
    width: 4108px;
    height: 170px;
    display: flex;
    overflow: hidden;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-1 div,
.page-home .section-service .bottom-decoration-text-container .decoration-text-2 div {
    width: 2054px;
    height: 170px;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-1 {
    fill: #ffd700;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-1 div:first-child {
    -webkit-animation: loopLeft1 60s -30s linear infinite;
    animation: loopLeft1 60s -30s linear infinite;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-1 div:last-child {
    -webkit-animation: loopLeft2 60s linear infinite;
    animation: loopLeft2 60s linear infinite;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-2 {
    margin-top: -30px;
    stroke: #ffd700;
    fill: transparent;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-2 div:first-child {
    -webkit-animation: loopRight1 60s -30s linear infinite;
    animation: loopRight1 60s -30s linear infinite;
}

.page-home .section-service .bottom-decoration-text-container .decoration-text-2 div:last-child {
    -webkit-animation: loopRight2 60s linear infinite;
    animation: loopRight2 60s linear infinite;
}

@media only screen and (max-width: 767px) {
    .page-home .section-service .bottom-decoration-text-container {
        margin-top: 27.73333333333333vw;
    }
    .page-home .section-service .bottom-decoration-text-container .decoration-text-1,
    .page-home .section-service .bottom-decoration-text-container .decoration-text-2 {
        width: 644.2666666666667vw;
        height: 26.666666666666668vw;
    }
    .page-home .section-service .bottom-decoration-text-container .decoration-text-1 div,
    .page-home .section-service .bottom-decoration-text-container .decoration-text-2 div {
        width: 322.1333333333333vw;
        height: 26.666666666666668vw;
    }
    .page-home .section-service .bottom-decoration-text-container .decoration-text-2 {
        margin-top: -4.533333333333333vw;
    }
}

.page-home.is-bg-black .section-service {
    color: #fff;
}

.page-home.is-bg-black .section-service .service-list li .text-container .btn-arrow-right a {
    color: #fff;
}

.page-home.is-bg-black .section-service .service-list li .text-container .btn-arrow-right .icon-arrow-right .icon-bg {
    background: #fff;
}

.page-home.is-bg-black .section-service .service-list li .text-container .btn-arrow-right .icon-arrow-right .icon {
    fill: #373737;
}

.page-home.is-bg-black .section-service .service-list li.service-03 .text-container .heading .icon {
    fill: #fff;
}

.page-home.is-bg-black .section-service .service-list .slider .slider-item a {
    color: #fff;
}

.page-home .section-project {
    z-index: 1;
    background: #fff;
}

.page-home .section-project .decoration-text {
    position: absolute;
    top: 128px;
    left: -21px;
    width: 648px;
    height: 220px;
    fill: #fff;
    opacity: 0.01;
}

.page-home .section-project .section-inner {
    padding-top: 0%;
    padding-bottom:10%;
}

.page-home .section-project .section-heading {
color: #000000;
    font-weight: 600;
    transition: color 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.page-home .section-project .section-heading .icon::before {
    background: #3b3b3b;
}

.page-home .section-project .btn-arrow-right {
    position: absolute;
    top: 0%;
    right: 0;
}

.page-home .section-project .btn-arrow-right.btn-arrow-right-white .btn-text {
    color: #373737;
    transition: color 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: color 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: color 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.page-home .section-project .btn-arrow-right.btn-arrow-right-white .icon-arrow-right {
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}

.page-home .section-project .btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon-bg {
    background: #373737;
}

.page-home .section-project .btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon {
    fill: #fff;
    transition: fill 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: fill 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
    transition: fill 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), transform 0.6s cubic-bezier(0, 0.55, 0.45, 1), -webkit-transform 0.6s cubic-bezier(0, 0.55, 0.45, 1);
}
.shape-bg img {
    width: 120%;
    background-color: #000;
    opacity: 0.4;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-project .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-home .section-project .btn-arrow-right {
        right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-project .decoration-text {
        top: 20vw;
        left: auto;
        right: -30.666666666666664vw;
        width: 86.4vw;
        height: 29.333333333333332vw;
    }
    .page-home .section-project .section-inner {
        display: flex;
        flex-direction: column;
        padding: 33.06666666666666vw 0 32.800000000000004vw 6.666666666666667vw;
    }
    .page-home .section-project .btn-arrow-right {
        position: static;
        align-self: flex-end;
        margin-top: 12vw;
        margin-right: 6.666666666666667vw;
    }
}

.page-home .section-project .slider {
    margin-top: 78px;
}

.page-home .section-project .slider .slider-item-container {
    margin-bottom: 61px;
}

.page-home .section-project .slider .slider-item {
    width: 30%;
    margin-right: 60px;
}

.page-home .section-project .slider .slider-img-container {
    overflow: hidden;
    height: 26vw;
}

.page-home .section-project .slider .slider-text-container {
    margin-top: 28px;
    color: #373737;
    transition: color 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
}

.page-home .section-project .slider .slider-text-container .num {
font-size: 0.94vw;
    line-height: 1;
    letter-spacing: 0.04em;
    opacity: 0.3;
}

.page-home .section-project .slider .slider-text-container .title {
    margin-top: 11px;
    font-size: 0.94vw;
    line-height: 2;
    font-weight: 600;
}

.page-home .section-project .slider .slider-item-2 .title {
    letter-spacing: 0.05em;
}

.page-home .section-project .slider .slider-scroll {
    background: #303030;
}

.page-home .section-project .slider .slider-scroll .slider-scroll-bar {
    top: 0;
    height: 2px;
    background: #f5f5f5;
    transition: background 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
}

@media only screen and (min-width: 768px) {
    .page-home .section-project .slider .slider-item a .slider-img-container .img {
        transition: -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-home .section-project .slider .slider-item a .slider-text-container .title span {
        border-bottom: 1px solid transparent;
        transition: border-color 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .page-home .section-project .slider .slider-item a:hover .slider-img-container .img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .page-home .section-project .slider .slider-item a:hover .slider-text-container .title span {
        border-color: #fff;
    }
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-project .slider .slider-item {
        margin-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-project .slider {
        margin-top: 19.2vw;
    }
    .page-home .section-project .slider .slider-item-container {
        margin-bottom: 12.266666666666666vw;
    }
    .page-home .section-project .slider .slider-item {
        width: 68vw;
        margin-right: 8vw;
    }
    .page-home .section-project .slider .slider-text-container {
        margin-top: 6.666666666666667vw;
    }
    .page-home .section-project .slider .slider-text-container .num {
        margin-left: 0.533333333333333vw;
        font-size: 2.666666666666667vw;
        letter-spacing: 0.05em;
    }
    .page-home .section-project .slider .slider-text-container .title {
        margin-top: 3.466666666666666vw;
        font-size: 3.466666666666666vw;
        line-height: 1.692307692307692;
    }
    .page-home .section-project .slider .slider-scroll .slider-scroll-bar {
        top: -0.266666666666667vw;
        height: 1.066666666666667vw;
    }
}

.page-home.is-bg-black .section-project .section-heading {
    color: #fff;
}

.page-home.is-bg-black .section-project .btn-arrow-right.btn-arrow-right-white .btn-text {
    color: #fff;
}

.page-home.is-bg-black .section-project .btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon-bg {
    background: #fff;
}

.page-home.is-bg-black .section-project .btn-arrow-right.btn-arrow-right-white .icon-arrow-right .icon {
    fill: #373737;
}

.page-home.is-bg-black .section-project .slider .slider-text-container {
    color: #fff;
}

.page-home.is-bg-black .section-project .slider .slider-scroll .slider-scroll-bar {
    background: #fff;
}

.page-home .section-information {
    position: relative;
    margin-top: 370px;
    background: #fff;
    z-index: 1;
}

.page-home .section-information .shape-circle-ring-gray {
    bottom: -188px;
    left: -210px;
    width: 472px;
    height: 472px;
    fill: #f7f7f7;
}

.page-home .section-information .decoration-text {
    position: absolute;
    top: 116px;
    right: -382px;
    width: 1026px;
    height: 180px;
    fill: #f7f7f7;
}

.page-home .section-information .section-inner {
    padding: 6% 0px 0;
}

.page-home .section-information .block-container {
    display: flex;
}

.page-home .section-information .main-text {
    margin: 10% 0 0 0;
    font-size: 1vw;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 500;
    color: #000;
}

.page-home .section-information .btn-arrow-right {
    position: absolute;
    top: 130px;
    right: 0px;
}

.page-home .section-information .information-list {
    position: relative;
    margin-top: 3%;
}

.page-home .section-information .information-list li .category span {
    height: 23px;
    padding-bottom: 0;
}

.windows .page-home .section-information .information-list li .category span {
    padding-top: 2px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    .page-home .section-information .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
}

@media only screen and (max-width: 767px) {
    .page-home .section-information {
        margin-top: 53.333333333333336vw;
    }
    .page-home .section-information .shape-circle-ring-gray {
        bottom: 0;
        left: -29.599999999999998vw;
        width: 62.93333333333333vw;
        height: 62.93333333333333vw;
    }
    .page-home .section-information .decoration-text {
        top: 18.133333333333333vw;
        right: -81.06666666666666vw;
        width: 136.8vw;
        height: 24vw;
    }
    .page-home .section-information .section-inner {
        display: flex;
        flex-direction: column;
        padding: 33.33333333333333vw 6.666666666666667vw 4vw;
    }
    .page-home .section-information .block-container {
        flex-direction: column;
    }
    .page-home .section-information .main-text {
        margin-left: 0;
        margin-top: 12.8vw;
        font-size: 3.466666666666666vw;
        letter-spacing: 0.04em;
    }
    .page-home .section-information .btn-arrow-right {
        position: static;
        align-self: flex-end;
        margin-top: 12vw;
    }
    .page-home .section-information .information-list {
        margin-top: 13.066666666666665vw;
    }
    .page-home .section-information .information-list li .category span {
        height: 6.933333333333333vw;
        padding-bottom: 0;
        border-radius: 3.466666666666666vw;
    }
}

.page-home .section-careers {
    background: #fff;
}

.page-home .section-careers .logo-hand-1 {
    position: absolute;
    top: 170px;
    right: -20px;
    width: 190px;
    height: 170px;
    fill: #f7f7f7;
}

.page-home .section-careers .logo-hand-2 {
    position: absolute;
    top: -16px;
    left: -110px;
    width: 160px;
    height: 184px;
    fill: #f7f7f7;
}

.page-home .section-careers .shape-circle-ring-yellow {
    bottom: -179px;
    right: 245px;
    width: 332px;
    height: 332px;
    fill: #fbc700;
}

.page-home .section-careers .shape-group-container {
    position: absolute;
    bottom: -474px;
    right: -361px;
    width: 732px;
    height: 810px;
    -webkit-transform: rotate(33.22deg);
    transform: rotate(33.22deg);
}

.page-home .section-careers .shape-group {
    top: 0;
    left: 0;
    width: 732px;
    height: 810px;
}

.page-home .section-careers .shape-group .shape-square-ring-yellow {
    top: 0;
    left: 0;
    width: 732px;
    height: 810px;
    fill: #ffd700;
}

.page-home .section-careers .shape-group .shape-circle-ring-blue {
    bottom: 64px;
    left: -170px;
    width: 332px;
    height: 332px;
    fill: #338acb;
}
img.logo {
    width: 8%;
}
img.logokourou {
    position: fixed;
    top: 5%;
    left: 10%;
    width: 8%;
}
.page-home .section-careers .section-inner {
padding: 6% 0px 10%;
}
.footer-contents-inner {
    font-weight: 600;
    font-size: 0.94vw;
}
.page-home .section-careers .text-en {
    margin-top: 61px;
    margin-left: -12px;
    margin-right: -1em;
    font-size: 16rem;
    line-height: 1;
    letter-spacing: -0.035em;
    white-space: nowrap;
}

.page-home .section-careers .text-en span {
    display: inline-block;
    margin-right: 40px;
}

.page-home .section-careers .text-en span:nth-child(1) {
    margin-right: 40px;
}

.page-home .section-careers .text-en span:nth-child(2) {
    margin-right: 24px;
}

.page-home .section-careers .text-en span:nth-child(3) {
    letter-spacing: -0.07em;
}

.page-home .section-careers .text-en span:nth-child(3) span {
    margin: 0;
    letter-spacing: 0;
}

.page-home .section-careers .text-en span:nth-child(3) span:nth-child(1) {
    margin-left: -10px;
}

.page-home .section-careers .text-en span:nth-child(3) span:nth-child(2) {
    margin-left: -8px;
    margin-right: -4px;
}

.page-home .section-careers .block-container {
    position: relative;
    margin-top: 61px;
    display: flex;
    align-items: center;
}

.page-home .section-careers .text {
    flex: 1;
    position: relative;
    font-size: 1vw;
    line-height: 2.266666666666667;
    text-align: justify;
}

.page-home .section-careers .btn-arrow-right {
    margin-top: 0px;
    margin-right: 0px;
}

@media only screen and (min-width: 768px) and (max-width:1080px) {
    
    .page-home .section-careers .section-inner {
        padding-left: 6.481481481481481%;
        padding-right: 6.481481481481481%;
    }
    .page-home .section-careers .text-en>span:nth-child(1) {
        display: block;
    }
    .page-home .section-careers .btn-arrow-right {
        margin-right: 0;
        margin-left: 12.5%;
    }
}
.sponly{
    display:none !important;
}
.pconly{
    display:block;
}
@media only screen and (max-width: 767px) {
    img.logo {
    width: 17%;
}
.pconly {
    display: none !important;
}
.sponly{
    display:block !important;
}
img.logokourou {
position: fixed;
    top: 3.5%;
    left: 20%;
    width: 18%;
}
    .page-home .section-careers .logo-hand-1 {
        top: 22.666666666666664vw;
        right: 5.333333333333334vw;
        width: 38.13333333333333vw;
        height: 34.13333333333333vw;
    }
    .page-home .section-careers .logo-hand-2 {
        top: 24.8vw;
        left: -10.133333333333333vw;
        width: 31.733333333333334vw;
        height: 36.53333333333333vw;
    }
    .page-home .section-careers .shape-circle-ring-yellow {
        bottom: -22.133333333333333vw;
        right: 33.33333333333333vw;
        width: 44.266666666666666vw;
        height: 44.266666666666666vw;
    }
    .page-home .section-careers .shape-group-container {
        bottom: -70.66666666666667vw;
        right: -45.86666666666667vw;
        width: 97.6vw;
        height: 108vw;
    }
    .page-home .section-careers .shape-group {
        width: 97.6vw;
        height: 108vw;
    }
    .page-home .section-careers .shape-group .shape-square-ring-yellow {
        width: 97.6vw;
        height: 108vw;
    }
    .page-home .section-careers .shape-group .shape-circle-ring-blue {
        bottom: 17.066666666666666vw;
        left: -26.666666666666668vw;
        width: 44.266666666666666vw;
        height: 44.266666666666666vw;
    }
    .page-home .section-careers .section-inner {
        padding: 22.400000000000002vw 6.666666666666667vw 44vw;
    }
    .page-home .section-careers .text-en {
        margin-top: 10.133333333333333vw;
        margin-left: 0;
        font-size: 21.333333333333336vw;
        line-height: 1.0625;
    }
    .page-home .section-careers .text-en>span:nth-child(1) {
        display: block;
    }
    .page-home .section-careers .text-en>span:nth-child(2) {
        margin-left: -1.333333333333333vw;
    }
    .page-home .section-careers .text-en span {
        margin-right: 5.333333333333334vw;
    }
    .page-home .section-careers .text-en span:nth-child(1) {
        margin-right: 5.333333333333334vw;
    }
    .page-home .section-careers .text-en span:nth-child(2) {
        margin-right: 3.2vw;
    }
    .page-home .section-careers .text-en span:nth-child(3) span:nth-child(1) {
        margin-left: -1.333333333333333vw;
    }
    .page-home .section-careers .text-en span:nth-child(3) span:nth-child(2) {
        margin-left: -1.066666666666667vw;
        margin-right: -0.533333333333333vw;
    }
    .page-home .section-careers .block-container {
        display: block;
        margin-top: 6.666666666666667vw;
    }
    .page-home .section-careers .text {
        font-size: 3.466666666666666vw;
        line-height: 1.923076923076923;
        letter-spacing: 0.05em;
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
    }
    .page-home .section-careers .btn-arrow-right {
        margin-top: 10.4vw;
        margin-right: 19.733333333333334vw;
    }
}


h2.topics.title2.detail2.top2 {
    font-size: 1.4vw;
    color: #000000;
    letter-spacing: 0.15em;
    text-align: center;
    padding-bottom: 12px;
    position: relative;
    padding: 5% 0 1%;
    margin-bottom: 1%;
    font-weight: 600;
}
p.txt01.about {
    margin: 0 25%;
    text-align: left;
    margin-top: 4%;
    margin-bottom: 4%;
    font-weight: 600;
}
.txt01 {
    margin-bottom: 42px;
    color: #333;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 24px;
}
p.contactfooter {
    margin-top: 1%;
}
span.subtext {
    font-size: 0.94vw;
}
.i-btn {
    width: 25vw;
    height: 7vh;
    border: 1px solid #333;
    box-sizing: border-box;
    position: relative;
    transition: color .8s;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 12px;
    font-size: 0.85rem;
    letter-spacing: 1px;
}
.i-btn:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    transition: width .8s;
    z-index: -1;
}
a.centergo.i-btn {
    text-align: center;
    margin: 40px auto 0px;
    width: 300px;
    height: 62px;
    border-radius: 0px;
    letter-spacing: 2px;
    font-size: 0.9vw;
    z-index: 1;
}
a.centergo.i-btn.second {
    margin: 2% auto 5%;
}
section#steprec {
    width: 100%;
    background-color: #f1f1f1;
    padding: 0 0 0 0;
    margin-bottom: 0px;
}
.line2 {
    display: block;
    width: 1px;
    height: 0;
    background-color: #3d3d3d;
    margin: 4% auto;
    text-align: center;
    padding: 0;
}

.inner-layout-flow {
    width: 75%;
    margin: 0 auto;
    padding: 1% 0 2%;
}
.inner-layout-flow.company {
    width: 100%;
}
p.txt02 {
    font-size: 0.94vw;
    color: #000;
    font-weight: 500;
}
li.mis01 {
    font-size: 0.94vw;
    color: #000;
    font-weight: 500;
}

.i-btn {
    width: 200px;
    height: 35px;
    border: 1px solid #333;
    box-sizing: border-box;
    position: relative;
    transition: color .8s;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 12px;
    font-size: 0.94vw;
    letter-spacing: 1px;
}

.i-btn:hover {
    color: #fff;
}

.i-btn:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #333;
    transition: width .8s;
    z-index: -1;
}

.i-btn:hover:before {
    width: 100%;
    left: 0;
}
p.cate {
    width: 96%;
    text-align: center;
    font-size: 0.94vw;
    font-weight: 600;
    letter-spacing: 1px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin: 0 0%;
    margin-bottom: 50px;
    padding: 2%;
}
.po-wrapper.po-benefit {
    margin: 4% 0 0 0;
}
.po-wrapper.po-benefit ol {
    list-style: decimal;
}
.po-wrapper.po-benefit li {
    padding: 0 0 0 2%;
    margin: 0 0 1% 2%;
}
.po-wrapper.po-benefit ol {
    list-style: decimal;
    font-weight: 600;
    font-size: 0.94vw;
    line-height: 1.8vw;
        color: #000;
}
p.text {
    font-size: 0.94vw;
    font-weight: 500;
    line-height: 1.6vw;
}
p.txt01.about {
        font-size: 0.94vw;
    font-weight: 500;
    line-height: 1.6vw;
}
p.txt01.about3{
            font-size: 0.94vw;
    font-weight: 500;
    line-height: 1.6vw;
}
p.emdtext {
font-weight: 500;
    color: #000;
    margin-top: 3%;
    font-size: 0.94vw;
}
ul.bestrateList.inview_re.fadeIn_up {
    display: flex;
}
p.listext {
    font-weight: 500;
    color: #000;
}
.bestrateList li {
    border-radius: 10px;
    background: #fff5ce;
    width: calc(100% - 40px / 3);
    padding: 30px 25px;
    text-align: center;
    font-size: 1.5rem;
    margin: 10px;
}
.bestrateList li .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0%;
    background: #fff;
    width: 15vw;
    height: auto;
    margin: 2% auto 4%;
}
p.nametitle {
    text-align: center;
    font-size: 1.2vw;
    font-weight: 600;
    padding: 0 0 3%;
    color: #000;
}
.inner-layout-flow.contact {
    margin-bottom: 8%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 2%;
    width: 71%;
    color: #000;
    font-weight: 500;
}
h2.contacttitle {
    font-size: 1vw;
    font-weight: 600;
    margin: 0 0 2% 0;
}
.contacttitle::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 4px solid #ffd700;
}
span.line2.last {
    margin-top: 2%;
}
p.main {
    margin: 0% 0 5%;
    font-size: 0.94vw;
    line-height: 1.8vw;
    color: #000;
    font-weight: 500;
}
  .footer-contents .copyright li{
    font-size:100%;
  }
  .footer-contents .copyright{
    font-size:100%;    font-size: 100%;
    color: #373737;
    font-family: system-ui;
  }
  .menu-contents .link-block-nav .list-level-1>li{
    font-size:1.1vw;
  }
@media screen and (max-width:780px) {
    .main {
    margin: 23vw 0 0 0;
    position: relative;
    z-index: 1;
}
    p.cate {
    width: 100%;
    text-align: center;
    margin: 14px 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    border-top: 1px solid #579ec1;
    border-bottom: 1px solid #579ec1;
    margin: 0 0%;
    margin-bottom: 4px;
    padding: 20px;
}
p.main {
    margin: 0% 0 7%;
    font-size: 12px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
}
.menu-contents .link-block-nav .list-level-1>li {
    font-size: 16px;
}
.menu-contents .link-block-nav li a, .menu-contents .link-block-nav li p {
    padding: 3.2vw 0;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
}
.menu-contents .copyright {
    display: flex;
    justify-content: space-between;
    width: 90%;
    padding: 1% 0% 63px 0%;
    max-width: 100%;
    box-sizing: border-box;
    bottom: 4%;
    right: 0%;
    font-weight: 400;
    font-family: system-ui;
}
.menu-contents .copyright {
    position: absolute;
    bottom: 15.466666666666667vw;
    left: 5.333333333333334vw;
    margin-top: 13.333333333333334vw;
    font-size: 13px;
    line-height: 6vw;
    letter-spacing: 0.075em;
}
.footer-contents .logo {
    order: 2;
    margin-top: 16%;
    margin-left: 10%;
    margin-bottom: 1%;
    font-weight: 600;
    font-size: 13px;
}
p.contactfooter {
    font-weight: 600;
    font-size: 13px;    margin-right: 10%;
}
.footer-contents .copyright {
    font-size: 100%;
    font-size: 100%;
    color: #373737;
    font-family: system-ui;
    font-weight: 600;
    font-size: 12px;
    margin-right: 10%;
    line-height: 20px;
}
span.contact {
    background: #000;
    padding: 2px 21px;
    border-radius: 46px;
    margin-bottom: 2%;
    display: inline-block;
    color: #fff;
    font-size: 11px;
}
.footer-contents .link-block-nav li a{
    padding:1% 0;
}

    }