@charset "UTF-8";

body {
  font-family:"Noto Sans JP", "Nunito Sans", "Oswald", serif;
}

.p-header__bk-button {
    color: #fff;
}

.p-header__logo {
    width: 20rem;
}

.img-frame {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 769px) {
    .img-frame {
        height: 35em;
    }
    .main:nth-child(1) {
        background-image: url(../images/1_fv.webp);
    }
}

@media screen and (max-width: 768px) {
    .img-frame {
        height: 26rem;
    }
    .main:nth-child(1) {
        background-image: url(../images/1_sp-fv.webp);
    }
    .p-ham-menu__inner {
        padding: 5rem 3.8rem;
    }
    .p-ham-menu__inner {
      background: #f8f8f8;
    }
    #menuBtn {
      outline: none;
    }
}

.main {
    position: absolute;
    z-index: -2;
    top: -0.25rem;
    right: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top right;
    animation-name: slider-1;
    animation-duration: 18s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 1;
}

.main-visual__text-box {
    position: absolute;
    z-index: 0;
    color: #fff;
   font-family: var(--fv);
}

.main-visual__text-box h1 {
    font-size: 6rem;
    font-weight: bold;
}

.main-visual__text-box p {
    font-size: 2rem;
    font-weight: normal;
}

.main-visual__text-box p.sub-title {
    font-size: 3rem;
}

@media screen and (min-width: 769px) {
     .main {
       height: 35em;
       background-size: 100%;
     }
    .main-visual__text-box {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 768px) {
    .main {
        height: 28rem;
        background-size: contain;
    }
    .main-visual__text-box {
        position: absolute;
        top: 50%;
        left: 28%;
        transform: translate(-50%, -50%);
    }
    .main-visual__text-box h1 {
        line-height: 1.2em;
        padding: 0.2em 0;
        font-size: 3rem;
    }
    .main-visual__text-box p {
        font-size: 1rem;
    }
    .main-visual__text-box p.sub-title {
        font-size: 1.5rem;
    }
}

.p-home-mv {
    width: auto;
    padding : 0;
    font-size: 1.1111111111vw;
}

.title__img {
    width: 47.625rem;
    height: auto;
}

.p-home-news {
    margin-top: 5rem;
}

.p-home-news__list {
    grid-template-columns: inherit;
    gap: 1rem;
    margin-left: 2rem;
}

.p-home-news__list .c-card {
    flex-direction: inherit;
    gap: 1.8rem;
    align-items: center;
}

.c-card__time {
    min-width: 12rem;
}

.c-card__post-title {
    font-size: 1.3rem;
}

@media screen and (max-width: 768px) {
    .c-card__time {
        min-width: 8rem;
    }
    .c-card__time, .c-card__post-title {
        font-size: 1rem;
    }
    .p-home-whats-csc.l-section--wide {
        margin-top: 0;
    }
    .p-home-whats-csc__bg-img {
        text-align: center;
    }
    .p-home-whats-csc__bg-img img {
        width: 80%;
    }
}

.c-heading-set__main {
    font-weight: normal;
}

@media screen and (min-width: 769px) {
    .p-home-whats-csc__inner {
        left: 0;
    }
    .p-home-whats-csc.l-section--wide {
        width: 96rem;
        margin: 10rem auto;
    }
    .p-home-whats-csc__bg-img img {
        width: 40rem;
    }
    .p-home-whats-csc__desc {
        max-width: 50rem;
    }
    .p-home-whats-csc__bg-logo {
        bottom: -29rem;
    }
    .p-home-whats-csc__bg-logo img {
        width: 58rem;
    }
}

.p-home-service__heading-main {
    font-weight: normal;
}

.p-home-service__desc {
    margin-top: 4rem;
}

@media screen and (min-width: 769px) {
    .p-home-service {
       padding-bottom: 7rem;
    }
}

.p-home-service__goal-image {
    margin-top: 0;
}

.p-home-service__heading-wrap {
    border-bottom: solid 1px black;
    margin-top: 10rem;
}

@media screen and (max-width: 768px) {
     .p-home-service__heading-wrap {
         margin-top: 5rem;
     }
}

@media screen and (max-width: 768px) {
    .p-home-service__company-service-list {
        margin-bottom: 8rem;
    }
}
.p-home-about {
    padding-bottom: 8rem;
}

.p-home-about__inner {
    align-items: center;
    gap: 2.2rem;
}

.p-home-about__logo-wrap {
    width: 26rem;
}


@media screen and (min-width: 769px) {
    .p-home-about__bg-logo {
        width: 131.5rem;
        height: auto;
    }
}

.p-home-about__catch-copy {
    font-weight: normal
}

.p-footer {
    padding-top: 1rem;
}

.p-footer__main-nav {
    background-color: var(--black);
    padding: 3rem 0;
    margin-inline: auto;
}

.p-footer__main-nav a {
    color: #fff;
}

.p-footer__logo {
    height: auto;
}

.c-button-view-more {
    width: 18rem;
}

@media screen and (max-width: 768px) {
    .c-button-view-more {
        width: auto;
    }
}

.l-section--wide {
    width: 120rem;
}

@media screen and (max-width: 768px) {
    .l-section--wide {
        width: inherit;
        margin: 5rem 0;
    }
}

.official-website {
    margin-top: 1.5rem;
}

.p-header__main-nav-list {
    justify-content: center;
}

.p-header__main-nav-list:nth-of-type(n+2) {
    margin-top: 3rem;
}

.p-footer__nav-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .pc-br {
        display: none;
    }
    .l-footer.p-footer {
        padding: 0 3.8rem;
    }
    .p-footer__main-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 2rem;
        width: 100%;
        margin-top: 3rem;
    }
    .l-footer.p-footer ul {
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1;
        align-items: flex-start;
    }
}

@media screen and (min-width: 769px) {
    .sp-br {
        display: none;
    }
}

/******** CTA ********/

.cta-area {
    font-size: 1.1111111111vw;
}

.sd[data-s-b8e31041-c650-4328-9c40-23f7168976fe] {
    align-content: center;
    align-items: center;
    background: #212129;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
    height: 450px;
    justify-content: center;
    margin: 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 60px 80px;
    transform: translate(0px, 0px);
    width: 100%;
    --gap-h-b8e31041-c650-4328-9c40-23f7168976fe: 50px;
    --gap-v-b8e31041-c650-4328-9c40-23f7168976fe: 0px;
    --gap-uuid: b8e31041-c650-4328-9c40-23f7168976fe;
    max-width: 100%;
}

.sd[data-s-2bb539ad-55fa-44a0-b178-9c03a7771ef8] {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 50px;
    justify-content: center;
    padding: 0px;
    width: 96rem;
    --gap-h-2bb539ad-55fa-44a0-b178-9c03a7771ef8: 50px;
    --gap-v-2bb539ad-55fa-44a0-b178-9c03a7771ef8: 0px;
    --gap-uuid: 2bb539ad -55fa -44a0 -b178-9c03a7771ef8;
    max-width: 100%;
}

.sd[data-s-6c716f73-2829-46c3-87db-4156e690369d] {
    align-content: center;
    align-items: center;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 32px;
    justify-content: flex-start;
    padding: 0px;
    width: auto;
    --gap-h-6c716f73-2829-46c3-87db-4156e690369d: 32px;
    --gap-v-6c716f73-2829-46c3-87db-4156e690369d: 0px;
    --gap-uuid: 6c716f73 -2829 -46c3 -87db -4156e690369d;
    max-width: 100%;
}

.sd[data-s-be65c658-d240-430a-a325-0e26baf0f9a7] {
    align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 32px;
    justify-content: center;
    padding: 0px;
    --gap-h-be65c658-d240-430a-a325-0e26baf0f9a7: 0px;
    --gap-v-be65c658-d240-430a-a325-0e26baf0f9a7: 32px;
    --gap-uuid: be65c658-d240-430a-a325-0e26baf0f9a7;
    width: 42.857%;
    max-width: 42.857%;
}

.sd[data-s-147307ac-e034-472a-aea9-b8fad53188f8] {
    color: #FFFFFF;
    flex: none;
    font-family: var(--s-font-93b86956);
    font-size: 2.8rem;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: 647px;
    max-width: 100%;
    justify-content: flex-start;
}

.sd[data-s-a3bf587f-98f4-4c04-826d-7a867379458f] {
    align-content: center;
    align-items: center;
    background: #FFFFFF;
    border-bottom: 0px solid #20881d;
    border-left: 0px solid #20881d;
    border-radius: 4px;
    border-right: 0px solid #20881d;
    border-top: 0px solid #20881d;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: space-between;
    padding: 12px 20px;
    width: 420px;
    --gap-h-a3bf587f-98f4-4c04-826d-7a867379458f: 16px;
    --gap-v-a3bf587f-98f4-4c04-826d-7a867379458f: 0px;
    --gap-uuid: a3bf587f-98f4-4c04-826d-7a867379458f;
    max-width: 100%;
}

.sd[data-s-3fb2ad1e-372b-4a01-93c0-6e70e38f4790] {
    color: #42a73e;
    font-family: var(--s-font-93b86956);
    font-size: 1.6rem;
    font-weight: 600;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

.sd[data-s-04c3f7bb-d280-46cc-926e-7af54cf597e3] {
    align-content: center;
    align-items: center;
    background: #42a73e;
    border-radius: 50%;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: 40px;
    justify-content: flex-end;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 0px;
    width: 40px;
    --gap-h-04c3f7bb-d280-46cc-926e-7af54cf597e3: 0px;
    --gap-v-04c3f7bb-d280-46cc-926e-7af54cf597e3: 0px;
    --gap-uuid: 04c3f7bb -d280-46cc-926e-7af54cf597e3;
    max-width: 100%;
}

.sd[data-s-e3621a46-4b36-487b-9a44-e4bf7bfe0393] {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: 40px;
    justify-content: center;
    left: 0;
    margin: 0 0 0 0;
    opacity: 0;
    padding: 0px;
    position: absolute;
    top: 0;
    transform: translate(-16px, 0px);
    width: 40px;
    --gap-h-e3621a46-4b36-487b-9a44-e4bf7bfe0393: 0px;
    --gap-v-e3621a46-4b36-487b-9a44-e4bf7bfe0393: 0px;
    --gap-uuid: e3621a46-4b36-487b-9a44-e4bf7bfe0393;
    max-width: 100%;
}

.sd[data-s-e31707ae-3c8e-4df8-b370-96538f4a4975] {
    flex: none;
    height: auto;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    position: relative;
    transform: rotate(-90deg);
    width: 10px;
    max-width: 100%;
}

.sd[data-s-c569c78a-0f76-4e78-ab07-d303717506d2] {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0px;
    height: 40px;
    justify-content: center;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0px;
    width: 40px;
    --gap-h-c569c78a-0f76-4e78-ab07-d303717506d2: 0px;
    --gap-v-c569c78a-0f76-4e78-ab07-d303717506d2: 0px;
    --gap-uuid: c569c78a-0f76-4e78-ab07-d303717506d2;
    max-width: 100%;
}

.sd[data-s-9df8c9a3-9e75-4c50-b7b2-7b298c24e1b5] {
    flex: none;
    height: auto;
    margin: 0 0 0 0;
    padding: 0px 0px 0px 0px;
    position: relative;
    transform: rotate(-90deg);
    width: 10px;
    max-width: 100%;
}


.sd[data-s-f708f3c5-5c7d-4710-9a55-51d113fcd7b0] {
    bottom: 0px;
    flex: none;
    height: 450px;
    left: 0px;
    margin: 0 0 0 0;
    position: absolute;
    right: auto;
    top: 0px;
    transform: rotate(180deg);
    width: 400px;
    z-index: -1;
    max-width: 100%;
}

.sd[data-r-1_2_0_f708f3c5-5c7d-4710-9a55-51d113fcd7b0]:before {
    background-image: url(https://storage.googleapis.com/studio-design-asset-files/projects/M3aAJvezWe/s-1438x1800_v-frms_webp_0e4aff6d-9318-4905-a943-6467b6973d42_middle.webp);
}

.sd[data-s-f708f3c5-5c7d-4710-9a55-51d113fcd7b0]:before {
    background-position: left center;
    background-size: 120%;
}

.sd.icon,.sd.text {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word
}

.image:before {
    background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

.sd {
    flex-wrap: nowrap;
    max-width: 100%;
    pointer-events: all;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    position: relative;
}

.sd[data-s-c4010b01-ed03-456e-9144-fb51071c5c5f] {
    flex: none;
    height: auto;
    width: 57.143%;
    max-width: 57.143%;
}

@media screen and (max-width: 768px) {
    .sd[data-s-b8e31041-c650-4328-9c40-23f7168976fe] {
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto;
        padding: 56px 32px;
        --gap-h-b8e31041-c650-4328-9c40-23f7168976fe: 0px;
        --gap-v-b8e31041-c650-4328-9c40-23f7168976fe: 50px;
        width: 100%;
        max-width: 100%;
    }

    .sd[data-s-2bb539ad-55fa-44a0-b178-9c03a7771ef8] {
        flex-direction: column;
        --gap-h-2bb539ad-55fa-44a0-b178-9c03a7771ef8: 0px;
        --gap-v-2bb539ad-55fa-44a0-b178-9c03a7771ef8: 50px;
    }

    .sd[data-s-6c716f73-2829-46c3-87db-4156e690369d] {
        align-content: center;
        align-items: center;
        flex: none;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        padding: 0px 0px 0px 0px;
        width: calc(100% - (var(--gap-h-2bb539ad-55fa-44a0-b178-9c03a7771ef8) * 0));
        --gap-h-6c716f73-2829-46c3-87db-4156e690369d: 0px;
        --gap-v-6c716f73-2829-46c3-87db-4156e690369d: 32px;
        max-width: calc(100% - (var(--gap-h-2bb539ad-55fa-44a0-b178-9c03a7771ef8) * 0));
    }

    .sd[data-s-be65c658-d240-430a-a325-0e26baf0f9a7] {
        align-content: center;
        align-items: center;
        flex: none;
        justify-content: center;
        width: auto;
        --gap-h-be65c658-d240-430a-a325-0e26baf0f9a7: 0px;
        --gap-v-be65c658-d240-430a-a325-0e26baf0f9a7: 32px;
        max-width: 100%;
    }

    .sd[data-s-c4010b01-ed03-456e-9144-fb51071c5c5f] {
        flex: none;
        width: calc(80% - (var(--gap-h-6c716f73-2829-46c3-87db-4156e690369d) * 0.2));
        max-width: calc(80% - (var(--gap-h-6c716f73-2829-46c3-87db-4156e690369d) * 0.2));
    }

    .sd[data-s-f708f3c5-5c7d-4710-9a55-51d113fcd7b0] {
        bottom: 0px;
        flex: none;
        height: calc(100% - (var(--gap-v-b8e31041-c650-4328-9c40-23f7168976fe) * 0));
        left: -157px;
        top: 0px;
        max-width: 100%;
    }

    .sd[data-s-147307ac-e034-472a-aea9-b8fad53188f8] {
        font-size: 1.5rem;
    }
    .sd[data-s-3fb2ad1e-372b-4a01-93c0-6e70e38f4790] {
        font-size: 1.2rem;
    }

    .sd[data-s-a3bf587f-98f4-4c04-826d-7a867379458f] {
        width: 100%;
    }
}