/*!
 * rev. 2025-03-28
 * copyright © 2025
 * 
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

main {
    display: block
}

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

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

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: initial
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: initial
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: YuGothicM;
    src: local("Yu Gothic Medium")
}

:root {
    font-size: 62.5%;
    height: 100%
}

[data-lazy-font] {
    visibility: hidden
}

.wf-active [data-lazy-font] {
    visibility: visible
}

*, :after, :before {
    box-sizing: border-box
}

::-moz-selection {
    background-color: #fbdeaf
}

::selection {
    background-color: #fbdeaf
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

@media(max-width: 767px) {
    [data-device=pc] {
        display: none
    }
}

@media(min-width: 768px) {
    [data-device=sp] {
        display: none
    }
}

html {
    scroll-behavior: smooth
}

body {
    color: #333;
    font-family: Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-feature-settings: "palt";
    font-size: 1.6rem;
    line-height: 1.7;
    margin: 0;
    padding: 0
}

button {
    border-radius: 0
}

.c-page-home {
    height: 100%;
    letter-spacing: .08em;
    width: 100%
}

@media(max-width: 767px) {
    .c-page-home img {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        width: auto
    }
}

.c-page-home a {
    transition: opacity .3s ease-in-out
}

@media(hover: hover) {
    .c-page-home a:hover {
        opacity: .6
    }
}

.c-page-home__slide>div, .c-page-home__slide>div>div {
    overflow: visible
}

.c-page-home__slide-contents-pagination {
    bottom: auto !important;
    gap: 8px;
    margin-top: 12px;
    padding: 0 9px 0 0;
    position: relative;
    transform: none !important
}

@media(max-width: 767px) {
    .c-page-home__slide-contents-pagination {
        margin-top: 8px
    }

    [class=c-page-home__other-inner] .c-page-home__slide-contents-pagination {
        margin-top: 24px
    }
}

.c-page-home__slide-contents-pagination li {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

.c-page-home__slide-contents-pagination-item {
    background: #3333;
    border: none;
    border-radius: 50%;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 10px
}

.c-page-home__slide-contents-pagination-item[class$=is-active] {
    background: #017b63
}

.c-page-home__base {
    height: 100%;
    position: relative;
    width: 100%
}

.c-page-home__main {
    overflow: clip;
    position: relative
}

.c-page-home__main h2 {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.c-page-home__main [data-fadein] {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .6s ease-in-out, transform .6s ease-in-out
}

.c-page-home__main [data-fadein=true] {
    opacity: 1;
    transform: translate(0);
    visibility: visible
}

@media(min-width: 768px) {
    .c-page-home__main [data-fadein-pc] {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity .6s ease-in-out, transform .6s ease-in-out
    }

    .c-page-home__main [data-fadein-pc=true] {
        opacity: 1;
        transform: translate(0);
        visibility: visible
    }
}

.c-page-home__title {
    font-size: 4rem;
    position: relative
}

@media(max-width: 1099px) {
    .c-page-home__title {
        font-size: 3rem
    }
}

@media(max-width: 767px) {
    .c-page-home__title {
        font-size: 2.4rem
    }
}

.c-page-home__title-sub {
    color: #f45c27;
    display: block;
    font-size: 2rem;
    margin: 0 0 8px
}

@media(max-width: 1099px) {
    .c-page-home__title-sub {
        font-size: 1.8rem
    }
}

@media(max-width: 767px) {
    .c-page-home__title-sub {
        font-size: 1.6rem
    }
}

.c-page-home__title-bubble {
    background: #38537a;
    border-radius: 16px;
    color: #fff;
    display: inline-block;
    font-size: 2.4rem;
    inset: 0 0 auto;
    line-height: 1.3;
    margin: 0 auto;
    padding: 8px 24px 10px;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 1099px) {
    .c-page-home__title-bubble {
        font-size: 2.2rem;
        padding: 8px 16px 10px
    }
}

@media(max-width: 767px) {
    .c-page-home__title-bubble {
        font-size: 2rem
    }
}

.c-page-home__title-bubble:after {
    background: url(/jakyosaiapp/img/pict-polygon.svg) no-repeat;
    background-size: cover;
    content: "";
    height: 21px;
    inset: auto 0 0;
    margin: 0 auto;
    position: absolute;
    transform: translateY(72%);
    width: 44px;
    z-index: -1
}

@media(max-width: 767px) {
    .c-page-home__title-bubble:after {
        transform: translateY(40%)
    }
}

.c-page-home__movie {
    padding: 0 20px;
    position: relative;
    z-index: 3
}

@media(max-width: 767px) {
    .c-page-home__movie {
        padding: 0
    }
}

.c-page-home__movie h2 {
    font-size: 3.2rem;
    margin: 0 auto 24px
}

@media(max-width: 1099px) {
    .c-page-home__movie h2 {
        font-size: 2.8rem
    }
}

@media(max-width: 767px) {
    .c-page-home__movie h2 {
        font-size: 2.4rem
    }
}

.c-page-home__movie-inner {
    margin: 0 -20px;
    padding: 48px 20px 72px;
    text-align: center
}

@media(min-width: 768px) {
    .c-page-home__movie-inner {
        background: #eae1de
    }
}

@media(max-width: 767px) {
    .c-page-home__movie-inner {
        background: #eae1de;
        padding: 32px 8.5333333333vw 48px
    }
}

.c-page-home__movie-inner iframe {
    aspect-ratio: 16/9;
    border: none;
    height: auto;
    max-width: 792px;
    width: 100%
}

@media(min-width: 1000px) {
    .c-page-home__movie-inner iframe {
        height: 445.5px
    }
}

.c-page-home__point {
    margin: 0 auto;
    padding: 88px 20px 120px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__point {
        padding: 48px 8.5333333333vw
    }
}

.c-page-home__point-list {
    display: grid;
    gap: 0 32px;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    list-style: none;
    margin: 32px auto 0;
    max-width: 1200px;
    padding: 0
}

@media(max-width: 767px) {
    .c-page-home__point-list {
        gap: 32px 6.4vw;
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-page-home__point-list-text {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5
}

@media(max-width: 767px) {
    .c-page-home__point-list-text {
        font-size: 1.8rem
    }
}

.c-page-home__accident, .c-page-home__disaste, .c-page-home__family, .c-page-home__scene {
    overflow-x: hidden;
    padding: 72px 20px;
    position: relative
}

@media(max-width: 767px) {
    .c-page-home__accident, .c-page-home__disaste, .c-page-home__family, .c-page-home__scene {
        padding: 48px 5.3333333333vw
    }
}

.c-page-home__accident:before, .c-page-home__disaste:before, .c-page-home__family:before, .c-page-home__scene:before {
    content: "";
    position: absolute
}

@media(min-width: 768px) {
    .c-page-home__accident:before, .c-page-home__disaste:before, .c-page-home__family:before, .c-page-home__scene:before {
        margin: auto 0
    }
}

.c-page-home__accident-inner, .c-page-home__disaste-inner, .c-page-home__family-inner, .c-page-home__scene-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    position: relative;
    row-gap: 32px;
    z-index: 2
}

@media(min-width: 768px) {
    .c-page-home__accident-inner, .c-page-home__disaste-inner, .c-page-home__family-inner, .c-page-home__scene-inner {
        max-width: 992px
    }
}

@media(min-width: 1100px) {
    .c-page-home__accident-inner, .c-page-home__disaste-inner, .c-page-home__family-inner, .c-page-home__scene-inner {
        justify-content: space-between
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-page-home__accident-inner, .c-page-home__disaste-inner, .c-page-home__family-inner, .c-page-home__scene-inner {
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media(max-width: 767px) {
    .c-page-home__accident-inner, .c-page-home__disaste-inner, .c-page-home__family-inner, .c-page-home__scene-inner {
        flex-direction: column
    }
}

.c-page-home__accident-text, .c-page-home__disaste-text, .c-page-home__family-text, .c-page-home__scene-text {
    text-align: center
}

@media(min-width: 768px) {
    .c-page-home__accident-text, .c-page-home__disaste-text, .c-page-home__family-text, .c-page-home__scene-text {
        flex: 0 1 380px;
        padding: 0 1em
    }
}

@media(min-width: 1100px) {
    .c-page-home__accident-text, .c-page-home__disaste-text, .c-page-home__family-text, .c-page-home__scene-text {
        flex: 0 1 445px;
        padding: 0
    }
}

@media(max-width: 767px) {
    .c-page-home__accident-image, .c-page-home__disaste-image, .c-page-home__family-image, .c-page-home__scene-image {
        overflow: visible
    }
}

@media(min-width: 768px) {
    .c-page-home__accident-image-list, .c-page-home__disaste-image-list, .c-page-home__family-image-list, .c-page-home__scene-image-list {
        display: flex !important;
        gap: 20px;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .c-page-home__accident-image [class$=c-page-home__slide], .c-page-home__disaste-image [class$=c-page-home__slide], .c-page-home__family-image [class$=c-page-home__slide], .c-page-home__scene-image [class$=c-page-home__slide] {
        margin: 0 auto;
        padding-left: 9px;
        width: 238px
    }

    .c-page-home__accident-image img, .c-page-home__disaste-image img, .c-page-home__family-image img, .c-page-home__scene-image img {
        width: 60.8vw
    }
}

.c-page-home__accident-link, .c-page-home__disaste-link, .c-page-home__family-link, .c-page-home__scene-link {
    margin-bottom: 0
}

.c-page-home__accident-link a, .c-page-home__disaste-link a, .c-page-home__family-link a, .c-page-home__scene-link a {
    background: #fff;
    border: 2px solid #017b63;
    border-radius: 18px;
    color: #017b63;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .06em;
    min-width: 20rem;
    padding: .34em 2.4em .4em;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media(max-width: 1099px) {
    .c-page-home__accident-link a, .c-page-home__disaste-link a, .c-page-home__family-link a, .c-page-home__scene-link a {
        font-size: 1.5rem
    }
}

@media(max-width: 767px) {
    .c-page-home__accident-link a, .c-page-home__disaste-link a, .c-page-home__family-link a, .c-page-home__scene-link a {
        border-radius: 16px;
        font-size: 1.4rem
    }
}

.c-page-home__accident-link a:after, .c-page-home__disaste-link a:after, .c-page-home__family-link a:after, .c-page-home__scene-link a:after {
    background: url(../assets/images/icon-chevron.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    inset: 0 1em 0 auto;
    margin: auto 0;
    position: absolute;
    width: 7px
}

.c-page-home__accident-link a:hover, .c-page-home__disaste-link a:hover, .c-page-home__family-link a:hover, .c-page-home__scene-link a:hover {
    opacity: .6
}

.c-page-home__accident-bg, .c-page-home__disaste-bg, .c-page-home__family-bg, .c-page-home__scene-bg {
    pointer-events: none
}

.c-page-home__scene {
    background: #eff8f4
}

.c-page-home__scene-bg {
    height: 100%;
    inset: 0 0 0 auto;
    position: absolute;
    width: 100%
}

.c-page-home__scene-bg-fluid {
    height: 405px;
    inset: 0 0 0 50%;
    margin: auto 0;
    position: absolute;
    width: 644px
}

@media(max-width: 1099px) {
    .c-page-home__scene-bg-fluid {
        inset: auto 0 80px auto
    }
}

@media(max-width: 767px) {
    .c-page-home__scene-bg-fluid {
        inset: 0 auto;
        width: 100%
    }
}

.c-page-home__scene-bg-fluid-green, .c-page-home__scene-bg-fluid-lightgreen, .c-page-home__scene-bg-fluid-orange, .c-page-home__scene-bg-fluid-yellow {
    position: absolute
}

.c-page-home__scene-bg-fluid-lightgreen {
    height: 420px;
    inset: auto auto -10px 32px;
    width: 585px
}

@media(max-width: 767px) {
    .c-page-home__scene-bg-fluid-lightgreen {
        height: 244px;
        inset: 132px auto auto -2px;
        width: 380px
    }
}

.c-page-home__scene-bg-fluid-yellow {
    background: #f9d387;
    border-radius: 25% 69% 25% 72%/16% 44% 54% 79%;
    height: 265px;
    inset: auto auto 7px 0;
    overflow: hidden;
    width: 189px
}

@media(max-width: 767px) {
    .c-page-home__scene-bg-fluid-yellow {
        height: 154px;
        inset: auto auto 42px -48px;
        width: 112px
    }
}

.c-page-home__scene-bg-fluid-green {
    height: 467px;
    inset: auto auto -63px 32px;
    width: 632px
}

@media(max-width: 767px) {
    .c-page-home__scene-bg-fluid-green {
        height: 244px;
        inset: auto auto -14px 47px;
        width: 380px
    }
}

.c-page-home__scene-bg-fluid-orange {
    background: url(/jakyosaiapp/img/bg-scene-fluid-03.svg) no-repeat;
    height: 76px;
    inset: auto 10px 44px auto;
    width: 74px
}

@media(max-width: 767px) {
    .c-page-home__scene-bg-fluid-orange {
        background: url(/jakyosaiapp/img/bg-scene-fluid-03-sp.svg) no-repeat;
        height: 45px;
        inset: auto auto 50px 292px;
        width: 44px
    }
}

.c-page-home__accident {
    background: #fdeded
}

.c-page-home__accident-bg {
    grid-area: 1/1;
    height: 100%;
    position: relative;
    width: 100%
}

.c-page-home__accident-bg-fluid {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    inset: auto calc(50% - 22px) 16px auto;
    position: absolute
}

@media(max-width: 1099px) {
    .c-page-home__accident-bg-fluid {
        left: -23.6111111111vw
    }
}

@media(max-width: 767px) {
    .c-page-home__accident-bg-fluid {
        inset: auto 0 0
    }
}

.c-page-home__accident-bg-fluid-inner {
    align-items: start;
    display: flex;
    height: 415px;
    justify-content: center;
    position: relative;
    width: 613px
}

@media(max-width: 767px) {
    .c-page-home__accident-bg-fluid-inner {
        height: 400px;
        width: 100%
    }
}

.c-page-home__accident-bg-fluid-green {
    background: #50b2a6;
    border-radius: 69% 25% 78% 12%/81% 38% 54% 14%;
    height: 338px;
    inset: 20px -60px auto auto;
    overflow: hidden;
    position: absolute;
    width: 250px;
    z-index: 1
}

@media(max-width: 767px) {
    .c-page-home__accident-bg-fluid-green {
        height: 184px;
        inset: 15px 0 auto 239px;
        width: 141px
    }
}

.c-page-home__accident-bg-fluid-pink {
    height: 400px;
    position: absolute;
    width: 620px
}

@media(max-width: 767px) {
    .c-page-home__accident-bg-fluid-pink {
        height: 233px;
        inset: 0 auto auto 0;
        width: 332px
    }
}

.c-page-home__accident-bg-fluid-pink svg {
    overflow: visible
}

.c-page-home__accident-bg-fluid-blue {
    height: 490px;
    inset: auto 27px -132px auto;
    position: absolute;
    width: 649px
}

@media(max-width: 767px) {
    .c-page-home__accident-bg-fluid-blue {
        height: 234px;
        inset: auto 48px -35px auto;
        width: 332px
    }
}

.c-page-home__accident-bg-fluid-blue svg {
    overflow: visible
}

@-webkit-keyframes fluid-accident-anim {
    0% {
        border-radius: 31% 69% 20% 80%/22% 54% 46% 78%
    }

    12.5% {
        border-radius: 34% 66% 37% 63%/28% 52% 48% 72%
    }

    25% {
        border-radius: 55% 45% 63% 37%/35% 26% 74% 65%
    }

    37.5% {
        border-radius: 46% 54% 59% 41%/70% 44% 56% 30%
    }

    50% {
        border-radius: 48% 52% 23% 77%/69% 74% 26% 31%
    }

    62.5% {
        border-radius: 34% 66% 64% 36%/30% 68% 32% 70%
    }

    75% {
        border-radius: 79% 21% 42% 58%/36% 20% 80% 64%
    }

    87.5% {
        border-radius: 34% 66% 37% 63%/28% 52% 48% 72%
    }

    to {
        border-radius: 54% 46% 40% 60%/38% 64% 36% 62%
    }
}

@keyframes fluid-accident-anim {
    0% {
        border-radius: 31% 69% 20% 80%/22% 54% 46% 78%
    }

    12.5% {
        border-radius: 34% 66% 37% 63%/28% 52% 48% 72%
    }

    25% {
        border-radius: 55% 45% 63% 37%/35% 26% 74% 65%
    }

    37.5% {
        border-radius: 46% 54% 59% 41%/70% 44% 56% 30%
    }

    50% {
        border-radius: 48% 52% 23% 77%/69% 74% 26% 31%
    }

    62.5% {
        border-radius: 34% 66% 64% 36%/30% 68% 32% 70%
    }

    75% {
        border-radius: 79% 21% 42% 58%/36% 20% 80% 64%
    }

    87.5% {
        border-radius: 34% 66% 37% 63%/28% 52% 48% 72%
    }

    to {
        border-radius: 54% 46% 40% 60%/38% 64% 36% 62%
    }
}

@media(min-width: 768px) {
    .c-page-home__accident-inner {
        flex-direction: row-reverse
    }
}

@media(min-width: 1100px) {
    .c-page-home__accident-image {
        padding-left: 50px
    }
}

.c-page-home__family {
    background: #fef6e7
}

.c-page-home__family-bg {
    height: 100%;
    inset: 0 0 0 auto;
    position: absolute;
    width: 100%
}

.c-page-home__family-bg-fluid {
    height: 481px;
    inset: 0 0 -20px 50%;
    margin: auto 0;
    position: absolute;
    width: 618px
}

@media(max-width: 1099px) {
    .c-page-home__family-bg-fluid {
        inset: auto 0 40px auto
    }
}

@media(max-width: 767px) {
    .c-page-home__family-bg-fluid {
        inset: 0 auto;
        width: 100%
    }
}

.c-page-home__family-bg-fluid-green, .c-page-home__family-bg-fluid-lightgreen, .c-page-home__family-bg-fluid-yellow {
    position: absolute
}

.c-page-home__family-bg-fluid-yellow {
    height: 389px;
    inset: auto 20px 48px auto;
    margin: auto 0;
    width: 551px
}

@media(max-width: 767px) {
    .c-page-home__family-bg-fluid-yellow {
        height: 260px;
        inset: 140px auto 0 20px;
        width: 353px
    }
}

.c-page-home__family-bg-fluid-lightgreen {
    background: #afdaca;
    border-radius: 74% 26% 69% 31%/60% 7% 93% 40%;
    height: 310px;
    inset: auto auto 62px -40px;
    overflow: hidden;
    width: 220px;
    z-index: 1
}

@media(max-width: 767px) {
    .c-page-home__family-bg-fluid-lightgreen {
        height: 195px;
        inset: auto auto 62px -55px;
        width: 147px
    }
}

.c-page-home__family-bg-fluid-green {
    height: 389px;
    inset: auto auto -13px 87px;
    width: 551px;
    z-index: 10
}

@media(max-width: 767px) {
    .c-page-home__family-bg-fluid-green {
        height: 260px;
        inset: auto auto -21px 76px;
        width: 353px
    }
}

.c-page-home__disaste {
    background: #eff8f4
}

.c-page-home__disaste-bg {
    height: 100%;
    inset: 0 0 0 auto;
    position: absolute;
    width: 100%
}

.c-page-home__disaste-bg-fluid {
    height: 481px;
    inset: auto calc(50% - 22px) 16px auto;
    margin: auto 0;
    position: absolute;
    width: 618px
}

@media(max-width: 1099px) {
    .c-page-home__disaste-bg-fluid {
        inset: auto 0 40px auto
    }
}

@media(max-width: 767px) {
    .c-page-home__disaste-bg-fluid {
        inset: 0 auto;
        width: 100%
    }
}

.c-page-home__disaste-bg-fluid-green, .c-page-home__disaste-bg-fluid-orange, .c-page-home__disaste-bg-fluid-yellow {
    position: absolute
}

.c-page-home__disaste-bg-fluid-green {
    background: url(/jakyosaiapp/img/bg-disaste-fluid-01.svg) no-repeat;
    height: 75px;
    inset: auto auto 120px 6px;
    width: 72px
}

@media(max-width: 767px) {
    .c-page-home__disaste-bg-fluid-green {
        background: url(/jakyosaiapp/img/bg-disaste-fluid-01-sp.svg) no-repeat;
        height: 44px;
        inset: auto auto 115px -15px;
        width: 43px
    }
}

.c-page-home__disaste-bg-fluid-yellow {
    height: 400px;
    inset: 0 auto 0 5px;
    margin: auto 0;
    width: 640px
}

@media(max-width: 767px) {
    .c-page-home__disaste-bg-fluid-yellow {
        height: 245px;
        inset: 140px auto 0 -16px;
        width: 365px
    }
}

.c-page-home__disaste-bg-fluid-pink {
    background: #f4a6a6;
    border-radius: 74% 22% 76% 19%/82% 36% 56% 16%;
    height: 209px;
    inset: auto -44px 68px auto;
    overflow: hidden;
    position: absolute;
    width: 221px;
    z-index: 1
}

@media(max-width: 767px) {
    .c-page-home__disaste-bg-fluid-pink {
        border-radius: 72% 28% 84% 16%/87% 34% 66% 13%;
        height: 123px;
        inset: auto auto 70px 237px;
        width: 129px
    }
}

.c-page-home__disaste-bg-fluid-orange {
    height: 365px;
    inset: auto auto 10px -436px;
    margin: auto 0;
    width: 649px
}

@media(max-width: 767px) {
    .c-page-home__disaste-bg-fluid-orange {
        height: 245px;
        inset: -100px auto auto -253px;
        width: 365px
    }
}

@media(min-width: 768px) {
    .c-page-home__disaste-inner {
        flex-direction: row-reverse
    }
}

.c-page-home__mypage {
    padding: 80px 20px
}

@media(max-width: 767px) {
    .c-page-home__mypage {
        padding: 48px 8.5333333333vw
    }
}

.c-page-home__mypage h2 {
    font-size: 3.2rem
}

@media(max-width: 1099px) {
    .c-page-home__mypage h2 {
        font-size: 2.8rem
    }
}

@media(max-width: 767px) {
    .c-page-home__mypage h2 {
        font-size: 2.4rem
    }
}

.c-page-home__mypage-inner {
    align-items: center
}

@media(min-width: 768px) {
    .c-page-home__mypage-inner {
        display: grid;
        gap: 0 64px;
        margin: 0 auto;
        max-width: 792px
    }
}

@media(max-width: 767px) {
    .c-page-home__mypage-inner {
        display: flex;
        flex-direction: column;
        gap: 24px 0
    }
}

.c-page-home__mypage-text {
    grid-column: 1;
    grid-row: 1;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__mypage-text {
        font-size: 1.4rem
    }
}

.c-page-home__mypage-text h2+p {
    margin: 8px 0 0
}

.c-page-home__mypage-image {
    grid-column: 2
}

@media(max-width: 767px) {
    .c-page-home__mypage-image [class$=c-page-home__slide] {
        margin: 0 auto;
        width: 180px
    }
}

@media(min-width: 768px) {
    .c-page-home__mypage-image-list {
        display: flex !important;
        gap: 4px
    }
}

@media(max-width: 767px) {
    .c-page-home__mypage-image img {
        width: 48vw
    }
}

.c-page-home__other {
    padding: 24px 20px 120px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__other {
        padding: 48px 8.5333333333vw 72px
    }
}

.c-page-home__other h2 {
    font-size: 3.2rem;
    margin: 0 auto 30px;
    padding-top: 64px
}

@media(max-width: 1099px) {
    .c-page-home__other h2 {
        font-size: 2.6rem
    }
}

@media(max-width: 767px) {
    .c-page-home__other h2 {
        font-size: 2rem;
        margin: 0 auto 24px;
        padding-top: 45px
    }
}

.c-page-home__other-inner {
    background: #f8f1ef;
    border-radius: 48px;
    margin: 0 auto;
    padding: 0 64px 64px;
    position: relative
}

@media(min-width: 768px) {
    .c-page-home__other-inner {
        max-width: 1200px
    }
}

@media(max-width: 767px) {
    .c-page-home__other-inner {
        border-radius: 64px;
        padding: 0 1em 40px
    }

    .c-page-home__other-inner [class$=c-page-home__slide] {
        margin: 0 calc(-5.33333vw - 1em)
    }
}

@media(min-width: 768px) {
    .c-page-home__other-list {
        display: flex !important;
        gap: 32px;
        grid-template-columns: repeat(3, 1fr);
        justify-content: center;
        list-style: none;
        padding: 0
    }
}

@media(max-width: 767px) {
    .c-page-home__other-list {
        padding-bottom: 20px
    }
}

.c-page-home__other-list li {
    align-items: center;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 242px
}

@media(min-width: 768px) {
    .c-page-home__other-list li {
        flex: 1;
        padding: 1.4em
    }
}

@media(max-width: 767px) {
    .c-page-home__other-list li {
        max-width: 48vw;
        min-height: 180px;
        padding: 20px 0
    }
}

.c-page-home__other-list li img {
    max-width: 100px
}

.c-page-home__other-list-text {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

@media(max-width: 767px) {
    .c-page-home__other-list-text {
        font-size: 1.6rem
    }
}

.c-page-home__other-list-pedometer {
    background: #f9d387
}

.c-page-home__other-list-brain-age {
    background: #bccce3
}

.c-page-home__other-list-health-check {
    background: #ffc9c9
}

.c-page-home__flow {
    background: #f8f1ef;
    padding: 72px 20px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__flow {
        padding: 56px 8.5333333333vw 0
    }
}

.c-page-home__flow-inner {
    margin: 0 auto
}

@media(min-width: 768px) {
    .c-page-home__flow-inner {
        max-width: 1200px
    }
}

.c-page-home__flow-list {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 40px auto 0;
    padding: 0
}

@media(min-width: 768px) {
    .c-page-home__flow-list {
        width: 100%
    }
}

@media(max-width: 1239px) {
    .c-page-home__flow-list {
        align-items: flex-start;
        display: grid;
        gap: 0 36px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(max-width: 767px) {
    .c-page-home__flow-list {
        display: flex;
        flex-direction: column;
        gap: 53px 0;
        margin: 20px 0 0
    }
}

.c-page-home__flow-list li {
    align-items: center;
    display: grid;
    grid-template-columns: 180px 1fr;
    height: 100%;
    position: relative
}

@media(min-width: 768px) {
    .c-page-home__flow-list li {
        width: 348px
    }
}

@media(max-width: 999px) {
    .c-page-home__flow-list li {
        grid-row: span 2;
        grid-template-columns: subgrid;
        width: 29%
    }
}

@media(max-width: 1239px) {
    .c-page-home__flow-list li {
        align-items: flex-start;
        gap: 16px 0;
        grid-template-columns: 1fr;
        grid-template-rows: 180px auto;
        width: auto
    }
}

@media(max-width: 767px) {
    .c-page-home__flow-list li {
        align-items: center;
        gap: 0 4.2666666667vw;
        grid-template-columns: 38.9333333333vw 1fr;
        grid-template-rows: 1fr;
        width: 100%
    }
}

.c-page-home__flow-list li:not(:last-child):after {
    background: url(/jakyosaiapp/img/icon-chevron-02.svg) no-repeat;
    content: "";
    height: 37px;
    inset: 0 -50px 0 auto;
    margin: auto 0;
    position: absolute;
    width: 18px
}

@media(max-width: 1239px) {
    .c-page-home__flow-list li:not(:last-child):after {
        inset: 0 -27px 0 auto
    }
}

@media(max-width: 767px) {
    .c-page-home__flow-list li:not(:last-child):after {
        inset: auto 0 -48px;
        margin: 0 auto;
        transform: rotate(90deg)
    }
}

.c-page-home__flow-list li img {
    vertical-align: bottom
}

@media(max-width: 767px) {
    .c-page-home__flow-list li img {
        max-width: 180px;
        width: 38.9333333333vw
    }
}

.c-page-home__flow-text {
    display: flex;
    flex-direction: column;
    font-size: 2.4rem;
    font-weight: 700;
    gap: 16px 0;
    line-height: 1.5;
    margin: 16px auto 0
}

@media(min-width: 768px) {
    .c-page-home__flow-text {
        height: 100%
    }
}

@media(max-width: 999px) {
    .c-page-home__flow-text {
        margin-top: 0
    }
}

@media(max-width: 767px) {
    .c-page-home__flow-text {
        font-size: 2rem;
        gap: 4px 0;
        margin: 4px auto 0
    }
}

.c-page-home__flow-text span {
    color: #017b63;
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1
}

@media(max-width: 1099px) {
    .c-page-home__flow-text span {
        font-size: 3.6rem
    }
}

@media(max-width: 767px) {
    .c-page-home__flow-text span {
        font-size: 3.2rem
    }
}

.c-page-home__download {
    background: #afdaca;
    border-radius: 48px;
    margin: 64px auto 0;
    max-width: 1200px;
    padding: 22px 0
}

@media(max-width: 767px) {
    .c-page-home__download {
        border-radius: 48px 48px 0 0;
        margin: 48px -8.5333333333vw 0;
        padding: 40px 8.5333333333vw
    }
}

.c-page-home__download img {
    vertical-align: bottom
}

.c-page-home__download-title {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 18px 0 0;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 1099px) {
    .c-page-home__download-title {
        font-size: 2.6rem
    }
}

@media(max-width: 767px) {
    .c-page-home__download-title {
        font-size: 2rem;
        padding: 0
    }
}

.c-page-home__download-title-bubble {
    align-items: center;
    background: url(/jakyosaiapp/img/bg-bubble-01.svg) no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    height: 8rem;
    inset: 10px auto auto 0;
    justify-content: center;
    letter-spacing: .01em;
    padding: .8em .5em 1.5em;
    position: absolute;
    text-align: center;
    transform: translateY(-62%) translateX(-80%);
    width: 6.8rem
}

@media(max-width: 1099px) {
    .c-page-home__download-title-bubble {
        font-size: 1.5rem
    }
}

@media(max-width: 767px) {
    .c-page-home__download-title-bubble {
        font-size: 1.4rem;
        height: 6.6rem;
        transform: translateY(-100%) translateX(-92%);
        width: 5.6rem
    }
}

.c-page-home__download-text {
    color: #f45c27;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.5;
    margin: 7px 0 0;
    padding: 4px 24px 6px;
    position: relative
}

@media(max-width: 767px) {
    .c-page-home__download-text {
        font-size: 1.6rem;
        margin: 0;
        padding: 9px 0 12px
    }
}

.c-page-home__download-text:after, .c-page-home__download-text:before {
    content: "";
    display: inline-block;
    height: 2.2rem;
    margin-bottom: -2px;
    width: 1.3rem
}

.c-page-home__download-text:before {
    background: url(/jakyosaiapp/img/obj-download-title-01.svg) no-repeat;
    margin-right: 6px
}

.c-page-home__download-text:after {
    background: url(/jakyosaiapp/img/obj-download-title-02.svg) no-repeat;
    margin-left: 6px
}

.c-page-home__download-inner {
    align-items: stretch;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

@media(max-width: 767px) {
    .c-page-home__download-inner {
        flex-direction: column;
        margin: 0 auto
    }
}

.c-page-home__download-inner>div {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 44px 40px
}

@media(max-width: 1099px) {
    .c-page-home__download-inner>div {
        padding: 0 4vw 40px
    }
}

.c-page-home__download-inner>div:first-child {
    gap: 40px 0
}

@media(min-width: 768px) {
    .c-page-home__download-inner>div:first-child {
        border-right: 1px solid #fff
    }
}

@media(max-width: 767px) {
    .c-page-home__download-inner>div:first-child {
        border-bottom: 1px solid #fff;
        gap: 16px 0;
        padding: 0 0 24px
    }

    .c-page-home__download-inner>div:last-child {
        padding: 24px 0 0
    }
}

.c-page-home__download-link {
    display: flex;
    gap: 0 32px;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

@media(max-width: 1099px) {
    .c-page-home__download-link {
        gap: 0 2.9090909091vw
    }
}

@media(max-width: 767px) {
    .c-page-home__download-link {
        gap: 0 8px
    }
}

@media(min-width: 768px) {
    .c-page-home__download-link li {
        align-items: center;
        display: flex;
        gap: 0 12px
    }
}

.c-page-home__download-link li a {
    align-items: center;
    display: flex
}

@media(max-width: 767px) {
    .c-page-home__download-link li a img {
        width: 40.2666666667vw
    }
}

.c-page-home__download-link-qr {
    background-color: #fff
}

@media(max-width: 767px) {
    .c-page-home__download-link-qr {
        display: none
    }
}

.c-page-home__download-btn {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin: 7px auto 0
}

@media(max-width: 767px) {
    .c-page-home__download-btn {
        margin: 0 auto
    }
}

.c-page-home__download-btn-detail {
    margin: 0 auto
}

.c-page-home__download-btn-detail a {
    align-items: center;
    background: #fff;
    border-radius: 24px;
    color: #333;
    display: inline-flex;
    font-size: 2rem;
    font-weight: 700;
    gap: 0 16px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1.5;
    padding: 16px 48px 16px 24px;
    position: relative;
    text-decoration: none
}

@media(min-width: 1100px) {
    .c-page-home__download-btn-detail a {
        min-width: 37.5rem
    }
}

@media(max-width: 1099px) {
    .c-page-home__download-btn-detail a {
        font-size: 1.8181818182vw;
        gap: 0 1.4545454545vw;
        min-width: 34.0909090909vw;
        padding: 16px 4.3636363636vw 16px 2.1818181818vw
    }
}

@media(max-width: 767px) {
    .c-page-home__download-btn-detail a {
        border-radius: 24px;
        font-size: 1.6rem;
        gap: 0 3.2vw;
        min-width: 77.8666666667vw;
        padding: .75em 1.9em .75em .9em
    }
}

.c-page-home__download-btn-detail a:after {
    background: url(../assets/images/icon-chevron.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    inset: 0 1.4rem 0 auto;
    margin: auto 0;
    position: absolute;
    width: 7px
}

@media(max-width: 1099px) {
    .c-page-home__download-btn-detail a img {
        height: auto;
        width: 3.6363636364vw
    }
}

@media(max-width: 767px) {
    .c-page-home__download-btn-detail a img {
        max-width: 32px;
        width: 8.5333333333vw
    }
}

.c-page-home__faq {
    padding: 80px 20px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__faq {
        padding: 56px 8.5333333333vw
    }
}

.c-page-home__faq h2+details {
    margin-top: 40px
}

.c-page-home__faq details {
    background: #f8f1ef;
    border-radius: 8.8px;
    margin: 0 auto;
    text-align: left
}

@media(min-width: 768px) {
    .c-page-home__faq details {
        max-width: 994px
    }
}

.c-page-home__faq details+details {
    margin-top: 24px
}

@media(max-width: 767px) {
    .c-page-home__faq details+details {
        margin-top: 16px
    }
}

.c-page-home__faq details summary {
    align-items: center;
    border-radius: 0 0 8.8px 8.8px;
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    gap: 0 16px;
    line-height: 1.5;
    list-style: none;
    padding: 24px 60px 24px 24px;
    position: relative
}

@media(max-width: 767px) {
    .c-page-home__faq details summary {
        font-size: 1.6rem;
        padding: 16px 40px 16px 16px
    }
}

.c-page-home__faq details summary::-webkit-details-marker {
    display: none
}

.c-page-home__faq details summary:before {
    background: url(../img/icon-arrow.svg) no-repeat;
    background-size: cover;
    content: "";
    height: 32px;
    inset: 28px 24px auto auto;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
    width: 32px
}

@media(max-width: 767px) {
    .c-page-home__faq details summary:before {
        inset: 0 2.1333333333vw 0 auto;
        margin: auto 0;
        width: 30px
    }
}

.c-page-home__faq details[open] summary:before {
    transform: rotate(0deg)
}

.c-page-home__faq-q {
    color: #017b63;
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 3.2rem;
    line-height: 1;
    margin: .1em 0 0;
    width: 50px
}

@media(max-width: 1099px) {
    .c-page-home__faq-q {
        font-size: 2.7rem;
        width: 42px
    }
}

@media(max-width: 767px) {
    .c-page-home__faq-q {
        flex: 0 0 35px;
        font-size: 2.2rem;
        width: 35px
    }
}

.c-page-home__faq-a {
    -webkit-animation: fade-in .5s ease;
    animation: fade-in .5s ease;
    font-size: 1.6rem;
    line-height: 1.5;
    overflow: hidden
}

@media(max-width: 767px) {
    .c-page-home__faq-a {
        padding: 0 16px 16px
    }
}

.c-page-home__faq-a-inner {
    padding: 0 24px 24px 90px
}

@media(max-width: 1099px) {
    .c-page-home__faq-a-inner {
        padding: 0 24px 24px 82px
    }
}

@media(max-width: 767px) {
    .c-page-home__faq-a-inner {
        padding: 0 24px 24px 51px
    }
}

.c-page-home__faq-a p {
    margin: 0
}

.c-page-home__faq-a a {
    color: #017b63
}

.c-page-home__contact {
    background: #017b63;
    margin: 0 auto;
    padding: 50px 20px 60px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-home__contact {
        padding: 32px 8.5333333333vw
    }
}

.c-page-home__contact h2 {
    color: #fff
}

.c-page-home__contact-inner {
    align-items: center;
    display: flex;
    gap: 0 32px;
    margin: 30px auto 0;
    max-width: 992px
}

@media(max-width: 767px) {
    .c-page-home__contact-inner {
        flex-direction: column;
        gap: 16px 0;
        margin: 16px auto 0
    }
}

.c-page-home__contact-tel {
    background: #fff;
    border-radius: 24px;
    font-weight: 700;
    line-height: 1.5;
    padding: 24px 40px 16px
}

@media(min-width: 768px) {
    .c-page-home__contact-tel {
        min-width: 500px
    }
}

@media(max-width: 1099px) {
    .c-page-home__contact-tel {
        min-width: 50.4032258065%
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-tel {
        padding: 1em;
        width: 100%
    }
}

.c-page-home__contact-tel h3 {
    font-size: 1.8rem;
    margin: 0 auto
}

@media(max-width: 1099px) {
    .c-page-home__contact-tel h3 {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-tel h3 {
        font-size: 1.4rem
    }
}

.c-page-home__contact-tel-number {
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 4.2rem;
    margin: 0 auto
}

@media(max-width: 1099px) {
    .c-page-home__contact-tel-number {
        font-size: 3rem
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-tel-number {
        font-size: 2.4rem;
        margin: 0 auto
    }
}

.c-page-home__contact-tel-number a {
    align-items: center;
    color: #333;
    display: flex;
    gap: 0 4px;
    justify-content: center;
    text-decoration: none
}

@media(min-width: 768px) {
    .c-page-home__contact-tel-number a {
        pointer-events: none
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-tel-number a img {
        width: 7.4666666667vw
    }
}

.c-page-home__contact-time {
    color: #fff;
    text-align: left
}

@media(max-width: 767px) {
    .c-page-home__contact-time {
        display: grid;
        gap: 0 4.2666666667vw;
        grid-template-columns: fit-content(5.5rem) auto
    }
}

.c-page-home__contact-time h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

@media(max-width: 1099px) {
    .c-page-home__contact-time h3 {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-time h3 {
        font-size: 1.2rem
    }
}

.c-page-home__contact-time p {
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@media(min-width: 768px) {
    .c-page-home__contact-time p {
        margin: 5px 0 0
    }
}

@media(max-width: 767px) {
    .c-page-home__contact-time p {
        font-size: 1.2rem
    }
}

.c-page-home__pagetop {
    bottom: 40px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5
}

.c-page-home__pagetop a {
    bottom: 0;
    display: block;
    position: absolute;
    right: 20px;
    transform: translateY(50%)
}

.splide__pagination {
    bottom: -20px;
    transform: translateY(100%)
}

.c-page-sub {
    background-color: #eae1de;
    inset: 0 auto 0 calc(50% - 420px);
    margin: 0;
    padding: 0;
    position: absolute
}

@media(min-width: 768px) {
    .c-page-sub {
        max-width: 440px
    }
}

@media(width <=840px) {
    .c-page-sub {
        inset: 0 0 0 0
    }
}

@media(max-width: 767px) {
    .c-page-sub {
        inset: 0;
        margin: 0 auto;
        padding: 0
    }
}

.c-page-sub a {
    transition: opacity .3s ease-in-out
}

@media(hover: hover) {
    .c-page-sub a:hover {
        opacity: .6
    }
}

.c-page-sub__pagetop {
    bottom: 40px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5
}

.c-page-sub__pagetop a {
    bottom: 0;
    display: block;
    position: absolute;
    right: 20px;
    transform: translateY(50%)
}

.c-page-sub__base {
    background-color: #f8f1ef
}

.c-page-sub__content-main:has(+.c-page-sub__youtube) {
    padding-bottom: 24px
}

.c-page-sub__youtube {
    padding: 16px 20px 8px
}

@media(max-width: 767px) {
    .c-page-sub__youtube {
        padding: 16px 5.3333333333vw 8px
    }
}

.c-page-sub__youtube h2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0
}

.c-page-sub__youtube h2 span {
    background: #017b63;
    border-radius: 30px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.5;
    padding: 4px 18px
}

.c-page-sub__youtube-inner {
    margin: 0 auto;
    padding: 16px;
    text-align: center
}

@media(max-width: 767px) {
    .c-page-sub__youtube-inner {
        padding: 16px 4.2666666667vw
    }
}

.c-page-sub__youtube-inner+h2 {
    margin-top: 16px
}

.c-page-sub__youtube-trigger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0000;
    border: none;
    cursor: pointer;
    margin: 0 auto;
    outline: none;
    padding: 0;
    transition: opacity .3s ease-in-out
}

@media(hover: hover) {
    .c-page-sub__youtube-trigger:hover {
        opacity: .6
    }
}

.c-page-sub__youtube-thumbnail img {
    border-radius: 12px
}

.c-header {
    font-size: 1.6rem;
    width: 100%
}

[class=c-page-home] .c-header {
    position: absolute;
    z-index: 10
}

[class=c-page-sub] .c-header {
    background: #fff
}

.c-header__body {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    min-height: 91px;
    position: relative;
    width: 100%
}

@media(max-width: 767px) {
    .c-header__body {
        min-height: 68px
    }
}

.c-header__title {
    padding: 0 calc(100px + 1em) 0 24px
}

@media(max-width: 767px) {
    .c-header__title {
        padding: 0 calc(68px + 1em) 0 16px
    }
}

.c-header__site-name {
    margin: 0
}

.c-header__site-name a {
    display: block;
    text-decoration: none
}

.c-header__site-name a img {
    vertical-align: bottom
}

.c-header__site-name h1 {
    font-size: 1rem;
    margin: 0
}

.c-header__button {
    inset: 11px 32px auto auto;
    position: fixed;
    z-index: 20
}

@media(max-width: 767px) {
    .c-header__button {
        inset: 0 0 auto auto
    }
}

@media(min-width: 768px) {
    [class=c-page-sub] .c-header__button {
        display: none
    }
}

.c-header__button-toggle {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 68px;
    justify-content: center;
    position: relative;
    width: 68px
}

.c-header__button-toggle span {
    display: block;
    position: relative;
    width: 47px
}

@media(max-width: 767px) {
    .c-header__button-toggle span {
        width: 29px
    }
}

.c-header__button-toggle span>span {
    background: #333;
    border-radius: 10px;
    height: 4px;
    pointer-events: none;
    transition: width .3s ease-in-out;
    width: 47px
}

@media(max-width: 767px) {
    .c-header__button-toggle span>span {
        height: 2px;
        width: 29px
    }
}

.c-header__button-toggle span>span:after, .c-header__button-toggle span>span:before {
    background: #333;
    border-radius: 10px;
    content: "";
    height: 4px;
    position: absolute;
    transition: transform .3s ease-in-out;
    width: 100%
}

@media(max-width: 767px) {
    .c-header__button-toggle span>span:after, .c-header__button-toggle span>span:before {
        height: 2px
    }
}

.c-header__button-toggle span>span:before {
    inset: -13px 0 auto
}

@media(max-width: 767px) {
    .c-header__button-toggle span>span:before {
        inset: -8px 0 auto
    }
}

.c-header__button-toggle span>span:after {
    inset: auto 0 -13px
}

@media(max-width: 767px) {
    .c-header__button-toggle span>span:after {
        inset: auto 0 -8px
    }
}

.c-header__button-toggle[aria-expanded=true] span:before {
    opacity: 1;
    transform: translateY(11px) rotate(-45deg);
    width: 47px
}

@media(max-width: 767px) {
    .c-header__button-toggle[aria-expanded=true] span:before {
        transform: translateY(7px) rotate(-45deg);
        width: 29px
    }
}

.c-header__button-toggle[aria-expanded=true] span:after {
    opacity: 1;
    transform: translateY(-11px) rotate(45deg);
    width: 47px
}

@media(max-width: 767px) {
    .c-header__button-toggle[aria-expanded=true] span:after {
        transform: translateY(-7px) rotate(45deg);
        width: 29px
    }
}

.c-header__button-toggle[aria-expanded=true] span>span {
    height: 0;
    width: 0
}

.c-footer {
    background-color: #fff;
    padding: 48px 20px 30px;
    text-align: center
}

@media(max-width: 767px) {
    .c-footer {
        padding: 32px 8.5333333333vw
    }
}

[class=c-page-sub] .c-footer {
    padding: 40px 32px
}

.c-footer__body {
    display: grid;
    margin: 0 auto
}

@media(max-width: 767px) {
    .c-footer__body {
        display: grid;
        gap: 30px 0
    }
}

@media(min-width: 768px) {
    [class=c-page-home] .c-footer__body, [class=c-page-sub-full-width] .c-footer__body {
        gap: 36px 0
    }
}

[class=c-page-sub] .c-footer__body {
    gap: 32px 0
}

.c-footer__link {
    font-size: 1.4rem;
    line-height: 1.5;
    list-style: none;
    padding: 0;
    text-align: left
}

[class=c-page-sub] .c-footer__link {
    margin: 0
}

@media(min-width: 768px) {
    [class=c-page-home] .c-footer__link, [class=c-page-sub-full-width] .c-footer__link {
        align-items: center;
        display: inline-flex;
        margin: 0 auto
    }
}

.c-footer__link li a {
    color: #333;
    position: relative;
    text-decoration: none
}

@media(max-width: 767px) {
    .c-footer__link li a {
        padding-left: 1em
    }
}

@media(min-width: 768px) {
    [class=c-page-home] .c-footer__link li a, [class=c-page-sub-full-width] .c-footer__link li a {
        padding: 0 20px
    }
}

@media(min-width: 1100px) {
    [class=c-page-home] .c-footer__link li a, [class=c-page-sub-full-width] .c-footer__link li a {
        padding: 0 40px
    }
}

@media(min-width: 768px) {
    [class=c-page-home] .c-footer__link li a>span, [class=c-page-sub-full-width] .c-footer__link li a>span {
        margin-right: .5em
    }
}

@media(max-width: 767px) {
    .c-footer__link li a:before {
        background: url(../assets/images/icon-chevron-03.svg) no-repeat;
        content: "";
        height: 9px;
        inset: .46em auto auto 0;
        position: absolute;
        width: 5px
    }
}

[class=c-page-sub] .c-footer__link li a {
    padding-left: 1em
}

[class=c-page-sub] .c-footer__link li a:before {
    background: url(../assets/images/icon-chevron-03.svg) no-repeat;
    content: "";
    height: 9px;
    inset: .46em auto auto 0;
    position: absolute;
    width: 5px
}

@media(max-width: 767px) {
    .c-footer__link li+li {
        margin-top: 6px
    }
}

[class=c-page-sub] .c-footer__link li+li {
    margin-top: 6px
}

@media(min-width: 768px) {
    [class=c-page-home] .c-footer__link li+li, [class=c-page-sub-full-width] .c-footer__link li+li {
        border-left: 1px solid #3333
    }
}

.c-footer__info {
    display: grid;
    gap: 18px 0
}

@media(max-width: 767px) {
    .c-footer__info {
        gap: 10px 0
    }
}

[class=c-page-sub] .c-footer__info {
    gap: 10px 0
}

.c-footer__logo {
    margin: 0 auto
}

[class=c-page-sub] .c-footer__logo {
    max-width: 118px
}

[class=c-page-sub] .c-footer__logo img {
    vertical-align: middle
}

.c-footer__copyright {
    display: block;
    font-size: 1.2rem;
    margin: 0 auto;
    text-align: center
}

.c-nav-global {
    background: #f8f1ef;
    display: none;
    height: 100%;
    overflow-y: auto;
    overscroll-behavior-y: none;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 10
}

@media(min-width: 768px) {
    .c-nav-global {
        inset: 0 0 auto auto;
        padding: 56px 0;
        width: 408px
    }
}

@media(max-width: 767px) {
    .c-nav-global {
        inset: 0 auto;
        padding-top: 68px
    }
}

.c-nav-global a {
    transition: opacity .3s ease-in-out
}

.c-nav-global a:hover {
    opacity: .6
}

[class=c-page-sub] .c-nav-global {
    background: none;
    display: flex;
    flex-direction: column;
    inset: 0 auto 0 calc(50% + 140px);
    padding: 77px 0 50px;
    width: 280px
}

@media(max-width: 1099px) {
    [class=c-page-sub] .c-nav-global {
        width: 280px
    }
}

@media(width <=960px) {
    [class=c-page-sub] .c-nav-global {
        inset: 0 20px 0 auto
    }
}

@media(max-width: 767px) {
    [class=c-page-sub] .c-nav-global {
        background: #f8f1ef;
        display: none;
        inset: 0;
        padding-bottom: 0;
        padding-top: 68px;
        position: fixed;
        width: 100%
    }
}

.c-nav-global[aria-hidden=false] {
    display: block
}

@media(min-width: 768px) {
    .c-nav-global[aria-hidden=false] {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.c-nav-global__body {
    margin: 0 auto;
    width: 100%
}

@media(max-width: 767px) {
    .c-nav-global__body {
        display: flex;
        flex-direction: column;
        height: 100%
    }
}

@media(min-width: 768px) {
    [class=c-page-sub] .c-nav-global__body {
        display: none
    }
}

.c-nav-global__list {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    letter-spacing: .03em;
    line-height: 1.3;
    margin: 0 64px;
    padding: 0
}

@media(max-width: 767px) {
    .c-nav-global__list {
        margin: 0 8.5333333333vw
    }
}

[class=c-page-sub] .c-nav-global__list {
    margin: 0
}

@media(max-width: 767px) {
    [class=c-page-sub] .c-nav-global__list {
        margin: 0 8.5333333333vw
    }
}

.c-nav-global__list a {
    color: #333;
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%
}

.c-nav-global__list a:after {
    background: url(/jakyosaiapp/img/icon-arrow.svg) no-repeat;
    content: "";
    height: 32px;
    inset: 0 4px 0 auto;
    margin: auto 0;
    position: absolute;
    transform: rotate(90deg);
    width: 32px
}

@media(max-width: 767px) {
    .c-nav-global__list a:after {
        width: 8.5333333333vw
    }
}

.c-nav-global__item {
    display: block
}

.c-nav-global__item+.c-nav-global__item {
    border-top: 1px solid #3333
}

@media(min-width: 768px) {
    .c-nav-global__item:last-child {
        border-bottom: 1px solid #3333
    }
}

.c-nav-global__item>a {
    font-size: 1.8rem;
    font-weight: 700;
    padding: 14px 46px 14px 0
}

@media(min-width: 768px) {
    .c-nav-global__item>a {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .c-nav-global__item>a {
        padding: 20px 12.2666666667vw 20px 0
    }
}

.c-nav-global__sub-nav {
    padding: 0 0 10px 16px;
    width: 100%
}

@media(max-width: 767px) {
    .c-nav-global__sub-nav {
        padding: 0 0 24px 4.2666666667vw
    }
}

.c-nav-global__sub-nav>li {
    list-style: none
}

.c-nav-global__sub-nav>li+li {
    border: none;
    margin-top: 4px
}

.c-nav-global__sub-nav>li>a {
    font-size: 1.6rem;
    font-weight: 400;
    padding: 7px 46px 7px 0
}

@media(min-width: 768px) {
    .c-nav-global__sub-nav>li>a {
        font-size: 1.4rem
    }
}

@media(max-width: 767px) {
    .c-nav-global__sub-nav>li>a {
        padding: 8px 12.2666666667vw 8px 0
    }
}

.c-nav-global__download {
    padding: 0 32px 24px;
    position: relative;
    text-align: center
}

@media(max-width: 767px) {
    .c-nav-global__download {
        background: #afdaca;
        border-radius: 48px 48px 0 0;
        height: 100%;
        margin: 40px 0 0;
        padding: 0 8.5333333333vw 32px
    }
}

[class=c-page-sub] .c-nav-global__download {
    padding: 0
}

@media(max-width: 767px) {
    [class=c-page-sub] .c-nav-global__download {
        height: 100%;
        padding: 0 8.5333333333vw 32px
    }
}

[class=c-page-sub] .c-nav-global__download li>img {
    background-color: #fff
}

.c-nav-global__download-text {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1.5;
    margin: 0 auto;
    padding-top: 32px;
    position: relative
}

@media(min-width: 768px) {
    .c-nav-global__download-text {
        display: none
    }
}

.c-nav-global__download-text-bubble {
    align-items: center;
    background: url(/jakyosaiapp/img/bg-bubble-01.svg) no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 6.6rem;
    inset: 20px auto auto -2.6666666667vw;
    justify-content: center;
    letter-spacing: .01em;
    padding: .5em .5em 1.5em;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    width: 5.6rem
}

.c-nav-global__download-link {
    display: flex;
    list-style: none;
    padding: 0
}

@media(min-width: 768px) {
    .c-nav-global__download-link {
        flex-direction: column;
        gap: 24px 0;
        margin: 32px auto 0
    }
}

@media(max-width: 767px) {
    .c-nav-global__download-link {
        gap: 0 2.1333333333vw;
        justify-content: center;
        margin: 16px auto 0
    }
}

@media(min-width: 768px) {
    .c-nav-global__download-link li {
        align-items: center;
        display: flex;
        gap: 0 16px;
        justify-content: center
    }
}

.c-nav-global__download-link li a {
    align-items: center;
    display: flex
}

@media(max-width: 767px) {
    .c-nav-global__download-link-qr {
        display: none
    }
}

.c-nav-sitemap {
    background-color: #3f3d2f;
    padding: 30px 0
}

@media(max-width: 575px) {
    .c-nav-sitemap {
        padding: 0
    }
}

.c-nav-sitemap ul[data-sitemap-level="1"], .c-nav-sitemap ul[data-sitemap-level="2"], .c-nav-sitemap ul[data-sitemap-level="3"] {
    margin: 0
}

.c-nav-sitemap li[data-sitemap-level="1"], .c-nav-sitemap li[data-sitemap-level="2"], .c-nav-sitemap li[data-sitemap-level="3"] {
    display: block;
    margin: 0;
    padding: 0
}

.c-nav-sitemap a {
    color: #fff;
    display: block;
    padding-left: 30px;
    text-decoration: none
}

@media(max-width: 575px) {
    .c-nav-sitemap a {
        padding: 20px
    }
}

.c-nav-sitemap a:hover {
    opacity: .7
}

.c-nav-sitemap a:before {
    background: #f5a21c;
    border: 1px solid #0000;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 15px 0 -20px;
    vertical-align: middle;
    width: 8px
}

@media(max-width: 575px) {
    .c-nav-sitemap a:before {
        display: none;
        margin: 0
    }
}

.c-nav-sitemap__body {
    background-color: #3f3d2f;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden
}

@media(max-width: 1099px) {
    .c-nav-sitemap__body {
        max-width: 100%
    }
}

.c-nav-sitemap ul[data-sitemap-level="1"] {
    -moz-column-count: 4;
    column-count: 4;
    padding: 0
}

@media(max-width: 576px) {
    .c-nav-sitemap ul[data-sitemap-level="1"] {
        -moz-column-count: 1;
        column-count: 1
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .c-nav-sitemap ul[data-sitemap-level="1"] {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-nav-sitemap ul[data-sitemap-level="1"] {
        -moz-column-count: 3;
        column-count: 3
    }
}

.c-nav-sitemap li[data-sitemap-level="1"] {
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%
}

@media(max-width: 575px) {
    .c-nav-sitemap li[data-sitemap-level="1"] {
        margin: 0
    }

    .c-nav-sitemap li[data-sitemap-level="1"] a {
        border-bottom: 2px solid #fff;
        margin: 0
    }

    .c-nav-sitemap li[data-sitemap-level="1"] a :before {
        display: none;
        margin: 0
    }
}

.c-nav-sitemap ul[data-sitemap-level="2"] {
    padding: 0 0 0 1em
}

@media(max-width: 575px) {
    .c-nav-sitemap ul[data-sitemap-level="2"] {
        padding: 0
    }
}

.c-nav-sitemap li[data-sitemap-level="2"] {
    margin: 0 0 .5em
}

@media(max-width: 575px) {
    .c-nav-sitemap li[data-sitemap-level="2"] {
        margin: 0
    }

    .c-nav-sitemap li[data-sitemap-level="2"] a {
        background: #baa98f;
        border-bottom: 1px solid #3f3d2f;
        color: #333;
        padding: 15px 20px
    }
}

.c-nav-sitemap li[data-sitemap-level="2"] a:before {
    background: #fbdeaf
}

@media(max-width: 575px) {
    .c-nav-sitemap li[data-sitemap-level="2"] a:before {
        display: none;
        margin: 0
    }
}

.c-nav-sitemap ul[data-sitemap-level="3"] {
    padding: 0 0 0 1em
}

@media(max-width: 575px) {
    .c-nav-sitemap ul[data-sitemap-level="3"] {
        padding: 0
    }

    .c-nav-sitemap li[data-sitemap-level="3"] a {
        background: #dad3c9;
        color: #333;
        padding: 10px 20px
    }
}

.c-nav-sitemap li[data-sitemap-level="3"] a:before {
    background: #fff;
    border: 1px solid #fff
}

@media(max-width: 575px) {
    .c-nav-sitemap li[data-sitemap-level="3"] a:before {
        display: none;
        margin: 0
    }
}

.c-contact {
    background: #017b63;
    margin: 0 auto;
    padding: 32px;
    text-align: center
}

@media(max-width: 767px) {
    .c-contact {
        padding: 32px 8.5333333333vw
    }
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact {
        padding: 50px 20px 60px
    }
}

.c-contact h2 {
    color: #fff;
    margin: 0 0 16px
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact h2 {
        font-size: 4rem
    }
}

.c-contact__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin: 16px auto 0;
    max-width: 992px
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__inner {
        align-items: center;
        flex-direction: row;
        gap: 0 32px;
        margin: 30px auto 0;
        max-width: 992px
    }
}

.c-contact__tel {
    background: #fff;
    border-radius: 24px;
    font-weight: 700;
    line-height: 1.5;
    padding: 1em;
    width: 100%
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__tel {
        min-width: 50.4032258065%;
        padding: 24px 40px 16px;
        width: auto
    }
}

@media(min-width: 1100px) {
    [class=c-page-sub-full-width] .c-contact__tel {
        min-width: 500px
    }
}

.c-contact__tel h3 {
    font-size: 1.4rem;
    margin: 0 auto
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__tel h3 {
        font-size: 1.6rem
    }
}

@media(min-width: 1100px) {
    [class=c-page-sub-full-width] .c-contact__tel h3 {
        font-size: 1.8rem
    }
}

.c-contact__tel-number {
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 2.4rem;
    margin: 0 auto
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__tel-number {
        font-size: 3rem
    }
}

@media(min-width: 1100px) {
    [class=c-page-sub-full-width] .c-contact__tel-number {
        font-size: 4.2rem
    }
}

.c-contact__tel-number a {
    align-items: center;
    color: #333;
    display: flex;
    gap: 0;
    justify-content: center;
    text-decoration: none
}

@media(max-width: 767px) {
    .c-contact__tel-number a img {
        width: 7.4666666667vw
    }
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__tel-number a img {
        height: 4.6rem;
        width: 4.6rem
    }
}

.c-contact__time {
    color: #fff;
    display: grid;
    gap: 0 16px;
    grid-template-columns: fit-content(5rem) auto;
    text-align: left
}

@media(max-width: 767px) {
    .c-contact__time {
        gap: 0 4.2666666667vw
    }
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__time {
        display: block
    }
}

.c-contact__time h3 {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__time h3 {
        font-size: 1.6rem
    }
}

@media(min-width: 1100px) {
    [class=c-page-sub-full-width] .c-contact__time h3 {
        font-size: 2rem
    }
}

.c-contact__time p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0
}

@media(min-width: 768px) {
    [class=c-page-sub-full-width] .c-contact__time p {
        font-size: 1.6rem;
        margin: 5px 0 0
    }
}

.c-download {
    background: #afdaca;
    border-radius: 48px 48px 0 0;
    margin: 48px auto 0;
    max-width: 1200px;
    padding: 0 32px 32px;
    width: 100%
}

@media(max-width: 767px) {
    .c-download {
        border-radius: 48px 48px 0 0;
        padding: 0 8.5333333333vw 32px
    }
}

.c-download li>img {
    background-color: #fff
}

.c-download img {
    vertical-align: bottom
}

.c-download__title {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 32px 0 0;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 767px) {
    .c-download__title {
        font-size: 2rem
    }
}

.c-download__title-bubble {
    align-items: center;
    background: url(/jakyosaiapp/img/bg-bubble-01.svg) no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    height: 6.6rem;
    inset: 10px auto auto 0;
    justify-content: center;
    letter-spacing: .01em;
    padding: .8em .5em 1.5em;
    position: absolute;
    text-align: center;
    transform: translateY(-50%) translateX(-110%);
    width: 5.6rem
}

@media(max-width: 767px) {
    .c-download__title-bubble {
        font-size: 1.4rem;
        height: 6.6rem;
        transform: translateY(-50%) translateX(-80%);
        width: 5.6rem
    }
}

.c-download__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    margin: 24px auto 0
}

@media(max-width: 767px) {
    .c-download__inner {
        gap: 16px;
        margin: 0 auto
    }
}

.c-download__link {
    display: flex;
    gap: 24px 8px;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

@media(min-width: 768px) {
    .c-download__link {
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .c-download__link {
        gap: 0 8px;
        margin: 16px auto 0
    }
}

.c-download__link li {
    gap: 16px
}

.c-download__link li, .c-download__link li a {
    align-items: center;
    display: flex
}

@media(max-width: 767px) {
    .c-download__link li a img {
        width: 40.2666666667vw
    }

    .c-download__link-qr {
        display: none
    }
}

.c-download__btn {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin: 0 auto;
    max-width: 296px;
    width: 100%
}

@media(max-width: 767px) {
    .c-download__btn {
        min-width: 74.4vw
    }
}

.c-download__btn-detail {
    margin: 0 auto;
    width: 100%
}

.c-download__btn-detail a {
    align-items: center;
    background: #fff;
    border-radius: 24px;
    color: #333;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 0 8px;
    justify-content: center;
    line-height: 1.5;
    padding: .72em 1em;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media(max-width: 767px) {
    .c-download__btn-detail a {
        border-radius: 24px;
        font-size: 1.6rem;
        padding: .72em 1em
    }
}

.c-download__back a {
    color: #333;
    position: relative
}

.c-download__back a:before {
    background: url(/jakyosaiapp/img/icon-arrow-green.svg) no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin: auto 4px auto 0;
    width: 7px
}

.c-title-page {
    background-color: #fff;
    letter-spacing: .08em;
    min-height: 130px;
    padding: 24px 0 0 20px;
    position: relative
}

.c-title-page__text-sub p {
    color: #f45c27;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0
}

.c-title-page__contents {
    display: flex;
    gap: 30px;
    justify-content: space-between
}

.c-title-page__textarea {
    margin-bottom: 32px;
    text-align: left
}

.c-title-page__textarea h1 {
    font-size: 2.8rem;
    line-height: 1.3;
    margin: 8px 0 0;
    text-align: left
}

@media(max-width: 767px) {
    .c-title-page__textarea h1 {
        font-size: 2.4rem
    }
}

.c-title-page__img {
    bottom: 0;
    position: absolute;
    right: 0
}

.c-title-page__img img {
    vertical-align: middle
}

@media(max-width: 767px) {
    .c-title-page__img img {
        height: auto;
        width: auto
    }
}

.c-hero {
    background-color: #fef6e7;
    display: grid;
    grid-template-columns: 1fr;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 107px;
    position: relative;
    text-align: center;
    z-index: 1
}

@media(max-width: 767px) {
    .c-hero {
        padding-top: 92px
    }
}

.c-hero__inner {
    align-items: center;
    display: flex;
    grid-area: 1/1;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 1108px
}

@media(min-width: 768px) {
    .c-hero__inner {
        display: flex;
        grid-template-columns: 1fr 524px
    }
}

@media(max-width: 767px) {
    .c-hero__inner {
        flex-direction: column;
        gap: 32px 0
    }
}

.c-hero__text {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: fadeup-anime;
    animation-name: fadeup-anime;
    opacity: 0
}

@media(min-width: 1100px) {
    .c-hero__text {
        margin-top: -60px
    }
}

.c-hero__title {
    font-size: 7.2rem;
    line-height: 1.3;
    margin: 0 auto
}

@media(max-width: 1099px) {
    .c-hero__title {
        font-size: 6rem
    }
}

@media(max-width: 767px) {
    .c-hero__title {
        font-size: 4rem
    }
}

.c-hero__title span {
    display: block;
    font-size: 3.8rem
}

@media(max-width: 1099px) {
    .c-hero__title span {
        font-size: 3rem
    }
}

@media(max-width: 767px) {
    .c-hero__title span {
        font-size: 2.2rem
    }
}

.c-hero__lead {
    font-size: 2rem;
    margin: 24px auto 0
}

@media(max-width: 1099px) {
    .c-hero__lead {
        font-size: 1.8rem
    }
}

@media(max-width: 767px) {
    .c-hero__lead {
        font-size: 1.6rem;
        margin: 8px auto 0
    }
}

.c-hero__link {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    justify-content: center;
    list-style: none;
    margin: 48px auto 0;
    padding: 0
}

@media(max-width: 767px) {
    .c-hero__link {
        gap: 0 8px;
        margin: 24px auto 0
    }
}

@media(min-width: 768px) {
    .c-hero__link li {
        align-items: center;
        display: flex;
        gap: 0 8px
    }
}

.c-hero__link li a {
    align-items: center;
    display: flex
}

@media(max-width: 767px) {
    .c-hero__link li a img {
        width: 40.2666666667vw
    }

    .c-hero__link-qr {
        display: none
    }
}

@media(min-width: 768px) {
    .c-hero__image {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: fadeup-anime;
        animation-name: fadeup-anime;
        opacity: 0
    }
}

@media(max-width: 767px) {
    .c-hero__image img {
        vertical-align: middle;
        width: 61.0666666667vw
    }
}

.c-hero__bg {
    grid-area: 1/1;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: -1
}

.c-hero__bg-fluid-01 {
    bottom: -210px;
    position: absolute
}

@media(min-width: 1300px) {
    .c-hero__bg-fluid-01 {
        inset: auto calc(50% + 360px) -210px auto
    }
}

@media(max-width: 1299px) {
    .c-hero__bg-fluid-01 {
        inset: auto auto -210px -268px
    }
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-01 {
        inset: auto auto -210px -24.3858052775vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-01 {
        display: none
    }
}

.c-hero__bg-fluid-01:not([date-animate]) {
    opacity: 0
}

.c-hero__bg-fluid-01[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-left;
    animation-name: slide-left;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-hero__bg-fluid-01-inner {
    align-items: start;
    display: flex;
    height: 450px;
    justify-content: center;
    position: relative;
    width: 560px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-01-inner {
        height: 40.9463148317vw;
        width: 50.9554140127vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-01-inner {
        height: 80vw;
        width: 80vw
    }
}

.c-hero__bg-fluid-01-pink {
    background: #f4a6a6;
    border-radius: 59% 38% 63% 35%/62% 46% 64% 36%;
    height: 396px;
    overflow: hidden;
    position: absolute;
    width: 546px;
    z-index: 1
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-01-pink {
        height: 36.0327570519vw;
        width: 49.6815286624vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-01-pink {
        background: url(/jakyosaiapp/img/bg-fluid-02-1-sp.svg) no-repeat;
        background-size: contain;
        height: 114.6666666667vw;
        transform: rotate(38deg);
        width: 86.9333333333vw
    }
}

.c-hero__bg-fluid-01-green {
    -webkit-animation: 25s infinite alternate forwards running;
    animation: 25s infinite alternate forwards running;
    height: 210px;
    inset: -100px auto auto 60px;
    position: absolute;
    width: 270px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-01-green {
        height: 19.1082802548vw;
        inset: -9.0991810737vw auto auto 5.4595086442vw;
        width: 24.567788899vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-01-green {
        background: #ffc9c9;
        border-radius: 79% 21% 55% 45%/53% 25% 75% 47%;
        height: 58.9333333333vw;
        left: 36vw;
        margin-top: -29.3333333333vw;
        position: absolute;
        transform: rotate(0);
        width: 50.9333333333vw
    }
}

.c-hero__bg-fluid-01-blue {
    height: 210px;
    inset: -100px auto auto 53px;
    position: absolute;
    width: 270px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-01-blue {
        height: 19.1082802548vw;
        inset: -9.0991810737vw auto auto 4.8225659691vw;
        width: 24.567788899vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-01-blue {
        background: url(/jakyosaiapp/img/bg-fluid-02-2-sp.svg) no-repeat;
        background-size: contain;
        height: 114.6666666667vw;
        left: -54.1333333333vw;
        position: absolute;
        top: 29.3333333333vw;
        transform: rotate(38deg);
        width: 86.9333333333vw
    }
}

.c-hero__bg-fluid-02 {
    inset: auto auto 80px calc(50% + 200px);
    position: absolute
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-02 {
        inset: auto auto 80px calc(50% + 10.91902vw)
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-02 {
        display: none
    }
}

.c-hero__bg-fluid-02:not([date-animate]) {
    opacity: 0
}

.c-hero__bg-fluid-02[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-right;
    animation-name: slide-right;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-hero__bg-fluid-02-inner {
    align-items: end;
    display: flex;
    height: 450px;
    justify-content: end;
    position: relative;
    width: 560px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-02-inner {
        height: 40.9463148317vw;
        width: 50.9554140127vw
    }
}

.c-hero__bg-fluid-02-beige {
    -webkit-animation: 3s infinite alternate forwards running;
    animation: 3s infinite alternate forwards running;
    height: 380px;
    inset: auto -150px 0 auto;
    position: absolute;
    width: 340px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-02-beige {
        height: 34.5768880801vw;
        inset: auto -9.0991810737vw 0 auto;
        width: 30.9372156506vw
    }
}

.c-hero__bg-fluid-02-green {
    background: #017b63;
    border-radius: 29% 77% 46% 48%/43% 76% 39% 68%;
    height: 457px;
    overflow: hidden;
    position: absolute;
    transform: rotate(20deg);
    width: 660px;
    z-index: 1
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-02-green {
        height: 41.5832575068vw;
        width: 60.0545950864vw
    }
}

.c-hero__bg-fluid-02-blue {
    height: 380px;
    inset: auto -144px 108px auto;
    position: absolute;
    transform: rotate(-20deg);
    width: 340px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-02-blue {
        height: 34.5768880801vw;
        inset: auto -8.8262056415vw 8.3712465878vw auto;
        width: 30.9372156506vw
    }
}

.c-hero__bg-fluid-03 {
    inset: -332px auto auto calc(50% - 428px);
    position: absolute;
    z-index: 2
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-03 {
        left: -23.6111111111vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-03 {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        left: -120px;
        top: 10px
    }
}

.c-hero__bg-fluid-03:not([date-animate]) {
    opacity: 0
}

.c-hero__bg-fluid-03[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-right;
    animation-name: slide-right;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-hero__bg-fluid-03-inner {
    height: 460px;
    position: relative;
    width: 665px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-03-inner {
        height: 40.9463148317vw;
        width: 60.5095541401vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-03-inner {
        height: 300px;
        width: 300px
    }
}

.c-hero__bg-fluid-03-yellow {
    height: 460px;
    inset: 0 auto 0 24px;
    margin: auto 0;
    width: 590px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-03-yellow {
        height: 40.3093721565vw;
        inset: 0 auto auto 2.1838034577vw;
        margin: 0;
        width: 50.864422202vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-03-yellow {
        height: 253px;
        inset: 0 auto 0 0;
        width: 168px
    }
}

.c-hero__bg-fluid-03-orange {
    background: url(/jakyosaiapp/img/bg-fluid-01-1.svg) no-repeat;
    height: 101px;
    inset: auto auto 119px 516px;
    position: absolute;
    width: 100px
}

@media(max-width: 1099px) {
    .c-hero__bg-fluid-03-orange {
        background-size: contain;
        height: 7.0138888889vw;
        inset: auto auto 7.279344859vw 47.3157415833vw;
        width: 6.9444444444vw
    }
}

@media(max-width: 767px) {
    .c-hero__bg-fluid-03-orange {
        background: url(/jakyosaiapp/img/bg-scene-fluid-03-sp.svg) no-repeat;
        height: 45px;
        inset: auto auto 80px 106px;
        width: 44px
    }
}

.c-hero__bg-fluid-sp {
    bottom: 90px;
    height: 211px;
    position: absolute;
    right: 100px;
    width: 211px
}

@media(min-width: 768px) {
    .c-hero__bg-fluid-sp {
        display: none
    }
}

.c-hero__bg-fluid-sp:not([date-animate]) {
    opacity: 0
}

.c-hero__bg-fluid-sp[date-animate] {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-up;
    animation-name: slide-up;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-hero__bg-fluid-sp-inner {
    position: relative
}

.c-hero__bg-fluid-sp-pink {
    left: 195px;
    position: relative;
    top: 30px
}

.c-hero__bg-fluid-sp-pink svg {
    overflow: visible
}

.c-hero__bg-fluid-sp-green {
    background-color: #017b63;
    border-radius: 75% 25% 71% 29%/79% 50% 50% 21%;
    height: 344px;
    left: -83px;
    overflow: hidden;
    position: absolute;
    top: 116px;
    width: 449px;
    z-index: 1
}

.c-hero__bg-fluid-sp-blue {
    position: absolute;
    right: -41px;
    top: -87px
}

.c-hero__bg-fluid-sp-blue svg {
    overflow: visible
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    90% {
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    90% {
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@-webkit-keyframes fadeup-anime {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

@keyframes fadeup-anime {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

.c-content-main {
    font-size: 1.6rem;
    letter-spacing: .08em;
    line-height: 1.8;
    overflow: hidden
}

@media(max-width: 576px) {
    .c-content-main {
        font-size: 1.6rem
    }
}

.c-content-main a {
    color: currentcolor
}

.c-content-main h2 {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 2.4rem;
    justify-content: space-between;
    line-height: 1.5;
    margin: 32px 0 0;
    padding: 0 20px;
    text-align: left
}

.c-content-main h2:not(:has(img)) {
    align-items: start;
    flex-direction: column;
    margin: 56px auto 24px
}

.c-content-main h2 img {
    flex: 0 0 auto
}

.c-content-main h2>span {
    color: #017b63;
    display: block;
    font-size: 1.6rem
}

.c-content-main h2:first-child {
    margin-top: 0
}

.c-content-main h3 {
    font-size: 2rem;
    line-height: 1.5;
    margin: 32px 0 16px;
    text-align: left
}

.c-content-main h3:first-child {
    margin-top: 0
}

.c-content-main h3:not(:first-child) {
    border-top: 1px solid #3333;
    padding-top: 32px
}

.c-content-main h4 {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 1em 0 4px;
    padding: 0
}

.c-content-main h4+p {
    margin-top: 4px
}

.c-content-main h4:first-child {
    margin-top: 0
}

.c-content-main h5 {
    color: #f07100;
    font-size: 1.125em;
    line-height: 2;
    margin: 1em 0
}

.c-content-main h5:first-child {
    margin-top: 0
}

.c-content-main h6 {
    font-size: 1.125em;
    line-height: 2;
    margin: 1em 0
}

.c-content-main h6:first-child {
    margin-top: 0
}

.c-content-main ul.list-note {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 40px;
    padding-left: 20px
}

.c-content-main ul.list-note>li {
    list-style: none
}

.c-content-main ul.list-note>li:not(:last-child) {
    margin-bottom: 3px
}

.c-content-main ul.list-note>li:before {
    background: none !important;
    border-radius: 0;
    content: "※";
    display: inline-block;
    height: auto !important;
    margin: 0 6px 2px -20px;
    vertical-align: middle;
    width: auto !important
}

.c-content-main ul.list-note+.text-note {
    margin-top: -16px
}

.c-content-main p {
    margin-bottom: 0;
    margin-top: 24px
}

.c-content-main p:first-child {
    margin-top: 0
}

.c-content-main p:last-child {
    margin-bottom: 0
}

.c-content-main p.text-note {
    font-size: 1.4rem;
    line-height: 1.5;
    list-style: none;
    margin: 4px 0 0
}

.c-content-main p.text-note:before {
    background: none;
    border-radius: 0;
    content: "※";
    display: inline-block;
    height: auto;
    margin: 0 4px 2px 0;
    vertical-align: middle;
    width: auto
}

.c-content-main p+.step__image {
    margin-top: 24px
}

.c-content-main figure {
    margin: 0;
    text-align: center
}

.c-content-main figcaption {
    background: none;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
    margin-top: 12px;
    text-align: center
}

.c-content-main hr {
    background: #d2cdcd;
    border-style: none;
    color: #d2cdcd;
    height: 2px;
    margin: 50px auto;
    width: 95%
}

.c-content-main hr:first-child {
    margin-top: 0
}

.c-content-main .lyt-col1 {
    --gap-pc: 24;
    --gap-sp: 24;
    --justify-c: inherit;
    --align-i: inherit;
    align-items: var(--align-i);
    display: grid;
    justify-content: var(--justify-c);
    margin-top: 24px;
    --gc-pc: 1fr;
    --gc-sp: 1fr
}

@media(min-width: 768px) {
    .c-content-main .lyt-col1 {
        gap: calc(var(--gap-pc)*1px)
    }
}

@media(max-width: 1299px) {
    .c-content-main .lyt-col1 {
        gap: calc(var(--gap-pc)/1300*100vmin)
    }
}

@media(max-width: 767px) {
    .c-content-main .lyt-col1 {
        gap: calc(var(--gap-sp)/768*100vmin)
    }
}

@media(min-width: 768px) {
    .c-content-main .lyt-col1 {
        grid-template-columns: var(--gc-pc)
    }
}

@media(max-width: 767px) {
    .c-content-main .lyt-col1 {
        grid-template-columns: var(--gc-sp)
    }
}

.c-content-main .lyt-col2 {
    --gap-pc: 24;
    --gap-sp: 24;
    --justify-c: inherit;
    --align-i: inherit;
    align-items: var(--align-i);
    display: grid;
    justify-content: var(--justify-c);
    margin-top: 24px;
    --gc-pc: 1fr 1fr;
    --gc-sp: 1fr 1fr
}

@media(min-width: 768px) {
    .c-content-main .lyt-col2 {
        gap: calc(var(--gap-pc)*1px)
    }
}

@media(max-width: 1299px) {
    .c-content-main .lyt-col2 {
        gap: calc(var(--gap-pc)/1300*100vmin)
    }
}

@media(max-width: 767px) {
    .c-content-main .lyt-col2 {
        gap: calc(var(--gap-sp)/768*100vmin)
    }
}

@media(min-width: 768px) {
    .c-content-main .lyt-col2 {
        grid-template-columns: var(--gc-pc)
    }
}

@media(max-width: 767px) {
    .c-content-main .lyt-col2 {
        grid-template-columns: var(--gc-sp)
    }
}

.c-content-main .img-default {
    --width-pc: unset;
    --width-sp: unset;
    --align: inherit;
    text-align: var(--align);
    --height-pc: auto;
    --height-sp: auto
}

.c-content-main .img-default figure {
    margin: 0
}

.c-content-main .img-default img {
    height: calc(var(--height-pc)*1px);
    width: calc(var(--width-pc)*1px)
}

@media(max-width: 767px) {
    .c-content-main .img-default img {
        height: calc(var(--height-sp)/750*100vmin);
        width: calc(var(--width-sp)/750*100vmin)
    }
}

.c-content-main .btn-link {
    --width-pc: inherit;
    --width-sp: inherit;
    display: inline-block;
    margin: 0;
    width: var(--width-pc)
}

@media(min-width: 768px) {
    .c-content-main .btn-link {
        transition: transform;
        transition-duration: .3s
    }

    .c-content-main .btn-link:hover {
        transform: translateY(-5px)
    }
}

@media(max-width: 767px) {
    .c-content-main .btn-link {
        width: var(--width-sp)
    }
}

.c-content-main .btn-link:hover {
    cursor: pointer
}

.c-content-main .btn-back {
    --width-pc: inherit;
    --width-sp: inherit;
    display: inline-block;
    margin: 0;
    width: var(--width-pc)
}

@media(min-width: 768px) {
    .c-content-main .btn-back {
        transition: transform;
        transition-duration: .3s
    }

    .c-content-main .btn-back:hover {
        transform: translateY(-5px)
    }
}

@media(max-width: 767px) {
    .c-content-main .btn-back {
        width: var(--width-sp)
    }
}

.c-content-main .btn-back:hover {
    cursor: pointer
}

.c-content-main .box-bg-white {
    --padding-pc: 20;
    --padding-sp: 20;
    --padding-vertical-pc: 32;
    --padding-vertical-sp: 32;
    --padding-side-pc: 20;
    --padding-side-sp: 20;
    --border-r: 0;
    background: #fff;
    border-radius: calc(var(--border-r)*1px);
    font-weight: 400;
    margin: 0;
    padding: calc(var(--padding-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-white {
        padding: calc(var(--padding-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-white {
        padding: calc(var(--padding-sp)/375*100vw)
    }
}

.c-content-main .box-bg-white[style*="--padding-vertical-pc"] {
    padding-bottom: calc(var(--padding-vertical-pc)*1px);
    padding-top: calc(var(--padding-vertical-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-white[style*="--padding-vertical-pc"] {
        padding-bottom: calc(var(--padding-vertical-pc)/1300*100vw);
        padding-top: calc(var(--padding-vertical-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-white[style*="--padding-vertical-sp"] {
        padding-bottom: calc(var(--padding-vertical-sp)/375*100vw);
        padding-top: calc(var(--padding-vertical-sp)/375*100vw)
    }
}

.c-content-main .box-bg-white[style*="--padding-side-pc"] {
    padding-left: calc(var(--padding-side-pc)*1px);
    padding-right: calc(var(--padding-side-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-white[style*="--padding-side-pc"] {
        padding-left: calc(var(--padding-side-pc)/1300*100vw);
        padding-right: calc(var(--padding-side-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-white[style*="--padding-side-sp"] {
        padding-left: calc(var(--padding-side-sp)/375*100vw);
        padding-right: calc(var(--padding-side-sp)/375*100vw)
    }
}

.c-content-main .box-bg-gray {
    --bg-pc: #0000;
    --bg-sp: #f5f5f5;
    background: var(--bg-pc);
    --padding-pc: 20;
    --padding-sp: 20;
    --padding-vertical-pc: 32;
    --padding-vertical-sp: 32;
    --padding-side-pc: 20;
    --padding-side-sp: 20;
    --border-r: 0;
    border-radius: calc(var(--border-r)*1px);
    font-weight: 400;
    margin: 0;
    padding: calc(var(--padding-pc)*1px)
}

@media(max-width: 767px) {
    .c-content-main .box-bg-gray {
        background: var(--bg-sp)
    }
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-gray {
        padding: calc(var(--padding-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-gray {
        padding: calc(var(--padding-sp)/375*100vw)
    }
}

.c-content-main .box-bg-gray[style*="--padding-vertical-pc"] {
    padding-bottom: calc(var(--padding-vertical-pc)*1px);
    padding-top: calc(var(--padding-vertical-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-gray[style*="--padding-vertical-pc"] {
        padding-bottom: calc(var(--padding-vertical-pc)/1300*100vw);
        padding-top: calc(var(--padding-vertical-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-gray[style*="--padding-vertical-sp"] {
        padding-bottom: calc(var(--padding-vertical-sp)/375*100vw);
        padding-top: calc(var(--padding-vertical-sp)/375*100vw)
    }
}

.c-content-main .box-bg-gray[style*="--padding-side-pc"] {
    padding-left: calc(var(--padding-side-pc)*1px);
    padding-right: calc(var(--padding-side-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-bg-gray[style*="--padding-side-pc"] {
        padding-left: calc(var(--padding-side-pc)/1300*100vw);
        padding-right: calc(var(--padding-side-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-bg-gray[style*="--padding-side-sp"] {
        padding-left: calc(var(--padding-side-sp)/375*100vw);
        padding-right: calc(var(--padding-side-sp)/375*100vw)
    }
}

.c-content-main .box-border {
    --padding-pc: 20;
    --padding-sp: 20;
    --padding-vertical-pc: 32;
    --padding-vertical-sp: 32;
    --padding-side-pc: 20;
    --padding-side-sp: 20;
    --border-r: 0;
    border-radius: calc(var(--border-r)*1px);
    font-weight: 400;
    margin: 0;
    padding: calc(var(--padding-pc)*1px);
    --border-w: 3;
    --border-color: #e6e6e6;
    --bg: #0000;
    background: var(--bg);
    border-color: var(--border-color);
    border-style: solid;
    border-width: calc(var(--border-w)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-border {
        padding: calc(var(--padding-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-border {
        padding: calc(var(--padding-sp)/375*100vw)
    }
}

.c-content-main .box-border[style*="--padding-vertical-pc"] {
    padding-bottom: calc(var(--padding-vertical-pc)*1px);
    padding-top: calc(var(--padding-vertical-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-border[style*="--padding-vertical-pc"] {
        padding-bottom: calc(var(--padding-vertical-pc)/1300*100vw);
        padding-top: calc(var(--padding-vertical-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-border[style*="--padding-vertical-sp"] {
        padding-bottom: calc(var(--padding-vertical-sp)/375*100vw);
        padding-top: calc(var(--padding-vertical-sp)/375*100vw)
    }
}

.c-content-main .box-border[style*="--padding-side-pc"] {
    padding-left: calc(var(--padding-side-pc)*1px);
    padding-right: calc(var(--padding-side-pc)*1px)
}

@media(max-width: 1299px) {
    .c-content-main .box-border[style*="--padding-side-pc"] {
        padding-left: calc(var(--padding-side-pc)/1300*100vw);
        padding-right: calc(var(--padding-side-pc)/1300*100vw)
    }
}

@media(max-width: 767px) {
    .c-content-main .box-border[style*="--padding-side-sp"] {
        padding-left: calc(var(--padding-side-sp)/375*100vw);
        padding-right: calc(var(--padding-side-sp)/375*100vw)
    }
}

.c-content-main .step__contents:not(:last-child) {
    margin-bottom: 24px
}

.c-content-main .step__contents:not(:last-child):after {
    background: url(/jakyosaiapp/img/guide/icon-step-arrow.svg) no-repeat;
    content: "";
    display: flex;
    height: 19px;
    margin: 24px auto 0;
    text-align: center;
    width: 38px
}

.c-content-main .step__title {
    background-color: #d3f3e6;
    border-radius: 16px;
    color: #017b63;
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto 24px;
    padding: 8px 16px;
    text-align: center
}

.c-content-main .step__image {
    text-align: center
}

.c-content-main .step__image img {
    vertical-align: bottom
}

.c-content-main .step>p {
    font-size: 1.5rem;
    line-height: 1.5
}

.c-content-main .link-list__anchor {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    margin: 32px 0 24px;
    padding: 0 20px
}

.c-content-main .link-list__anchor a {
    align-items: center;
    background-color: #fff;
    border-radius: 24px;
    display: flex;
    gap: 8px;
    padding: 16px 48px 16px 16px;
    position: relative;
    text-decoration: none
}

.c-content-main .link-list__anchor a:after {
    background: url(/jakyosaiapp/img/icon-arrow.svg) no-repeat;
    content: "";
    height: 32px;
    inset: 0 16px 0 auto;
    margin: auto 0;
    position: absolute;
    transform: rotate(180deg);
    width: 32px
}

.c-content-main .link-list__anchor img {
    flex-shrink: 1
}

.c-content-main .link-list__anchor p {
    flex: 1;
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.c-content-main .link-list__anchor p>span {
    color: #017b63;
    display: block;
    font-size: 1.2rem
}

.c-content-main .link-list__download {
    display: flex;
    gap: 16px;
    justify-content: center;
    list-style: none;
    margin: 24px 0 0;
    padding: 0 20px
}

@media(min-width: 768px) {
    .c-content-main .link-list__download {
        display: none
    }
}

.c-content-main .link-list__download li a {
    display: block;
    text-decoration: none;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

.c-content-main .link-list__download li a img {
    vertical-align: middle;
    width: 100%
}

@media(max-width: 575px) {
    .c-content-main .link-list__download li a img {
        max-width: 150px
    }
}

.c-content-main .slide {
    margin-top: 24px;
    overflow: visible
}

.c-page-sub-full-width .c-content-main .slide {
    margin: 0
}

.c-page-sub-full-width .c-content-main .slide .splide__pagination {
    display: flex !important
}

.c-content-main .slide__contents {
    margin: 0 auto
}

.c-content-main .slide__contents-track {
    overflow: visible
}

@media(width >=440px) {
    .c-page-sub .c-content-main .slide__contents-list {
        display: flex !important;
        gap: 20px;
        justify-content: center
    }
}

@media(min-width: 768px) {
    .c-page-sub-full-width .c-content-main .slide__contents-list {
        display: flex !important;
        flex-wrap: wrap;
        gap: 48px 48px;
        justify-content: center
    }
}

@media(width >=830px) {
    .c-page-sub-full-width .c-content-main .slide__contents-list {
        gap: 48px 88px
    }
}

.c-page-sub-full-width .c-content-main .slide__contents-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative
}

@media(width >=440px) {
    .c-page-sub-full-width .c-content-main .slide__contents-item {
        max-width: 280px
    }
}

.c-page-sub-full-width .c-content-main .slide__contents-item:not(:last-child) figure {
    position: relative
}

.c-page-sub-full-width .c-content-main .slide__contents-item:not(:last-child) figure:after {
    background: url(/jakyosaiapp/img/icon-arrow-beige.svg) no-repeat;
    background-size: 100% auto;
    content: "";
    height: 37px;
    inset: 0 -16px 0 auto;
    margin: auto 0;
    position: absolute;
    transform: translateX(100%);
    width: 18px
}

@media(width >=830px) {
    .c-page-sub-full-width .c-content-main .slide__contents-item: not(:last-child) figure:after {
        inset: 0 -35px 0 auto
    }
}

@media(max-width: 767px) {
    .c-page-sub-full-width .c-content-main .slide__contents-item:not(:last-child) figure:after {
        height: 33px;
        inset: 0 -18px 0 auto;
        width: 16px
    }
}

.c-page-sub-full-width .c-content-main .slide__contents-item p.text-note {
    font-size: 1.6rem;
    margin: 0
}

@media(width <=440px) {
    .c-page-sub .c-content-main .slide__contents-controller {
        align-items: center;
        display: flex;
        height: 10px;
        margin: 8px auto 0;
        position: relative;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content
    }
}

@media(max-width: 767px) {
    .c-page-sub-full-width .c-content-main .slide__contents-controller {
        align-items: center;
        display: flex;
        height: 10px;
        margin: 16px auto 0;
        position: relative;
        width: -moz-fit-content;
        width: -webkit-fit-content;
        width: fit-content
    }
}

.c-content-main .slide__contents-arrows {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%
}

.c-content-main .slide__contents-arrows-next, .c-content-main .slide__contents-arrows-prev {
    background-color: #bcb49b;
    border-radius: 8px;
    height: 30px;
    position: relative;
    transform: none;
    width: 30px
}

.c-content-main .slide__contents-arrows-next svg, .c-content-main .slide__contents-arrows-prev svg {
    display: none
}

.c-content-main .slide__contents-arrows-next:before, .c-content-main .slide__contents-arrows-prev:before {
    background: url(../img/icon-arrow-white.svg) no-repeat;
    background-size: cover;
    content: "";
    height: 16px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 9px
}

.c-content-main .slide__contents-arrows-prev {
    left: -30px
}

.c-content-main .slide__contents-arrows-next {
    right: -30px
}

.c-content-main .slide__contents-arrows-next:before {
    transform: scaleX(-1)
}

.c-content-main .slide__contents-pagination {
    bottom: auto !important;
    gap: 8px;
    position: relative;
    transform: none !important
}

.c-content-main .slide__contents-pagination li {
    align-items: center;
    display: flex;
    justify-content: center
}

.c-content-main .slide__contents-pagination-item {
    border: 1px solid #3333;
    border-radius: 50%;
    height: 10px;
    margin: 0;
    padding: 0;
    width: 10px
}

.c-content-main .slide__contents-pagination-item.is-active {
    background: #017b63;
    border: 1px solid #017b63
}

.c-content-main .family-share__title {
    display: block;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

@media(max-width: 767px) {
    .c-content-main .family-share__title {
        font-size: 2.4rem;
        letter-spacing: .01em
    }
}

.c-content-main .family-share__title>span:not(.family-share__title-bubble) {
    color: initial;
    font-size: inherit
}

@media(max-width: 767px) {
    .c-content-main .family-share__title>span>span {
        display: block
    }
}

.c-content-main .family-share__title:has(.family-share__title-bubble) {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 12px 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__title:has(.family-share__title-bubble) {
        gap: 16px 0
    }
}

.c-content-main .family-share__title-bubble {
    align-items: center;
    background: #f45c27;
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.3;
    margin: 0 auto;
    padding: 8px 24px;
    position: relative;
    text-align: center;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 767px) {
    .c-content-main .family-share__title-bubble {
        border-radius: 8px;
        padding: 6px 24px
    }
}

.c-content-main .family-share__title-bubble:after {
    background: url(/jakyosaiapp/img/family/bg-family-about-title.svg) no-repeat;
    content: "";
    height: 16px;
    inset: auto 0 -12px;
    margin: 0 auto;
    position: absolute;
    width: 32px
}

@media(max-width: 767px) {
    .c-content-main .family-share__title-bubble:after {
        inset: auto 0 -8px
    }
}

.c-content-main .family-share__about {
    background: #fff;
    border-radius: 80px;
    overflow: hidden;
    padding: 62px 20px 0;
    position: relative;
    text-align: center;
    z-index: 1
}

@media(max-width: 767px) {
    .c-content-main .family-share__about {
        border-radius: 48px;
        padding: 40px 5.3333333333vw
    }
}

.c-content-main .family-share__about-inner {
    margin: 0 auto
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-inner {
        display: grid;
        max-width: 1213px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-inner {
        display: flex;
        flex-direction: column;
        gap: 24px
    }
}

.c-content-main .family-share__about-lead {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    inset: 62px 0 auto;
    margin: 0 auto
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-lead {
        gap: 24px 0;
        grid-column: 2;
        grid-row: 1
    }
}

@media(width <=999px) {
    .c-content-main .family-share__about-lead {
        grid-column: 1/span 2
    }
}

.c-content-main .family-share__about-image-contractor {
    grid-column: 1;
    grid-row: 1/span 3
}

@media(width <=999px) {
    .c-content-main .family-share__about-image-contractor {
        grid-row: 3;
        justify-content: flex-end
    }
}

.c-content-main .family-share__about-image-family {
    grid-column: 3;
    grid-row: 1/span 3
}

@media(width <=999px) {
    .c-content-main .family-share__about-image-family {
        grid-column: 2;
        grid-row: 3
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-image-share {
        display: none
    }
}

.c-content-main .family-share__about-image-contractor, .c-content-main .family-share__about-image-family {
    align-items: flex-end;
    display: grid
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-image-contractor, .c-content-main .family-share__about-image-family {
        display: none
    }
}

@media(width <=999px) {
    .c-content-main .family-share__about-image-contractor, .c-content-main .family-share__about-image-family {
        margin-top: -68px
    }

    .c-content-main .family-share__about-image-contractor picture, .c-content-main .family-share__about-image-family picture {
        max-width: 326px
    }
}

.c-content-main .family-share__about picture img {
    vertical-align: bottom
}

.c-content-main .family-share__about-text {
    margin: 0 auto;
    text-align: left
}

@media(width >=1000px) {
    .c-content-main .family-share__about-text {
        max-width: 520px
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-text {
        padding: 0 60px
    }
}

.c-content-main .family-share__about-arrow {
    display: block;
    margin-top: 48px
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-arrow {
        grid-column: 2;
        grid-row: 2
    }
}

@media(width >=1000px) {
    .c-content-main .family-share__about-arrow {
        max-width: 520px
    }
}

@media(width <=999px) {
    .c-content-main .family-share__about-arrow {
        grid-column: 1/span 2;
        grid-row: 2;
        margin-top: 41px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-arrow {
        display: none
    }
}

.c-content-main .family-share__about-list {
    display: grid;
    gap: 0 20px;
    grid-template-columns: 1fr 1fr;
    margin: 31px auto 0;
    max-width: 496px;
    padding: 0 1vw 54px 0
}

@media(min-width: 768px) {
    .c-content-main .family-share__about-list {
        grid-column: 2;
        grid-row: 3
    }
}

@media(width <=1240px) {
    .c-content-main .family-share__about-list {
        padding: 0 .8571428571vw 54px
    }
}

@media(width <=999px) {
    .c-content-main .family-share__about-list {
        gap: 0 24px;
        grid-column: 1/span 2;
        grid-row: 4;
        max-width: 658px;
        padding: 0 0 48px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-list {
        gap: 16px;
        grid-template-columns: auto;
        margin: 0 auto;
        padding-bottom: 0
    }
}

.c-content-main .family-share__about-list>div {
    background: #f8f1ef;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px 0;
    padding: 20px 24px;
    text-align: left
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-list>div {
        padding: 16px 4.2666666667vw
    }
}

.c-content-main .family-share__about-list>div h3 {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin: 0
}

.c-content-main .family-share__about-list>div ul {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__about-list>div ul {
        font-size: 1.4rem;
        gap: 4px 4.2666666667vw
    }
}

.c-content-main .family-share__about-list>div ul li {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    position: relative
}

.c-content-main .family-share__about-list>div ul li:before {
    background: #017b63;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    margin: -.2rem 6px 0 0;
    vertical-align: middle;
    width: 4px
}

.c-content-main .family-share__preparation {
    background: #e7f6f6;
    margin-top: -81px;
    padding: 152px 67px 70px
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation {
        margin-top: -49px;
        padding: 88px 5.3333333333vw 48px
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation h2>span {
        display: inline-block
    }
}

.c-content-main .family-share__preparation-text {
    margin-top: 21px
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-text {
        margin-top: 32px
    }
}

.c-content-main .family-share__preparation-text p {
    margin: 0
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation-text p {
        text-align: center
    }

    .c-content-main .family-share__preparation-text p>span {
        display: block
    }
}

.c-content-main .family-share__preparation-list {
    display: grid;
    gap: 0 51px;
    list-style: none;
    margin: 70px auto 0;
    max-width: 1033px;
    padding: 0
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list {
        gap: 64px 0
    }
}

.c-content-main .family-share__preparation-list li {
    background: #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 32px 0;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    padding: 32px 38px 40px;
    position: relative
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list li {
        padding-inline: 2.9230769231vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list li {
        padding-inline: 3.4545454545vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list li {
        gap: 16px 0;
        padding: 40px 6.4vw 26px
    }
}

.c-content-main .family-share__preparation-list li:first-child h3 {
    background: url(/jakyosaiapp/img/family/bg-family-preparation-list-title-01.svg) bottom no-repeat;
    background-size: 100% auto
}

.c-content-main .family-share__preparation-list li:first-child .family-share__preparation-list-detail p:first-child strong {
    background: #fce1e1
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation-list li:nth-child(2) {
        margin-top: 48px
    }
}

.c-content-main .family-share__preparation-list li:nth-child(2) h3 {
    background: url(/jakyosaiapp/img/family/bg-family-preparation-list-title-02.svg) bottom no-repeat;
    background-size: 100% auto;
    padding-right: 4.5rem
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list li:nth-child(2) h3>span {
        display: block
    }
}

.c-content-main .family-share__preparation-list li:nth-child(2) .family-share__preparation-list-detail p:first-child strong {
    background: #fcebc9
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation-list li:nth-child(3) {
        margin-left: 20px;
        margin-right: -20px;
        margin-top: 20px
    }
}

.c-content-main .family-share__preparation-list li:nth-child(3) h3 {
    background: url(/jakyosaiapp/img/family/bg-family-preparation-list-title-03.svg) bottom no-repeat;
    background-size: 100% auto
}

.c-content-main .family-share__preparation-list li:nth-child(3) .family-share__preparation-list-detail p:first-child strong {
    background: #ffe5df
}

@media(min-width: 768px) {
    .c-content-main .family-share__preparation-list li:nth-child(4) {
        margin-left: 30px;
        margin-right: -30px;
        margin-top: 70px
    }
}

.c-content-main .family-share__preparation-list li:nth-child(4) h3 {
    background: url(/jakyosaiapp/img/family/bg-family-preparation-list-title-04.svg) bottom no-repeat;
    background-size: 100% auto
}

.c-content-main .family-share__preparation-list li:nth-child(4) .family-share__preparation-list-detail p:first-child strong {
    background: #d4efef
}

.c-content-main .family-share__preparation-list li h3 {
    border: none;
    color: #017b63;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    padding: 0 0 14px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list li h3 {
        font-size: 1.5384615385vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list li h3 {
        font-size: 1.6rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list li h3 {
        font-size: 2rem;
        padding: 0 0 12px
    }

    .c-content-main .family-share__preparation-list li h3>span {
        display: block
    }
}

.c-content-main .family-share__preparation-list li>p {
    margin: 0
}

.c-content-main .family-share__preparation-list-number {
    height: 87px;
    inset: -47px auto auto -33px;
    position: absolute;
    width: 87px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list-number {
        height: 6.6923076923vw;
        width: 6.6923076923vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list-number {
        height: 7.2rem;
        width: 7.2rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list-number {
        height: 60px;
        inset: 0 auto auto 12px;
        transform: translateY(-50%);
        width: 60px
    }
}

.c-content-main .family-share__preparation-list-image {
    inset: -54px -2px auto auto;
    position: absolute
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list-image {
        width: 11.9230769231vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list-image {
        width: 14.0909090909vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list-image {
        height: 95px;
        inset: 0 0 auto auto;
        transform: translateY(-50%);
        width: 100px
    }
}

.c-content-main .family-share__preparation-list-image img {
    aspect-ratio: 155/148
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list-image img {
        aspect-ratio: 100/96
    }
}

.c-content-main .family-share__preparation-list-detail {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    line-height: 1.5
}

.c-content-main .family-share__preparation-list-detail>p {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.4
}

.c-content-main .family-share__preparation-list-detail>p:first-child {
    font-size: 1.6rem;
    font-weight: 700
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list-detail>p:first-child {
        font-size: 1.2307692308vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list-detail>p:first-child {
        font-size: 1.3rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list-detail>p:first-child {
        font-size: 1.6rem
    }
}

.c-content-main .family-share__preparation-list-detail>p:first-child strong {
    border-radius: 50px;
    display: inline-block;
    padding: 0 8px
}

.c-content-main .family-share__preparation-list-detail>p:last-child {
    font-size: 2.2rem;
    font-weight: 900;
    margin: 0
}

@media(max-width: 1299px) {
    .c-content-main .family-share__preparation-list-detail>p:last-child {
        font-size: 1.6923076923vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__preparation-list-detail>p:last-child {
        font-size: 1.8rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__preparation-list-detail>p:last-child {
        font-size: 2rem
    }
}

.c-content-main .family-share__app {
    background: #ffe5df;
    padding: 0 20px 96px;
    position: relative;
    text-align: center
}

@media(max-width: 767px) {
    .c-content-main .family-share__app {
        padding: 42px 5.3333333333vw 64px
    }
}

.c-content-main .family-share__app:after, .c-content-main .family-share__app:before {
    content: "";
    position: absolute;
    z-index: 1
}

@media(min-width: 768px) {
    .c-content-main .family-share__app:after, .c-content-main .family-share__app:before {
        display: none
    }
}

.c-content-main .family-share__app:before {
    background: url(/jakyosaiapp/img/family/bg-family-app-01-sp.svg) no-repeat;
    height: 122px;
    inset: auto auto 0 0;
    width: 129px
}

.c-content-main .family-share__app:after {
    background: url(/jakyosaiapp/img/family/bg-family-app-02-sp.svg) no-repeat;
    height: 124px;
    inset: auto 0 0 auto;
    width: 103px
}

.c-content-main .family-share__app-title {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    z-index: 1
}

@media(min-width: 768px) {
    .c-content-main .family-share__app-title {
        padding: 76px 280px 92px
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__app-title {
        padding-inline: 0
    }

    .c-content-main .family-share__app-title h2 {
        padding-inline: 21.5384615385vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-title h2 {
        padding-inline: 0
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__app-title h2 span {
        display: block
    }
}

.c-content-main .family-share__app-title:after, .c-content-main .family-share__app-title:before {
    content: "";
    position: absolute
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-title:after, .c-content-main .family-share__app-title:before {
        display: none
    }
}

.c-content-main .family-share__app-title:before {
    background: url(/jakyosaiapp/img/family/bg-family-app-01.svg) no-repeat;
    background-size: 100% auto;
    height: 275px;
    inset: auto auto -5px 100px;
    width: 179px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__app-title:before {
        height: 21.1538461538vw;
        left: 7.6923076923vw;
        width: 13.7692307692vw
    }
}

.c-content-main .family-share__app-title:after {
    background: url(/jakyosaiapp/img/family/bg-family-app-02.svg) no-repeat;
    background-size: 100% auto;
    height: 263px;
    inset: auto 102px -3px auto;
    width: 122px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__app-title:after {
        height: 20.2307692308vw;
        right: 7.8461538462vw;
        width: 9.3846153846vw
    }
}

.c-content-main .family-share__app-lead {
    color: #f45c27;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 auto;
    padding: 0 5rem;
    position: relative;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-lead {
        font-size: 1.4rem;
        padding: 0 3rem
    }
}

.c-content-main .family-share__app-lead:after, .c-content-main .family-share__app-lead:before {
    content: "";
    height: 4rem;
    margin: auto 0 2px;
    position: absolute;
    width: 3rem
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-lead:after, .c-content-main .family-share__app-lead:before {
        height: 4.8rem;
        width: 2.5rem
    }
}

.c-content-main .family-share__app-lead:before {
    background: url(/jakyosaiapp/img/family/obj-family-app-title-01.svg) no-repeat;
    inset: 0 auto 0 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-lead:before {
        background: url(/jakyosaiapp/img/family/obj-family-app-title-01-sp.svg) no-repeat
    }
}

.c-content-main .family-share__app-lead:after {
    background: url(/jakyosaiapp/img/family/obj-family-app-title-02.svg) no-repeat;
    inset: 0 0 0 auto
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-lead:after {
        background: url(/jakyosaiapp/img/family/obj-family-app-title-02-sp.svg) no-repeat
    }
}

.c-content-main .family-share__app-lead>span {
    display: block
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-lead>span>span {
        display: block
    }
}

.c-content-main .family-share__app-lead+h2 {
    letter-spacing: 0;
    margin-top: 24px
}

.c-content-main .family-share__app-inner {
    background: #fff;
    border-radius: 24px;
    margin: 0 auto;
    max-width: 1200px;
    padding: 86px 20px 53px;
    position: relative
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner {
        margin-top: 48px;
        padding: 48px 4.2666666667vw
    }
}

.c-content-main .family-share__app-inner h3 {
    align-items: center;
    background: #38537a;
    border-radius: 16px;
    color: #fff;
    display: inline-flex;
    gap: 10px;
    inset: 0 0 auto;
    justify-content: center;
    margin: 0 auto;
    padding: 8px 24px;
    position: absolute;
    text-align: center;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner h3 {
        border-radius: 8px;
        font-size: 1.6rem;
        line-height: 1.3;
        min-width: 22.4rem
    }
}

.c-content-main .family-share__app-inner h3:after {
    background: url(/jakyosaiapp/img/family/bg-family-app-list-title.svg) no-repeat;
    content: "";
    height: 16px;
    inset: auto 0 -12px;
    margin: 0 auto;
    position: absolute;
    width: 32px
}

.c-content-main .family-share__app-inner ul {
    display: grid;
    gap: 0 16px;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 0 auto;
    max-width: 992px;
    padding: 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner ul {
        display: flex;
        flex-wrap: wrap;
        gap: 14px 2.6666666667vw;
        justify-content: center
    }
}

.c-content-main .family-share__app-inner ul li {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner ul li {
        gap: 8px;
        width: 38.9333333333vw
    }

    .c-content-main .family-share__app-inner ul li picture {
        max-width: 34.6666666667vw;
        width: 100%
    }
}

.c-content-main .family-share__app-inner ul li picture img {
    vertical-align: bottom
}

.c-content-main .family-share__app-inner ul li p {
    line-height: 1.5;
    margin: 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner ul li p {
        font-size: 1.4rem;
        margin: 0 -.5rem
    }
}

.c-content-main .family-share__app-inner ul li p span {
    display: block
}

@media(max-width: 767px) {
    .c-content-main .family-share__app-inner ul li:last-child {
        width: 100%
    }

    .c-content-main .family-share__app-inner ul li:last-child picture {
        width: 38.9333333333vw
    }

    .c-content-main .family-share__app-inner ul li:last-child p {
        width: 45.8666666667vw
    }

    .c-content-main .family-share__app-inner ul li:last-child p span {
        display: inline
    }
}

.c-content-main .family-share__start {
    background: #f8f1ef;
    padding: 72px 20px 96px
}

@media(max-width: 767px) {
    .c-content-main .family-share__start {
        padding: 48px 4.2666666667vw
    }
}

.c-content-main .family-share__tab {
    margin: 43px auto 0;
    max-width: 1238px
}

.c-content-main .family-share__tab-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.c-content-main .family-share__tab-item {
    align-items: center;
    background-color: #b2e1d8;
    border: none;
    border-radius: 24px 24px 0 0;
    color: #262626;
    cursor: pointer;
    display: flex;
    flex: 1;
    gap: 0 12px;
    justify-content: center;
    line-height: normal;
    padding: 20px
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-item {
        flex-direction: column;
        gap: -2px;
        padding: 10px 10px 14px
    }
}

.c-content-main .family-share__tab-item:first-child {
    border-radius: 24px 0 0 0
}

.c-content-main .family-share__tab-item:last-child {
    border-radius: 0 24px 0 0
}

.c-content-main .family-share__tab-item p {
    margin: 0
}

.c-content-main .family-share__tab-item-text-01 {
    display: block;
    font-size: 2.4rem;
    font-weight: 700
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-item-text-01 {
        font-size: 1.8rem
    }
}

.c-content-main .family-share__tab-item-text-02 {
    display: block;
    font-size: 1.4rem;
    font-weight: 400
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-item-text-02 {
        font-size: 1.2rem;
        font-weight: 500
    }

    .c-content-main .family-share__tab-item img {
        height: 30px;
        width: auto
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__tab-item:hover {
        opacity: .75
    }
}

.c-content-main .family-share__tab-item[aria-selected=true] {
    background: #fff;
    pointer-events: none
}

.c-content-main .family-share__tab-item[aria-selected=true]:hover {
    opacity: 1
}

.c-content-main .family-share__tab-contens {
    background-color: #fff;
    border-radius: 0 0 24px 24px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-block: 56px 64px;
    padding-inline: 20px
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens {
        padding: 26px 5.3333333333vw 32px
    }
}

.c-content-main .family-share__tab-contens[role=tabpanel][aria-hidden=true] {
    display: none
}

.c-content-main .family-share__tab-contens-youtube {
    align-items: center;
    background: #f8f1ef;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    gap: 0 32px;
    margin: 0 auto 56px;
    max-width: 1034px;
    padding: 32px 48px;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube {
        gap: 0 12px;
        margin-bottom: 26px;
        padding: 16px 32px 16px 16px
    }
}

.c-content-main .family-share__tab-contens-youtube:after {
    background: url(/jakyosaiapp/img/icon-arrow-gray.svg) no-repeat;
    background-size: 100% auto;
    content: "";
    height: 20px;
    inset: 0 30px 0 auto;
    margin: auto 0;
    position: absolute;
    width: 12px
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube:after {
        height: 13px;
        right: 3.2vw;
        width: 8px
    }
}

.c-content-main .family-share__tab-contens-youtube-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    letter-spacing: 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube-text {
        gap: 4px
    }
}

.c-content-main .family-share__tab-contens-youtube-text-01 {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    margin: 0
}

.c-content-main .family-share__tab-contens-youtube-text-01-01 {
    background: #017b63;
    border-radius: 40px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 3px 10px 4px
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube-text-01-01 {
        font-size: 1rem;
        padding: 1px 8px 2px
    }
}

.c-content-main .family-share__tab-contens-youtube-text-01-02 {
    color: #017b63;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube-text-01-02 {
        display: none
    }
}

.c-content-main .family-share__tab-contens-youtube-text-02 {
    display: block;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    text-align: left
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-youtube-text-02 {
        font-size: 1.6rem
    }

    .c-content-main .family-share__tab-contens-youtube img {
        width: 24.8vw
    }
}

.c-content-main .family-share__tab-contens-number {
    align-items: center;
    color: #017b63;
    display: flex;
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    gap: 4px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding-right: 4px
}

.c-content-main .family-share__tab-contens-number span {
    font-size: 3.2rem
}

.c-content-main .family-share__tab-contens-text {
    margin: 0
}

.c-content-main .family-share__tab-contens-link {
    margin: 56px auto;
    text-align: center
}

@media(max-width: 767px) {
    .c-content-main .family-share__tab-contens-link {
        margin-top: 26px
    }
}

.c-content-main .family-share__tab-contens-link button {
    align-items: center;
    background-color: #fff;
    border: 2px solid #017b63;
    border-radius: 18px;
    color: #017b63;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 16px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1;
    padding: 18px 47px 18px 32px;
    position: relative;
    text-decoration: none;
    transition: opacity .3s ease-in-out
}

@media(min-width: 768px) {
    .c-content-main .family-share__tab-contens-link button {
        padding: 16px 47px 16px 32px
    }
}

@media(hover: hover) {
    .c-content-main .family-share__tab-contens-link button:hover {
        opacity: .6
    }
}

.c-content-main .family-share__tab-contens-link button:after {
    background: url(../assets/images/icon-chevron.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    inset: 0 1em 0 auto;
    margin: auto 0;
    position: absolute;
    width: 7px
}

.c-content-main .family-share__tab-contens-link button img {
    height: auto;
    max-width: 24px
}

.c-content-main .family-share__faq {
    background: #fff;
    padding: 72px 20px 96px;
    text-align: center
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq {
        padding: 48px 8.5333333333vw
    }
}

.c-content-main .family-share__faq h3 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 32px 0 12px
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq h3 {
        font-size: 2rem
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__faq>div {
        margin: 0 auto;
        max-width: 892px
    }
}

.c-content-main .family-share__faq>div+div {
    margin-top: 40px
}

.c-content-main .family-share__faq>div+div h3 {
    margin: 0 0 12px
}

.c-content-main .family-share__faq-function details {
    background: #f6f6f6
}

.c-content-main .family-share__faq-use details {
    background: #f8f1ef
}

.c-content-main .family-share__faq details {
    border-radius: 8.8px;
    text-align: left
}

.c-content-main .family-share__faq details+details {
    margin-top: 24px
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq details+details {
        margin-top: 16px
    }
}

.c-content-main .family-share__faq details summary {
    align-items: center;
    border-radius: 0 0 8.8px 8.8px;
    cursor: pointer;
    display: flex;
    font-size: 1.8rem;
    font-weight: 700;
    gap: 0 16px;
    line-height: 1.5;
    list-style: none;
    padding: 20px 60px 20px 32px;
    position: relative
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq details summary {
        font-size: 1.6rem;
        line-height: normal;
        padding: 16px 40px 16px 16px
    }
}

.c-content-main .family-share__faq details summary::-webkit-details-marker {
    display: none
}

.c-content-main .family-share__faq details summary:before {
    background: url(../img/icon-arrow.svg) no-repeat;
    background-size: cover;
    content: "";
    height: 32px;
    inset: 20px 24px auto auto;
    position: absolute;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
    width: 32px
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq details summary:before {
        inset: 0 2.1333333333vw 0 auto;
        margin: auto 0;
        width: 30px
    }
}

.c-content-main .family-share__faq details[open] summary:before {
    transform: rotate(0deg)
}

.c-content-main .family-share__faq-q {
    color: #017b63;
    font-family: Poppins, Noto Sans JP, YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
    font-size: 2.8rem;
    line-height: 1;
    margin: .1em 0 0;
    width: 50px
}

@media(max-width: 1099px) {
    .c-content-main .family-share__faq-q {
        font-size: 2.7rem;
        width: 42px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq-q {
        flex: 0 0 35px;
        font-size: 2.2rem;
        width: 35px
    }
}

.c-content-main .family-share__faq-a {
    -webkit-animation: fade-in .5s ease;
    animation: fade-in .5s ease;
    font-size: 1.6rem;
    line-height: 1.5;
    overflow: hidden
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq-a {
        padding: 0 16px 16px
    }
}

.c-content-main .family-share__faq-a-inner {
    padding: 0 24px 24px 90px
}

@media(max-width: 1099px) {
    .c-content-main .family-share__faq-a-inner {
        padding: 0 24px 24px 82px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq-a-inner {
        padding: 0 24px 24px 51px
    }
}

.c-content-main .family-share__faq-a-inner h4 {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0
}

.c-content-main .family-share__faq-a-inner h4+ul.family-share__faq-a-list-inline {
    margin-top: 0
}

.c-content-main .family-share__faq-a-inner p+h4 {
    margin-top: 10px
}

.c-content-main .family-share__faq-a p {
    margin: 0
}

.c-content-main .family-share__faq-a a {
    color: #017b63
}

.c-content-main .family-share__faq-a-list, .c-content-main .family-share__faq-a-list-inline {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    position: relative
}

.c-content-main .family-share__faq-a-list li, .c-content-main .family-share__faq-a-list-inline li {
    padding-left: 10px;
    position: relative
}

.c-content-main .family-share__faq-a-list li:before, .c-content-main .family-share__faq-a-list-inline li:before {
    background-color: #017b63;
    block-size: 4px;
    border-radius: 50%;
    content: "";
    display: block;
    inline-size: 4px;
    inset: .7em auto auto 0;
    position: absolute
}

.c-content-main .family-share__faq-a-list+h4, .c-content-main .family-share__faq-a-list-inline+h4 {
    margin-top: 10px
}

.c-content-main .family-share__faq-a-list-inline {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0 16px
}

.c-content-main .family-share__faq-link {
    margin-top: 60px
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq-link {
        margin-top: 30px
    }
}

.c-content-main .family-share__faq-link a {
    align-items: center;
    background: #fff;
    border: 2px solid #017b63;
    border-radius: 18px;
    color: #017b63;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 16px;
    justify-content: center;
    letter-spacing: .01em;
    line-height: 1.4;
    padding: 18px 47px 18px 32px;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media(min-width: 768px) {
    .c-content-main .family-share__faq-link a {
        min-width: 34rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__faq-link a {
        font-size: 1.5rem;
        padding: 18px 12.5333333333vw 18px 8.5333333333vw;
        width: 100%
    }
}

.c-content-main .family-share__faq-link a:after {
    background: url(../assets/images/icon-chevron.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    inset: 0 1em 0 auto;
    margin: auto 0;
    position: absolute;
    width: 7px
}

@media(min-width: 768px) {
    .c-content-main .family-share__faq-link a>br {
        display: none
    }
}

.c-content-main .family-share__thought {
    background: #fceded;
    padding: 80px 20px 120px;
    position: relative
}

@media(max-width: 1099px) {
    .c-content-main .family-share__thought {
        padding-bottom: 100px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__thought {
        padding: 40px 5.3333333333vw 96px
    }
}

.c-content-main .family-share__thought h2 {
    background: url(/jakyosaiapp/img/family/bg-family-thought-title.svg) bottom no-repeat;
    background-size: 342px auto;
    padding-bottom: 13px
}

@media(max-width: 767px) {
    .c-content-main .family-share__thought h2 {
        background-size: 70.4vw auto;
        padding-bottom: 16px
    }
}

.c-content-main .family-share__thought-inner {
    background: #fff;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    gap: 32px 0;
    margin: 0 auto;
    max-width: 1088px;
    padding: 56px 80px 120px;
    text-align: center
}

@media(max-width: 1099px) {
    .c-content-main .family-share__thought-inner {
        padding-bottom: 100px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__thought-inner {
        gap: 16px 0;
        padding: 32px 6.9333333333vw 80px
    }
}

.c-content-main .family-share__thought-inner p {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.7;
    margin: 0;
    text-align: left
}

@media(max-width: 767px) {
    .c-content-main .family-share__thought-inner p {
        font-size: 1.6rem;
        line-height: 2
    }
}

.c-content-main .family-share__thought-inner p span {
    color: #017b63;
    font-weight: 800
}

.c-content-main .family-share__thought-image {
    inset: auto 0 0;
    margin: 0 auto;
    position: absolute;
    text-align: center
}

@media(max-width: 1099px) {
    .c-content-main .family-share__thought-image {
        width: 31.7272727273vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__thought-image {
        height: 160px;
        width: 271px
    }
}

.c-content-main .family-share__thought-image img {
    vertical-align: bottom
}

.c-content-main .family-share__download {
    background: #fef6e7;
    overflow: hidden;
    padding: 48px 20px 0;
    position: relative
}

@media(max-width: 767px) {
    .c-content-main .family-share__download {
        padding: 44px 5.3333333333vw 0
    }
}

.c-content-main .family-share__download-bg {
    height: 100%;
    width: 100%
}

.c-content-main .family-share__download-bg-fluid-01 {
    background: url('../assets/images/bg-family-dowload-01.svg') no-repeat;
    background-size: 100% auto;
    height: 553px;
    position: absolute;
    width: 530px
}

@media(min-width: 1300px) {
    .c-content-main .family-share__download-bg-fluid-01 {
        inset: auto calc(50% + 380px) -210px auto
    }
}

@media(max-width: 1299px) {
    .c-content-main .family-share__download-bg-fluid-01 {
        height: 42.5384615385vw;
        inset: auto auto -210px -18.4615384615vw;
        width: 40.7692307692vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__download-bg-fluid-01 {
        height: 50.2727272727vw;
        inset: auto auto -210px -21.8181818182vw;
        width: 48.1818181818vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-bg-fluid-01 {
        height: 553px;
        inset: auto auto -254px -112px;
        width: 530px
    }
}

.c-content-main .family-share__download-bg-fluid-02 {
    background: url(../assets/images/bg-family-dowload-02.svg) no-repeat;
    background-size: 100% auto;
    height: 445px;
    inset: auto auto 80px calc(50% + 150px);
    position: absolute;
    width: 676px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__download-bg-fluid-02 {
        height: 34.2307692308vw;
        inset: auto -16.9230769231vw 80px auto;
        width: 52vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__download-bg-fluid-02 {
        height: 40.4545454545vw;
        inset: auto -20vw 80px auto;
        width: 61.4545454545vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-bg-fluid-02 {
        display: none
    }
}

.c-content-main .family-share__download-bg-fluid-03 {
    background: url(../assets/images/bg-family-dowload-03.svg) no-repeat;
    background-size: 100% auto;
    height: 439px;
    inset: -201px auto auto calc(50% - 488px);
    position: absolute;
    width: 603px
}

@media(max-width: 1299px) {
    .c-content-main .family-share__download-bg-fluid-03 {
        height: 33.7692307692vw;
        inset: -201px auto auto calc(50% - 32.92308vw);
        width: 46.3846153846vw
    }
}

@media(max-width: 1099px) {
    .c-content-main .family-share__download-bg-fluid-03 {
        height: 39.9090909091vw;
        left: -30.9090909091vw;
        width: 54.8181818182vw
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-bg-fluid-03 {
        display: none
    }
}

.c-content-main .family-share__download-inner {
    display: flex;
    gap: 24px;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1176px;
    position: relative;
    z-index: 1
}

@media(max-width: 1099px) {
    .c-content-main .family-share__download-inner {
        gap: 0
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-inner {
        flex-direction: column;
        gap: 22px
    }
}

.c-content-main .family-share__download-text {
    align-items: center;
    display: inline-flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-content-main .family-share__download-text {
        padding: 48px 0 72px
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-text {
        padding: 0
    }
}

.c-content-main .family-share__download-title {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.c-content-main .family-share__download-title h2 {
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-title h2 {
        max-width: 284px;
        width: 75.7333333333vw
    }
}

.c-content-main .family-share__download-title p {
    margin: 0;
    text-align: center
}

.c-content-main .family-share__download-title p>span {
    display: block
}

.c-content-main .family-share__download-link {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    justify-content: center;
    list-style: none;
    margin: 48px auto 0;
    padding: 0
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-link {
        gap: 0 8px;
        margin: 24px auto 0
    }
}

@media(min-width: 768px) {
    .c-content-main .family-share__download-link li {
        align-items: center;
        display: flex;
        gap: 0 8px
    }
}

.c-content-main .family-share__download-link li a {
    align-items: center;
    display: flex
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-link li a img {
        width: 40.2666666667vw
    }

    .c-content-main .family-share__download-link-qr {
        display: none
    }
}

.c-content-main .family-share__download-btn {
    margin: 32px auto 0
}

.c-content-main .family-share__download-btn a {
    align-items: center;
    background: #fff;
    border: 2px solid #017b63;
    border-radius: 24px;
    color: #333;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 700;
    gap: 0 8px;
    justify-content: center;
    line-height: 1.5;
    padding: .72em 2em;
    position: relative;
    text-decoration: none
}

@media(min-width: 768px) {
    .c-content-main .family-share__download-btn a {
        min-width: 31.2rem
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-btn a {
        border-radius: 24px;
        font-size: 1.6rem;
        gap: 0 3.2vw;
        min-width: 77.8666666667vw;
        padding: .72em 1.9em .72em .9em
    }
}

.c-content-main .family-share__download-btn a:after {
    background: url(../assets/images/icon-chevron.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    inset: 0 1.4rem 0 auto;
    margin: auto 0;
    position: absolute;
    width: 7px
}

.c-content-main .family-share__download-image {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 8px 0 0
}

@media(max-width: 1099px) {
    .c-content-main .family-share__download-image {
        justify-content: center
    }
}

@media(max-width: 767px) {
    .c-content-main .family-share__download-image {
        height: auto;
        margin: 0 auto;
        width: 59.7333333333vw
    }
}

.c-content-main .family-share__download-image picture {
    line-height: 1
}

.c-content-main .family-share__download-image picture img {
    vertical-align: bottom
}

.c-content-main .mt-zero {
    margin-top: 0
}

.c-content-main .mb-zero {
    margin-bottom: 0
}

@media(max-width: 576px) {
    .c-content-main .mt-narrow {
        margin-top: 5px
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .c-content-main .mt-narrow {
        margin-top: 10px
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-content-main .mt-narrow {
        margin-top: 10px
    }
}

@media(min-width: 1100px) and (max-width:1299px) {
    .c-content-main .mt-narrow {
        margin-top: 15px
    }
}

@media(min-width: 1300px) {
    .c-content-main .mt-narrow {
        margin-top: 15px
    }
}

@media(max-width: 576px) {
    .c-content-main .mt-wide {
        margin-top: 30px
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .c-content-main .mt-wide {
        margin-top: 50px
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-content-main .mt-wide {
        margin-top: 50px
    }
}

@media(min-width: 1100px) and (max-width:1299px) {
    .c-content-main .mt-wide {
        margin-top: 80px
    }
}

@media(min-width: 1300px) {
    .c-content-main .mt-wide {
        margin-top: 80px
    }
}

@media(max-width: 576px) {
    .c-content-main .mb-narrow {
        margin-bottom: 5px
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .c-content-main .mb-narrow {
        margin-bottom: 10px
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-content-main .mb-narrow {
        margin-bottom: 10px
    }
}

@media(min-width: 1100px) and (max-width:1299px) {
    .c-content-main .mb-narrow {
        margin-bottom: 15px
    }
}

@media(min-width: 1300px) {
    .c-content-main .mb-narrow {
        margin-bottom: 15px
    }
}

@media(max-width: 576px) {
    .c-content-main .mb-wide {
        margin-bottom: 30px
    }
}

@media(min-width: 576px) and (max-width:767px) {
    .c-content-main .mb-wide {
        margin-bottom: 50px
    }
}

@media(min-width: 768px) and (max-width:1099px) {
    .c-content-main .mb-wide {
        margin-bottom: 50px
    }
}

@media(min-width: 1100px) and (max-width:1299px) {
    .c-content-main .mb-wide {
        margin-bottom: 80px
    }
}

@media(min-width: 1300px) {
    .c-content-main .mb-wide {
        margin-bottom: 80px
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: none;
        visibility: visible
    }
}

.c-bg-fluid {
    height: 100%;
    inset: 0 0 auto;
    position: fixed;
    width: 100%;
    z-index: -1
}

@media(max-width: 767px) {
    .c-bg-fluid {
        display: none
    }
}

.c-bg-fluid__obj-01 {
    inset: -132px auto auto calc(50% - 620px);
    position: absolute
}

.c-bg-fluid__obj-01:not([date-animate]) {
    opacity: 0
}

.c-bg-fluid__obj-01[date-animate] {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-down;
    animation-name: slide-down;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-bg-fluid__obj-01-inner {
    height: 450px;
    position: relative;
    width: 665px
}

.c-bg-fluid__obj-01-yellow {
    height: 433px;
    inset: -83px auto auto -82px;
    position: absolute;
    width: 559px
}

.c-bg-fluid__obj-01-yellow>svg {
    transform: scale(.6)
}

.c-bg-fluid__obj-01-orange {
    background: url(/jakyosaiapp/img/bg-sub-fluid-orange.svg) no-repeat;
    height: 63px;
    inset: 156px auto auto 78px;
    position: absolute;
    width: 62px
}

.c-bg-fluid__obj-02 {
    inset: auto calc(50% + 504px) 68px auto;
    position: absolute
}

.c-bg-fluid__obj-02:not([date-animate]) {
    opacity: 0
}

.c-bg-fluid__obj-02[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale-up;
    animation-name: scale-up;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-bg-fluid__obj-02-inner {
    align-items: start;
    display: flex;
    height: 412px;
    justify-content: flex-end;
    position: relative;
    width: 371px
}

.c-bg-fluid__obj-02-beige {
    -webkit-animation: fluid-anim-02 25s infinite alternate forwards running;
    animation: fluid-anim-02 25s infinite alternate forwards running;
    background: #bcb49b;
    border-radius: 49% 51% 38% 62%/29% 45% 55% 71%;
    height: 103px;
    margin-top: 116px;
    overflow: hidden;
    position: relative;
    width: 170px
}

.c-bg-fluid__obj-02-green {
    background: url(/jakyosaiapp/img/bg-sub-fluid-green.svg) no-repeat;
    background-size: contain;
    height: 286px;
    inset: auto 10px 0 auto;
    position: absolute;
    width: 326px;
    z-index: -1
}

.c-bg-fluid__obj-02-blue {
    background: url(/jakyosaiapp/img/bg-sub-fluid-blue.svg) no-repeat;
    background-size: contain;
    height: 286px;
    inset: auto 10px -193px auto;
    position: absolute;
    width: 326px
}

.c-bg-fluid__obj-03 {
    inset: auto auto -22px calc(50% + 464px);
    position: absolute
}

@media(width <=1440px) {
    .c-bg-fluid__obj-03 {
        inset: auto -45px -22px auto
    }
}

@media(width <=840px) {
    .c-bg-fluid__obj-03 {
        inset: auto auto -22px 526px
    }
}

.c-bg-fluid__obj-03:not([date-animate]) {
    opacity: 0
}

.c-bg-fluid__obj-03[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: scale-up;
    animation-name: scale-up;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-bg-fluid__obj-03-inner {
    align-items: end;
    display: flex;
    height: 237px;
    justify-content: flex-end;
    position: relative;
    width: 332px
}

.c-bg-fluid__obj-03-bluegreen {
    -webkit-animation: fluid-anim-03 3s infinite alternate forwards running;
    animation: fluid-anim-03 3s infinite alternate forwards running;
    background: #50b2a6;
    border-radius: 48% 43% 43% 48%/76% 59% 40% 43%;
    height: 117px;
    overflow: hidden;
    position: relative;
    transform: rotate(20deg);
    width: 205px
}

.c-bg-fluid__obj-03-pink {
    background: url(/jakyosaiapp/img/bg-sub-fluid-pink.svg) no-repeat;
    background-size: contain;
    height: 237px;
    inset: 44px 92px auto auto;
    overflow: hidden;
    position: absolute;
    width: 315px;
    z-index: -1
}

.c-bg-fluid__obj-03-blue {
    background: url(/jakyosaiapp/img/bg-sub-fluid-blue-03.svg) no-repeat;
    background-size: contain;
    height: 237px;
    inset: -24px auto auto -198px;
    position: absolute;
    transform: rotate(-20deg);
    width: 315px
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        transform: translate(-50px, -50px) scale(.6)
    }

    90% {
        opacity: 1
    }

    to {
        transform: translate(0) scale(1)
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translate(-50px, -50px) scale(.6)
    }

    90% {
        opacity: 1
    }

    to {
        transform: translate(0) scale(1)
    }
}

@-webkit-keyframes fluid-anim-02 {
    0% {
        border-radius: 49% 51% 38% 62%/29% 45% 55% 71%
    }

    25% {
        border-radius: 55% 45% 63% 37%/35% 26% 74% 65%
    }

    50% {
        border-radius: 48% 52% 23% 77%/69% 74% 26% 31%
    }

    75% {
        border-radius: 79% 21% 42% 58%/36% 20% 80% 64%
    }

    to {
        border-radius: 54% 46% 40% 60%/38% 64% 36% 62%
    }
}

@keyframes fluid-anim-02 {
    0% {
        border-radius: 49% 51% 38% 62%/29% 45% 55% 71%
    }

    25% {
        border-radius: 55% 45% 63% 37%/35% 26% 74% 65%
    }

    50% {
        border-radius: 48% 52% 23% 77%/69% 74% 26% 31%
    }

    75% {
        border-radius: 79% 21% 42% 58%/36% 20% 80% 64%
    }

    to {
        border-radius: 54% 46% 40% 60%/38% 64% 36% 62%
    }
}

@-webkit-keyframes fluid-anim-03 {
    0% {
        border-radius: 48% 43% 43% 48%/76% 59% 40% 43%
    }

    to {
        border-radius: 57% 31% 43% 50%/44% 59% 40% 64%
    }
}

@keyframes fluid-anim-03 {
    0% {
        border-radius: 48% 43% 43% 48%/76% 59% 40% 43%
    }

    to {
        border-radius: 57% 31% 43% 50%/44% 59% 40% 64%
    }
}

@-webkit-keyframes scale-up {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes scale-up {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes mm-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mm-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mm-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mm-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mm-slide-in {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes mm-slide-in {
    0% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes mm-slide-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

@keyframes mm-slide-out {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10%)
    }
}

.c-micromodal {
    display: none
}

.c-micromodal.is-open {
    display: block
}

.c-micromodal[aria-hidden=false] .c-micromodal__overlay {
    -webkit-animation: mm-fade-in .3s cubic-bezier(0, 0, .2, 1);
    animation: mm-fade-in .3s cubic-bezier(0, 0, .2, 1)
}

.c-micromodal[aria-hidden=false] .c-micromodal__container {
    -webkit-animation: mm-slide-in .3s cubic-bezier(0, 0, .2, 1);
    animation: mm-slide-in .3s cubic-bezier(0, 0, .2, 1)
}

.c-micromodal[aria-hidden=true] .c-micromodal__overlay {
    -webkit-animation: mm-fade-out .3s cubic-bezier(0, 0, .2, 1);
    animation: mm-fade-out .3s cubic-bezier(0, 0, .2, 1)
}

.c-micromodal[aria-hidden=true] .c-micromodal__container {
    -webkit-animation: mm-slide-out .3s cubic-bezier(0, 0, .2, 1);
    animation: mm-slide-out .3s cubic-bezier(0, 0, .2, 1)
}

.c-micromodal .c-micromodal__container, .c-micromodal .c-micromodal__overlay {
    will-change: transform
}

.c-micromodal__overlay {
    align-items: center;
    background: #33333380;
    display: flex;
    inset: 0 0 0 0;
    justify-content: center;
    position: fixed;
    z-index: 101
}

.c-micromodal__container {
    box-sizing: border-box;
    margin-top: -70px;
    max-height: 100vh;
    overflow-y: auto;
    position: relative
}

@media(max-width: 960px) {
    .c-micromodal__container {
        width: calc(100% - 60px)
    }
}

@media(max-width: 767px) {
    .c-micromodal__container {
        width: 100%
    }
}

@media(max-width: 960px) {
    .c-micromodal__container iframe {
        aspect-ratio: 16/9;
        height: 100%;
        width: 100%
    }
}

.c-micromodal__header {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px
}

@media(max-width: 767px) {
    .c-micromodal__header {
        padding-bottom: 10px
    }
}

.c-micromodal__close {
    background: url(../img/icon-modal-close.svg) no-repeat 100% 0;
    background-size: cover;
    border: 0;
    cursor: pointer;
    height: 2rem;
    margin-left: auto;
    width: 2.6rem
}

.c-micromodal__close span {
    display: none
}

.c-page-sub-full-width {
    background: #fef6e7;
    block-size: 100%;
    inline-size: 100%;
    position: relative
}

@media(max-width: 767px) {
    .c-page-sub-full-width {
        inset: 0;
        margin: 0 auto;
        padding: 0
    }
}

.c-page-sub-full-width a {
    transition: opacity .3s ease-in-out
}

@media(hover: hover) {
    .c-page-sub-full-width a:hover {
        opacity: .6
    }
}

.c-page-sub-full-width__content {
    position: relative
}

.c-page-sub-full-width__title {
    margin: 0 auto;
    max-width: 1296px;
    position: relative
}

@media(max-width: 767px) {
    .c-page-sub-full-width__title {
        min-height: 217px
    }
}

.c-page-sub-full-width__title:before {
    background: url(/jakyosaiapp/img/family/pict-hero-family-01.svg) no-repeat;
    background-size: 100% auto;
    content: "";
    height: 474px;
    inset: 0 0 auto auto;
    position: absolute;
    width: 692px;
    z-index: -1
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__title:before {
        height: 43.0909090909vw;
        width: 62.9090909091vw
    }
}

@media(max-width: 767px) {
    .c-page-sub-full-width__title:before {
        background: url(/jakyosaiapp/img/family/pict-hero-family-01-sp.svg) no-repeat;
        height: 437px;
        inset: 101px 0 auto;
        margin: 0 auto;
        max-width: 336px;
        width: 336px
    }
}

@media(width <=336px) {
    .c-page-sub-full-width__title: before {
        background-size: 100% auto;
        max-width: 100%;
        width: auto
    }
}

.c-page-sub-full-width__title h1 {
    margin: 0;
    padding: 46px 0 98px 83px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__title h1 {
        padding: 40px 0 72px 7.5454545455vw
    }
}

@media(max-width: 767px) {
    .c-page-sub-full-width__title h1 {
        margin: 0 auto;
        max-width: 226px;
        padding: 0;
        text-align: center;
        width: 60.2666666667vw
    }
}

.c-page-sub-full-width__title h1 picture {
    display: block
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__title h1 picture {
        width: 31.6153846154vw
    }
}

@media(max-width: 767px) {
    .c-page-sub-full-width__title h1 picture {
        width: 100%
    }
}

.c-page-sub-full-width__title h1 picture img {
    vertical-align: bottom
}

.c-page-sub-full-width__pagetop {
    bottom: 40px;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5
}

.c-page-sub-full-width__pagetop a {
    bottom: 0;
    display: block;
    position: absolute;
    right: 20px;
    transform: translateY(50%)
}

.c-page-sub-full-width__bg {
    grid-area: 1/1;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: -1
}

@media(max-width: 767px) {
    .c-page-sub-full-width__bg, .c-page-sub-full-width__bg-fluid-01, .c-page-sub-full-width__bg-fluid-02 {
        display: none
    }
}

.c-page-sub-full-width__bg-fluid-01 {
    inset: 350px auto auto -224px;
    position: absolute
}

.c-page-sub-full-width__bg-fluid-01:not([date-animate]) {
    opacity: 0
}

.c-page-sub-full-width__bg-fluid-01[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-left;
    animation-name: slide-left;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-page-sub-full-width__bg-fluid-01-inner {
    align-items: start;
    display: flex;
    height: 450px;
    justify-content: center;
    position: relative;
    width: 560px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-01-inner {
        height: 40.9463148317vw;
        width: 50.9554140127vw
    }
}

.c-page-sub-full-width__bg-fluid-01-pink {
    background: #f4a6a6;
    border-radius: 59% 38% 63% 35%/62% 46% 64% 36%;
    height: 396px;
    overflow: hidden;
    position: absolute;
    width: 546px;
    z-index: 1
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-01-pink {
        height: 36.0327570519vw;
        width: 49.6815286624vw
    }
}

.c-page-sub-full-width__bg-fluid-01-green {
    -webkit-animation: 25s infinite alternate forwards running;
    animation: 25s infinite alternate forwards running;
    height: 210px;
    inset: -100px auto auto 60px;
    position: absolute;
    width: 270px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-01-green {
        height: 19.1082802548vw;
        inset: -9.0991810737vw auto auto 5.4595086442vw;
        width: 24.567788899vw
    }
}

.c-page-sub-full-width__bg-fluid-01-blue {
    height: 210px;
    inset: -100px auto auto 53px;
    position: absolute;
    width: 270px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-01-blue {
        height: 19.1082802548vw;
        inset: -9.0991810737vw auto auto 4.8225659691vw;
        width: 24.567788899vw
    }
}

.c-page-sub-full-width__bg-fluid-02 {
    inset: -172px 80px auto auto;
    position: absolute;
    z-index: 2
}

.c-page-sub-full-width__bg-fluid-02:not([date-animate]) {
    opacity: 0
}

.c-page-sub-full-width__bg-fluid-02[date-animate] {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: slide-right;
    animation-name: slide-right;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.c-page-sub-full-width__bg-fluid-02-inner {
    height: 326px;
    position: relative;
    width: 406px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-02-inner {
        height: 29.6633303003vw;
        width: 36.9426751592vw
    }
}

.c-page-sub-full-width__bg-fluid-02-yellow {
    height: 356px;
    inset: 0 auto 0 24px;
    margin: auto 0;
    width: 373px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-02-yellow {
        height: 32.3930846224vw;
        inset: 0 auto auto 2.1838034577vw;
        margin: 0;
        width: 33.9399454049vw
    }
}

.c-page-sub-full-width__bg-fluid-02-orange {
    background: url(/jakyosaiapp/img/family/bg-fluid-01-1.svg) no-repeat;
    height: 72px;
    inset: auto auto 100px 318px;
    position: absolute;
    width: 71px
}

@media(max-width: 1099px) {
    .c-page-sub-full-width__bg-fluid-02-orange {
        background-size: contain;
        height: 5vw;
        inset: auto auto 6.2784349409vw 28.9353958144vw;
        width: 4.9305555556vw
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: scale(.7)
    }

    90% {
        opacity: 1
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    90% {
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    90% {
        opacity: 1
    }

    to {
        transform: scale(1)
    }
}