@charset "UTF-8";.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    flex-shrink: 0;
    list-style-type: none!important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    contain: strict;
    display: inline-block;
    height: 20px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0!important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2em;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    display: flex;
    flex-direction: column;
    inset: 0 .5em 0 auto;
    padding: 1em 0
}

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

html {
    -webkit-text-size-adjust: none;
    text-size-adjust: none
}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin-block-end:0}

ul[role=list],ol[role=list] {
    list-style: none
}

body {
    line-height: 1.5
}

h1,h2,h3,h4,button,input,label {
    line-height: 1.1
}

h1,h2,h3,h4 {
    text-wrap: balance
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    color: currentcolor
}

img,picture {
    display: block;
    max-width: 100%
}

input,button,textarea,select {
    font: inherit
}

textarea:not([rows]) {
    min-height: 10em
}

:target {
    scroll-margin-block: 5ex
}

* {
    box-sizing: border-box;
    margin: 0
}

:root {
    scroll-behavior: smooth
}

@media screen and (min-width: 1101px) {
    :root {
        scroll-padding-top:105px
    }
}

@media screen and (max-width: 1100px) {
    :root {
        scroll-padding-top:50px
    }
}

body {
    width: 100%;
    font-family: Noto Sans JP,Yu Gothic,游ゴシック体,Yu Gothic Medium,游ゴシック Medium,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: #242424
}

@media screen and (min-width: 769px) {
    body {
        font-size:18px
    }
}

h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4;
    text-wrap: wrap
}

@media screen and (min-width: 769px) {
    h1 {
        font-size:40px
    }
}

h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;
    text-wrap: wrap
}

@media screen and (min-width: 769px) {
    h2 {
        font-size:35px
    }
}

h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    text-wrap: wrap
}

@media screen and (min-width: 769px) {
    h3 {
        font-size:30px
    }
}

h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-wrap: wrap
}

@media screen and (min-width: 769px) {
    h4 {
        font-size:20px
    }
}

h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-wrap: wrap
}

@media screen and (min-width: 769px) {
    h5 {
        font-size:18px
    }
}

h2.wp-block-heading {
    margin-bottom: 20px;
    color: #0068b7;
    border-bottom: 2px solid #0068b7
}

@media screen and (min-width: 769px) {
    h2.wp-block-heading {
        padding:15px 0
    }
}

@media screen and (max-width: 768px) {
    h2.wp-block-heading {
        padding:10px 0
    }
}

h3.wp-block-heading {
    padding: 6px 10px 7px;
    margin-bottom: 20px;
    color: #fff;
    background-color: #00adec
}

h4.wp-block-heading {
    padding-left: 10px;
    margin-bottom: 20px;
    border-left: 4px solid #0068b7
}

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

a:hover {
    color: #242424;
    text-decoration: underline;
    opacity: .7
}

a[role=textlink] {
    color: #0072b9;
    text-decoration: underline
}

a[role=textlink]:hover {
    color: #0072b9
}

a[role=textlink][target=_blank]:after {
    display: inline-block;
    margin: 0 .25em;
    font-family: "Font Awesome 6 Free";
    font-size: .85rem;
    font-weight: 900;
    line-height: 1;
    color: #9c9c9c;
    text-indent: 0;
    content: ""
}

img {
    max-width: 100%;
    height: auto
}

ul {
    padding-left: 1.5em
}

ul.is-no-style {
    padding-left: 0;
    list-style: none
}

.no-icon a:after {
    content: none!important
}

@keyframes scroll-hint-appear {
    0% {
        transform: translate(40px);
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50%,to {
        transform: translate(-40px);
        opacity: 0
    }
}

.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg,#00000026 0,#0000 16px,#0000)
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg,#00000026 0,#0000 16px,#0000),linear-gradient(270deg,#00000026 0,#0000 16px,#0000)
}

.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg,#00000026 0,#0000 16px,#0000)
}

.scroll-hint-icon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 60px);
    box-sizing: border-box;
    width: 120px;
    height: 80px;
    border-radius: 5px;
    transition: opacity .3s;
    opacity: 0;
    background: #000000b3;
    text-align: center;
    padding: 20px 10px 10px
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none
}

.scroll-hint-text {
    font-size: 10px;
    color: #fff;
    margin-top: 5px
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    content: "";
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon:after {
    content: "";
    width: 34px;
    height: 14px;
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
    opacity: 0;
    transition-delay: 2.4s
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2
}

.scroll-hint-icon-white {
    background-color: #fff;
    box-shadow: 0 4px 5px #0006
}

.scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==)
}

.scroll-hint-icon-white .scroll-hint-text {
    color: #000
}

body[data-aos-duration="50"] [data-aos],[data-aos][data-aos][data-aos-duration="50"] {
    transition-duration: 50ms
}

body[data-aos-delay="50"] [data-aos],[data-aos][data-aos][data-aos-delay="50"] {
    transition-delay: 0
}

body[data-aos-delay="50"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="50"].aos-animate {
    transition-delay: 50ms
}

body[data-aos-duration="100"] [data-aos],[data-aos][data-aos][data-aos-duration="100"] {
    transition-duration: .1s
}

body[data-aos-delay="100"] [data-aos],[data-aos][data-aos][data-aos-delay="100"] {
    transition-delay: 0
}

body[data-aos-delay="100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="100"].aos-animate {
    transition-delay: .1s
}

body[data-aos-duration="150"] [data-aos],[data-aos][data-aos][data-aos-duration="150"] {
    transition-duration: .15s
}

body[data-aos-delay="150"] [data-aos],[data-aos][data-aos][data-aos-delay="150"] {
    transition-delay: 0
}

body[data-aos-delay="150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="150"].aos-animate {
    transition-delay: .15s
}

body[data-aos-duration="200"] [data-aos],[data-aos][data-aos][data-aos-duration="200"] {
    transition-duration: .2s
}

body[data-aos-delay="200"] [data-aos],[data-aos][data-aos][data-aos-delay="200"] {
    transition-delay: 0
}

body[data-aos-delay="200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="200"].aos-animate {
    transition-delay: .2s
}

body[data-aos-duration="250"] [data-aos],[data-aos][data-aos][data-aos-duration="250"] {
    transition-duration: .25s
}

body[data-aos-delay="250"] [data-aos],[data-aos][data-aos][data-aos-delay="250"] {
    transition-delay: 0
}

body[data-aos-delay="250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="250"].aos-animate {
    transition-delay: .25s
}

body[data-aos-duration="300"] [data-aos],[data-aos][data-aos][data-aos-duration="300"] {
    transition-duration: .3s
}

body[data-aos-delay="300"] [data-aos],[data-aos][data-aos][data-aos-delay="300"] {
    transition-delay: 0
}

body[data-aos-delay="300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="300"].aos-animate {
    transition-delay: .3s
}

body[data-aos-duration="350"] [data-aos],[data-aos][data-aos][data-aos-duration="350"] {
    transition-duration: .35s
}

body[data-aos-delay="350"] [data-aos],[data-aos][data-aos][data-aos-delay="350"] {
    transition-delay: 0
}

body[data-aos-delay="350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="350"].aos-animate {
    transition-delay: .35s
}

body[data-aos-duration="400"] [data-aos],[data-aos][data-aos][data-aos-duration="400"] {
    transition-duration: .4s
}

body[data-aos-delay="400"] [data-aos],[data-aos][data-aos][data-aos-delay="400"] {
    transition-delay: 0
}

body[data-aos-delay="400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="400"].aos-animate {
    transition-delay: .4s
}

body[data-aos-duration="450"] [data-aos],[data-aos][data-aos][data-aos-duration="450"] {
    transition-duration: .45s
}

body[data-aos-delay="450"] [data-aos],[data-aos][data-aos][data-aos-delay="450"] {
    transition-delay: 0
}

body[data-aos-delay="450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="450"].aos-animate {
    transition-delay: .45s
}

body[data-aos-duration="500"] [data-aos],[data-aos][data-aos][data-aos-duration="500"] {
    transition-duration: .5s
}

body[data-aos-delay="500"] [data-aos],[data-aos][data-aos][data-aos-delay="500"] {
    transition-delay: 0
}

body[data-aos-delay="500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="500"].aos-animate {
    transition-delay: .5s
}

body[data-aos-duration="550"] [data-aos],[data-aos][data-aos][data-aos-duration="550"] {
    transition-duration: .55s
}

body[data-aos-delay="550"] [data-aos],[data-aos][data-aos][data-aos-delay="550"] {
    transition-delay: 0
}

body[data-aos-delay="550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="550"].aos-animate {
    transition-delay: .55s
}

body[data-aos-duration="600"] [data-aos],[data-aos][data-aos][data-aos-duration="600"] {
    transition-duration: .6s
}

body[data-aos-delay="600"] [data-aos],[data-aos][data-aos][data-aos-delay="600"] {
    transition-delay: 0
}

body[data-aos-delay="600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="600"].aos-animate {
    transition-delay: .6s
}

body[data-aos-duration="650"] [data-aos],[data-aos][data-aos][data-aos-duration="650"] {
    transition-duration: .65s
}

body[data-aos-delay="650"] [data-aos],[data-aos][data-aos][data-aos-delay="650"] {
    transition-delay: 0
}

body[data-aos-delay="650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="650"].aos-animate {
    transition-delay: .65s
}

body[data-aos-duration="700"] [data-aos],[data-aos][data-aos][data-aos-duration="700"] {
    transition-duration: .7s
}

body[data-aos-delay="700"] [data-aos],[data-aos][data-aos][data-aos-delay="700"] {
    transition-delay: 0
}

body[data-aos-delay="700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="700"].aos-animate {
    transition-delay: .7s
}

body[data-aos-duration="750"] [data-aos],[data-aos][data-aos][data-aos-duration="750"] {
    transition-duration: .75s
}

body[data-aos-delay="750"] [data-aos],[data-aos][data-aos][data-aos-delay="750"] {
    transition-delay: 0
}

body[data-aos-delay="750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="750"].aos-animate {
    transition-delay: .75s
}

body[data-aos-duration="800"] [data-aos],[data-aos][data-aos][data-aos-duration="800"] {
    transition-duration: .8s
}

body[data-aos-delay="800"] [data-aos],[data-aos][data-aos][data-aos-delay="800"] {
    transition-delay: 0
}

body[data-aos-delay="800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="800"].aos-animate {
    transition-delay: .8s
}

body[data-aos-duration="850"] [data-aos],[data-aos][data-aos][data-aos-duration="850"] {
    transition-duration: .85s
}

body[data-aos-delay="850"] [data-aos],[data-aos][data-aos][data-aos-delay="850"] {
    transition-delay: 0
}

body[data-aos-delay="850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="850"].aos-animate {
    transition-delay: .85s
}

body[data-aos-duration="900"] [data-aos],[data-aos][data-aos][data-aos-duration="900"] {
    transition-duration: .9s
}

body[data-aos-delay="900"] [data-aos],[data-aos][data-aos][data-aos-delay="900"] {
    transition-delay: 0
}

body[data-aos-delay="900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="900"].aos-animate {
    transition-delay: .9s
}

body[data-aos-duration="950"] [data-aos],[data-aos][data-aos][data-aos-duration="950"] {
    transition-duration: .95s
}

body[data-aos-delay="950"] [data-aos],[data-aos][data-aos][data-aos-delay="950"] {
    transition-delay: 0
}

body[data-aos-delay="950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="950"].aos-animate {
    transition-delay: .95s
}

body[data-aos-duration="1000"] [data-aos],[data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: 1s
}

body[data-aos-delay="1000"] [data-aos],[data-aos][data-aos][data-aos-delay="1000"] {
    transition-delay: 0
}

body[data-aos-delay="1000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
    transition-delay: 1s
}

body[data-aos-duration="1050"] [data-aos],[data-aos][data-aos][data-aos-duration="1050"] {
    transition-duration: 1.05s
}

body[data-aos-delay="1050"] [data-aos],[data-aos][data-aos][data-aos-delay="1050"] {
    transition-delay: 0
}

body[data-aos-delay="1050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
    transition-delay: 1.05s
}

body[data-aos-duration="1100"] [data-aos],[data-aos][data-aos][data-aos-duration="1100"] {
    transition-duration: 1.1s
}

body[data-aos-delay="1100"] [data-aos],[data-aos][data-aos][data-aos-delay="1100"] {
    transition-delay: 0
}

body[data-aos-delay="1100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
    transition-delay: 1.1s
}

body[data-aos-duration="1150"] [data-aos],[data-aos][data-aos][data-aos-duration="1150"] {
    transition-duration: 1.15s
}

body[data-aos-delay="1150"] [data-aos],[data-aos][data-aos][data-aos-delay="1150"] {
    transition-delay: 0
}

body[data-aos-delay="1150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
    transition-delay: 1.15s
}

body[data-aos-duration="1200"] [data-aos],[data-aos][data-aos][data-aos-duration="1200"] {
    transition-duration: 1.2s
}

body[data-aos-delay="1200"] [data-aos],[data-aos][data-aos][data-aos-delay="1200"] {
    transition-delay: 0
}

body[data-aos-delay="1200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
    transition-delay: 1.2s
}

body[data-aos-duration="1250"] [data-aos],[data-aos][data-aos][data-aos-duration="1250"] {
    transition-duration: 1.25s
}

body[data-aos-delay="1250"] [data-aos],[data-aos][data-aos][data-aos-delay="1250"] {
    transition-delay: 0
}

body[data-aos-delay="1250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
    transition-delay: 1.25s
}

body[data-aos-duration="1300"] [data-aos],[data-aos][data-aos][data-aos-duration="1300"] {
    transition-duration: 1.3s
}

body[data-aos-delay="1300"] [data-aos],[data-aos][data-aos][data-aos-delay="1300"] {
    transition-delay: 0
}

body[data-aos-delay="1300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
    transition-delay: 1.3s
}

body[data-aos-duration="1350"] [data-aos],[data-aos][data-aos][data-aos-duration="1350"] {
    transition-duration: 1.35s
}

body[data-aos-delay="1350"] [data-aos],[data-aos][data-aos][data-aos-delay="1350"] {
    transition-delay: 0
}

body[data-aos-delay="1350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
    transition-delay: 1.35s
}

body[data-aos-duration="1400"] [data-aos],[data-aos][data-aos][data-aos-duration="1400"] {
    transition-duration: 1.4s
}

body[data-aos-delay="1400"] [data-aos],[data-aos][data-aos][data-aos-delay="1400"] {
    transition-delay: 0
}

body[data-aos-delay="1400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
    transition-delay: 1.4s
}

body[data-aos-duration="1450"] [data-aos],[data-aos][data-aos][data-aos-duration="1450"] {
    transition-duration: 1.45s
}

body[data-aos-delay="1450"] [data-aos],[data-aos][data-aos][data-aos-delay="1450"] {
    transition-delay: 0
}

body[data-aos-delay="1450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
    transition-delay: 1.45s
}

body[data-aos-duration="1500"] [data-aos],[data-aos][data-aos][data-aos-duration="1500"] {
    transition-duration: 1.5s
}

body[data-aos-delay="1500"] [data-aos],[data-aos][data-aos][data-aos-delay="1500"] {
    transition-delay: 0
}

body[data-aos-delay="1500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
    transition-delay: 1.5s
}

body[data-aos-duration="1550"] [data-aos],[data-aos][data-aos][data-aos-duration="1550"] {
    transition-duration: 1.55s
}

body[data-aos-delay="1550"] [data-aos],[data-aos][data-aos][data-aos-delay="1550"] {
    transition-delay: 0
}

body[data-aos-delay="1550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
    transition-delay: 1.55s
}

body[data-aos-duration="1600"] [data-aos],[data-aos][data-aos][data-aos-duration="1600"] {
    transition-duration: 1.6s
}

body[data-aos-delay="1600"] [data-aos],[data-aos][data-aos][data-aos-delay="1600"] {
    transition-delay: 0
}

body[data-aos-delay="1600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
    transition-delay: 1.6s
}

body[data-aos-duration="1650"] [data-aos],[data-aos][data-aos][data-aos-duration="1650"] {
    transition-duration: 1.65s
}

body[data-aos-delay="1650"] [data-aos],[data-aos][data-aos][data-aos-delay="1650"] {
    transition-delay: 0
}

body[data-aos-delay="1650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
    transition-delay: 1.65s
}

body[data-aos-duration="1700"] [data-aos],[data-aos][data-aos][data-aos-duration="1700"] {
    transition-duration: 1.7s
}

body[data-aos-delay="1700"] [data-aos],[data-aos][data-aos][data-aos-delay="1700"] {
    transition-delay: 0
}

body[data-aos-delay="1700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
    transition-delay: 1.7s
}

body[data-aos-duration="1750"] [data-aos],[data-aos][data-aos][data-aos-duration="1750"] {
    transition-duration: 1.75s
}

body[data-aos-delay="1750"] [data-aos],[data-aos][data-aos][data-aos-delay="1750"] {
    transition-delay: 0
}

body[data-aos-delay="1750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
    transition-delay: 1.75s
}

body[data-aos-duration="1800"] [data-aos],[data-aos][data-aos][data-aos-duration="1800"] {
    transition-duration: 1.8s
}

body[data-aos-delay="1800"] [data-aos],[data-aos][data-aos][data-aos-delay="1800"] {
    transition-delay: 0
}

body[data-aos-delay="1800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
    transition-delay: 1.8s
}

body[data-aos-duration="1850"] [data-aos],[data-aos][data-aos][data-aos-duration="1850"] {
    transition-duration: 1.85s
}

body[data-aos-delay="1850"] [data-aos],[data-aos][data-aos][data-aos-delay="1850"] {
    transition-delay: 0
}

body[data-aos-delay="1850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
    transition-delay: 1.85s
}

body[data-aos-duration="1900"] [data-aos],[data-aos][data-aos][data-aos-duration="1900"] {
    transition-duration: 1.9s
}

body[data-aos-delay="1900"] [data-aos],[data-aos][data-aos][data-aos-delay="1900"] {
    transition-delay: 0
}

body[data-aos-delay="1900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
    transition-delay: 1.9s
}

body[data-aos-duration="1950"] [data-aos],[data-aos][data-aos][data-aos-duration="1950"] {
    transition-duration: 1.95s
}

body[data-aos-delay="1950"] [data-aos],[data-aos][data-aos][data-aos-delay="1950"] {
    transition-delay: 0
}

body[data-aos-delay="1950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
    transition-delay: 1.95s
}

body[data-aos-duration="2000"] [data-aos],[data-aos][data-aos][data-aos-duration="2000"] {
    transition-duration: 2s
}

body[data-aos-delay="2000"] [data-aos],[data-aos][data-aos][data-aos-delay="2000"] {
    transition-delay: 0
}

body[data-aos-delay="2000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
    transition-delay: 2s
}

body[data-aos-duration="2050"] [data-aos],[data-aos][data-aos][data-aos-duration="2050"] {
    transition-duration: 2.05s
}

body[data-aos-delay="2050"] [data-aos],[data-aos][data-aos][data-aos-delay="2050"] {
    transition-delay: 0
}

body[data-aos-delay="2050"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
    transition-delay: 2.05s
}

body[data-aos-duration="2100"] [data-aos],[data-aos][data-aos][data-aos-duration="2100"] {
    transition-duration: 2.1s
}

body[data-aos-delay="2100"] [data-aos],[data-aos][data-aos][data-aos-delay="2100"] {
    transition-delay: 0
}

body[data-aos-delay="2100"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
    transition-delay: 2.1s
}

body[data-aos-duration="2150"] [data-aos],[data-aos][data-aos][data-aos-duration="2150"] {
    transition-duration: 2.15s
}

body[data-aos-delay="2150"] [data-aos],[data-aos][data-aos][data-aos-delay="2150"] {
    transition-delay: 0
}

body[data-aos-delay="2150"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
    transition-delay: 2.15s
}

body[data-aos-duration="2200"] [data-aos],[data-aos][data-aos][data-aos-duration="2200"] {
    transition-duration: 2.2s
}

body[data-aos-delay="2200"] [data-aos],[data-aos][data-aos][data-aos-delay="2200"] {
    transition-delay: 0
}

body[data-aos-delay="2200"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
    transition-delay: 2.2s
}

body[data-aos-duration="2250"] [data-aos],[data-aos][data-aos][data-aos-duration="2250"] {
    transition-duration: 2.25s
}

body[data-aos-delay="2250"] [data-aos],[data-aos][data-aos][data-aos-delay="2250"] {
    transition-delay: 0
}

body[data-aos-delay="2250"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
    transition-delay: 2.25s
}

body[data-aos-duration="2300"] [data-aos],[data-aos][data-aos][data-aos-duration="2300"] {
    transition-duration: 2.3s
}

body[data-aos-delay="2300"] [data-aos],[data-aos][data-aos][data-aos-delay="2300"] {
    transition-delay: 0
}

body[data-aos-delay="2300"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
    transition-delay: 2.3s
}

body[data-aos-duration="2350"] [data-aos],[data-aos][data-aos][data-aos-duration="2350"] {
    transition-duration: 2.35s
}

body[data-aos-delay="2350"] [data-aos],[data-aos][data-aos][data-aos-delay="2350"] {
    transition-delay: 0
}

body[data-aos-delay="2350"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
    transition-delay: 2.35s
}

body[data-aos-duration="2400"] [data-aos],[data-aos][data-aos][data-aos-duration="2400"] {
    transition-duration: 2.4s
}

body[data-aos-delay="2400"] [data-aos],[data-aos][data-aos][data-aos-delay="2400"] {
    transition-delay: 0
}

body[data-aos-delay="2400"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
    transition-delay: 2.4s
}

body[data-aos-duration="2450"] [data-aos],[data-aos][data-aos][data-aos-duration="2450"] {
    transition-duration: 2.45s
}

body[data-aos-delay="2450"] [data-aos],[data-aos][data-aos][data-aos-delay="2450"] {
    transition-delay: 0
}

body[data-aos-delay="2450"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
    transition-delay: 2.45s
}

body[data-aos-duration="2500"] [data-aos],[data-aos][data-aos][data-aos-duration="2500"] {
    transition-duration: 2.5s
}

body[data-aos-delay="2500"] [data-aos],[data-aos][data-aos][data-aos-delay="2500"] {
    transition-delay: 0
}

body[data-aos-delay="2500"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
    transition-delay: 2.5s
}

body[data-aos-duration="2550"] [data-aos],[data-aos][data-aos][data-aos-duration="2550"] {
    transition-duration: 2.55s
}

body[data-aos-delay="2550"] [data-aos],[data-aos][data-aos][data-aos-delay="2550"] {
    transition-delay: 0
}

body[data-aos-delay="2550"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
    transition-delay: 2.55s
}

body[data-aos-duration="2600"] [data-aos],[data-aos][data-aos][data-aos-duration="2600"] {
    transition-duration: 2.6s
}

body[data-aos-delay="2600"] [data-aos],[data-aos][data-aos][data-aos-delay="2600"] {
    transition-delay: 0
}

body[data-aos-delay="2600"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
    transition-delay: 2.6s
}

body[data-aos-duration="2650"] [data-aos],[data-aos][data-aos][data-aos-duration="2650"] {
    transition-duration: 2.65s
}

body[data-aos-delay="2650"] [data-aos],[data-aos][data-aos][data-aos-delay="2650"] {
    transition-delay: 0
}

body[data-aos-delay="2650"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
    transition-delay: 2.65s
}

body[data-aos-duration="2700"] [data-aos],[data-aos][data-aos][data-aos-duration="2700"] {
    transition-duration: 2.7s
}

body[data-aos-delay="2700"] [data-aos],[data-aos][data-aos][data-aos-delay="2700"] {
    transition-delay: 0
}

body[data-aos-delay="2700"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
    transition-delay: 2.7s
}

body[data-aos-duration="2750"] [data-aos],[data-aos][data-aos][data-aos-duration="2750"] {
    transition-duration: 2.75s
}

body[data-aos-delay="2750"] [data-aos],[data-aos][data-aos][data-aos-delay="2750"] {
    transition-delay: 0
}

body[data-aos-delay="2750"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
    transition-delay: 2.75s
}

body[data-aos-duration="2800"] [data-aos],[data-aos][data-aos][data-aos-duration="2800"] {
    transition-duration: 2.8s
}

body[data-aos-delay="2800"] [data-aos],[data-aos][data-aos][data-aos-delay="2800"] {
    transition-delay: 0
}

body[data-aos-delay="2800"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
    transition-delay: 2.8s
}

body[data-aos-duration="2850"] [data-aos],[data-aos][data-aos][data-aos-duration="2850"] {
    transition-duration: 2.85s
}

body[data-aos-delay="2850"] [data-aos],[data-aos][data-aos][data-aos-delay="2850"] {
    transition-delay: 0
}

body[data-aos-delay="2850"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
    transition-delay: 2.85s
}

body[data-aos-duration="2900"] [data-aos],[data-aos][data-aos][data-aos-duration="2900"] {
    transition-duration: 2.9s
}

body[data-aos-delay="2900"] [data-aos],[data-aos][data-aos][data-aos-delay="2900"] {
    transition-delay: 0
}

body[data-aos-delay="2900"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
    transition-delay: 2.9s
}

body[data-aos-duration="2950"] [data-aos],[data-aos][data-aos][data-aos-duration="2950"] {
    transition-duration: 2.95s
}

body[data-aos-delay="2950"] [data-aos],[data-aos][data-aos][data-aos-delay="2950"] {
    transition-delay: 0
}

body[data-aos-delay="2950"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
    transition-delay: 2.95s
}

body[data-aos-duration="3000"] [data-aos],[data-aos][data-aos][data-aos-duration="3000"] {
    transition-duration: 3s
}

body[data-aos-delay="3000"] [data-aos],[data-aos][data-aos][data-aos-delay="3000"] {
    transition-delay: 0
}

body[data-aos-delay="3000"] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
    transition-delay: 3s
}

body[data-aos-easing=linear] [data-aos],[data-aos][data-aos][data-aos-easing=linear] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

body[data-aos-easing=ease] [data-aos],[data-aos][data-aos][data-aos-easing=ease] {
    transition-timing-function: cubic-bezier(.25,.1,.25,1)
}

body[data-aos-easing=ease-in] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in] {
    transition-timing-function: cubic-bezier(.42,0,1,1)
}

body[data-aos-easing=ease-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out] {
    transition-timing-function: cubic-bezier(0,0,.58,1)
}

body[data-aos-easing=ease-in-out] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out] {
    transition-timing-function: cubic-bezier(.42,0,.58,1)
}

body[data-aos-easing=ease-in-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-back] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

body[data-aos-easing=ease-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-back] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

body[data-aos-easing=ease-in-out-back] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-back] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

body[data-aos-easing=ease-in-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-sine] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

body[data-aos-easing=ease-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-sine] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

body[data-aos-easing=ease-in-out-sine] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

body[data-aos-easing=ease-in-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quad] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

body[data-aos-easing=ease-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quad] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

body[data-aos-easing=ease-in-out-quad] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

body[data-aos-easing=ease-in-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-cubic] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

body[data-aos-easing=ease-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-cubic] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

body[data-aos-easing=ease-in-out-cubic] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

body[data-aos-easing=ease-in-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-quart] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

body[data-aos-easing=ease-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-out-quart] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

body[data-aos-easing=ease-in-out-quart] [data-aos],[data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.l-footer--recruit {
    margin-top: 80px
}

@media screen and (min-width: 1025px) {
    .l-footer--recruit {
        width:calc(100% - 200px);
        margin-left: auto
    }
}

@media screen and (max-width: 1024px) {
    .l-footer--recruit {
        width:100%
    }
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 2px 1px #0000000d
}

@media screen and (min-width: 1201px) {
    .l-header {
        padding-left:3%
    }
}

@media screen and (max-width: 1200px) {
    .l-header {
        padding:5px 5px 5px 15px
    }
}

.l-header--recruit {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    background-color: #fff
}

@media screen and (min-width: 1025px) {
    .l-header--recruit {
        width:200px;
        height: 100%;
        border-right: 1px solid #ccc
    }
}

@media screen and (max-width: 1024px) {
    .l-header--recruit {
        width:100%;
        height: 60px
    }
}

@media screen and (min-width: 1201px) {
    .l-main {
        padding-top:110px
    }
}

@media screen and (max-width: 1200px) {
    .l-main {
        padding-top:72px
    }
}

@media screen and (min-width: 1025px) {
    .l-main--recruit {
        padding-left:200px
    }
}

@media screen and (max-width: 1024px) {
    .l-main--recruit {
        padding-top:60px
    }
}

.c-block {
    padding-top: 80px;
    padding-bottom: 80px
}

@media screen and (min-width: 769px) {
    .c-block {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.c-block--top {
    padding-top: 80px
}

@media screen and (min-width: 769px) {
    .c-block--top {
        padding-top:100px
    }
}

.c-block--bottom {
    padding-bottom: 80px
}

@media screen and (min-width: 769px) {
    .c-block--bottom {
        padding-bottom:100px
    }
}

.c-block--page {
    padding-bottom: 60px
}

.c-block--page:first-of-type {
    padding-top: 60px
}

@media screen and (min-width: 769px) {
    .c-block--page {
        padding-bottom:70px
    }

    .c-block--page:first-of-type {
        padding-top: 100px
    }

    .c-block--page:last-of-type {
        padding-bottom: 100px
    }
}

.c-block__inner {
    width: min(1400px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--8 {
    width: min(800px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--9 {
    width: min(900px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--10 {
    width: min(1000px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--11 {
    width: min(1100px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--12 {
    width: min(1200px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--13 {
    width: min(1300px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner--15 {
    width: min(1500px + 30px,100%);
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

.c-block__inner.is-nopadding {
    width: min(1400px,100%);
    padding-right: 0;
    padding-left: 0
}

.c-block__inner--recruit {
    width: 100%;
    max-width: 1600px;
    padding-right: 20px;
    padding-left: 20px;
    margin: 0 auto
}

.c-breadcrumbs {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #666
}

.c-breadcrumbs a {
    color: #666
}

.c-breadcrumbs__partition {
    padding: 0 10px
}

@media screen and (min-width: 769px) {
    .c-breadcrumbs {
        font-size:14px
    }
}

@media screen and (max-width: 768px) {
    .c-breadcrumbs {
        font-size:12px
    }
}

.c-button {
    width: 100%;
    max-width: 700px
}

.c-button:not(:last-of-type) {
    margin-bottom: 20px
}

.c-button>a,.c-button>input[type=submit] {
    position: relative;
    display: block;
    width: 100%;
    padding: 7px 50px 7px 15px;
    line-height: 1.2;
    text-align: center;
    border-radius: 5px;
    transition: opacity .5s
}

.c-button>a:hover,.c-button>input[type=submit]:hover {
    text-decoration: none;
    opacity: .7
}

.c-button--bluewhite>a,.c-button--bluewhite>input[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    background-color: #0068b7;
    border: none;
    border-radius: 35px
}

.c-button--bluewhite>a:after,.c-button--bluewhite>input[type=submit]:after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    background-image: url(../imgs/icon_arrow-whiteblue.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--bluewhite>a:hover,.c-button--bluewhite>input[type=submit]:hover {
    color: #fff
}

@media screen and (min-width: 769px) {
    .c-button--bluewhite>a,.c-button--bluewhite>input[type=submit] {
        height:70px;
        padding-right: 60px;
        font-size: 20px
    }

    .c-button--bluewhite>a:after,.c-button--bluewhite>input[type=submit]:after {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .c-button--bluewhite>a,.c-button--bluewhite>input[type=submit] {
        height:50px;
        padding-right: 45px;
        font-size: 16px
    }

    .c-button--bluewhite>a:after,.c-button--bluewhite>input[type=submit]:after {
        width: 22px;
        height: 22px
    }
}

.c-button--whiteblue>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #0068b7;
    background-color: #fff;
    border: 1px solid #0068b7;
    border-radius: 35px
}

.c-button--whiteblue>a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--whiteblue>a:hover {
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .c-button--whiteblue>a {
        height:70px;
        font-size: 20px
    }

    .c-button--whiteblue>a:after {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .c-button--whiteblue>a {
        height:50px;
        font-size: 16px
    }

    .c-button--whiteblue>a:after {
        width: 22px;
        height: 22px
    }
}

.c-button--black>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #242424;
    background-color: #fff;
    border: 2px solid #242424;
    border-radius: 35px
}

.c-button--black>a:hover {
    color: #242424
}

@media screen and (min-width: 769px) {
    .c-button--black>a {
        height:70px;
        padding-right: 60px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .c-button--black>a {
        height:50px;
        padding-right: 45px;
        font-size: 16px
    }
}

.c-button--redwhite>a {
    font-size: 18px;
    color: #fff;
    background-color: #c41521
}

.c-button--redwhite>a:after {
    position: absolute;
    top: 50%;
    right: 4%;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../imgs/icon_arrow-whitered.svg);
    transform: translateY(-50%)
}

.c-button--redwhite>a:hover {
    color: #fff
}

.c-button--whitered>a {
    font-size: 14px;
    color: #c41521;
    background-color: #fff;
    border: 1px solid #c41521
}

.c-button--whitered>a:after {
    position: absolute;
    top: 50%;
    right: 4%;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../imgs/icon_arrow-redwhite.svg);
    transform: translateY(-50%)
}

.c-button--whitered>a:hover {
    color: #c41521
}

.c-button--orangewhite>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background-color: #eb6d0d;
    border-radius: 35px
}

.c-button--orangewhite>a:after {
    position: absolute;
    top: 50%;
    right: 4%;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../imgs/icon_arrow-whiteorange-xs.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--orangewhite>a:hover {
    color: #fff
}

@media screen and (min-width: 769px) {
    .c-button--orangewhite>a {
        height:70px;
        font-size: 20px
    }

    .c-button--orangewhite>a:after {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .c-button--orangewhite>a {
        height:50px;
        font-size: 16px
    }

    .c-button--orangewhite>a:after {
        width: 22px;
        height: 22px
    }
}

.c-button--whiteorange>a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #eb6d0d;
    background-color: #fff;
    border: 1px solid #eb6d0d;
    border-radius: 35px
}

.c-button--whiteorange>a:after {
    position: absolute;
    top: 50%;
    right: 4%;
    width: 30px;
    height: 30px;
    content: "";
    background-image: url(../imgs/icon_arrow-orangewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--whiteorange>a:hover {
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .c-button--whiteorange>a {
        height:70px;
        font-size: 20px
    }

    .c-button--whiteorange>a:after {
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .c-button--whiteorange>a {
        height:50px;
        font-size: 16px
    }

    .c-button--whiteorange>a:after {
        width: 22px;
        height: 22px
    }
}

.c-button--sky a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #242424;
    background-color: #c8e9fb
}

.c-button--sky a:after {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 27px;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--sky a:hover {
    color: #242424
}

@media screen and (min-width: 769px) {
    .c-button--sky a:after {
        right:15px
    }
}

@media screen and (max-width: 768px) {
    .c-button--sky a:after {
        right:10px
    }
}

.c-button--light-orange a,.c-button--light-orange>span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #242424;
    background-color: #fce9df
}

.c-button--light-orange a:after {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 27px;
    content: "";
    background-image: url(../imgs/icon_arrow-orangewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.c-button--light-orange a:hover {
    color: #242424
}

@media screen and (min-width: 769px) {
    .c-button--light-orange a:after {
        right:15px
    }
}

@media screen and (max-width: 768px) {
    .c-button--light-orange a:after {
        right:10px
    }
}

@media screen and (min-width: 769px) {
    .c-button--large>a {
        height:90px;
        font-size: 25px;
        border-radius: 45px
    }
}

@media screen and (min-width: 769px) {
    .c-button--small>a {
        height:45px;
        font-size: 18px
    }

    .c-button--small>a:after {
        width: 27px;
        height: 27px
    }
}

@media screen and (max-width: 768px) {
    .c-button--small>a {
        height:40px
    }

    .c-button--small>a:after {
        width: 22px;
        height: 22px
    }
}

.c-button--center {
    margin: 0 auto
}

.c-button__nolink--sky {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 57px;
    padding: 7px 50px 7px 15px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #242424;
    text-align: center;
    background-color: #c8e9fb;
    border-radius: 5px
}

.c-column2 {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-column2.has-gap {
    gap: 2%
}

.c-column2--w64 {
    grid-template-columns: 60% 40%
}

.c-column2--w64.has-gap {
    grid-template-columns: 59% 39%;
    gap: 2%
}

.c-column2--w46 {
    grid-template-columns: 40% 60%
}

.c-column2--w46.has-gap {
    grid-template-columns: 39% 59%;
    gap: 2%
}

.c-column2--w73 {
    grid-template-columns: 70% 30%
}

.c-column2--w73.has-gap {
    grid-template-columns: 69% 29%;
    gap: 2%
}

.c-column2--w37 {
    grid-template-columns: 30% 70%
}

.c-column2--w37.has-gap {
    grid-template-columns: 29% 69%;
    gap: 2%
}

.c-column3 {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-column3.has-gap {
    gap: 1%
}

@media screen and (min-width: 769px) {
    .c-column3 {
        grid-template-columns:repeat(3,1fr)
    }
}

.c-column4 {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-column4.has-gap {
    gap: 1%
}

@media screen and (min-width: 769px) {
    .c-column4 {
        grid-template-columns:repeat(4,1fr)
    }
}

.c-column5 {
    display: grid;
    grid-template-columns: repeat(2,1fr)
}

.c-column5.has-gap {
    gap: 1%
}

@media screen and (min-width: 769px) {
    .c-column5 {
        grid-template-columns:repeat(5,1fr)
    }
}

.c-copyright {
    font-size: 14px;
    color: #c2d4e2
}

.c-copyright:hover {
    color: #c2d4e2
}

@media screen and (max-width: 768px) {
    .c-copyright__wrap {
        padding:20px 15px 0
    }
}

.c-dlist {
    display: grid;
    gap: 10px;
    width: 100%;
    margin: 20px 0;
    background-color: #fff;
    border: 2px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .c-dlist {
        grid-template-columns:160px 1fr;
        padding: 20px
    }
}

@media screen and (max-width: 768px) {
    .c-dlist {
        padding:20px 10px
    }

    .c-dlist dt {
        padding: 3px 5px;
        background-color: #c2d4e2
    }
}

.c-form {
    width: 100%
}

.c-form__button {
    padding: 10px 30px;
    color: #fff;
    background-color: #0068b7;
    border: none;
    border-radius: 5px;
    outline: none
}

.c-form__button:hover {
    opacity: .7
}

.c-form__comment {
    font-size: .8em;
    color: #666
}

.c-form__group {
    display: grid;
    gap: 10px 20px;
    align-items: center;
    padding: 10px 0
}

@media screen and (min-width: 641px) {
    .c-form__group {
        grid-template-columns:1fr 50%
    }
}

@media screen and (max-width: 640px) {
    .c-form__group {
        max-width:300px;
        margin: 0 auto
    }
}

.c-form__group--1 {
    display: grid;
    gap: 10px 20px;
    align-items: center
}

@media screen and (min-width: 769px) {
    .c-form__group--1 {
        padding:30px 0
    }
}

@media screen and (max-width: 768px) {
    .c-form__group--1 {
        padding:20px 0
    }
}

.c-form__inner {
    max-width: 800px;
    padding: 30px 40px;
    margin: 30px auto;
    background-color: #fff;
    border: 2px solid #c2d4e2
}

.c-form__input {
    padding: 6px 12px;
    border: 1px solid #c2d4e2;
    border-radius: 5px
}

.c-form__input:read-only {
    background-color: #f2f2f2
}

.c-form__input--select {
    padding: 6px 12px;
    border: 1px solid #c2d4e2;
    border-radius: 5px
}

.c-form .required {
    color: #c41521
}

.c-form .alert {
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #c41521
}

.c-frame {
    height: 300px;
    padding: 1em 1.5em;
    margin-bottom: 40px;
    overflow-y: scroll;
    border: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .c-frame {
        height:450px
    }
}

.c-heading {
    text-align: center
}

@media screen and (min-width: 769px) {
    .c-heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .c-heading {
        margin-bottom:30px
    }
}

.c-heading__ruby {
    display: block;
    font-weight: 700;
    color: #0068b7;
    text-align: center
}

@media screen and (min-width: 769px) {
    .c-heading__ruby {
        margin-bottom:20px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .c-heading__ruby {
        margin-bottom:10px;
        font-size: 14px
    }
}

.c-heading__ruby--biz {
    color: #eb6d0d
}

.c-key {
    display: inline-block;
    margin-right: 10px;
    vertical-align: -2px
}

.c-link {
    position: relative;
    display: block;
    padding-left: 13px;
    font-weight: 700
}

.c-link:before {
    position: absolute;
    top: .7em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    border-top-style: solid;
    border-top-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    transform: rotate(45deg)
}

.c-link:hover {
    text-decoration: none
}

.c-link--blue:before {
    border-top-color: #0068b7;
    border-right-color: #0068b7
}

.c-link--orange:before {
    border-top-color: #eb6d0d;
    border-right-color: #eb6d0d
}

.c-link--ocher:before {
    border-top-color: #e08d10;
    border-right-color: #e08d10
}

.c-logo {
    position: relative;
    z-index: 999;
    display: flex;
    flex-direction: column;
    margin-bottom: 0
}

@media screen and (min-width: 1201px) {
    .c-logo {
        gap:10px 0
    }
}

@media screen and (max-width: 1200px) {
    .c-logo {
        gap:5px 0
    }
}

@media screen and (min-width: 1201px) {
    .c-logo__img {
        width:220px
    }
}

@media screen and (max-width: 1200px) {
    .c-logo__img {
        width:150px
    }
}

.c-logo__info {
    white-space: nowrap
}

@media screen and (min-width: 1201px) {
    .c-logo__info {
        font-size:12px
    }
}

@media screen and (max-width: 1200px) {
    .c-logo__info {
        font-size:10px
    }
}

.c-logo--recruit {
    margin: 0
}

.c-logo--recruit img {
    display: inline-block
}

@media screen and (min-width: 1025px) {
    .c-logo--recruit img {
        width:160px;
        height: 60px
    }
}

@media screen and (max-width: 1024px) {
    .c-logo--recruit img {
        width:110px;
        height: auto
    }
}

@media screen and (min-width: 1025px) {
    .c-logo--recruit {
        padding:30px 0;
        text-align: center
    }
}

@media screen and (max-width: 1024px) {
    .c-logo--recruit {
        position:relative;
        height: 60px;
        padding: 10px 20px 0;
        text-align: left;
        background-color: #fff
    }
}

.c-open-menu {
    position: relative
}

.c-open-menu:before {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 14px;
    height: 2px;
    content: "";
    background-color: #fff;
    transition: transform .5s;
    transform: translateY(-50%)
}

.c-open-menu:after {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 14px;
    height: 2px;
    content: "";
    background-color: #fff;
    transition: transform .5s;
    transform: translateY(-50%) rotate(90deg)
}

.c-open-menu.is-open:before {
    transform: translateY(-50%) rotate(180deg)
}

.c-open-menu.is-open:after {
    transform: translateY(-50%) rotate(-180deg)
}

.c-pagenavi {
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: center
}

.c-pagenavi .current,.c-pagenavi .page,.c-pagenavi .first,.c-pagenavi .last {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 36px;
    border-radius: 3px
}

.c-pagenavi .current:hover,.c-pagenavi .page:hover,.c-pagenavi .first:hover,.c-pagenavi .last:hover {
    text-decoration: none
}

.c-pagenavi .current {
    color: #fff;
    background-color: #0068b7
}

.c-pagenavi .page,.c-pagenavi .first,.c-pagenavi .last {
    color: #0068b7;
    background-color: #fff;
    border: 1px solid #0068b7
}

.c-pagetop {
    position: fixed;
    right: 2%;
    bottom: 0;
    z-index: 500;
    filter: drop-shadow(0 3px 6px rgba(0,173,236,.2));
    opacity: 0;
    transition: opacity .3s,bottom .5s
}

@media screen and (min-width: 769px) {
    .c-pagetop {
        width:92px
    }
}

@media screen and (max-width: 768px) {
    .c-pagetop {
        width:80px
    }
}

.scrolled .c-pagetop {
    bottom: 3%;
    opacity: 1
}

.c-search {
    position: relative;
    display: block
}

.c-search__button {
    position: absolute;
    top: 50%;
    right: 25px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    transform: translateY(-50%)
}

.c-search__button:hover {
    opacity: .7
}

.c-search__input {
    padding: 5px 50px 5px 24px;
    border: 2px solid #c2d4e2;
    border-radius: 25px
}

.c-search__input::placeholder {
    color: #0068b7
}

.c-search__input:focus {
    outline: none
}

.c-search__input:focus::placeholder {
    opacity: .7
}

@media screen and (min-width: 1201px) {
    .c-search__input {
        width:250px
    }
}

@media screen and (max-width: 1200px) {
    .c-search__input {
        width:100%
    }
}

.c-serif {
    position: relative;
    display: inline-block
}

.c-serif:after {
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 100%;
    height: 12px;
    clip-path: polygon(0 0,calc(50% - 7px) 0,50% 7px,calc(50% + 7px) 0,100% 0,100% 2px,calc(50% + 8px) 2px,50% 10px,calc(50% - 8px) 2px,0 2px);
    content: "";
    background-color: #0068b7
}

@media screen and (min-width: 769px) {
    .c-serif {
        padding:7px;
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media screen and (max-width: 768px) {
    .c-serif {
        padding:5px;
        margin-bottom: 15px;
        font-size: 16px
    }
}

.c-serif--whitered {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 700;
    color: #c41521;
    background-color: #fff;
    border: 1px solid #c41521;
    border-radius: 5px
}

.c-serif--whitered:before {
    position: absolute;
    top: 98%;
    left: 50%;
    width: 12px;
    height: 10px;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #c41521;
    transform: translate(-50%)
}

.c-serif--whitered:after {
    position: absolute;
    top: 98%;
    left: 50%;
    width: 11px;
    height: 9px;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #fff;
    transform: translate(-50%,-1px)
}

@media screen and (min-width: 769px) {
    .c-serif--whitered {
        font-size:18px
    }
}

@media screen and (max-width: 768px) {
    .c-serif--whitered {
        font-size:14px
    }
}

.c-serif--redwhite {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #c41521;
    border-radius: 5px
}

.c-serif--redwhite:before {
    position: absolute;
    top: 98%;
    left: 50%;
    width: 12px;
    height: 10px;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #c41521;
    transform: translate(-50%)
}

.c-slider__arrow {
    background-color: transparent;
    background-image: url(../imgs/icon_arrow-whiteblue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.c-slider__arrow:hover {
    opacity: 1
}

.c-slider__arrow.is-business {
    background-image: url(../imgs/icon_arrow-whiteorange.svg)
}

.c-slider__arrow--prev {
    left: 15px;
    transform: translateY(-50%) rotate(180deg)
}

.c-slider__arrow--next {
    right: 15px;
    transform: translateY(-50%) rotate(0)
}

@media screen and (min-width: 769px) {
    .c-slider__arrow {
        width:70px;
        height: 70px
    }
}

@media screen and (max-width: 768px) {
    .c-slider__arrow {
        width:40px;
        height: 40px
    }
}

.c-slider__pagination {
    bottom: 5px
}

.c-slider__pagination .splide__pagination__page {
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: #dce4eb;
    border: 1px solid #c2d4e2
}

.c-slider__pagination .splide__pagination__page.is-active {
    background-color: #0068b7;
    border: 1px solid #0068b7;
    transform: scale(1)
}

.c-slider__pagination.is-business .splide__pagination__page.is-active {
    background-color: #eb6d0d;
    border: 1px solid #eb6d0d
}

.c-slider__wrap {
    padding-bottom: 30px
}

.c-table thead {
    border-bottom: none
}

.c-table th {
    background-color: #c8e9fb;
    border: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .c-table th {
        padding:20px
    }
}

@media screen and (max-width: 768px) {
    .c-table th {
        padding:15px 10px
    }
}

.c-table td {
    vertical-align: top;
    background-color: #fff;
    border: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .c-table td {
        padding:20px
    }
}

@media screen and (max-width: 768px) {
    .c-table td {
        padding:15px 10px
    }
}

.c-table td:first-of-type {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .c-table td:first-of-type {
        width:280px
    }
}

@media screen and (max-width: 768px) {
    .c-table td:first-of-type {
        width:120px
    }
}

.c-toggle {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    text-align: left;
    cursor: pointer;
    background-color: #0068b7;
    border-radius: 5px
}

.c-toggle--recruit {
    width: 60px;
    height: 60px;
    background-color: transparent
}

.c-toggle__inner {
    position: relative;
    display: block;
    width: 22px;
    height: 2px;
    margin: 0 auto;
    background: #fff;
    border-radius: 2px;
    transition: background 10ms .3s ease;
    transform: translateY(22px)
}

.c-toggle__inner:before,.c-toggle__inner:after {
    position: absolute;
    width: 22px;
    height: 2px;
    content: "";
    background: #fff;
    border-radius: 2px;
    transition: top .3s .35s ease,transform .3s 50ms ease
}

.c-toggle__inner:before {
    top: -7px
}

.c-toggle__inner:after {
    top: 7px
}

.c-toggle__inner--recruit {
    width: 30px;
    background: #0068b7;
    transform: translateY(30px)
}

.c-toggle__inner--recruit:before,.c-toggle__inner--recruit:after {
    width: 30px;
    background: #0068b7
}

.c-toggle__inner--recruit:before {
    top: -10px
}

.c-toggle__inner--recruit:after {
    top: 10px
}

.c-toggle__label {
    text-align: center;
    cursor: pointer
}

.c-toggle__label:hover {
    opacity: .7
}

.c-toggle__trigger {
    display: none
}

.c-toggle__trigger:checked~.c-toggle__label .c-toggle__inner {
    background: transparent
}

.c-toggle__trigger:checked~.c-toggle__label .c-toggle__inner:after,.c-toggle__trigger:checked~.c-toggle__label .c-toggle__inner:before {
    top: 0;
    transition: top .3s 50ms ease,transform .3s .35s ease
}

.c-toggle__trigger:checked~.c-toggle__label .c-toggle__inner:before {
    transform: rotate(45deg)
}

.c-toggle__trigger:checked~.c-toggle__label .c-toggle__inner:after {
    transform: rotate(-45deg)
}

.c-toggle__wrap {
    position: relative;
    z-index: 1000;
    display: inline-flex;
    align-items: center
}

.p-aboutus__card-wrap {
    display: grid;
    gap: 20px 8%;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-aboutus__card-wrap {
        grid-template-columns:repeat(2,1fr);
        padding-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__card-wrap {
        padding-bottom:40px
    }
}

.p-aboutus__comment {
    color: #666;
    text-align: right
}

@media screen and (min-width: 769px) {
    .p-aboutus__comment {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__comment {
        font-size:14px
    }
}

.p-aboutus__heading {
    color: #0068b7
}

.p-aboutus__heading-text {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-aboutus__heading-text {
        margin-bottom:80px;
        font-size: 25px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__heading-text {
        margin-bottom:40px;
        font-size: 18px
    }
}

.p-aboutus__item {
    position: relative;
    padding-left: 1.5em
}

.p-aboutus__item:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #0068b7;
    content: "・"
}

.p-aboutus__list {
    display: grid;
    padding-left: 0;
    list-style: none;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-aboutus__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px;
        padding: 30px 0;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__list {
        gap:10px;
        padding: 20px 0;
        font-size: 14px
    }
}

.p-aboutus__table {
    width: 100%;
    border-collapse: collapse
}

@media screen and (min-width: 769px) {
    .p-aboutus__table {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__table {
        font-size:14px
    }
}

.p-aboutus__table th {
    font-weight: 700;
    text-align: left;
    background-color: #c8e9fb;
    border: 1px solid #c2d4e2
}

@media screen and (min-width: 641px) {
    .p-aboutus__table th {
        width:250px;
        padding: 20px
    }
}

@media screen and (max-width: 640px) {
    .p-aboutus__table th {
        display:block;
        width: 100%;
        padding: 10px
    }
}

.p-aboutus__table td {
    border: 1px solid #c2d4e2
}

@media screen and (min-width: 641px) {
    .p-aboutus__table td {
        padding:20px
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__table td {
        display:block;
        padding: 10px
    }
}

@media screen and (min-width: 769px) {
    .p-aboutus__text {
        margin-bottom:50px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-aboutus__text {
        margin-bottom:30px
    }
}

.p-aboutus__text--comment {
    color: #666
}

.p-aboutus__wrap {
    overflow: hidden
}

.p-aboutus__wrap--bg {
    background-color: #f4f8fb
}

.p-archive-interview__info {
    display: block;
    font-size: 14px
}

.p-archive-interview__link {
    transition: opacity .5s
}

.p-archive-interview__link:hover {
    text-decoration: none
}

.p-archive-interview__list {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-archive-interview__list {
        grid-template-columns:repeat(3,1fr);
        gap: 40px 2.5%
    }
}

@media screen and (max-width: 768px) {
    .p-archive-interview__list {
        grid-template-columns:repeat(2,1fr);
        gap: 30px 10px
    }
}

.p-archive-interview__name {
    display: block;
    font-size: 16px
}

.p-archive-interview__title {
    filter: drop-shadow(0 0 3px rgba(255,255,255,.3));
    transform: rotate(-5deg);
    transform-origin: bottom left
}

@media screen and (min-width: 769px) {
    .p-archive-interview__title {
        margin-top:-20px
    }
}

.p-archive {
    display: grid;
    width: 100%;
    max-width: 1200px;
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-archive {
        margin:0 auto 60px
    }
}

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

.p-archive--story {
    display: grid;
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 1001px) {
    .p-archive--story {
        grid-template-columns:repeat(3,1fr);
        gap: 50px 40px;
        margin-bottom: 60px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-archive--story {
        grid-template-columns:repeat(2,1fr);
        gap: 30px 20px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 640px) {
    .p-archive--story {
        gap:20px 0;
        margin-bottom: 40px
    }
}

.p-archive__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 45px;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    background-color: #c8e9fb;
    border: none;
    border-radius: 5px
}

.p-archive__button:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 27px;
    height: 27px;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite-sm.svg);
    background-size: contain;
    transform: translateY(-50%) rotate(90deg)
}

.p-archive__button:hover {
    opacity: .7
}

.p-archive__button:focus {
    outline: none
}

.p-archive__category {
    display: grid;
    list-style: none;
    background-color: #fff;
    border-radius: 10px
}

@media screen and (min-width: 641px) {
    .p-archive__category {
        grid-template-columns:repeat(3,1fr);
        gap: 10px 20px;
        padding: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-archive__category {
        grid-template-columns:repeat(2,1fr);
        gap: 15px 20px;
        padding: 10px 15px
    }
}

.p-archive__category-link:before {
    content: "＞ "
}

.p-archive__category-link:hover {
    text-decoration: none
}

.p-archive__category-wrap {
    position: absolute;
    top: calc(100% + 15px);
    right: 0;
    z-index: 5;
    display: none;
    width: 100%;
    max-width: 760px;
    padding: 10px;
    background-color: #c8e9fb;
    border-radius: 10px
}

.p-archive__category-wrap:before {
    position: absolute;
    top: 0;
    width: 20px;
    height: 14px;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    content: "";
    background-color: #c8e9fb
}

.p-archive__category-wrap.is-show {
    display: block
}

.p-archive__category-wrap.is-fadein {
    animation: anim-fadein .3s forwards
}

@media screen and (min-width: 769px) {
    .p-archive__category-wrap:before {
        right:18%;
        transform: translateY(-99%)
    }
}

@media screen and (max-width: 768px) {
    .p-archive__category-wrap:before {
        left:50%;
        transform: translate(-50%,-99%)
    }
}

.p-archive__date {
    color: #666
}

.p-archive__head {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center
}

@media screen and (min-width: 769px) {
    .p-archive__head {
        justify-content:space-between;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__head {
        flex-direction:column;
        justify-content: center;
        margin-bottom: 50px
    }
}

.p-archive__header {
    background-color: #f4f8fb
}

.p-archive__header-inner {
    display: grid;
    align-content: center;
    padding-top: 20px;
    padding-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-archive__header-inner {
        gap:50px 0;
        min-height: 258px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__header-inner {
        gap:20px 0;
        min-height: 236px;
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .p-archive__header-text {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__header-text {
        font-size:14px
    }
}

.p-archive__item {
    border-bottom: 1px solid #c2d4e2
}

.p-archive__link {
    display: grid;
    align-items: center
}

.p-archive__link:hover {
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-archive__link {
        grid-template-columns:auto auto 1fr;
        gap: 0 30px;
        padding: 25px 10px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__link {
        grid-template-columns:auto 1fr;
        gap: 10px 15px;
        padding: 20px 0
    }
}

@media screen and (max-width: 768px) {
    .p-archive__name {
        grid-column:1/3
    }
}

.p-archive__slider-track {
    margin: 0 auto
}

@media screen and (min-width: 641px) {
    .p-archive__slider-track {
        max-width:1320px
    }
}

@media screen and (max-width: 1000px) {
    .p-archive__slider-track {
        overflow:visible
    }
}

@media screen and (max-width: 640px) {
    .p-archive__slider-track {
        max-width:75%
    }
}

@media screen and (min-width: 769px) {
    .p-archive__slider-button {
        max-width:400px;
        margin: 30px auto 0
    }
}

@media screen and (max-width: 768px) {
    .p-archive__slider-button {
        max-width:305px;
        margin: 20px auto 0
    }
}

.p-archive__story-category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #c9971c;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.p-archive__story-date {
    display: inline-block;
    font-size: 14px;
    color: #666
}

@media screen and (min-width: 769px) {
    .p-archive__story-date {
        padding:0 10px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__story-date {
        padding:0 12px
    }
}

.p-archive__story-img {
    width: 100%;
    aspect-ratio: 1000/483;
    object-fit: cover;
    border-radius: 5px
}

.p-archive__story-link {
    position: relative;
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    gap: 10px;
    align-content: start;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #005fa726
}

.p-archive__story-link:after {
    position: absolute;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite-sm.svg);
    background-size: contain
}

.p-archive__story-link:hover {
    text-decoration: none;
    opacity: 1
}

.p-archive__story-link:hover>*,.p-archive__story-link:hover:after {
    opacity: .7
}

.p-archive__story-link.is-business:after {
    background-image: url(../imgs/icon_arrow-orangewhite.svg)
}

@media screen and (min-width: 769px) {
    .p-archive__story-link {
        padding:10px 10px 20px
    }

    .p-archive__story-link:after {
        right: 20px;
        bottom: 20px;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__story-link {
        padding:3px 3px 20px
    }

    .p-archive__story-link:after {
        right: 10px;
        bottom: 20px;
        width: 22px;
        height: 22px
    }
}

.p-archive__story-name {
    margin-bottom: 10px
}

@media screen and (min-width: 769px) {
    .p-archive__story-name {
        padding:0 10px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__story-name {
        padding:0 12px;
        font-size: 16px
    }
}

.p-archive__story-tag {
    display: inline-block;
    font-size: 12px;
    color: #0068b7;
    border: 1px solid #0068b7;
    border-radius: 16px
}

.p-archive__story-tag.is-business {
    color: #eb6d0d;
    border: 1px solid #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-archive__story-tag {
        padding:4px 14px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__story-tag {
        padding:2px 10px
    }
}

.p-archive__story-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: flex-start;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-archive__story-tags {
        min-height:40px;
        padding: 0 50px 0 10px
    }
}

@media screen and (max-width: 768px) {
    .p-archive__story-tags {
        min-height:22px;
        padding: 0 30px 0 12px
    }
}

.p-archive__subtitle {
    color: #0068b7
}

@media screen and (max-width: 768px) {
    .p-archive__subtitle {
        text-align:center
    }
}

.p-archive__tag {
    align-self: center;
    width: 110px;
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #0068b7;
    text-align: center;
    background-color: #c8e9fb;
    border-radius: 5px
}

.p-archive__tag--important {
    color: #c41521;
    background-color: #fbe6eb
}

.p-archive__tag--recruit {
    color: #eb6d0d;
    background-color: #fce9df
}

@media screen and (max-width: 768px) {
    .p-archive__title {
        grid-column:1/3
    }
}

.p-archive__title--pdf:after {
    display: inline-block;
    width: 20px;
    height: 26px;
    margin-left: 10px;
    vertical-align: text-bottom;
    content: "";
    background-image: url(../imgs/icon_pdf.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.p-business-cosmic__button {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__button {
        max-width:700px
    }
}

@media screen and (max-width: 768px) {
    .p-business-cosmic__button {
        max-width:305px
    }
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__heading {
        text-align:left
    }
}

.p-business-cosmic__heading--h3 {
    margin-bottom: 5px
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__heading--h3 {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-cosmic__heading--h3 {
        font-size:18px
    }
}

.p-business-cosmic__icon {
    display: inline-block
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__icon {
        margin-right:20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-cosmic__icon {
        width:24px;
        margin-right: 10px
    }
}

.p-business-cosmic__img {
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__img {
        grid-column:2
    }
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__info {
        grid-row:1;
        grid-column: 1
    }
}

.p-business-cosmic__inner {
    display: grid;
    gap: 20px max(20px,100% - 1250px)
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__inner {
        grid-template-columns:1fr 50%;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .p-business-cosmic__inner {
        margin-bottom:30px
    }
}

.p-business-cosmic__text {
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-business-cosmic__text {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-business-cosmic__text {
        font-size:14px
    }
}

.p-business-cosmic__wrap {
    background-color: #fff8f5
}

.p-business-download {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.p-business-download__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-business-download__button {
        max-width:700px
    }
}

@media screen and (max-width: 768px) {
    .p-business-download__button {
        max-width:305px
    }
}

.p-business-download__icon {
    display: inline-block
}

@media screen and (min-width: 769px) {
    .p-business-download__icon {
        margin-right:20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-download__icon {
        margin-right:10px
    }
}

@media screen and (min-width: 769px) {
    .p-business-download__ruby {
        margin-bottom:20px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-download__ruby {
        margin-bottom:10px;
        font-size: 14px
    }
}

@media screen and (min-width: 769px) {
    .p-business-download__text {
        margin-bottom:60px
    }
}

@media screen and (max-width: 768px) {
    .p-business-download__text {
        margin-bottom:30px
    }
}

.p-business-download__wrap {
    color: #fff;
    background-color: #eb6d0d
}

.p-business-service__banner {
    border: 1px solid #c2d4e2
}

.p-business-service__banner-list {
    display: grid;
    justify-items: center
}

@media screen and (min-width: 481px) {
    .p-business-service__banner-list {
        grid-template-columns:repeat(3,1fr);
        gap: 0 10px;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 480px) {
    .p-business-service__banner-list {
        grid-template-columns:repeat(2,1fr);
        gap: 5px;
        margin-bottom: 20px
    }
}

.p-business-service__bind {
    display: grid;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-business-service__bind {
        grid-template-columns:repeat(2,1fr);
        gap: 15px 8.3333333333%
    }
}

.p-business-service__bind-wrap {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #bf360426
}

@media screen and (min-width: 769px) {
    .p-business-service__bind-wrap {
        grid-column:1/3;
        padding: 50px 20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__bind-wrap {
        padding:10px 10px 20px
    }
}

.p-business-service__block {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #bf360426
}

@media screen and (min-width: 769px) {
    .p-business-service__block {
        padding:5px 5px 30px
    }
}

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

.p-business-service__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 10px 35px 10px 10px;
    line-height: 1.2;
    color: #fff;
    background-color: #eb6d0d;
    border-radius: 5px
}

.p-business-service__button:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url(../imgs/icon_arrow-whiteorange-sm.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.p-business-service__button:hover {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-business-service__button {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__button {
        font-size:14px
    }
}

.p-business-service__button--main {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-business-service__button--main {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__button--main {
        max-width:305px
    }
}

@media screen and (min-width: 769px) {
    .p-business-service__button--bind {
        margin-left:0
    }
}

@media screen and (min-width: 769px) {
    .p-business-service__heading {
        margin-bottom:20px;
        font-size: 25px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__heading {
        margin-bottom:15px;
        font-size: 16px
    }
}

.p-business-service__img {
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-business-service__img {
        margin-bottom:20px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__img {
        margin-bottom:15px
    }
}

.p-business-service__inner {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-business-service__inner {
        grid-template-columns:repeat(2,1fr);
        gap: 40px 30px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__inner {
        gap:5px
    }
}

.p-business-service__list {
    display: grid;
    gap: 5px
}

@media screen and (min-width: 769px) {
    .p-business-service__list {
        grid-template-columns:repeat(3,1fr);
        margin-bottom: 35px
    }
}

@media screen and (max-width: 768px) {
    .p-business-service__list {
        grid-template-columns:repeat(2,1fr);
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1001px) {
    .p-business-service__list--4 {
        grid-template-columns:repeat(4,1fr)
    }
}

.p-business-service__text {
    margin-bottom: 20px
}

.p-business-service__wrap {
    background-color: #fce9df
}

.p-establishment__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-establishment__button {
        max-width:400px;
        margin: 30px auto 0
    }
}

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

.p-establishment__button--light-orange:nth-of-type(n) {
    margin-bottom: 0
}

.p-establishment__comment {
    position: relative;
    padding-left: 1em;
    color: #666
}

.p-establishment__comment:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

@media screen and (min-width: 769px) {
    .p-establishment__comment {
        margin-top:15px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__comment {
        margin-top:10px
    }
}

.p-establishment__dlist {
    display: grid;
    gap: 10px
}

.p-establishment__dlist:not(:last-of-type) {
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 641px) {
    .p-establishment__dlist {
        grid-template-columns:120px 1fr
    }

    .p-establishment__dlist:not(:last-of-type) {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .p-establishment__dlist {
        grid-template-columns:70px 1fr
    }

    .p-establishment__dlist:not(:last-of-type) {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.p-establishment__dlist dt {
    font-weight: 700
}

.p-establishment__heading {
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-establishment__heading--h3 {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__heading--h3 {
        margin-bottom:10px
    }
}

@media screen and (min-width: 769px) {
    .p-establishment__heading-text {
        margin-bottom:30px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__heading-text {
        margin-bottom:20px
    }
}

.p-establishment__inner-list {
    color: #eb6d0d
}

.p-establishment__inner-list span {
    display: inline-block;
    color: #242424
}

.p-establishment__item {
    background-color: #fce9df;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-establishment__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-establishment__item {
        padding:20px 10px
    }
}

.p-establishment__item--2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #fce9df;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-establishment__item--2 {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-establishment__item--2 {
        padding:30px 10px
    }
}

.p-establishment__item-button {
    align-self: center;
    width: 100%;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-establishment__item-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__item-button {
        max-width:305px
    }
}

.p-establishment__item-img {
    grid-row: 1/3;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .p-establishment__item-img {
        justify-self:center
    }
}

.p-establishment__item-inner {
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-establishment__item-inner {
        padding:15px
    }
}

@media screen and (max-width: 640px) {
    .p-establishment__item-inner {
        padding:10px
    }
}

.p-establishment__item-inner--2 {
    display: grid;
    gap: 20px 25px;
    margin-bottom: 30px
}

@media screen and (min-width: 1001px) {
    .p-establishment__item-inner--2 {
        grid-template-columns:200px 1fr
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-establishment__item-inner--2 {
        grid-template-columns:min(200px,50%) 1fr
    }
}

.p-establishment__item-name {
    margin-bottom: 15px
}

.p-establishment__item-text--1 {
    font-weight: 700;
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-establishment__item-text--2 {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__item-text--2 {
        font-size:14px
    }
}

.p-establishment__list {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-establishment__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__list {
        gap:10px
    }
}

.p-establishment__list--3 {
    display: grid;
    margin-top: 20px
}

@media screen and (min-width: 641px) {
    .p-establishment__list--3 {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-establishment__list--3 {
        gap:20px
    }
}

@media screen and (min-width: 769px) {
    .p-establishment__text {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-establishment__text {
        margin-bottom:10px
    }
}

.p-establishment__wrap--bg {
    background-color: #fff8f5
}

@media screen and (min-width: 769px) {
    .p-footer-banner__button-img {
        width:36px;
        margin-right: 15px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-banner__button-img {
        width:26px;
        margin-right: 10px
    }
}

.p-footer-banner__button-wrap {
    display: grid;
    gap: 25px 20px
}

@media screen and (min-width: 769px) {
    .p-footer-banner__button-wrap {
        width:100%;
        max-width: 600px;
        margin: 0 auto
    }
}

.p-footer-banner__main {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

@media screen and (min-width: 769px) {
    .p-footer-banner__main {
        grid-template-columns:repeat(2,auto);
        gap: 0 60px
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .p-footer-banner__main {
        grid-template-columns:repeat(2,auto);
        gap: 0 20px
    }
}

@media screen and (max-width: 480px) {
    .p-footer-banner__main {
        gap:20px 0
    }
}

.p-footer-banner__slider {
    padding: 0 60px
}

@media screen and (min-width: 769px) {
    .p-footer-banner__slider {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-banner__slider {
        margin-bottom:80px
    }
}

@media screen and (max-width: 640px) {
    .p-footer-banner__slider .splide__track {
        overflow:visible
    }
}

.p-footer-banner__slider-arrow {
    font-weight: 700;
    color: #fff;
    background-color: #00adec
}

.p-footer-banner__wrap {
    overflow: hidden;
    background-color: #fff
}

.p-footer-cta__button-wrap {
    display: grid;
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

.p-footer-cta__button-wrap--2 {
    gap: 0 25px;
    max-width: initial
}

@media screen and (min-width: 769px) {
    .p-footer-cta__button-wrap--2 {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-footer-cta__icon {
    width: 24px;
    margin-right: 10px
}

.p-footer-cta__reference {
    display: grid;
    gap: 20px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-footer-cta__reference {
        grid-template-columns:repeat(3,1fr)
    }
}

.p-footer-cta__reference-button:nth-of-type(n) {
    margin-bottom: 0
}

.p-footer-cta__reference-text {
    display: block;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-footer-cta__reference-text {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-cta__reference-text {
        font-size:18px;
        text-align: center
    }
}

.p-footer-cta__reference-wrap {
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-footer-cta__reference-wrap {
        padding:45px 20px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-cta__reference-wrap {
        padding:30px 20px;
        margin-top: 20px
    }
}

.p-footer-cta__ruby--biz {
    color: #eb6d0d
}

.p-footer-cta__text {
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-footer-cta__text {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-cta__text {
        margin-bottom:30px
    }
}

.p-footer-cta__wrap,.p-footer-cta__wrap--2 {
    background-color: #c8e9fb
}

.p-footer-cta__wrap--biz {
    background-color: #fce9df
}

.p-footer-menu {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-footer-menu {
        grid-template-columns:360px min(917px,100% - 380px);
        gap: 30px 20px;
        align-items: start;
        justify-content: space-between;
        width: 100%;
        max-width: 1440px;
        padding: 0 20px;
        margin: 0 auto
    }
}

.p-footer-menu__info {
    color: #fff
}

@media screen and (min-width: 769px) {
    .p-footer-menu__info {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-menu__info {
        padding:0 15px 30px;
        font-size: 14px;
        border-bottom: 1px solid #c2d4e2
    }
}

.p-footer-menu__list {
    display: grid;
    list-style: none
}

@media screen and (min-width: 1201px) {
    .p-footer-menu__list {
        grid-template-columns:repeat(3,1fr);
        grid-row: 1/3;
        grid-column: 2/3;
        gap: 7px 10px;
        padding: 30px 0 0
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .p-footer-menu__list {
        grid-template-columns:repeat(2,1fr);
        grid-row: 1/3;
        grid-column: 2/3;
        gap: 7px 10px;
        padding: 30px 0 0
    }
}

@media screen and (max-width: 768px) {
    .p-footer-menu__list {
        padding:30px 15px;
        border-bottom: 1px solid #c2d4e2
    }
}

.p-footer-menu__list .menu-item {
    position: relative;
    padding-left: 10px
}

.p-footer-menu__list .menu-item:before {
    position: absolute;
    top: .7em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

.p-footer-menu__list .menu-item a {
    font-size: 13px;
    color: #fff
}

.p-footer-menu__list .menu-item a:hover {
    color: #fff
}

@media screen and (min-width: 1201px) {
    .p-footer-menu__list .menu-item.large {
        grid-column:1/4
    }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .p-footer-menu__list .menu-item.large {
        grid-column:1/3
    }
}

.p-footer-menu__name {
    margin-bottom: 15px;
    font-size: 20px
}

.p-footer-menu__wrap {
    padding: 50px 0;
    background-color: #0068b7
}

.p-footer-recruit {
    text-align: center;
    background-image: url(../imgs/recruit_footer-bg.webp);
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 1025px) {
    .p-footer-recruit {
        padding:100px 80px
    }
}

@media screen and (max-width: 1024px) {
    .p-footer-recruit {
        padding:50px 20px 70px
    }
}

.p-footer-recruit__button {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s
}

.p-footer-recruit__button:hover {
    color: #fff;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-footer-recruit__button {
        padding:20px;
        font-size: 1.5rem
    }
}

@media screen and (max-width: 768px) {
    .p-footer-recruit__button {
        padding:10px;
        font-size: 1rem;
        font-weight: 700
    }
}

.p-footer-recruit__button--new {
    background-color: #fe9000
}

.p-footer-recruit__button--career {
    background-color: #f86b22
}

.p-footer-recruit__button-wrap {
    display: grid;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 769px) {
    .p-footer-recruit__button-wrap {
        grid-template-columns:repeat(2,1fr);
        gap: 0 40px;
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .p-footer-recruit__button-wrap {
        gap:15px 0
    }
}

.p-footer-recruit__copyright {
    font-size: 10px
}

.p-footer-recruit__copyright-link {
    font-size: 12px;
    color: #0072b9;
    text-decoration: none;
    transition: opacity .3s
}

.p-footer-recruit__copyright-link:after {
    display: inline-block;
    margin: 0 .25em;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    line-height: 1;
    text-indent: 0;
    content: ""
}

.p-footer-recruit__copyright-link:hover {
    color: #0072b9;
    text-decoration: none
}

.p-footer-recruit__copyright-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    color: #0072b9
}

@media screen and (max-width: 768px) {
    .p-footer-recruit__copyright-wrap {
        flex-direction:column;
        gap: 5px
    }
}

.p-footer-recruit__img {
    display: inline-block;
    width: 620px;
    margin: 15px 0
}

@media screen and (min-width: 769px) {
    .p-footer-recruit__menu {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .p-footer-recruit__menu {
        display:grid;
        gap: 10px;
        padding: 40px 20px 20px;
        font-size: 14px;
        text-align: center;
        list-style: none
    }
}

.p-footer {
    max-width: 1400px;
    margin: 0 auto
}

.p-footer__menu {
    padding-left: 0;
    font-weight: 700;
    list-style: none
}

.p-footer__menu a {
    position: relative;
    display: inline-block;
    padding-left: 1.5em
}

.p-footer__menu a:before {
    position: absolute;
    top: .5em;
    left: 0;
    width: .5em;
    height: .5em;
    content: "";
    border-top: 1px solid #0068b7;
    border-right: 1px solid #0068b7;
    transform: rotate(45deg)
}

.p-footer__menu>li>a {
    color: #0068b7
}

@media screen and (max-width: 480px) {
    .p-footer__menu>li>a {
        display:block;
        padding: 0 20px 0 0
    }

    .p-footer__menu>li>a:before,.p-footer__menu>li>a:after {
        position: absolute;
        top: 50%;
        right: 0;
        left: initial;
        display: inline-block;
        width: 15px;
        height: 1px;
        content: "";
        background-color: #0068b7;
        border: none;
        transition: transform .5s
    }

    .p-footer__menu>li>a:before {
        transform: rotate(0)
    }

    .p-footer__menu>li>a:after {
        transform: rotate(90deg)
    }

    .p-footer__menu>li>a.is-open:before {
        transform: rotate(180deg)
    }

    .p-footer__menu>li>a.is-open:after {
        transform: rotate(-180deg)
    }
}

@media screen and (min-width: 769px) {
    .p-footer__menu {
        font-size:25px
    }
}

@media screen and (max-width: 768px) {
    .p-footer__menu {
        font-size:20px
    }
}

.p-footer__menu .sub-menu {
    margin-top: 10px;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-footer__menu .sub-menu {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-footer__menu .sub-menu {
        font-size:14px
    }
}

@media screen and (max-width: 481px) {
    .p-footer__menu .sub-menu {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .p-footer__menu .menu-item {
        margin-bottom:10px
    }
}

@media screen and (max-width: 768px) {
    .p-footer__menu .menu-item {
        margin-bottom:6px
    }
}

.p-footer__menu-wrap {
    display: grid;
    gap: 20px 10px;
    padding-top: 60px;
    border-top: 1px solid #c2d4e2
}

@media screen and (min-width: 1001px) {
    .p-footer__menu-wrap {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (min-width: 481px) and (max-width: 1000px) {
    .p-footer__menu-wrap {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (min-width: 769px) {
    .p-footer__option--only-sp {
        display:none
    }
}

.p-footer__top {
    display: grid;
    gap: 50px 20px;
    padding-bottom: 60px
}

@media screen and (min-width: 1001px) {
    .p-footer__top {
        grid-template-columns:auto auto
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-footer__top {
        grid-template-columns:200px 1fr
    }
}

.p-footer__top-banner {
    display: grid;
    gap: 10px 20px
}

@media screen and (min-width: 641px) {
    .p-footer__top-banner {
        grid-template-columns:auto auto
    }
}

.p-footer__top-heading {
    grid-column: 1/3;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-footer__top-heading {
        font-size:25px
    }
}

@media screen and (max-width: 768px) {
    .p-footer__top-heading {
        font-size:20px
    }
}

.p-footer__top-inner {
    display: grid;
    gap: 20px 30px
}

@media screen and (min-width: 1001px) {
    .p-footer__top-inner {
        grid-template-columns:500px 140px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-footer__top-inner {
        grid-template-columns:auto auto
    }
}

.p-footer__top-kyoko {
    grid-column: 2/3
}

@media screen and (min-width: 641px) {
    .p-footer__top-kyoko {
        grid-row:2/4
    }
}

@media screen and (max-width: 640px) {
    .p-footer__top-kyoko {
        grid-row:3/4
    }
}

@media screen and (max-width: 641px) {
    .p-footer__top-text {
        grid-column:1/3
    }
}

.p-footer__wrap {
    background-color: #ebf6fc;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain
}

@media screen and (min-width: 481px) {
    .p-footer__wrap {
        padding:100px 15px 25%;
        background-image: url(../imgs/footer.webp)
    }
}

@media screen and (max-width: 480px) {
    .p-footer__wrap {
        padding:80px 15px 50%;
        background-image: url(../imgs/footer-sp.webp)
    }
}

.p-fundraising__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-fundraising__button {
        max-width:400px;
        margin: 30px auto 0
    }
}

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

.p-fundraising__comment {
    position: relative;
    padding-left: 1em;
    color: #666
}

.p-fundraising__comment:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

@media screen and (min-width: 769px) {
    .p-fundraising__comment {
        margin-top:15px
    }
}

@media screen and (max-width: 768px) {
    .p-fundraising__comment {
        margin-top:10px
    }
}

.p-fundraising__dlist {
    display: grid;
    gap: 10px
}

.p-fundraising__dlist:not(:last-of-type) {
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 641px) {
    .p-fundraising__dlist {
        grid-template-columns:120px 1fr
    }

    .p-fundraising__dlist:not(:last-of-type) {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .p-fundraising__dlist {
        grid-template-columns:70px 1fr
    }

    .p-fundraising__dlist:not(:last-of-type) {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.p-fundraising__dlist dt {
    font-weight: 700
}

.p-fundraising__heading {
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-fundraising__heading--h3 {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-fundraising__heading--h3 {
        margin-bottom:10px
    }
}

@media screen and (min-width: 769px) {
    .p-fundraising__heading-text {
        margin-bottom:30px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-fundraising__heading-text {
        margin-bottom:20px
    }
}

.p-fundraising__inner-list {
    color: #eb6d0d
}

.p-fundraising__inner-list span {
    display: inline-block;
    color: #242424
}

.p-fundraising__item {
    background-color: #fce9df;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-fundraising__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-fundraising__item {
        padding:20px 10px
    }
}

.p-fundraising__item-inner {
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-fundraising__item-inner {
        padding:15px
    }
}

@media screen and (max-width: 640px) {
    .p-fundraising__item-inner {
        padding:10px
    }
}

.p-fundraising__list {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-fundraising__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 768px) {
    .p-fundraising__list {
        gap:10px
    }
}

@media screen and (min-width: 769px) {
    .p-fundraising__text {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-fundraising__text {
        margin-bottom:10px
    }
}

.p-fundraising__wrap--bg {
    background-color: #fff8f5
}

.p-insurance {
    text-align: center
}

.p-insurance__button:nth-of-type(n) {
    margin-bottom: 0
}

@media screen and (min-width: 769px) {
    .p-insurance__button--center {
        grid-column:2
    }
}

.p-insurance__comment {
    margin-top: 1em
}

.p-insurance__heading {
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-insurance__heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__heading {
        margin-bottom:30px
    }
}

.p-insurance__heading-text {
    margin-bottom: 30px
}

@media screen and (max-width: 641px) {
    .p-insurance__heading-text {
        text-align:left
    }
}

.p-insurance__item {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-insurance__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-insurance__item {
        padding:30px 10px
    }
}

@media screen and (min-width: 769px) {
    .p-insurance__item--center {
        grid-column:1/3;
        width: 100%;
        max-width: calc((100% - 30px)/2);
        margin: 0 auto
    }
}

.p-insurance__item-button {
    align-self: center;
    width: 100%;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-insurance__item-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__item-button {
        max-width:305px
    }
}

.p-insurance__item-img {
    grid-row: 1/3;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .p-insurance__item-img {
        justify-self:center
    }
}

.p-insurance__item-inner {
    display: grid;
    gap: 20px 25px;
    margin-bottom: 30px
}

@media screen and (min-width: 1001px) {
    .p-insurance__item-inner {
        grid-template-columns:200px 1fr
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-insurance__item-inner {
        grid-template-columns:min(200px,50%) 1fr
    }
}

.p-insurance__item-name {
    margin-bottom: 15px
}

.p-insurance__item-text--1 {
    font-weight: 700;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-insurance__item-text--2 {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__item-text--2 {
        font-size:14px
    }
}

.p-insurance__item-text--3 {
    margin-top: 1.25em;
    text-align: left
}

@media screen and (min-width: 769px) {
    .p-insurance__item-text--3 {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__item-text--3 {
        font-size:14px
    }
}

.p-insurance__list {
    display: grid;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .p-insurance__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__list {
        gap:20px
    }
}

.p-insurance__list--1 {
    display: grid;
    width: 100%;
    max-width: 685px;
    margin: 0 auto 20px
}

.p-insurance__list--2 {
    display: grid
}

@media screen and (min-width: 641px) {
    .p-insurance__list--2 {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-insurance__list--2 {
        gap:20px
    }
}

@media screen and (min-width: 769px) {
    .p-insurance__wrap {
        padding:100px 15px
    }
}

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

@media screen and (min-width: 769px) {
    .p-insurance__wrap--pickup {
        padding:100px 15px 0
    }
}

@media screen and (max-width: 768px) {
    .p-insurance__wrap--pickup {
        padding:60px 15px 0
    }
}

.p-insurance__wrap--bg {
    background-color: #f4f8fb
}

.p-interview__answer {
    color: #3575be
}

@media screen and (min-width: 769px) {
    .p-interview__answer {
        margin-bottom:40px;
        font-size: 38px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__answer {
        margin-bottom:20px;
        font-size: 22px
    }
}

.p-interview__answer-text {
    line-height: 2
}

@media screen and (min-width: 769px) {
    .p-interview__answer-text {
        font-size:22px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__answer-text {
        font-size:16px
    }
}

.p-interview__eyecatch {
    position: relative
}

.p-interview__eyecatch-info {
    position: absolute;
    color: #fff;
    filter: drop-shadow(0 0 3px #000)
}

@media screen and (min-width: 641px) {
    .p-interview__eyecatch-info {
        top:50%;
        right: 55%;
        max-width: 40%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 640px) {
    .p-interview__eyecatch-info {
        bottom:20px;
        left: 20px
    }
}

.p-interview__eyecatch-name {
    display: block;
    padding-left: 30px;
    font-family: 游明朝体,Yu Mincho,yumincho,ヒラギノ明朝 Pro,Hiragino Mincho Pro,MS P明朝,MS PMincho,"Noto Serif JP",serif;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-interview__eyecatch-name {
        font-size:48px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__eyecatch-name {
        font-size:32px
    }
}

.p-interview__eyecatch-text {
    display: block;
    padding-left: 30px
}

@media screen and (min-width: 769px) {
    .p-interview__eyecatch-text {
        font-size:22px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__eyecatch-text {
        font-size:18px
    }
}

@media screen and (min-width: 641px) {
    .p-interview__eyecatch-title {
        margin-bottom:55px
    }
}

@media screen and (max-width: 640px) {
    .p-interview__eyecatch-title {
        width:calc(100% - 40px);
        margin-bottom: 20px
    }
}

.p-interview__img--even {
    margin-left: auto
}

@media screen and (min-width: 769px) {
    .p-interview__img-wrap--even {
        grid-row:1/2;
        grid-column: 1/2;
        padding: 65px 0 45px 20px
    }
}

.p-interview__item {
    transition: opacity .5s
}

.p-interview__item:hover {
    text-decoration: none
}

.p-interview__item-img {
    width: 100%;
    margin-bottom: 5px
}

.p-interview__list {
    display: grid;
    gap: 20px 40px;
    max-width: 1200px
}

@media screen and (min-width: 1101px) {
    .p-interview__list {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (min-width: 641px) and (max-width: 1100px) {
    .p-interview__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 640px) {
    .p-interview__list-head {
        display:flex;
        justify-content: space-between
    }
}

.p-interview__list-wrap {
    display: flex
}

@media screen and (min-width: 769px) {
    .p-interview__list-wrap {
        padding:100px 40px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__list-wrap {
        padding:60px 20px
    }
}

@media screen and (min-width: 641px) {
    .p-interview__list-wrap {
        gap:20px 40px;
        justify-content: flex-end
    }
}

@media screen and (max-width: 640px) {
    .p-interview__list-wrap {
        flex-direction:column
    }
}

.p-interview__message {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    background-color: #f2f2f2
}

@media screen and (min-width: 769px) {
    .p-interview__message {
        padding:70px 50px;
        font-size: 26px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__message {
        padding:40px 20px 20px;
        font-size: 18px
    }
}

.p-interview__message-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 90%;
    transform: translateY(-50%)
}

.p-interview__message-img-wrap:before {
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    content: "";
    background-color: #707070;
    transform: rotate(-45deg);
    transform-origin: bottom right
}

.p-interview__message-img-wrap:after {
    position: absolute;
    display: block;
    width: 2px;
    height: 100%;
    content: "";
    background-color: #707070;
    transform: rotate(30deg);
    transform-origin: bottom left
}

@media screen and (min-width: 769px) {
    .p-interview__message-img-wrap {
        padding:0 50px
    }

    .p-interview__message-img-wrap:before {
        bottom: 10px;
        left: 45px
    }

    .p-interview__message-img-wrap:after {
        right: 30px;
        bottom: 10px
    }
}

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

    .p-interview__message-img-wrap:before {
        bottom: 0;
        left: 25px
    }

    .p-interview__message-img-wrap:after {
        right: 20px;
        bottom: 5px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__message-wrap {
        margin-top:60px
    }
}

.p-interview__policy {
    margin-left: auto;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-interview__policy {
        width:70%;
        padding: 35px 6.5%;
        font-size: 22px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__policy {
        width:100%;
        padding: 50px 15px 20px;
        font-size: 18px
    }
}

.p-interview__policy-img {
    position: absolute
}

@media screen and (min-width: 769px) {
    .p-interview__policy-img {
        top:50%;
        left: 6.5%;
        width: 30%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 768px) {
    .p-interview__policy-img {
        top:20px;
        left: 40px;
        width: 180px
    }
}

.p-interview__policy-wrap {
    position: relative;
    background-color: #e1f5fe
}

@media screen and (min-width: 769px) {
    .p-interview__policy-wrap {
        padding:70px 70px 45px
    }
}

@media screen and (max-width: 768px) {
    .p-interview__policy-wrap {
        padding:30px 20px
    }
}

@media screen and (min-width: 769px) {
    .p-interview__question {
        padding:10px 0;
        margin-bottom: 35px;
        background: linear-gradient(to top,rgba(248,107,34,.3) 15px,transparent 15px)
    }
}

@media screen and (max-width: 768px) {
    .p-interview__question {
        padding:5px 0;
        margin-bottom: 20px;
        background: linear-gradient(to top,rgba(248,107,34,.3) 10px,transparent 10px)
    }
}

.p-interview__section {
    display: grid;
    align-items: center
}

@media screen and (min-width: 769px) {
    .p-interview__section {
        grid-template-columns:repeat(2,1fr);
        padding: 120px 0
    }
}

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

.p-interview__section--odd {
    gap: 20px 10px
}

.p-interview__section--even {
    position: relative
}

.p-interview__section--even:before {
    position: absolute;
    top: 47%;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #dbf4ff;
    transform: translateY(-50%)
}

@media screen and (min-width: 769px) {
    .p-interview__section--even:before {
        width:45%;
        height: calc(100% - 220px)
    }
}

@media screen and (max-width: 768px) {
    .p-interview__section--even {
        gap:20px
    }

    .p-interview__section--even:before {
        width: 80%;
        height: calc(100% - 40px)
    }
}

@media screen and (min-width: 769px) {
    .p-interview__section-inner--odd {
        padding-right:20px;
        padding-left: 10%
    }
}

@media screen and (min-width: 769px) {
    .p-interview__section-inner--even {
        padding-right:10%;
        padding-left: 10%
    }
}

.p-interview__wrap {
    overflow: hidden
}

.p-life-event__head {
    display: grid;
    gap: 20px 7.1428571429%
}

@media screen and (min-width: 769px) {
    .p-life-event__head {
        grid-template-rows:auto 1fr;
        grid-template-columns: 1fr 42.8571428571%;
        margin-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .p-life-event__head {
        margin-bottom:40px
    }
}

.p-life-event__head-img {
    width: 100%;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-life-event__head-img {
        grid-row:1/3;
        grid-column: 2/3
    }
}

.p-life-event__heading {
    color: #0068b7;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-life-event__heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-life-event__heading {
        margin-bottom:30px
    }
}

.p-life-event__heading--h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #c2d4e2
}

.p-life-event__item {
    position: relative;
    display: grid;
    gap: 10px;
    color: #0068b7
}

.p-life-event__item:hover {
    text-decoration: none
}

.p-life-event__item:hover:hover {
    color: #0068b7
}

.p-life-event__item-img {
    width: 100%;
    border: 1px solid #c2d4e2;
    border-radius: 5px
}

.p-life-event__item-name {
    font-size: 20px
}

.p-life-event__item-tag {
    display: inline-block;
    justify-self: start;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 700;
    background-color: #c8e9fb;
    border-radius: 5px
}

.p-life-event__list {
    display: grid;
    gap: 40px 5%
}

@media screen and (min-width: 1001px) {
    .p-life-event__list {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-life-event__list {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-life-event__list-wrap {
    display: grid;
    gap: 20px
}

@media screen and (min-width: 769px) {
    .p-life-event__list-wrap {
        margin-bottom:60px
    }
}

@media screen and (max-width: 768px) {
    .p-life-event__list-wrap {
        margin-bottom:40px
    }
}

@media screen and (min-width: 769px) {
    .p-life-event__wrap {
        padding:100px 0
    }
}

@media screen and (max-width: 768px) {
    .p-life-event__wrap {
        padding:60px 0
    }
}

.p-life-event__wrap--bg {
    background-color: #f4f8fb
}

.p-loan {
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden
}

.p-loan__button {
    position: relative;
    padding-top: 50px;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .p-loan__button--2 {
        padding-top:30px
    }
}

.p-loan__button-inner {
    display: grid
}

.p-loan__button-serif {
    position: absolute;
    top: 0;
    left: 50%;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    align-items: center;
    padding: 0 5px;
    font-weight: 700;
    line-height: 1.2;
    color: #0068b7;
    white-space: nowrap;
    transform: translate(-50%)
}

.p-loan__button-serif:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #0068b7;
    transform: rotate(-30deg);
    transform-origin: bottom right
}

.p-loan__button-serif:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    content: "";
    background-color: #0068b7;
    transform: rotate(30deg);
    transform-origin: bottom left
}

@media screen and (min-width: 769px) {
    .p-loan__button-serif {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__button-serif {
        font-size:14px
    }
}

.p-loan__button-serif--text {
    top: 10px;
    grid-template-columns: auto;
    margin-bottom: 15px
}

.p-loan__button-text {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

@media screen and (min-width: 769px) {
    .p-loan__button-text {
        gap:0 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__button-text {
        gap:0 10px
    }
}

.p-loan__button-wrap {
    display: grid;
    gap: 20px 40px;
    align-items: end
}

@media screen and (min-width: 769px) {
    .p-loan__button-wrap {
        grid-template-columns:repeat(2,1fr);
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__button-wrap {
        margin-bottom:30px
    }
}

.p-loan__comment {
    color: #c41521
}

.p-loan__consult {
    position: relative;
    background-color: #fbe6eb
}

@media screen and (min-width: 769px) {
    .p-loan__consult {
        padding:50px;
        font-size: 16px;
        border-radius: 50px
    }

    .p-loan__consult:before {
        position: absolute;
        top: 75px;
        right: 100%;
        width: 20px;
        height: 20px;
        clip-path: polygon(100% 0,100% 100%,0 50%);
        content: "";
        background-color: #fbe6eb;
        transform: translate(1px)
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult {
        padding:30px 10px;
        font-size: 14px;
        border-radius: 10px
    }
}

.p-loan__consult-button {
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-loan__consult-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult-button {
        max-width:305px
    }
}

.p-loan__consult-comment {
    position: relative;
    display: block;
    padding-left: 1em;
    color: #666
}

.p-loan__consult-comment:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

.p-loan__consult-comment--2 {
    margin-bottom: 1.5em
}

.p-loan__consult-dlist {
    display: grid;
    border-bottom: 1px solid #c2d4e2
}

.p-loan__consult-dlist:first-of-type {
    border-top: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-loan__consult-dlist {
        grid-template-columns:150px 1fr;
        padding: 15px 10px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult-dlist {
        padding:10px 5px
    }
}

.p-loan__consult-dlist dt {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-loan__consult-heading {
        margin-bottom:30px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult-heading {
        margin-bottom:20px;
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult-img {
        position:absolute;
        top: 0;
        right: 25px;
        z-index: 1;
        width: 80px;
        filter: drop-shadow(0 0 2px #fff);
        transform: translateY(-40%)
    }
}

.p-loan__consult-inner {
    margin-bottom: 20px;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-loan__consult-inner {
        padding:20px
    }
}

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

.p-loan__consult-text {
    margin-bottom: 20px
}

.p-loan__consult-toggle {
    display: none;
    padding-top: 20px
}

@media screen and (min-width: 769px) {
    .p-loan__consult-wrap {
        display:grid;
        grid-template-columns: 180px 1fr;
        gap: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__consult-wrap {
        position:relative
    }
}

.p-loan__difference {
    position: relative;
    width: 100%;
    max-width: 1030px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-loan__difference {
        padding-left:180px
    }
}

.p-loan__difference-button {
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-loan__difference-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-button {
        max-width:305px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__difference-heading {
        margin-bottom:30px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-heading {
        margin-bottom:20px;
        font-size: 18px
    }
}

.p-loan__difference-icon {
    position: absolute;
    left: 0
}

@media screen and (min-width: 769px) {
    .p-loan__difference-icon {
        top:0;
        transform: translateY(-30%)
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-icon {
        top:-70px;
        width: 60px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__difference-logo {
        display:inline-block;
        width: 100px;
        margin-right: 5px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-logo {
        width:70px
    }
}

.p-loan__difference-table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-top: 1px solid #c2d4e2;
    border-left: 1px solid #c2d4e2;
    border-radius: 5px
}

@media screen and (max-width: 768px) {
    .p-loan__difference-table {
        min-width:600px
    }
}

.p-loan__difference-table th {
    padding: 15px;
    vertical-align: top;
    background-color: #c8e9fb;
    border-right: 1px solid #c2d4e2;
    border-bottom: 1px solid #c2d4e2
}

.p-loan__difference-table th.main {
    color: #0068b7
}

.p-loan__difference-table td {
    padding: 15px;
    vertical-align: top;
    background-color: #fff;
    border-right: 1px solid #c2d4e2;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-loan__difference-table td {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-table td {
        font-size:14px
    }
}

.p-loan__difference-table thead th:first-of-type {
    border-top-left-radius: 5px
}

.p-loan__difference-table thead th:last-of-type {
    border-top-right-radius: 5px
}

.p-loan__difference-table tbody tr:last-of-type th {
    border-bottom-left-radius: 5px
}

.p-loan__difference-table tbody tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 5px
}

.p-loan__difference-text {
    position: relative;
    padding-left: 32px;
    margin-top: 20px;
    font-weight: 700
}

.p-loan__difference-text img {
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width: 769px) {
    .p-loan__difference-text {
        margin-bottom:30px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-text {
        margin-bottom:20px
    }
}

.p-loan__difference-wrap {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-loan__difference-wrap {
        padding:30px 20px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__difference-wrap {
        padding:50px 15px 40px;
        margin-bottom: 60px
    }
}

.p-loan__eyecatch {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-loan__eyecatch {
        grid-template-columns:1fr 1fr;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__eyecatch {
        justify-content:center;
        margin-bottom: 60px
    }
}

.p-loan__eyecatch--01 {
    border-top-left-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-loan__eyecatch--01 {
        border-bottom-left-radius:5px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__eyecatch--01 {
        border-top-right-radius:5px
    }
}

.p-loan__eyecatch--02 {
    border-bottom-right-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-loan__eyecatch--02 {
        border-top-right-radius:5px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__eyecatch--02 {
        border-bottom-left-radius:5px
    }
}

.p-loan__free-rate {
    display: flex;
    flex-direction: column;
    padding: 40px 20px 30px;
    background-color: #f4f8fb;
    border-radius: 5px
}

.p-loan__free-rate-heading {
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
    border-bottom: 1px dashed #00adec
}

.p-loan__free-rate-heading--h4 {
    margin-top: auto;
    margin-bottom: 20px;
    color: #0068b7;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-loan__free-rate-text {
        margin-bottom:30px;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__free-rate-text {
        margin-bottom:20px;
        font-size: 14px
    }
}

.p-loan__free-rate-text span {
    color: #666
}

.p-loan__free-rate-wrap {
    display: grid;
    gap: 20px 40px
}

@media screen and (min-width: 1201px) {
    .p-loan__free-rate-wrap {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (min-width: 769px) {
    .p-loan__free-rate-wrap {
        margin-bottom:80px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__free-rate-wrap {
        margin-bottom:60px
    }
}

.p-loan__guide {
    display: grid;
    gap: 30px 20px
}

@media screen and (min-width: 769px) {
    .p-loan__guide {
        grid-template-columns:1fr 450px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__guide-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__guide-button {
        max-width:305px;
        margin: 0 auto
    }
}

@media screen and (min-width: 769px) {
    .p-loan__guide-heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__guide-heading {
        margin-bottom:30px;
        text-align: center
    }
}

.p-loan__guide-img {
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .p-loan__guide-img {
        grid-row:1
    }
}

@media screen and (max-width: 768px) {
    .p-loan__guide-inner {
        max-width:480px;
        margin: 0 auto
    }
}

@media screen and (min-width: 769px) {
    .p-loan__guide-text {
        margin-bottom:40px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__guide-text {
        margin-bottom:43px
    }
}

.p-loan__head {
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-loan__head {
        margin-bottom:40px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__head {
        margin-bottom:20px
    }
}

.p-loan__head--myhome {
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-loan__head--myhome {
        margin-bottom:80px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__head--myhome {
        margin-bottom:60px
    }
}

.p-loan__heading {
    line-height: 1.2;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-loan__heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__heading {
        margin-bottom:30px
    }
}

.p-loan__heading--h3 {
    margin-bottom: 20px
}

.p-loan__heading--web {
    margin-top: 15px
}

.p-loan__heading--toggle {
    position: relative;
    cursor: pointer
}

.p-loan__heading--toggle:before,.p-loan__heading--toggle:after {
    position: absolute;
    top: 50%;
    right: 0;
    height: 2px;
    content: "";
    background-color: #242424;
    transition: transform .5s
}

@media screen and (min-width: 769px) {
    .p-loan__heading--toggle:before,.p-loan__heading--toggle:after {
        width:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__heading--toggle:before,.p-loan__heading--toggle:after {
        width:16px
    }
}

.p-loan__heading--toggle:before {
    transform: translateY(-50%)
}

.p-loan__heading--toggle:after {
    transform: translateY(-50%) rotate(90deg)
}

.p-loan__heading--toggle.is-open:before {
    transform: translateY(-50%) rotate(180deg)
}

.p-loan__heading--toggle.is-open:after {
    transform: translateY(-50%) rotate(-180deg)
}

.p-loan__heading-sub {
    font-size: .75em
}

.p-loan__manga {
    display: inline-block;
    width: 600px;
    margin-bottom: 30px
}

.p-loan__others {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-loan__others {
        padding:40px
    }
}

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

.p-loan__others--white {
    background-color: #fff
}

.p-loan__others-button.p-loan__others-button {
    margin-bottom: 0
}

.p-loan__others-content--list {
    display: grid;
    gap: 20px
}

@media screen and (min-width: 641px) {
    .p-loan__others-content--list {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-loan__others-inner {
    display: grid;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-loan__others-inner {
        grid-template-columns:1fr 66.6%
    }
}

.p-loan__others-list {
    display: grid;
    gap: 30px
}

@media screen and (min-width: 769px) {
    .p-loan__others-title {
        font-size:25px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__others-title {
        font-size:20px;
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .p-loan__others-text {
        margin-bottom:30px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__others-text {
        margin-bottom:20px
    }
}

.p-loan__others-text--2 {
    margin-bottom: 20px
}

@media screen and (max-width: 1430px) {
    .p-loan__others-wrap {
        max-width:calc(100% - 30px)
    }
}

@media screen and (min-width: 769px) {
    .p-loan__others-wrap {
        margin:0 auto 80px
    }
}

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

@media screen and (min-width: 769px) {
    .p-loan__point-heading {
        margin-bottom:40px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-heading {
        margin-bottom:30px
    }
}

.p-loan__point-heading-inner {
    display: inline-block
}

@media screen and (min-width: 769px) {
    .p-loan__point-heading-inner {
        font-size:25px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-heading-inner {
        font-size:20px
    }
}

.p-loan__point-item {
    position: relative;
    display: grid;
    padding: 30px 20px 20px;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-loan__point-item {
        justify-items:center;
        width: 30%
    }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
    .p-loan__point-item {
        justify-items:center;
        width: 47%
    }
}

@media screen and (max-width: 640px) {
    .p-loan__point-item {
        width:100%;
        text-align: left
    }
}

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

@media screen and (min-width: 769px) {
    .p-loan__point-list {
        gap:25px 5%;
        margin-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-list {
        gap:20px 6%;
        margin-bottom: 30px
    }
}

.p-loan__point-tag {
    position: absolute;
    top: 0;
    padding: 0 15px;
    font-size: 12px;
    color: #fff;
    background-color: #e08d10;
    border-radius: 11px
}

@media screen and (min-width: 769px) {
    .p-loan__point-tag {
        left:50%;
        transform: translate(-50%,-50%)
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-tag {
        left:20px;
        transform: translateY(-50%)
    }
}

.p-loan__point-text {
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-loan__point-text {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-text {
        font-size:14px
    }
}

.p-loan__point-title {
    font-size: 20px
}

@media screen and (min-width: 769px) {
    .p-loan__point-title {
        margin-bottom:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__point-title {
        margin-bottom:10px
    }
}

.p-loan__point-wrap {
    text-align: center
}

.p-loan__rate {
    display: grid;
    gap: 10px 20px;
    margin: 0 auto;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-loan__rate {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (min-width: 769px) {
    .p-loan__rate--2 {
        grid-template-columns:repeat(2,1fr);
        justify-content: center;
        max-width: 820px
    }
}

.p-loan__rate--myhome {
    display: grid;
    gap: 10px 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-loan__rate--myhome {
        grid-template-columns:25% 1fr
    }
}

.p-loan__rate-base {
    display: block;
    color: #0068b7;
    background-color: #f2f2f2
}

@media screen and (min-width: 769px) {
    .p-loan__rate-base {
        padding:5px;
        font-size: 16px
    }

    .p-loan__rate-base>span:after {
        content: "："
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-base {
        padding:3px 5px;
        font-size: 14px
    }
}

.p-loan__rate-comment {
    display: block;
    font-size: 13px;
    color: #666
}

@media screen and (min-width: 769px) {
    .p-loan__rate-comment {
        min-height:20px
    }
}

.p-loan__rate-date {
    display: block;
    color: #666;
    text-align: right
}

.p-loan__rate-fixed {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-loan__rate-fixed {
        grid-template-columns:repeat(3,1fr)
    }
}

.p-loan__rate-heading {
    padding: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #0068b7
}

.p-loan__rate-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-end;
    padding: 10px
}

@media screen and (max-width: 768px) {
    .p-loan__rate-inner--myhome {
        grid-template-columns:1fr 1fr 70px;
        gap: 0 5px;
        align-items: center
    }
}

.p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type) {
    position: relative
}

.p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):before,.p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):after {
    position: absolute;
    content: "";
    background-color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):before,.p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):after {
        top:10%;
        width: 1px;
        height: 75%
    }

    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):before {
        left: 0
    }

    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):after {
        right: 0
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):before,.p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):after {
        left:10px;
        width: calc(100% - 20px);
        height: 1px
    }

    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):before {
        top: 0
    }

    .p-loan__rate-inner--myhome:not(:first-of-type,:last-of-type):after {
        bottom: 0
    }
}

.p-loan__rate-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #0068b7;
    border-radius: 5px
}

@media screen and (min-width: 1201px) {
    .p-loan__rate-item {
        height:128px
    }
}

@media screen and (min-width: 1201px) {
    .p-loan__rate-item--myhome {
        height:auto
    }
}

.p-loan__rate-most {
    color: #666
}

@media screen and (min-width: 769px) {
    .p-loan__rate-most {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-most {
        font-size:14px
    }
}

.p-loan__rate-value {
    font-weight: 700;
    color: #c41521
}

@media screen and (min-width: 769px) {
    .p-loan__rate-value {
        font-size:35px;
        line-height: 20px
    }

    .p-loan__rate-value>span {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-value {
        font-size:40px;
        line-height: 1.2
    }

    .p-loan__rate-value>span {
        font-size: 26px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__rate-value--myhome {
        font-size:50px;
        line-height: 1.4
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-value--myhome {
        font-size:36px;
        line-height: 1.4
    }
}

.p-loan__rate-wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-loan__rate-wrap {
        max-width:1000px;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__rate-wrap {
        max-width:480px;
        margin-bottom: 60px
    }
}

.p-loan__rate-wrap--small {
    margin-bottom: 0
}

.p-loan__recommend {
    display: grid;
    gap: 35px 7%;
    border-top: 1px solid #c2d4e2;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-loan__recommend {
        grid-template-columns:35.7142857143% 1fr;
        align-items: center;
        padding: 60px 0
    }
}

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

.p-loan__recommend-heading {
    margin-bottom: 35px
}

@media screen and (max-width: 768px) {
    .p-loan__recommend-heading {
        text-align:center
    }
}

@media screen and (min-width: 769px) {
    .p-loan__recommend-img {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .p-loan__recommend-img {
        grid-row:2;
        width: 90%;
        margin: 0 auto
    }
}

.p-loan__recommend-list {
    font-weight: 700;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-loan__recommend-list {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__recommend-list {
        font-size:18px
    }
}

@media screen and (max-width: 1430px) {
    .p-loan__recommend-wrap {
        max-width:calc(100% - 30px)
    }
}

@media screen and (min-width: 769px) {
    .p-loan__recommend-wrap {
        margin:0 auto 50px
    }
}

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

.p-loan__scholarship {
    padding: 60px 15px;
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-loan__scholarship-heading {
        margin-bottom:35px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__scholarship-heading {
        margin-bottom:25px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__scholarship-heading--toggle {
        padding:0 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__scholarship-heading--toggle {
        padding:0 20px 0 0;
        font-size: 18px;
        text-align: left
    }
}

.p-loan__scholarship-inner {
    max-width: 1000px;
    margin: 0 auto
}

.p-loan__scholarship-list {
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 700;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-loan__scholarship-list {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__scholarship-list {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__scholarship-table-wrap {
        margin:35px 0 60px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__scholarship-table-wrap {
        margin:25px 0 40px
    }
}

.p-loan__scholarship-toggle {
    display: none
}

.p-loan__scholarship-wrap {
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width: 1430px) {
    .p-loan__scholarship-wrap {
        padding:0 15px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__scholarship-wrap {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__scholarship-wrap {
        margin-bottom:60px
    }
}

.p-loan__type {
    position: relative;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-loan__type {
        padding:40px 20px 30px
    }
}

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

.p-loan__type-box {
    padding: 15px;
    font-weight: 700;
    background-color: #f4f8fb;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-loan__type-box {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-box {
        font-size:16px
    }
}

.p-loan__type-button {
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-loan__type-button {
        max-width:390px
    }
}

.p-loan__type-col {
    display: grid;
    gap: 35px 40px
}

@media screen and (min-width: 769px) {
    .p-loan__type-col {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-loan__type-dlist {
    display: grid;
    align-content: start;
    max-width: 480px;
    margin: 0 auto 20px;
    text-align: left
}

@media screen and (min-width: 769px) {
    .p-loan__type-dlist {
        grid-template-columns:85px 1fr;
        gap: 5px 15px;
        min-height: 143px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-dlist {
        grid-template-columns:70px 1fr;
        gap: 5px 10px
    }
}

.p-loan__type-emphasis {
    display: inline-block;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-loan__type-emphasis {
        font-size:25px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-emphasis {
        font-size:20px
    }
}

.p-loan__type-heading {
    margin-bottom: 40px
}

.p-loan__type-heading--inner {
    margin-bottom: 10px
}

.p-loan__type-inner {
    padding: 30px 0 20px;
    margin-bottom: 20px;
    border-top: 1px dashed #00adec;
    border-bottom: 1px dashed #00adec
}

.p-loan__type-list {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 15px;
    color: #0068b7;
    text-align: left;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-loan__type-list {
        min-height:128px
    }
}

.p-loan__type-list li {
    position: relative
}

.p-loan__type-list li:before {
    position: absolute;
    top: .3em;
    left: 0;
    content: "";
    background-image: url(../imgs/icon_check.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (min-width: 769px) {
    .p-loan__type-list li {
        padding-left:30px
    }

    .p-loan__type-list li:before {
        width: 20px;
        height: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-list li {
        padding-left:24px
    }

    .p-loan__type-list li:before {
        width: 16px;
        height: 16px
    }
}

.p-loan__type-point {
    font-weight: 700;
    color: #0068b7;
    background: linear-gradient(to bottom,transparent 60%,#c8e9fb 60%)
}

@media screen and (min-width: 769px) {
    .p-loan__type-point {
        font-size:16px
    }

    .p-loan__type-point span {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-point {
        font-size:13px
    }

    .p-loan__type-point span {
        font-size: 18px
    }
}

.p-loan__type-serif {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

@media screen and (min-width: 769px) {
    .p-loan__type-text {
        margin:30px 0 10px;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-text {
        margin:40px 0 10px;
        font-size: 14px
    }
}

.p-loan__type-wrap {
    text-align: center
}

@media screen and (max-width: 1430px) {
    .p-loan__type-wrap {
        padding:0 15px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__type-wrap {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__type-wrap {
        margin-bottom:60px
    }
}

@media screen and (min-width: 641px) {
    .p-loan__usage {
        visibility:visible
    }
}

@media screen and (max-width: 640px) {
    .p-loan__usage {
        width:60%;
        padding-bottom: 30px;
        margin: 0 auto
    }
}

.p-loan__usage-arrow--prev {
    left: -50px
}

.p-loan__usage-arrow--next {
    right: -50px
}

@media screen and (min-width: 641px) {
    .p-loan__usage-arrows {
        display:none
    }
}

.p-loan__usage-caption {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-loan__usage-caption {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__usage-caption {
        font-size:16px
    }
}

.p-loan__usage-caption span {
    display: block;
    font-size: .8em;
    font-weight: 400;
    word-break: keep-all
}

.p-loan__usage-heading {
    margin-bottom: 30px
}

.p-loan__usage-img {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .splide.is-initialized:not(.is-active) .p-loan__usage-list {
        display:grid;
        grid-template-columns: repeat(3,1fr);
        gap: 40px 5%
    }
}

@media screen and (max-width: 640px) {
    .p-loan__usage-track {
        overflow:visible
    }
}

.p-loan__usage-wrap {
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-loan__usage-wrap {
        margin-bottom:80px
    }
}

@media screen and (max-width: 768px) {
    .p-loan__usage-wrap {
        margin-bottom:60px
    }
}

@media screen and (min-width: 769px) {
    .p-loan__wrap {
        padding:100px 0
    }
}

@media screen and (max-width: 768px) {
    .p-loan__wrap {
        padding:40px 0 60px
    }
}

.p-loan__wrap--blue {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-loan__wrap--blue {
        padding:100px 0
    }
}

@media screen and (max-width: 768px) {
    .p-loan__wrap--blue {
        padding:0 0 60px
    }
}

.p-loan__wrap--pink {
    background-color: #fbe6eb
}

@media screen and (min-width: 769px) {
    .p-loan__wrap--pink {
        padding:80px 0
    }
}

@media screen and (max-width: 768px) {
    .p-loan__wrap--pink {
        padding:60px 0
    }
}

.p-management__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-management__button {
        max-width:400px;
        margin: 30px auto 0
    }
}

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

.p-management__button--light-orange:nth-of-type(n) {
    margin-bottom: 0
}

.p-management__comment {
    position: relative;
    padding-left: 1em;
    color: #666
}

.p-management__comment:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

@media screen and (min-width: 769px) {
    .p-management__comment {
        margin-top:15px
    }
}

@media screen and (max-width: 768px) {
    .p-management__comment {
        margin-top:10px
    }
}

.p-management__dlist {
    display: grid;
    gap: 10px
}

.p-management__dlist:not(:last-of-type) {
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 641px) {
    .p-management__dlist {
        grid-template-columns:120px 1fr
    }

    .p-management__dlist:not(:last-of-type) {
        padding-bottom: 15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 640px) {
    .p-management__dlist {
        grid-template-columns:70px 1fr
    }

    .p-management__dlist:not(:last-of-type) {
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}

.p-management__dlist dt {
    font-weight: 700
}

.p-management__heading {
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-management__heading--h3 {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-management__heading--h3 {
        margin-bottom:10px
    }
}

@media screen and (min-width: 769px) {
    .p-management__heading-text {
        margin-bottom:30px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-management__heading-text {
        margin-bottom:20px
    }
}

.p-management__img {
    width: 100%;
    max-width: 800px
}

@media screen and (min-width: 769px) {
    .p-management__img {
        margin:0 auto 50px
    }
}

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

.p-management__inner-list {
    color: #eb6d0d
}

.p-management__inner-list li {
    margin-bottom: 10px
}

.p-management__inner-list span {
    color: #242424
}

.p-management__item {
    background-color: #fce9df;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-management__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-management__item {
        padding:20px 10px
    }
}

.p-management__item--2 {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #fce9df;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-management__item--2 {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-management__item--2 {
        padding:30px 10px
    }
}

.p-management__item-button {
    align-self: center;
    width: 100%;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-management__item-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-management__item-button {
        max-width:305px
    }
}

.p-management__item-img {
    grid-row: 1/3;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .p-management__item-img {
        justify-self:center
    }
}

.p-management__item-inner {
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-management__item-inner {
        padding:15px
    }
}

@media screen and (max-width: 640px) {
    .p-management__item-inner {
        padding:10px
    }
}

.p-management__item-inner--2 {
    display: grid;
    gap: 20px 25px;
    margin-bottom: 30px
}

@media screen and (min-width: 1001px) {
    .p-management__item-inner--2 {
        grid-template-columns:200px 1fr
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-management__item-inner--2 {
        grid-template-columns:min(200px,50%) 1fr
    }
}

.p-management__item-name {
    margin-bottom: 15px
}

.p-management__item-text--1 {
    font-weight: 700;
    color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-management__item-text--2 {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-management__item-text--2 {
        font-size:14px
    }
}

.p-management__list {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-management__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 768px) {
    .p-management__list {
        gap:10px
    }
}

.p-management__list--3 {
    display: grid;
    margin-top: 20px
}

@media screen and (min-width: 641px) {
    .p-management__list--3 {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-management__list--3 {
        gap:20px
    }
}

@media screen and (min-width: 769px) {
    .p-management__text {
        margin-bottom:15px
    }
}

@media screen and (max-width: 768px) {
    .p-management__text {
        margin-bottom:10px
    }
}

.p-management__wrap--bg {
    background-color: #fff8f5
}

.p-navi__button--blue a {
    background-color: #0068b7
}

.p-navi__button--blue a:after {
    background-image: url(../imgs/icon_arrow-whiteblue.svg)
}

.p-navi__button--orange a {
    background-color: #eb6d0d
}

.p-navi__button--orange a:after {
    background-image: url(../imgs/icon_arrow-whiteorange-xs.svg)
}

.p-navi__button--ocher a {
    background-color: #e08d10
}

.p-navi__button--ocher a:after {
    background-image: url(../imgs/icon_arrow-whiteocher.svg)
}

.p-navi__button a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 8px 50px 8px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    border-radius: 23px
}

.p-navi__button a:after {
    position: absolute;
    top: 50%;
    right: 9px;
    width: 30px;
    height: 30px;
    content: "";
    background-size: contain;
    transform: translateY(-50%)
}

.p-navi__button a:hover {
    text-decoration: none
}

.p-navi__inner-list {
    font-weight: 700;
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #57575726
}

.p-navi__inner-list a:hover {
    text-decoration: none
}

@media screen and (min-width: 1201px) {
    .p-navi__inner-list {
        padding:10px 20px 20px;
        font-size: 20px
    }
}

@media screen and (max-width: 1200px) {
    .p-navi__inner-list {
        padding:10px 15px;
        margin-bottom: 10px;
        font-size: 16px
    }

    .p-navi__inner-list :not(.p-navi__option--disable-sp,.p-navi__button)>a {
        position: relative;
        display: block;
        padding-left: 13px;
        font-size: 14px
    }

    .p-navi__inner-list :not(.p-navi__option--disable-sp,.p-navi__button)>a:before {
        position: absolute;
        top: .7em;
        left: 0;
        width: 6px;
        height: 6px;
        content: "";
        transform: rotate(45deg)
    }

    .p-navi__inner-list :not(.p-navi__option--disable-sp,.p-navi__button)>a:hover {
        text-decoration: none
    }
}

.p-navi__inner-list--life-event {
    display: grid;
    padding: 15px 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #57575726
}

.p-navi__inner-list--life-event a {
    position: relative;
    display: block;
    padding-left: 13px
}

.p-navi__inner-list--life-event a:before {
    position: absolute;
    top: .7em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    border-top: 1px solid #0068b7;
    border-right: 1px solid #0068b7;
    transform: rotate(45deg)
}

.p-navi__inner-list--life-event a:hover {
    text-decoration: none
}

@media screen and (min-width: 1201px) {
    .p-navi__inner-list--life-event {
        grid-template-columns:repeat(4,1fr);
        gap: 5px 30px;
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .p-navi__inner-list--life-event {
        display:none;
        gap: 10px 0
    }
}

.p-navi__inner-list .sub-menu {
    padding: 15px 0;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    border-top: 1px solid #c2d4e2
}

.p-navi__inner-list .sub-menu li:not(:last-of-type) {
    margin-bottom: 10px
}

.p-navi__list {
    padding-left: 0;
    margin-bottom: 30px;
    list-style: none
}

.p-navi__list--sub {
    display: grid;
    list-style: none
}

@media screen and (min-width: 1201px) {
    .p-navi__list--sub {
        grid-template-columns:repeat(4,1fr);
        gap: 5px 30px;
        padding: 0 20px 20px;
        margin: 20px 0 0;
        font-size: 16px
    }
}

@media screen and (max-width: 1200px) {
    .p-navi__list--sub {
        gap:10px 0;
        padding-left: 0;
        margin-top: 20px
    }
}

.p-navi__list-item:not(:last-of-type) {
    margin-bottom: 10px
}

.p-navi__list-item--sub {
    font-weight: 500
}

.p-navi__link {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700
}

.p-navi__link:before {
    width: 8px;
    height: 8px;
    border-top-width: 2px;
    border-right-width: 2px
}

.p-navi__link--individual,.p-navi__link--individual:hover {
    color: #0068b7
}

.p-navi__link--biz,.p-navi__link--biz:hover {
    color: #eb6d0d
}

.p-navi__link--recruit,.p-navi__link--recruit:hover {
    color: #e08d10
}

@media screen and (min-width: 1201px) {
    .p-navi__link {
        padding-left:20px;
        font-size: 25px
    }
}

@media screen and (max-width: 1200px) {
    .p-navi__link {
        padding-left:18px;
        font-size: 18px
    }
}

.p-navi__menu-wrap--individual :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #0068b7;
    border-right: 1px solid #0068b7
}

.p-navi__menu-wrap--business :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #eb6d0d;
    border-right: 1px solid #eb6d0d
}

.p-navi__menu-wrap--recruit :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #e08d10;
    border-right: 1px solid #e08d10
}

.p-navi__menu-wrap--login {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 0 70px;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto
}

.p-navi__menu-wrap :not(.p-navi__button)>a:not([class]) {
    position: relative;
    display: block;
    padding-left: 13px
}

.p-navi__menu-wrap :not(.p-navi__button)>a:not([class]):before {
    position: absolute;
    top: .7em;
    left: 0;
    width: 6px;
    height: 6px;
    content: "";
    transform: rotate(45deg)
}

.p-navi__menu-wrap :not(.p-navi__button)>a:not([class]):hover {
    text-decoration: none
}

@media screen and (min-width: 1201px) {
    .p-navi__option--only-sp {
        display:none
    }
}

@media screen and (max-width: 1200px) {
    .p-navi__option--disable-sp>a {
        position:relative;
        display: block
    }

    .p-navi__option--disable-sp>a:before,.p-navi__option--disable-sp>a:after {
        position: absolute;
        top: 50%;
        right: 0;
        width: 14px;
        height: 1px;
        content: "";
        background-color: #000;
        transition: transform .5s
    }

    .p-navi__option--disable-sp>a:after {
        transform: rotate(90deg)
    }

    .p-navi__option--disable-sp>a.is-open:before {
        transform: rotate(180deg)
    }

    .p-navi__option--disable-sp>a.is-open:after {
        transform: rotate(-180deg)
    }

    .p-navi__option--disable-sp>a+.sub-menu {
        display: none
    }
}

.p-navi__ruby {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 700
}

.p-navi__ruby--individual {
    color: #0068b7
}

.p-navi__ruby--business {
    color: #eb6d0d
}

.p-navi__ruby--recruit {
    color: #e08d10
}

.p-navi__ruby--login {
    color: #c9971c
}

.p-others {
    text-align: center
}

.p-others__button:nth-of-type(n) {
    margin-bottom: 0
}

.p-others__button--2 {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-others__button--2 {
        max-width:400px
    }

    .p-others__button--2:nth-of-type(n) {
        margin: 30px auto 50px
    }
}

@media screen and (max-width: 768px) {
    .p-others__button--2 {
        max-width:305px
    }

    .p-others__button--2:nth-of-type(n) {
        margin: 30px auto
    }
}

.p-others__heading {
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-others__heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-others__heading {
        margin-bottom:30px
    }
}

.p-others__heading-text {
    margin-bottom: 30px
}

@media screen and (max-width: 641px) {
    .p-others__heading-text {
        text-align:left
    }
}

.p-others__item {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-others__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-others__item {
        padding:30px 10px
    }
}

.p-others__item-button {
    align-self: center;
    width: 100%;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-others__item-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-others__item-button {
        max-width:305px
    }
}

.p-others__item-img {
    grid-row: 1/3;
    border-radius: 5px
}

@media screen and (max-width: 480px) {
    .p-others__item-img {
        justify-self:center
    }
}

.p-others__item-inner {
    display: grid;
    gap: 20px 25px;
    margin-bottom: 30px
}

@media screen and (min-width: 1001px) {
    .p-others__item-inner {
        grid-template-columns:200px 1fr
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-others__item-inner {
        grid-template-columns:min(200px,50%) 1fr
    }
}

.p-others__item-name {
    margin-bottom: 15px
}

.p-others__item-text--1 {
    font-weight: 700;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-others__item-text--2 {
        font-size:16px
    }
}

@media screen and (max-width: 768px) {
    .p-others__item-text--2 {
        font-size:14px
    }
}

.p-others__list {
    display: grid;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .p-others__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    .p-others__list {
        gap:20px
    }
}

.p-others__list--1 {
    display: grid;
    width: 100%;
    max-width: 685px;
    margin: 0 auto 20px
}

.p-others__list--2 {
    display: grid
}

@media screen and (min-width: 641px) {
    .p-others__list--2 {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-others__list--2 {
        gap:20px
    }
}

@media screen and (min-width: 769px) {
    .p-others__wrap {
        padding:100px 0
    }
}

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

.p-others__wrap--bg {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-page-anchor__button {
        max-width:650px;
        margin: 50px auto 0
    }
}

@media screen and (max-width: 768px) {
    .p-page-anchor__button {
        max-width:305px;
        margin: 30px auto 0
    }
}

.p-page-anchor__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: #0068b7;
    border-radius: 5px
}

.p-page-anchor__link:after {
    position: absolute;
    top: 50%;
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg)
}

.p-page-anchor__link:hover {
    color: #fff;
    text-decoration: none
}

.p-page-anchor__link.is-business {
    background-color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-page-anchor__link {
        height:70px;
        padding: 5px 45px 5px 15px;
        font-size: 22px
    }

    .p-page-anchor__link:after {
        right: 20px;
        width: 12px;
        height: 12px
    }
}

@media screen and (max-width: 768px) {
    .p-page-anchor__link {
        height:50px;
        padding: 5px 20px 5px 5px;
        font-size: 14px
    }

    .p-page-anchor__link:after {
        right: 8px;
        width: 8px;
        height: 8px
    }

    .p-page-anchor__link--small {
        font-size: 13px
    }
}

.p-page-anchor__list {
    display: grid;
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 1001px) {
    .p-page-anchor__list {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 25px
    }
}

@media screen and (max-width: 1000px) {
    .p-page-anchor__list {
        grid-template-columns:repeat(2,1fr);
        gap: 5px
    }
}

@media screen and (min-width: 769px) {
    .p-page-anchor__text {
        margin-bottom:50px;
        font-size: 20px;
        text-align: center
    }
}

@media screen and (max-width: 768px) {
    .p-page-anchor__text {
        margin-bottom:30px;
        font-size: 16px
    }
}

@media screen and (min-width: 769px) {
    .p-page-anchor__wrap {
        padding:100px 0 70px
    }
}

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

.p-page-faq__section:nth-of-type(odd) {
    background-color: #f4f8fb
}

.p-page-faq__section--business:nth-of-type(odd) {
    background-color: #fff8f5
}

.p-page-faq__head-title {
    margin-bottom: 30px;
    color: #0068b7;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-page-faq__head-title {
        margin-bottom:50px
    }
}

.p-page-faq__head-title--business {
    color: #eb6d0d
}

.p-page-faq__link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .35em 2em .35em 1em;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: break-word;
    background-color: #fff;
    border: 1px solid #c2d4e2;
    border-radius: 9999px
}

@media screen and (min-width: 769px) {
    .p-page-faq__link {
        min-width:200px;
        font-size: 14px
    }
}

.p-page-faq__link:after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -1px;
    content: "";
    border-right: 2px solid #0068b7;
    border-bottom: 2px solid #0068b7;
    transform: translateY(-50%) rotate(45deg)
}

.p-page-faq__link--business:after {
    border-right: 2px solid #eb6d0d;
    border-bottom: 2px solid #eb6d0d
}

.p-page-faq__link:hover {
    text-decoration: none
}

.p-page-faq__link-wrap {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 5px 10px
}

.p-page-faq__block {
    margin-top: 50px
}

.p-page-faq__genre-name {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-page-faq__genre-name {
        font-size:25px
    }
}

.p-page-faq__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.p-page-faq__item {
    background-color: #c8e9fb;
    border: 1px solid #c8e9fb;
    border-radius: 5px
}

.p-page-faq__item:not(:last-of-type) {
    margin-bottom: 15px
}

.p-page-faq__item--business {
    background-color: #fce9df;
    border: 1px solid #fce9df
}

.p-page-faq__question {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-page-faq__question {
        font-size:18px
    }
}

.p-page-faq__question:before {
    position: absolute;
    top: 0;
    left: -35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65em;
    height: 1.65em;
    padding-bottom: .15em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    content: "Q";
    background-color: #0068b7;
    border-radius: 50%
}

@media screen and (min-width: 769px) {
    .p-page-faq__question:before {
        left:-45px;
        font-size: 20px
    }
}

.p-page-faq__question--business {
    color: #eb6d0d
}

.p-page-faq__question--business:before {
    background-color: #eb6d0d
}

.p-page-faq__question-wrap {
    position: relative;
    padding: 10px 40px 10px 45px;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .p-page-faq__question-wrap {
        padding:10px 40px 10px 65px
    }
}

.p-page-faq__question-wrap:before,.p-page-faq__question-wrap:after {
    position: absolute;
    top: 1.25em;
    right: .65em;
    width: 20px;
    height: 2px;
    content: "";
    background-color: #242424;
    transition: transform .5s
}

@media screen and (min-width: 769px) {
    .p-page-faq__question-wrap:before,.p-page-faq__question-wrap:after {
        right:1em
    }
}

.p-page-faq__question-wrap:before {
    transform: translateY(-50%)
}

.p-page-faq__question-wrap:after {
    transform: translateY(-50%) rotate(90deg)
}

.p-page-faq__question-wrap.is-open:before {
    transform: translateY(-50%) rotate(180deg)
}

.p-page-faq__question-wrap.is-open:after {
    transform: translateY(-50%) rotate(-180deg)
}

.p-page-faq__answer {
    position: relative;
    display: block;
    font-size: 14px;
    word-break: break-all
}

@media screen and (min-width: 769px) {
    .p-page-faq__answer {
        font-size:16px
    }
}

.p-page-faq__answer:before {
    position: absolute;
    top: -5px;
    left: -35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65em;
    height: 1.65em;
    padding-bottom: .15em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    content: "A";
    background-color: #e08d10;
    border-radius: 50%
}

@media screen and (min-width: 769px) {
    .p-page-faq__answer:before {
        left:-45px;
        font-size: 20px
    }
}

.p-page-faq__answer a {
    font-weight: 700;
    color: #c41521;
    text-decoration: underline
}

.p-page-faq__answer a:hover {
    color: #c41521;
    text-decoration: none
}

.p-page-faq__answer-wrap {
    display: none;
    padding: 20px 10px 20px 45px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-page-faq__answer-wrap {
        padding:20px 20px 20px 65px
    }
}

.p-page-story__head {
    display: grid;
    gap: 0 40px;
    align-items: end;
    margin-bottom: 50px
}

@media screen and (min-width: 769px) {
    .p-page-story__head {
        grid-template-columns:1fr 50%
    }
}

@media screen and (min-width: 769px) {
    .p-page-story__heading {
        text-align:left
    }
}

@media screen and (max-width: 768px) {
    .p-page-story__heading--sub {
        text-align:center
    }
}

@media screen and (min-width: 769px) {
    .p-page-story__ruby {
        text-align:left
    }
}

.p-page-story__wrap {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #c8e9fb
}

@media screen and (min-width: 769px) {
    .p-page-story__wrap {
        border-radius:100px
    }
}

@media screen and (max-width: 768px) {
    .p-page-story__wrap {
        border-radius:30px
    }
}

.p-page-story__wrap--biz {
    background-color: #fff8f5
}

.p-page :not(.c-button,.no-icon)>a:not([class]) {
    color: #c41521;
    text-decoration: underline;
    word-break: break-word
}

.p-page :not(.c-button,.no-icon)>a:not([class])[target=_blank]:after {
    content: url(../imgs/icon_target_blank.svg)
}

.p-page :not(.c-button,.no-icon)>a:not([class])[href$=".pdf"]:after {
    vertical-align: middle;
    content: url(../imgs/icon_pdf.svg)
}

.p-page .has-text-align-center img {
    display: inline
}

.p-page__button-wrap,.p-page__button-wrap>.wp-block-group__inner-container {
    display: grid;
    place-content: center center;
    height: 100%
}

@media screen and (min-width: 769px) {
    .p-page__explanation {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-page__explanation {
        font-size:14px
    }
}

.p-page__eyecatch {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-page__eyecatch {
        grid-row:1/3;
        grid-column: 2/3
    }
}

@media screen and (max-width: 768px) {
    .p-page__eyecatch {
        margin-bottom:30px
    }
}

.p-page__header {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-page__header {
        padding:30px 0
    }
}

@media screen and (max-width: 768px) {
    .p-page__header {
        padding:15px 0 40px
    }
}

.p-page__header.is-business {
    background-color: #fff8f5
}

.p-page__header-inner {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-page__header-inner {
        min-height:258px
    }
}

@media screen and (max-width: 768px) {
    .p-page__header-inner {
        min-height:156px
    }
}

@media screen and (min-width: 769px) {
    .p-page__header-inner.has-eyecatch {
        grid-template-columns:1fr 50%;
        gap: 0 10%
    }
}

@media screen and (max-width: 768px) {
    .p-page__header-inner.has-eyecatch {
        justify-content:center;
        text-align: center
    }
}

.p-page__submit>a,.p-page__submit input[type=submit] {
    padding: 7px 15px
}

.p-page__submit-wrap {
    display: grid;
    gap: 20px;
    align-items: center;
    max-width: 600px!important;
    margin: 0 auto
}

.p-page__submit-wrap>*:nth-of-type(n) {
    margin-bottom: 0
}

@media screen and (min-width: 769px) {
    .p-page__submit-wrap {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-page__title {
    align-self: end;
    line-height: 1.4
}

@media screen and (min-width: 769px) {
    .p-page__title {
        margin-bottom:50px;
        word-break: auto-phrase
    }
}

@media screen and (max-width: 768px) {
    .p-page__title {
        margin-bottom:20px
    }
}

.p-pc-navi__button a {
    display: block;
    border-radius: 5px
}

.p-pc-navi__emphasis {
    font-size: 1.25em
}

.p-pc-navi__has-submenu {
    position: relative;
    display: block;
    padding: 12px 35px 12px 15px;
    cursor: pointer;
    transition: opacity .5s
}

:hover>.p-pc-navi__has-submenu {
    opacity: .7
}

.p-pc-navi__has-submenu--individual {
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    background-color: #0068b7
}

.p-pc-navi__has-submenu--business {
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    background-color: #eb6d0d
}

.p-pc-navi__has-submenu--recruit:before,.p-pc-navi__has-submenu--recruit:after {
    background-color: #0068b7
}

.p-pc-navi__has-submenu--login {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #c9971c
}

.p-pc-navi__lower {
    display: grid;
    grid-template-columns: repeat(2,1fr) repeat(3,16.1290322581%);
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (min-width: 1541px) {
    .p-pc-navi__lower {
        width:1240px
    }
}

@media screen and (max-width: 1540px) {
    .p-pc-navi__lower {
        width:100%
    }
}

.p-pc-navi__lower-item {
    font-size: 18px;
    color: #0068b7;
    text-align: center;
    white-space: nowrap
}

.p-pc-navi__lower-item--aboutus {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 6px 15px;
    line-height: 1.2;
    white-space: wrap;
    border-top: 1px solid #c2d4e2
}

.p-pc-navi__lower-item--aboutus:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 60%;
    content: "";
    background-color: #c2d4e2;
    transform: translateY(-50%)
}

.p-pc-navi__lower-item--aboutus:hover {
    color: #0068b7;
    text-decoration: none
}

.p-pc-navi__lower-item--recruit {
    border-top: 1px solid #c2d4e2
}

.p-pc-navi__menu {
    position: relative;
    display: grid;
    grid-template-columns: 330px 1fr;
    gap: 0 5.8%;
    width: 100%;
    max-width: 1720px;
    padding: 20px 10px;
    margin: 0 auto;
    text-align: left
}

.p-pc-navi__menu:before {
    position: absolute;
    top: 30px;
    left: calc(340px + 2.9%);
    width: 1px;
    height: calc(100% - 80px);
    content: "";
    background-color: #c2d4e2
}

.p-pc-navi__menu-inner {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 20px;
    margin-bottom: 20px
}

.p-pc-navi__menu-list {
    padding-left: 0;
    margin-bottom: 30px;
    list-style: none
}

.p-pc-navi__menu-title {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
    text-wrap: wrap
}

.p-pc-navi__menu-title--h3 {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 700;
    text-align: center
}

.p-pc-navi__menu-title--h3 span:not([class]) {
    font-size: 20px
}

.p-pc-navi__menu-wrap {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    max-height: calc(100vh - 113px);
    overflow-y: auto;
    color: #242424;
    white-space: wrap;
    visibility: hidden;
    background-color: #f4f8fb;
    opacity: 0;
    transition: opacity .5s;
    transform: translate(-50%)
}

.p-pc-navi__menu-wrap.is-active {
    visibility: visible;
    opacity: 1
}

.p-pc-navi__upper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 3% 10px 10px;
    font-size: 14px
}

.p-pc-navi__upper-link {
    display: flex;
    gap: 0 5px;
    align-items: center;
    padding: 0 35px 0 30px;
    line-height: 1.2;
    color: #0068b7
}

.p-pc-navi__upper-link:hover {
    color: #0068b7;
    text-decoration: none
}

.p-pc-navi__upper-link.add-line {
    position: relative;
    padding-left: 20px
}

.p-pc-navi__upper-link.add-line:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 60%;
    content: "";
    background-color: #c2d4e2;
    transform: translateY(-50%)
}

.p-pc-navi__upper-link--appli {
    padding: 6px 25px;
    font-weight: 900;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (max-width: 1200px) {
    .p-pc-navi__wrap {
        display:none
    }
}

.p-recruit-about__box {
    padding: 35px 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.p-recruit-about__box--column {
    display: grid;
    gap: 10px 40px;
    text-align: left
}

@media screen and (min-width: 769px) {
    .p-recruit-about__box--column {
        grid-template-columns:1fr 2fr
    }
}

.p-recruit-about__box--left {
    text-align: left
}

.p-recruit-about__comment {
    font-size: .75rem;
    text-align: center
}

.p-recruit-about__heading {
    margin-bottom: 20px
}

.p-recruit-about__heading--h4 {
    padding-bottom: .5em;
    margin: 15px 0;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 1px solid #ededed
}

.p-recruit-about__heading--mt0 {
    margin-top: 0
}

.p-recruit-about__img {
    position: relative
}

@media screen and (min-width: 769px) {
    .p-recruit-about__img {
        width:53.333%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-about__img {
        width:100%;
        margin-top: 30px
    }
}

.p-recruit-about__img:after {
    position: absolute;
    right: -20%;
    bottom: -20%;
    z-index: -1;
    width: 66%;
    height: 66%;
    content: "";
    background-color: #f2faff
}

.p-recruit-about__img--box {
    margin: 0 auto
}

.p-recruit-about__lead {
    box-sizing: border-box;
    margin: 0;
    font-weight: 400;
    color: #0072b9;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-recruit-about__lead {
        padding:0 20px 100px;
        font-size: 2.5rem
    }
}

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

.p-recruit-about__list {
    padding-left: .5em;
    margin: 20px 0;
    counter-reset: number_list
}

.p-recruit-about__list>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 1em;
    line-height: 1.6;
    list-style: none
}

.p-recruit-about__list>li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    font-size: .875rem;
    line-height: 25px;
    color: #fff;
    text-align: center;
    content: counter(number_list);
    counter-increment: number_list;
    background-color: #0072b9;
    border-radius: 50%
}

@media screen and (min-width: 769px) {
    .p-recruit-about__list>li:before {
        top:2px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-about__list>li:before {
        top:0
    }
}

.p-recruit-about__plus {
    margin: 15px 0;
    font-family: "Font Awesome 6 Free";
    color: #0072b9;
    text-align: center
}

.p-recruit-about__table {
    border-collapse: collapse
}

@media screen and (max-width: 768px) {
    .p-recruit-about__table {
        font-size:14px
    }
}

.p-recruit-about__table th {
    font-weight: 400;
    text-align: left;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb
}

@media screen and (min-width: 769px) {
    .p-recruit-about__table th {
        padding:.75em 1.25em
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-about__table th {
        padding:.5em .75em
    }
}

.p-recruit-about__table td {
    text-align: left;
    background-color: #fff;
    border: 1px solid #ebebeb
}

@media screen and (min-width: 769px) {
    .p-recruit-about__table td {
        padding:.75em 1.25em
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-about__table td {
        padding:.5em .75em
    }
}

.p-recruit-about__thinking {
    text-align: center
}

.p-recruit-about__thinking-inner {
    display: grid;
    gap: 15px 0
}

.p-recruit-about__work {
    display: grid;
    gap: 15px 0;
    justify-items: center;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.p-recruit-entry__anchor {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: .875em;
    line-height: 1.3;
    color: #0072b9;
    text-decoration: none;
    border: 1px solid #efefef
}

.p-recruit-entry__anchor:after {
    position: absolute;
    top: 50%;
    right: 15px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0072b9;
    content: "";
    transform: translateY(-50%)
}

.p-recruit-entry__anchor:hover {
    color: #0072b9;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__anchor {
        padding:10px 50px 10px 15px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-entry__anchor {
        padding:10px 30px 10px 15px;
        font-size: 12px
    }
}

.p-recruit-entry__anchor-wrap {
    display: grid;
    gap: 10px;
    margin: 30px 0 50px
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__anchor-wrap {
        grid-template-columns:repeat(6,1fr)
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-entry__anchor-wrap {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-recruit-entry__anchor-wrap--2 {
    grid-template-columns: repeat(2,1fr);
    margin-bottom: 0
}

.p-recruit-entry__banner {
    background-color: #fff;
    border: 1px solid #ccc
}

.p-recruit-entry__banner-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px
}

.p-recruit-entry__box {
    background-color: #fff;
    border: 3px solid #ebebeb
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__box {
        padding:30px 50px
    }
}

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

.p-recruit-entry__box--blue {
    text-align: center;
    border: 3px solid #0072b9
}

.p-recruit-entry__box--mb {
    margin-bottom: 30px
}

.p-recruit-entry__comment {
    margin-bottom: 20px
}

.p-recruit-entry__comment--center {
    text-align: center
}

.p-recruit-entry__comment--bold {
    font-weight: 700
}

.p-recruit-entry__flow {
    display: grid;
    padding-left: 0;
    margin: 15px 0 30px;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__flow {
        grid-template-columns:repeat(4,1fr);
        gap: 25px 0
    }
}

.p-recruit-entry__flow-img {
    margin-top: 20px
}

.p-recruit-entry__flow-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 10px 20px;
    font-size: .875rem;
    text-align: center;
    background-color: #fff;
    border: 3px solid #ebebeb
}

.p-recruit-entry__flow-item {
    position: relative;
    padding: 0 35px 0 5px
}

.p-recruit-entry__flow-item:not(:last-of-type):after {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -4px;
    content: "";
    border: 0;
    border-top: 1px solid #0072b9;
    border-right: 1px solid #0072b9
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__flow-item {
        padding:0 35px 0 5px
    }

    .p-recruit-entry__flow-item:not(:last-of-type):after {
        top: 50%;
        right: 0;
        transform: translate(-50%) rotate(45deg)
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-entry__flow-item {
        padding:0 0 25px;
        margin-bottom: 15px
    }

    .p-recruit-entry__flow-item:not(:last-of-type):after {
        top: auto;
        right: 50%;
        bottom: 0;
        margin-right: -10px;
        transform: translate(0) rotate(135deg)
    }
}

.p-recruit-entry__flow-number {
    display: inline-block;
    line-height: 1.5;
    color: #f86b22;
    border-bottom: 1px solid #f86b22
}

.p-recruit-entry__flow-text {
    margin: 10px 0 15px
}

.p-recruit-entry__heading--h3 {
    margin-bottom: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0072b9
}

.p-recruit-entry__heading--h4 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5
}

.p-recruit-entry__inner {
    display: grid;
    gap: 20px
}

@media screen and (min-width: 1501px) {
    .p-recruit-entry__inner {
        grid-template-columns:310px 1fr
    }
}

.p-recruit-entry__table th {
    text-align: left
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__table th {
        width:200px;
        padding: 1em 1.25em 3em;
        vertical-align: top;
        border-top: 1px solid #0072b9
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-entry__table th {
        position:relative;
        display: block;
        width: 100%;
        padding: .5em 0;
        font-size: .875rem;
        color: #333;
        border: none;
        border-bottom: 1px solid #ebebeb
    }

    .p-recruit-entry__table th:before {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 50px;
        height: 1px;
        content: "";
        background-color: #0072b9
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-entry__table td {
        padding:1em 1.25em 3em;
        border-top: 1px solid #ebebeb
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-entry__table td {
        display:block;
        width: 100%;
        padding: .5em 0;
        margin-bottom: 1.5em;
        border: none
    }
}

.p-recruit-entry__table td strong {
    display: inline-block;
    font-weight: 700;
    color: #0072b9
}

.p-recruit-entry__table td strong:not(:first-of-type) {
    margin-top: 20px
}

.p-recruit-entry__table--2 {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse
}

.p-recruit-entry__table--2 th {
    padding: .75em 1.25em;
    text-align: left;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb
}

.p-recruit-entry__table--2 td {
    padding: .75em 1.25em;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.p-recruit-entry__tag {
    display: inline-block;
    padding: 2px 10px;
    margin-right: 10px;
    font-size: 1rem;
    color: #fff;
    background-color: #aaa
}

.p-recruit-environment__anchor {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: .875em;
    line-height: 1.3;
    color: #0072b9;
    text-decoration: none;
    border: 1px solid #efefef
}

.p-recruit-environment__anchor:after {
    position: absolute;
    top: 50%;
    right: 15px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #0072b9;
    content: "";
    transform: translateY(-50%)
}

.p-recruit-environment__anchor:hover {
    color: #0072b9;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__anchor {
        padding:10px 50px 10px 15px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-environment__anchor {
        padding:10px 30px 10px 15px;
        font-size: 12px
    }
}

.p-recruit-environment__anchor.is-select {
    color: #fff;
    background-color: #0072b9
}

.p-recruit-environment__anchor.is-select:after {
    color: #fff;
    content: ""
}

.p-recruit-environment__anchor.is-select:hover {
    color: #fff
}

.p-recruit-environment__anchor-wrap {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__anchor-wrap {
        grid-template-columns:repeat(3,1fr);
        gap: 0 10px;
        margin-top: 30px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-environment__anchor-wrap {
        grid-template-columns:repeat(2,1fr);
        gap: 5px;
        margin-top: 20px
    }
}

.p-recruit-environment__column {
    display: grid;
    gap: 20px 40px
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__column {
        grid-template-columns:2fr 1fr
    }
}

.p-recruit-environment__flow {
    position: relative;
    display: grid;
    padding: 20px 0 50px
}

.p-recruit-environment__flow:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    content: "";
    background-color: #0072b9;
    transform: translate(-50%)
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-environment__flow {
        gap:30px 0
    }
}

.p-recruit-environment__flow-comment {
    margin: 30px 0 0;
    font-size: 1.5em;
    color: #f86b22;
    text-align: center
}

.p-recruit-environment__flow-heading {
    margin-top: -2px;
    text-align: center
}

.p-recruit-environment__flow-heading span {
    display: inline-block;
    padding: 5px 25px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #fff;
    background-color: #0072b9
}

.p-recruit-environment__flow-inner {
    display: grid;
    gap: 20px;
    align-content: start
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-inner--left {
        justify-content:end;
        justify-items: end;
        text-align: right
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-inner--right {
        grid-column:2/3;
        justify-content: start
    }
}

.p-recruit-environment__flow-img {
    position: relative
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-img--left {
        padding-right:50px
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-img--right {
        padding-left:50px
    }
}

.p-recruit-environment__flow-item {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    text-align: left;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-item:before {
        position:absolute;
        top: 20px;
        z-index: 1;
        width: 9px;
        height: 9px;
        content: "";
        background-color: #f86b22;
        border-radius: 50%
    }

    .p-recruit-environment__flow-item:after {
        position: absolute;
        top: 15px;
        width: 0;
        height: 0;
        content: ""
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-item--left {
        margin-right:20px
    }

    .p-recruit-environment__flow-item--left:before {
        right: -24px
    }

    .p-recruit-environment__flow-item--left:after {
        right: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #fff
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-item--right {
        margin-left:20px
    }

    .p-recruit-environment__flow-item--right:before {
        left: -24px
    }

    .p-recruit-environment__flow-item--right:after {
        left: -10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #fff;
        border-bottom: 10px solid transparent
    }
}

.p-recruit-environment__flow-item--column {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__flow-item--column {
        grid-template-columns:repeat(3,1fr)
    }

    .p-recruit-environment__flow-item--column div:not(:first-of-type) {
        padding-left: 20px;
        border-left: 1px solid #ededed
    }

    .p-recruit-environment__flow-item--column div:not(:last-of-type) {
        padding-right: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-environment__flow-item--column div:not(:first-of-type) {
        padding-top:10px;
        border-top: 1px solid #ededed
    }

    .p-recruit-environment__flow-item--column div:not(:last-of-type) {
        padding-bottom: 10px
    }
}

.p-recruit-environment__flow-list {
    font-size: 12px
}

.p-recruit-environment__flow-name {
    margin-bottom: 5px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0072b9
}

.p-recruit-environment__flow-text {
    font-size: 12px
}

.p-recruit-environment__heading {
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-recruit-environment__heading {
        font-size:32px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-environment__heading {
        font-size:21px
    }
}

.p-recruit-environment__wrap {
    position: relative;
    background-color: #f2faff
}

@media screen and (min-width: 1025px) {
    .p-recruit-environment__wrap {
        padding:100px 80px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit-environment__wrap {
        padding:50px 20px 70px
    }
}

.p-recruit-welfare__caption {
    font-size: 14px;
    text-align: center
}

.p-recruit-welfare__column {
    display: grid;
    gap: 20px 40px;
    justify-items: center
}

@media screen and (min-width: 1201px) {
    .p-recruit-welfare__column {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (min-width: 641px) and (max-width: 1200px) {
    .p-recruit-welfare__column {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-recruit-welfare__dlist dd {
    margin-bottom: 1em
}

.p-recruit-welfare__dlist-title {
    font-weight: 700
}

.p-recruit-welfare__heading {
    margin-bottom: 30px
}

.p-recruit-welfare__heading--h3 {
    padding-bottom: .5em;
    margin: 15px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 1px solid #ededed
}

.p-recruit-welfare__heading--right {
    text-align: right
}

.p-recruit-welfare__img {
    margin: 0 auto
}

.p-recruit-welfare__item {
    display: grid;
    gap: 20px 40px;
    padding: 20px;
    background-color: #fff
}

@media screen and (min-width: 769px) {
    .p-recruit-welfare__item {
        grid-template-columns:1fr 2fr
    }
}

.p-recruit-welfare__list {
    margin-bottom: 20px
}

.p-recruit-welfare__table th {
    text-align: left;
    vertical-align: top
}

@media screen and (min-width: 769px) {
    .p-recruit-welfare__table th {
        width:200px;
        padding: 20px;
        border-top: 1px solid #0072b9
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-welfare__table th {
        display:block;
        width: 100%;
        padding: 5px 0;
        font-size: 1.2em
    }
}

.p-recruit-welfare__table td {
    border-top: 1px solid #ebebeb
}

@media screen and (min-width: 769px) {
    .p-recruit-welfare__table td {
        padding:20px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-welfare__table td {
        position:relative;
        display: block;
        width: 100%;
        padding: 10px 0;
        margin-bottom: 20px
    }

    .p-recruit-welfare__table td:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 1px;
        content: "";
        background-color: #0072b9
    }
}

.p-recruit-welfare__text {
    font-size: 14px
}

.p-recruit-woman__column {
    display: grid;
    gap: 20px 40px
}

@media screen and (min-width: 769px) {
    .p-recruit-woman__column {
        grid-template-columns:313px 1fr
    }
}

.p-recruit-woman__heading {
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-recruit-woman__heading {
        font-size:32px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-woman__heading {
        font-size:21px
    }
}

.p-recruit-woman__heading--right {
    text-align: right
}

.p-recruit-woman__img {
    margin: 0 auto
}

.p-recruit-woman__item {
    font-size: 14px;
    transition: opacity .5s
}

.p-recruit-woman__item:hover {
    text-decoration: none
}

.p-recruit-woman__list {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-recruit-woman__list {
        grid-template-columns:repeat(4,1fr);
        gap: 20px 40px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-woman__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 10px
    }
}

.p-recruit-woman__text {
    margin-bottom: 20px
}

.p-recruit-works__box {
    position: relative;
    height: 100%;
    padding: 10px 20px;
    font-size: .875rem;
    text-align: center;
    background-color: #fff;
    border: 3px solid #ebebeb
}

@media screen and (max-width: 768px) {
    .p-recruit-works__box {
        display:grid;
        grid-template-columns: 50px 1fr;
        gap: 0 15px;
        align-items: center
    }
}

.p-recruit-works__clock {
    margin: 0 auto 15px
}

.p-recruit-works__comment {
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .p-recruit-works__comment {
        text-align:left
    }
}

.p-recruit-works__heading {
    position: relative;
    margin-bottom: 20px
}

.p-recruit-works__heading:before {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    content: "";
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width: 769px) {
    .p-recruit-works__heading {
        font-size:32px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-works__heading {
        font-size:21px
    }
}

.p-recruit-works__heading--deposit:before {
    background-image: url(../imgs/recruit_works-icon_01.svg)
}

.p-recruit-works__heading--financing:before {
    background-image: url(../imgs/recruit_works-icon_02.svg)
}

.p-recruit-works__heading--relations:before {
    background-image: url(../imgs/recruit_works-icon_03.svg)
}

@media screen and (min-width: 769px) {
    .p-recruit-works__img {
        grid-row:1/2;
        grid-column: 1/2
    }
}

.p-recruit-works__schedule {
    position: relative;
    display: grid;
    gap: 15px 35px
}

.p-recruit-works__schedule:before {
    position: absolute;
    content: "";
    background-color: #0072b9
}

@media screen and (min-width: 769px) {
    .p-recruit-works__schedule {
        grid-template-columns:repeat(5,1fr)
    }

    .p-recruit-works__schedule:before {
        top: 50%;
        left: 0;
        width: 100%;
        height: 3px;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 768px) {
    .p-recruit-works__schedule:before {
        top:0;
        left: 50%;
        width: 3px;
        height: 100%;
        transform: translate(-50%)
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-works__schedule--4 {
        grid-template-columns:repeat(4,1fr)
    }
}

@media screen and (min-width: 769px) {
    .p-recruit-works__schedule--6 {
        grid-template-columns:repeat(6,1fr)
    }
}

.p-recruit-works__time {
    display: block;
    color: #0072b9
}

@media screen and (min-width: 769px) {
    .p-recruit__about {
        display:flex;
        flex-direction: row-reverse
    }
}

.p-recruit__about-catch {
    margin-bottom: 5%
}

.p-recruit__about-text {
    z-index: 1
}

@media screen and (min-width: 769px) {
    .p-recruit__about-text {
        width:46.666%;
        padding: 5% 0 0 5%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__about-text {
        width:100%;
        padding: 0
    }
}

.p-recruit__about-text #about_svg_animation {
    enable-background: new 0 0 600 140;
    max-width: 100%;
    height: auto
}

.p-recruit__about-text #about_svg_animation .st0 {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 3
}

@media screen and (min-width: 1025px) {
    .p-recruit__about-subtext {
        padding-left:25%
    }
}

.p-recruit__about-subtext p {
    line-height: 3
}

.p-recruit__body {
    animation: fadeIn 3s ease 0s 1 normal
}

.p-recruit__button {
    position: relative;
    display: inline-block;
    padding: 15px 60px 15px 20px;
    margin-right: 10px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background-color: #0072b9;
    border: 1px solid #0072b9;
    transition: .3s
}

.p-recruit__button:after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    transform: translateY(-50%)
}

.p-recruit__button:hover {
    color: #fff;
    text-decoration: none
}

.p-recruit__button .small {
    font-size: 12px
}

.p-recruit__button--interview {
    color: #0072b9;
    background-color: transparent
}

.p-recruit__button--interview:hover {
    color: #fff;
    background-color: #0072b9
}

.p-recruit__button-wrap {
    margin: 15px 0
}

.p-recruit__button-wrap--center {
    text-align: center
}

.p-recruit__column {
    display: grid
}

@media screen and (min-width: 769px) {
    .p-recruit__column {
        grid-template-columns:repeat(3,1fr);
        gap: 0 40px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__column {
        gap:60px 0
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__column--2 {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 40px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__column--2 {
        gap:10px 0
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__column--about-work {
        gap:10px 0
    }
}

.p-recruit__column--mt {
    margin-top: 15px
}

.p-recruit__column--mb {
    margin-bottom: 15px
}

.p-recruit__entry {
    position: relative;
    display: block;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: opacity .3s
}

.p-recruit__entry:hover {
    color: #fff;
    text-decoration: none
}

.p-recruit__entry span {
    display: block;
    font-family: Oswald,Noto Sans JP,Yu Gothic,游ゴシック体,Yu Gothic Medium,游ゴシック Medium,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 1025px) {
    .p-recruit__entry {
        padding:15px;
        font-size: 16px
    }

    .p-recruit__entry:after {
        position: absolute;
        top: 50%;
        right: 10px;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: "";
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__entry {
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 60px;
        padding: 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .p-recruit__entry span {
        font-size: 10px
    }
}

.p-recruit__entry--new {
    background-color: #fe9000
}

.p-recruit__entry--career {
    background-color: #f86b22
}

.p-recruit__entry-wrap {
    display: grid;
    gap: 15px 0
}

@media screen and (min-width: 1025px) {
    .p-recruit__entry-wrap {
        padding:30px 20px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__entry-wrap {
        position:absolute;
        top: 0;
        right: 60px;
        grid-template-columns: repeat(2,1fr)
    }
}

.p-recruit__environment {
    position: relative
}

.p-recruit__environment:after {
    position: absolute;
    left: 0;
    z-index: -1;
    content: "";
    background-color: #f2faff
}

@media screen and (min-width: 1025px) {
    .p-recruit__environment {
        padding:100px 80px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__environment {
        padding:50px 20px 70px
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__environment:after {
        top:140px;
        width: 81%;
        height: 80%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__environment:after {
        top:0;
        width: 90%;
        height: 100%
    }
}

.p-recruit__environment-block {
    display: grid;
    gap: 20px
}

@media screen and (min-width: 769px) {
    .p-recruit__environment-head {
        width:400px;
        margin: 0 0 60px auto
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__environment-head {
        margin-bottom:30px
    }
}

@media screen and (min-width: 1301px) {
    .p-recruit__environment-heading {
        font-size:26px
    }
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
    .p-recruit__environment-heading {
        font-size:22px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__environment-heading {
        font-size:18px
    }
}

.p-recruit__environment-img {
    width: 100%
}

.p-recruit__heading {
    font-family: Montserrat,Noto Sans JP,Yu Gothic,游ゴシック体,Yu Gothic Medium,游ゴシック Medium,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif
}

@media screen and (min-width: 769px) {
    .p-recruit__heading {
        font-size:56px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__heading {
        font-size:40px
    }
}

.p-recruit__heading--h3 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #0072b9
}

@media screen and (min-width: 769px) {
    .p-recruit__heading--h3 {
        font-size:1.5rem
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__heading--h3 {
        font-size:1.375rem
    }
}

.p-recruit__heading--h3 .small {
    font-size: .75rem
}

.p-recruit__heading--sub {
    display: block;
    color: #eb6d0d
}

.p-recruit__heading--right {
    text-align: right
}

.p-recruit__interview {
    position: relative
}

.p-recruit__interview:after {
    position: absolute;
    top: 10%;
    right: 0;
    z-index: -1;
    width: 80%;
    height: 90%;
    content: "";
    background-color: #f2faff
}

@media screen and (min-width: 1401px) {
    .p-recruit__interview {
        padding:100px 80px
    }
}

@media screen and (max-width: 1400px) {
    .p-recruit__interview {
        padding:50px 20px 70px;
        font-size: 14px;
        text-align: right
    }
}

.p-recruit__interview-img {
    object-fit: cover
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-img {
        aspect-ratio:175/92
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-img {
        aspect-ratio:1/1
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-info {
        max-width:380px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-info {
        order:1
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-inner {
        display:grid;
        grid-template-columns: auto 1fr;
        gap: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-inner {
        display:flex;
        flex-direction: column
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-item {
        display:grid;
        grid-template-columns: 75% 25%
    }
}

.p-recruit__interview-item-inner {
    position: relative
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-item-inner {
        align-self:end;
        padding: 50% 0 10% 4.5%
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-slider {
        grid-column:1/3
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-slider {
        order:2
    }
}

.p-recruit__interview-text {
    display: block;
    margin-bottom: 20px
}

.p-recruit__interview-thumb li.is-active {
    border: 3px solid #0072b9!important
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-thumb {
        order:3
    }
}

.p-recruit__interview-title {
    filter: drop-shadow(0 0 3px rgba(255,255,255,.3));
    transform: rotate(-5deg)
}

@media screen and (min-width: 769px) {
    .p-recruit__interview-title {
        position:absolute;
        top: 0;
        right: 0;
        width: auto;
        max-width: initial;
        height: 30%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__interview-title {
        max-width:90%;
        padding: 0 20px;
        margin-top: -30px;
        margin-bottom: 30px
    }
}

.p-recruit__navi {
    padding-left: 0;
    list-style: none
}

@media screen and (max-width: 1024px) {
    .p-recruit__navi {
        height:100vh;
        padding: 0 20px;
        visibility: hidden;
        background-color: #0072b9;
        opacity: 0;
        transition: opacity .5s
    }

    .p-recruit__navi.is-active {
        visibility: visible;
        opacity: 1
    }

    .p-recruit__navi a[href]:after {
        display: inline-block;
        margin-left: 1em;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        content: ""
    }
}

.p-recruit__navi>li {
    position: relative;
    margin-top: -1px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.p-recruit__navi>li>a {
    display: block;
    font-size: .875rem;
    text-decoration: none;
    cursor: pointer;
    transition: color .3s
}

@media screen and (min-width: 1025px) {
    .p-recruit__navi>li>a {
        padding:20px;
        color: #333;
        background-color: #f9f9f9
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__navi>li>a {
        padding:20px 10px;
        color: #fff
    }
}

.p-recruit__navi>li .sub-menu {
    list-style: none
}

.p-recruit__navi>li .sub-menu a {
    display: block;
    margin-bottom: 10px;
    font-size: .875rem;
    color: #fff;
    text-decoration: none;
    transition: opacity .3s
}

@media screen and (min-width: 1025px) {
    .p-recruit__navi>li .sub-menu {
        position:absolute;
        top: 0;
        left: 200px;
        width: 230px;
        padding: 30px;
        background-color: #0072b9
    }

    .p-recruit__navi>li .sub-menu:before {
        position: absolute;
        top: 25px;
        left: -10px;
        width: 0;
        height: 0;
        content: "";
        border-top: 8px solid transparent;
        border-right: 10px solid #0072b9;
        border-bottom: 8px solid transparent;
        opacity: 0;
        transition: .3s
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__navi>li .sub-menu {
        padding-left:30px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1025px) {
    .p-recruit__navi>li.menu-item-has-children:not(:hover) .sub-menu {
        height:0;
        overflow: hidden;
        opacity: 0
    }

    .p-recruit__navi>li.menu-item-has-children:hover .sub-menu {
        transition: all .3s
    }

    .p-recruit__navi>li.menu-item-has-children:hover .sub-menu:before {
        opacity: 1
    }
}

.p-recruit__news {
    display: grid;
    gap: 50px 40px
}

@media screen and (min-width: 1421px) {
    .p-recruit__news {
        grid-template-columns:auto 940px;
        justify-content: space-between
    }
}

@media screen and (min-width: 769px) and (max-width: 1420px) {
    .p-recruit__news {
        grid-template-columns:auto 1fr;
        justify-content: space-between
    }
}

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

@media screen and (min-width: 769px) {
    .p-recruit__news-date {
        font-size:14px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__news-date {
        font-size:12px
    }
}

.p-recruit__news-item {
    border-bottom: 1px solid #ededed
}

.p-recruit__news-link {
    display: grid;
    align-items: baseline;
    padding: 15px 0
}

.p-recruit__news-link:hover {
    text-decoration: none
}

@media screen and (min-width: 641px) {
    .p-recruit__news-link {
        grid-template-columns:auto 110px 1fr;
        gap: 15px
    }
}

@media screen and (max-width: 640px) {
    .p-recruit__news-link {
        grid-template-columns:auto 1fr;
        gap: 10px
    }
}

.p-recruit__news-list {
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-recruit__news-list {
        grid-row:1/3;
        grid-column: 2/3
    }
}

.p-recruit__news-tag {
    display: inline-block;
    width: 110px;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 700;
    color: #eb6d0d;
    text-align: center;
    background-color: #fce9df;
    border-radius: 5px
}

.p-recruit__news-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 640px) {
    .p-recruit__news-title {
        grid-column:1/3
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__news-wrap {
        padding-top:80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__news-wrap {
        padding-top:50px;
        padding-bottom: 50px
    }
}

.p-recruit__recruit {
    display: grid;
    gap: 10px 40px;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (min-width: 641px) {
    .p-recruit__recruit {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-recruit__recruit-button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    text-decoration: none;
    transition: opacity .3s
}

.p-recruit__recruit-button:after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    transform: translateY(-50%)
}

.p-recruit__recruit-button:hover {
    color: #fff;
    text-decoration: none
}

.p-recruit__recruit-button span {
    display: block;
    font-family: Oswald,Noto Sans JP,Yu Gothic,游ゴシック体,Yu Gothic Medium,游ゴシック Medium,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-recruit__recruit-button {
        height:80px;
        padding: 15px;
        font-size: 27px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__recruit-button {
        height:60px;
        font-size: 20px
    }
}

.p-recruit__recruit-button--new {
    background-color: #fe9000
}

.p-recruit__recruit-button--career {
    background-color: #f86b22
}

@media screen and (min-width: 769px) {
    .p-recruit__recruit-wrap {
        padding:60px 20px 0
    }
}

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

.p-recruit__section {
    position: relative
}

@media screen and (min-width: 1025px) {
    .p-recruit__section {
        padding:100px 80px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__section {
        padding:50px 20px 70px
    }
}

.p-recruit__section--bg-left:after {
    position: absolute;
    top: 10%;
    left: 0;
    z-index: -1;
    width: 80%;
    height: 90%;
    content: "";
    background-color: #f2faff
}

.p-recruit__section--bg-left2:after {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: -1;
    width: 80%;
    height: 50%;
    content: "";
    background-color: #f2faff
}

.p-recruit__section--bg-right:after {
    position: absolute;
    top: 10%;
    right: 0;
    z-index: -1;
    width: 80%;
    height: 90%;
    content: "";
    background-color: #f2faff
}

.p-recruit__section--bg-right2:after {
    position: absolute;
    top: 25%;
    right: 0;
    z-index: -1;
    width: 80%;
    height: 50%;
    content: "";
    background-color: #f2faff
}

.p-recruit__section--works,.p-recruit__section--welfare,.p-recruit__section--archive,.p-recruit__section--entry {
    padding-top: 0;
    padding-bottom: 30px
}

@media screen and (min-width: 769px) {
    .p-recruit__section--works:not(:last-of-type),.p-recruit__section--welfare:not(:last-of-type),.p-recruit__section--archive:not(:last-of-type),.p-recruit__section--entry:not(:last-of-type) {
        margin-bottom:120px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__section--works:not(:last-of-type),.p-recruit__section--welfare:not(:last-of-type),.p-recruit__section--archive:not(:last-of-type),.p-recruit__section--entry:not(:last-of-type) {
        margin-bottom:60px
    }
}

.p-recruit__slider {
    height: 100%
}

.p-recruit__slider-img {
    width: 100%;
    object-fit: cover
}

@media screen and (min-width: 1025px) {
    .p-recruit__slider-img {
        height:913px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__slider-img {
        height:70vh
    }
}

.p-recruit__slider-text {
    position: absolute;
    top: 60%;
    z-index: 10;
    width: 100%;
    text-align: center;
    transform: translateY(-50%)
}

@media screen and (min-width: 1025px) {
    .p-recruit__slider-text {
        padding:0 50px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__slider-text {
        padding:0 20px
    }
}

.p-recruit__slider-text #main_svg_animation {
    enable-background: new 0 0 1010 150;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 5px rgba(0,0,0,.3))
}

.p-recruit__slider-text #main_svg_animation .st0 {
    fill: none;
    stroke: #fff;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    stroke-width: 15px
}

.p-recruit__slider-wrap {
    position: relative
}

.p-recruit__tenpo {
    display: grid;
    gap: 15px 40px;
    background-color: #fff;
    border: 3px solid #ebebeb
}

@media screen and (min-width: 769px) {
    .p-recruit__tenpo {
        grid-template-columns:repeat(2,1fr);
        padding: 30px 50px
    }
}

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

@media screen and (min-width: 769px) {
    .p-recruit__tenpo-img {
        grid-row:1/2;
        grid-column: 1/2
    }
}

.p-recruit__title {
    font-family: Noto Sans JP,Yu Gothic,游ゴシック体,Yu Gothic Medium,游ゴシック Medium,ヒラギノ角ゴ Pro W3,メイリオ,sans-serif;
    font-feature-settings: "palt";
    letter-spacing: 5px
}

@media screen and (min-width: 769px) {
    .p-recruit__title {
        font-size:48px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__title {
        font-size:28px
    }
}

.p-recruit__title-comment {
    margin: 15px 0
}

.p-recruit__title-wrap {
    position: relative;
    border-bottom: 1px solid #ebebeb
}

.p-recruit__title-wrap:before {
    position: absolute;
    z-index: -1;
    content: "";
    background-color: #f2faff
}

@media screen and (min-width: 769px) {
    .p-recruit__title-wrap {
        padding-bottom:50px;
        margin-bottom: 80px
    }

    .p-recruit__title-wrap:before {
        top: -10px;
        left: -20px;
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__title-wrap {
        padding-bottom:30px;
        margin-bottom: 50px
    }

    .p-recruit__title-wrap:before {
        top: 0;
        left: -10px;
        width: 30px;
        height: 30px
    }
}

.p-recruit__title-wrap--environment,.p-recruit__title-wrap--entry {
    margin-bottom: 0;
    border-bottom: none
}

.p-recruit__title-wrap--entry2 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.p-recruit__title-wrap--archive {
    margin-bottom: 0
}

@media screen and (min-width: 1025px) {
    .p-recruit__toggle {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__toggle {
        position:absolute;
        top: 0;
        right: 0;
        z-index: 1000
    }
}

.p-recruit__works {
    position: relative
}

.p-recruit__works:after {
    position: absolute;
    z-index: -1;
    height: 80%;
    content: "";
    background-color: #f2faff
}

@media screen and (min-width: 1025px) {
    .p-recruit__works {
        padding:100px 80px
    }
}

@media screen and (max-width: 1024px) {
    .p-recruit__works {
        padding:50px 20px 70px
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__works {
        display:flex;
        margin-top: 140px
    }

    .p-recruit__works:after {
        left: 80px;
        width: 75%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__works {
        margin-top:50px
    }

    .p-recruit__works:after {
        top: 0;
        left: 0;
        width: 90%
    }
}

@media screen and (min-width: 769px) {
    .p-recruit__works-img {
        width:60%
    }
}

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

.p-recruit__works-img img {
    position: relative
}

@media screen and (min-width: 769px) {
    .p-recruit__works-img img {
        margin-top:-130px
    }
}

.p-recruit__works-text {
    position: relative
}

@media screen and (min-width: 769px) {
    .p-recruit__works-text {
        width:40%;
        padding: 5%
    }
}

@media screen and (max-width: 768px) {
    .p-recruit__works-text {
        width:100%;
        padding: 0;
        margin-bottom: 30px
    }
}

.p-recruit__works-text p {
    margin: 30px 0 15px
}

.p-recruit__wrap {
    overflow: hidden;
    line-height: 2
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.p-saving {
    text-align: center
}

.p-saving__button:nth-of-type(n) {
    margin-bottom: 0
}

.p-saving__heading {
    color: #0068b7
}

@media screen and (min-width: 769px) {
    .p-saving__heading {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-saving__heading {
        margin-bottom:30px
    }
}

.p-saving__heading-text {
    margin-bottom: 30px
}

@media screen and (max-width: 641px) {
    .p-saving__heading-text {
        text-align:left
    }
}

.p-saving__item {
    display: flex;
    flex-direction: column;
    text-align: left;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-saving__item {
        padding:30px
    }
}

@media screen and (max-width: 640px) {
    .p-saving__item {
        padding:30px 10px
    }
}

.p-saving__item-button {
    align-self: center;
    width: 100%;
    margin-top: auto
}

@media screen and (min-width: 769px) {
    .p-saving__item-button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-saving__item-button {
        max-width:305px
    }
}

.p-saving__item-name {
    margin-bottom: 15px
}

.p-saving__item-text {
    margin-bottom: 30px
}

.p-saving__list {
    display: grid;
    margin-bottom: 20px
}

@media screen and (min-width: 641px) {
    .p-saving__list {
        grid-template-columns:repeat(2,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-saving__list {
        gap:20px
    }
}

.p-saving__list--2 {
    display: grid
}

@media screen and (min-width: 641px) {
    .p-saving__list--2 {
        grid-template-columns:repeat(3,1fr);
        gap: 20px 30px
    }
}

@media screen and (max-width: 640px) {
    .p-saving__list--2 {
        gap:20px
    }
}

.p-saving__pickup {
    max-width: 1400px;
    margin: 0 auto;
    border: 5px solid #0068b7;
    border-radius: 5px
}

.p-saving__pickup-heading {
    position: relative;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #0068b7
}

.p-saving__pickup-heading:after {
    position: absolute;
    top: 98%;
    left: 50%;
    width: 40px;
    height: 20px;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #0068b7;
    transform: translate(-50%)
}

.p-saving__pickup-inner {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .p-saving__pickup-inner {
        gap:40px;
        padding: 70px 40px 60px
    }
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-inner {
        flex-direction:column;
        padding: 20px 15px 30px
    }
}

.p-saving__pickup-img {
    width: 100%;
    aspect-ratio: 370/208;
    object-fit: contain;
    border: 1px solid #c2d4e2;
    border-radius: 5px
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-img {
        grid-row:1/3;
        grid-column: 1/2
    }
}

.p-saving__pickup-item {
    display: grid;
    color: #0068b7
}

.p-saving__pickup-item:hover {
    color: #0068b7;
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-saving__pickup-item {
        gap:10px;
        width: 370px
    }
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-item {
        grid-template-columns:120px 1fr;
        gap: 5px 15px;
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px dashed #c2d4e2
    }
}

.p-saving__pickup-list {
    font-size: 14px
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-list {
        grid-column:1/3
    }
}

.p-saving__pickup-name {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-saving__pickup-name {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-name {
        font-size:16px
    }
}

.p-saving__pickup-tag {
    justify-self: start;
    padding: 1px 10px;
    font-size: 12px;
    font-weight: 700;
    background-color: #c8e9fb;
    border-radius: 5px
}

.p-saving__pickup-text {
    color: #242424
}

@media screen and (max-width: 768px) {
    .p-saving__pickup-text {
        grid-column:1/3
    }
}

@media screen and (min-width: 769px) {
    .p-saving__wrap {
        padding:100px 15px
    }
}

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

@media screen and (min-width: 769px) {
    .p-saving__wrap--pickup {
        padding:100px 15px 0
    }
}

@media screen and (max-width: 768px) {
    .p-saving__wrap--pickup {
        padding:60px 15px 0
    }
}

.p-saving__wrap--bg {
    background-color: #f4f8fb
}

.p-search__item {
    border-bottom: 1px solid #c2d4e2
}

.p-search__link {
    display: grid;
    padding: 15px
}

.p-search__link:hover {
    text-decoration: none
}

@media screen and (min-width: 769px) {
    .p-search__link {
        grid-template-columns:160px 1fr;
        gap: 20px
    }
}

.p-search__list {
    padding-left: 0;
    list-style: none
}

@media screen and (min-width: 769px) {
    .p-search__list {
        margin-bottom:60px
    }
}

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

.p-search__tag {
    display: inline-block;
    justify-self: start;
    color: #fff;
    text-align: center;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-search__tag {
        width:100%;
        padding: 10px;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-search__tag {
        width:140px;
        padding: 3px 10px;
        font-size: 14px
    }
}

.p-search__tag--page {
    background-color: #0068b7
}

.p-search__tag--post {
    background-color: #c9971c
}

.p-search__tag--story {
    background-color: #e08d10
}

@media screen and (min-width: 769px) {
    .p-search__text {
        grid-column:2;
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-search__text {
        font-size:14px
    }
}

.p-search__title {
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-search__title {
        font-size:24px
    }
}

@media screen and (max-width: 768px) {
    .p-search__title {
        font-size:18px
    }
}

.p-single {
    padding-top: 50px
}

.p-single__back {
    max-width: 400px;
    margin: 0 auto
}

.p-single__back-wrap {
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-single__back-wrap {
        padding:40px 0
    }
}

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

.p-single__content {
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-single__content {
        padding-bottom:100px
    }
}

@media screen and (max-width: 768px) {
    .p-single__content {
        padding-bottom:60px
    }
}

.p-single__eyecatch {
    width: 100%;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-single__eyecatch {
        margin-bottom:50px
    }
}

@media screen and (max-width: 768px) {
    .p-single__eyecatch {
        margin-bottom:30px
    }
}

.p-single__prev {
    position: relative;
    display: grid;
    align-content: start;
    color: #0068b7
}

.p-single__prev:before {
    position: absolute;
    left: 0;
    display: inline-block;
    content: "";
    background-image: url(../imgs/icon_arrow-whiteblue-sm.svg);
    background-size: contain
}

.p-single__prev:hover {
    color: #0068b7;
    text-decoration: none
}

@media screen and (min-width: 641px) {
    .p-single__prev {
        gap:15px 0;
        padding: 0 40px 0 60px
    }

    .p-single__prev:before {
        top: 50%;
        width: 30px;
        height: 30px;
        transform: translateY(-50%) rotate(180deg)
    }
}

@media screen and (max-width: 640px) {
    .p-single__prev {
        gap:10px 0;
        padding: 0 10px
    }

    .p-single__prev:before {
        top: 2px;
        width: 22px;
        height: 22px;
        transform: rotate(180deg)
    }
}

.p-single__prev-text {
    display: block;
    color: #666
}

@media screen and (max-width: 641px) {
    .p-single__prev-text {
        padding-left:1.5rem
    }
}

.p-single__next {
    position: relative;
    display: grid;
    color: #0068b7
}

.p-single__next:before {
    position: absolute;
    right: 0;
    display: inline-block;
    content: "";
    background-image: url(../imgs/icon_arrow-whiteblue-sm.svg);
    background-size: contain
}

.p-single__next:hover {
    color: #0068b7;
    text-decoration: none
}

@media screen and (min-width: 641px) {
    .p-single__next {
        gap:15px 0;
        padding: 0 40px 0 60px
    }

    .p-single__next:before {
        top: 50%;
        width: 30px;
        height: 30px;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 640px) {
    .p-single__next {
        gap:10px 0;
        padding: 0 10px
    }

    .p-single__next:before {
        top: 2px;
        width: 22px;
        height: 22px
    }
}

.p-single__next-text {
    display: block;
    color: #666;
    text-align: right
}

@media screen and (max-width: 641px) {
    .p-single__next-text {
        padding-right:1.5rem
    }
}

.p-single__prevnext {
    display: grid;
    grid-template-columns: 1fr 1px 1fr
}

@media screen and (min-width: 769px) {
    .p-single__prevnext {
        padding:20px 0
    }
}

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

.p-single__prevnext-partition {
    width: 1px;
    height: 100%;
    background-color: #c2d4e2
}

.p-sp-navi {
    display: grid;
    grid-template-columns: repeat(3,auto);
    gap: 0 10px
}

.p-sp-navi__appli {
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 11px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    background-color: #00adec;
    border-radius: 5px
}

.p-sp-navi__appli:hover {
    color: #fff;
    text-decoration: none
}

.p-sp-navi__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 6px 5px;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border-radius: 5px
}

.p-sp-navi__button:hover {
    text-decoration: none
}

.p-sp-navi__button--redwhite {
    color: #fff;
    background-color: #c41521
}

.p-sp-navi__button--redwhite:hover {
    color: #fff
}

.p-sp-navi__button--whitered {
    color: #c41521;
    border: 1px solid #c41521
}

.p-sp-navi__button--whitered:hover {
    color: #c41521
}

.p-sp-navi__button--orangewhite {
    color: #fff;
    background-color: #eb6d0d
}

.p-sp-navi__button--orangewhite:hover {
    color: #fff
}

.p-sp-navi__button--whiteorange {
    color: #eb6d0d;
    border: 1px solid #eb6d0d
}

.p-sp-navi__button--whiteorange:hover {
    color: #eb6d0d
}

.p-sp-navi__column {
    display: grid;
    gap: 0 10px;
    margin-bottom: 10px
}

.p-sp-navi__column--2 {
    grid-template-columns: repeat(2,1fr)
}

.p-sp-navi__column--3 {
    grid-template-columns: repeat(3,1fr)
}

.p-sp-navi__item {
    padding: 20px 15px 10px;
    border-bottom: 2px solid #fff
}

.p-sp-navi__item-inner {
    display: none;
    padding: 15px 0 10px;
    border-top: 1px solid #c2d4e2
}

.p-sp-navi__item-inner--blue .sub-menu :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #0068b7;
    border-right: 1px solid #0068b7
}

.p-sp-navi__item-inner--orange .sub-menu :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #eb6d0d;
    border-right: 1px solid #eb6d0d
}

.p-sp-navi__item-inner--ocher .sub-menu :not(.p-navi__button)>a:not([class]):before {
    border-top: 1px solid #e08d10;
    border-right: 1px solid #e08d10
}

.p-sp-navi__item-name {
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    cursor: pointer
}

.p-sp-navi__item-name:hover {
    opacity: .7
}

.p-sp-navi__item-name:before,.p-sp-navi__item-name:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 14px;
    height: 1px;
    content: "";
    background-color: #000;
    transition: transform .5s
}

.p-sp-navi__item-name:after {
    transform: rotate(90deg)
}

.p-sp-navi__item-name.is-open:before {
    transform: rotate(180deg)
}

.p-sp-navi__item-name.is-open:after {
    transform: rotate(-180deg)
}

.p-sp-navi__item-name--h3 {
    margin: 20px 0 10px;
    font-size: 16px
}

.p-sp-navi__item-name--life-event:before,.p-sp-navi__item-name--life-event:after {
    right: 15px
}

.p-sp-navi__link {
    position: relative;
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700
}

.p-sp-navi__link:after {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 12px;
    height: 12px;
    content: "";
    border-top: 1px solid #242424;
    border-right: 1px solid #242424;
    transform: translateY(-50%) rotate(45deg)
}

.p-sp-navi__link--sub {
    display: flex;
    gap: 0 10px;
    color: #0068b7
}

.p-sp-navi__link--sub:hover {
    color: #0068b7;
    text-decoration: none
}

.p-sp-navi__list {
    display: grid;
    gap: 10px 0;
    padding: 30px 20px 60px
}

.p-sp-navi__login {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px
}

.p-sp-navi__login-button {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    border-radius: 5px
}

.p-sp-navi__login-button:hover {
    text-decoration: none
}

.p-sp-navi__login-button--redwhite {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    background-color: #c41521
}

.p-sp-navi__login-button--redwhite:hover {
    color: #fff
}

.p-sp-navi__login-button--whitered {
    padding: 10px 30px;
    color: #c41521;
    background-color: #fff;
    border: 1px solid #c41521
}

.p-sp-navi__login-button--whitered:hover {
    color: #c41521
}

.p-sp-navi__login-button--orangewhite {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    color: #fff;
    background-color: #eb6d0d
}

.p-sp-navi__login-button--orangewhite:hover {
    color: #fff
}

.p-sp-navi__login-button--whiteorange {
    padding: 10px 30px;
    margin-bottom: 15px;
    color: #eb6d0d;
    background-color: #fff;
    border: 1px solid #eb6d0d
}

.p-sp-navi__login-button--whiteorange:hover {
    color: #eb6d0d
}

.p-sp-navi__login-name {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700
}

.p-sp-navi__login-name span {
    font-size: 18px
}

.p-sp-navi__menu {
    position: fixed;
    top: 65px;
    right: 0;
    width: 100%;
    max-width: 480px;
    height: 100%;
    padding-top: 7px;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s
}

.p-sp-navi__menu.is-active {
    visibility: visible;
    opacity: 1
}

.p-sp-navi__menu-head {
    padding: 20px 35px 10px;
    text-align: center
}

.p-sp-navi__menu-inner {
    position: relative;
    width: 100%;
    background-color: #c8e9fb
}

.p-sp-navi__menu-inner:before {
    position: absolute;
    top: 0;
    width: 14px;
    height: 7px;
    clip-path: polygon(50% 0,0 100%,100% 100%);
    content: "";
    background-color: #c8e9fb;
    transform: translateY(-100%)
}

.p-sp-navi__menu-inner--main {
    min-height: calc(100vh - 72px)
}

.p-sp-navi__menu-inner--main:before {
    left: calc(100% - 36px)
}

.p-sp-navi__menu-inner--login {
    padding: 10px
}

.p-sp-navi__menu-inner--login:before {
    left: calc(100% - 142px)
}

.p-sp-navi__toggle {
    display: flex;
    flex-direction: column;
    gap: 2px 0;
    align-items: center;
    text-align: center
}

.p-sp-navi__toggle-img {
    width: 44px;
    height: 44px;
    padding: 10px;
    background-color: #0068b7;
    border-radius: 5px
}

.p-sp-navi__toggle-img--login {
    background-color: #c9971c
}

.p-sp-navi__toggle-input {
    display: none
}

.p-sp-navi__toggle-item {
    display: flex;
    flex-direction: column;
    gap: 2px 0;
    cursor: pointer
}

.p-sp-navi__toggle-item:hover {
    text-decoration: none;
    opacity: .7
}

.p-sp-navi__toggle-name {
    font-size: 10px;
    font-weight: 700;
    color: #0068b7
}

.p-sp-navi__toggle-name--login {
    color: #c9971c
}

@media screen and (min-width: 1201px) {
    .p-sp-navi__wrap {
        display:none
    }
}

.p-story__category {
    display: inline-block;
    padding: 6px 10px;
    font-weight: 700;
    color: #fff;
    background-color: #c9971c;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-story__category {
        font-size:14px
    }
}

@media screen and (max-width: 640px) {
    .p-story__category {
        justify-self:start;
        font-size: 13px
    }
}

.p-story__company {
    display: block;
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-story__company {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-story__company {
        font-size:14px;
        text-align: center
    }
}

.p-story__date {
    display: inline-block;
    padding-right: 10px;
    color: #666
}

@media screen and (min-width: 641px) {
    .p-story__date {
        font-size:14px
    }
}

@media screen and (max-width: 640px) {
    .p-story__date {
        font-size:13px
    }
}

.p-story__header {
    background-color: #f4f8fb
}

@media screen and (min-width: 769px) {
    .p-story__header {
        padding:60px 0
    }
}

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

.p-story__info {
    display: grid;
    align-items: center;
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 641px) {
    .p-story__info {
        grid-template-columns:auto auto 1fr;
        gap: 0 20px;
        padding: 10px 20px
    }
}

@media screen and (max-width: 640px) {
    .p-story__info {
        grid-template-columns:auto 1fr;
        gap: 10px 8px;
        padding: 10px
    }
}

.p-story__tag {
    display: inline-block;
    padding: 4px 14px;
    font-size: 12px;
    color: #0068b7;
    border: 1px solid #0068b7;
    border-radius: 16px
}

.p-story__tag-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

@media screen and (max-width: 640px) {
    .p-story__tag-wrap {
        grid-column:1/3
    }
}

@media screen and (min-width: 769px) {
    .p-story__title {
        margin-bottom:50px
    }
}

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

.p-tenpo__title {
    margin-bottom: 30px;
    color: #0068b7;
    text-align: center;
    border-bottom: none
}

@media screen and (min-width: 769px) {
    .p-tenpo__title {
        margin-bottom:50px
    }
}

.p-tenpo-place__wrap {
    background-color: #f4f8fb
}

.p-tenpo-place__head {
    margin-bottom: 20px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__head {
        margin-bottom:25px
    }
}

.p-tenpo-place__code {
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__code {
        font-size:20px
    }
}

.p-tenpo-place__map {
    width: 100%;
    aspect-ratio: 14/5
}

@media screen and (min-width: 769px) and (max-width: 1520px) {
    .p-tenpo-place__map {
        aspect-ratio:7/4
    }
}

@media screen and (max-width: 768px) {
    .p-tenpo-place__map {
        aspect-ratio:345/380
    }
}

.p-tenpo-place__map-wrap {
    margin-bottom: 50px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__map-wrap {
        margin-bottom:60px
    }
}

.p-tenpo-place__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 50px 0;
    padding: 0;
    margin: 0;
    list-style: none
}

@media screen and (min-width: 1001px) {
    .p-tenpo-place__list {
        grid-template-columns:repeat(2,1fr);
        gap: 60px 7.1428571429%
    }
}

.p-tenpo-place__list2 {
    list-style: disc
}

.p-tenpo-place__list2 li {
    color: #0068b7
}

.p-tenpo-place__list2 li span {
    color: #242424
}

.p-tenpo-place__branch {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__branch {
        font-size:25px
    }
}

.p-tenpo-place__branch-code {
    display: inline-block;
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__branch-code {
        margin-left:10px;
        font-size: 18px
    }
}

.p-tenpo-place__table {
    width: 100%;
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__table {
        font-size:16px
    }
}

.p-tenpo-place__table th {
    width: 25%;
    padding: 5px 5px 5px 0;
    font-weight: 700;
    word-break: keep-all;
    overflow-wrap: break-word;
    vertical-align: top
}

.p-tenpo-place__table td {
    padding: 5px 0 5px 5px
}

.p-tenpo-place__aed,.p-tenpo-place__wheelchair {
    display: flex;
    align-items: center
}

.p-tenpo-place__aed:before,.p-tenpo-place__wheelchair:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    content: "";
    background-repeat: no-repeat;
    background-size: contain
}

.p-tenpo-place__aed:before {
    background-image: url(../imgs/icon_aed.svg)
}

.p-tenpo-place__wheelchair:before {
    background-image: url(../imgs/icon_wheelchair.svg)
}

.p-tenpo-place__button {
    margin: 0!important
}

.p-tenpo-place__button>a {
    height: 40px;
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__button>a {
        height:45px;
        font-size: 16px
    }
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__button>a:after {
        width:1.25em;
        height: 1.25em
    }
}

.p-tenpo-place__button--tel>a:before,.p-tenpo-place__button--map>a:before {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: .75em;
    vertical-align: middle;
    content: "";
    background-repeat: no-repeat;
    background-size: contain
}

.p-tenpo-place__button--tel>a:before {
    background-image: url(../imgs/icon_telphone.svg)
}

.p-tenpo-place__button--map>a:before {
    background-image: url(../imgs/icon_place.svg)
}

.p-tenpo-place__button-wrap {
    display: grid;
    gap: 10px;
    align-items: flex-start;
    margin-top: 30px
}

@media screen and (min-width: 769px) {
    .p-tenpo-place__button-wrap {
        grid-template-columns:repeat(2,1fr)
    }
}

.p-tenpo-outside__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.p-tenpo-outside__item:not(:last-of-type) {
    margin-bottom: 40px
}

@media screen and (min-width: 769px) {
    .p-tenpo-outside__item:not(:last-of-type) {
        margin-bottom:60px
    }
}

.p-tenpo-outside__name {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-tenpo-outside__name {
        font-size:25px
    }
}

.p-tenpo-outside__inner {
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .p-tenpo-outside__inner {
        font-size:16px
    }
}

.p-tenpo-outside__inner p:not(:last-of-type) {
    margin-bottom: 1em
}

.p-tenpo-atm__wrap {
    background-color: #f4f8fb
}

.p-tenpo-atm__head {
    margin-bottom: 50px
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__head {
        margin-bottom:60px
    }
}

.p-tenpo-atm__title--h4 {
    margin: 1.5em 0 1em
}

.p-tenpo-atm__note {
    text-align: left
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__note {
        text-align:center
    }
}

.p-tenpo-atm__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.p-tenpo-atm__list2 {
    list-style: disc
}

.p-tenpo-atm__list2 li {
    color: #0068b7
}

.p-tenpo-atm__list2 li:not(:last-of-type) {
    margin-bottom: .5em
}

.p-tenpo-atm__list2 li span {
    color: #242424
}

.p-tenpo-atm__list--num {
    padding-left: 1.5em;
    margin-bottom: 1em
}

.p-tenpo-atm__list--num>li {
    color: #0068b7
}

.p-tenpo-atm__list--num>li:not(:last-of-type) {
    margin-bottom: .5em
}

.p-tenpo-atm__list--num>li span {
    color: #242424
}

.p-tenpo-atm__list--kome {
    padding: 0;
    margin-bottom: 1.5em;
    list-style: none
}

.p-tenpo-atm__list--kome>li {
    color: #666
}

.p-tenpo-atm__list--kome>li:not(:last-of-type) {
    margin-bottom: .5em
}

.p-tenpo-atm__item:not(:last-of-type) {
    margin-bottom: 40px
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__item:not(:last-of-type) {
        margin-bottom:60px
    }
}

.p-tenpo-atm__name {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__name {
        font-size:25px
    }
}

.p-tenpo-atm__inner {
    font-size: 14px
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__inner {
        font-size:16px
    }
}

.p-tenpo-atm__inner p:not(:last-of-type) {
    margin-bottom: 1em
}

.p-tenpo-atm__table {
    width: 100%;
    margin-bottom: 1em;
    border-collapse: collapse
}

.p-tenpo-atm__table tr:first-of-type th {
    border-top: 1px solid #c8e9fb
}

.p-tenpo-atm__table tr:first-of-type td {
    border-top: 1px solid #c2d4e2
}

.p-tenpo-atm__table th,.p-tenpo-atm__table td {
    padding: 1em
}

.p-tenpo-atm__table th {
    width: 30%;
    vertical-align: top;
    background-color: #c8e9fb;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__table th {
        width:25%
    }
}

.p-tenpo-atm__table td {
    background-color: #fff;
    border-right: 1px solid #c2d4e2;
    border-bottom: 1px solid #c2d4e2
}

.p-tenpo-atm__box {
    display: grid;
    gap: 15px 30px;
    padding: 20px calc(10px + 30 * (100vw - 375px) / 1545);
    margin-top: 1.75em;
    background-color: #fff;
    border: 1px solid #0068b7;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-tenpo-atm__box {
        grid-template-columns:290px 1fr
    }
}

.p-tenpo-atm__box-qa:not(:last-of-type) {
    margin-bottom: 1.5em
}

.p-tenpo-atm__box-qa dt {
    margin-bottom: .5em;
    font-weight: 700
}

.p-top-banner {
    display: grid;
    max-width: 880px;
    margin: 0 auto
}

@media screen and (min-width: 641px) {
    .p-top-banner {
        grid-template-columns:repeat(2,1fr);
        gap: 0 10%
    }
}

@media screen and (max-width: 640px) {
    .p-top-banner {
        gap:10px;
        justify-content: center
    }
}

@media screen and (max-width: 768px) {
    .p-top-banner__heading {
        font-size:18px
    }
}

.p-top-column {
    display: grid;
    gap: 40px
}

@media screen and (min-width: 769px) {
    .p-top-column {
        grid-template-rows:auto 1fr;
        grid-template-columns: auto min(600px,45%)
    }
}

.p-top-column__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-top-column__button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-top-column__button {
        max-width:305px;
        margin: 0 auto
    }
}

@media screen and (min-width: 769px) {
    .p-top-column__heading {
        text-align:left
    }
}

.p-top-column__image {
    position: absolute
}

.p-top-column__image--01 {
    top: 0;
    left: 0;
    width: 50%
}

.p-top-column__image--02 {
    top: 50%;
    right: 0;
    z-index: 1;
    width: 33.3333333333%;
    transform: translateY(-50%)
}

.p-top-column__image--03 {
    bottom: 0;
    left: 50%;
    width: 58.3333333333%;
    transform: translate(-50%)
}

.p-top-column__image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 600/573
}

@media screen and (min-width: 769px) {
    .p-top-column__image-wrap {
        grid-row:1/3;
        grid-column: 2/3
    }
}

@media screen and (max-width: 768px) {
    .p-top-column__image-wrap {
        max-width:600px;
        margin: 0 auto
    }
}

.p-top-column__sub {
    display: block;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-top-column__sub {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-top-column__sub {
        font-size:18px;
        text-align: center
    }
}

.p-top-column__wrap {
    background-color: #f4f8fb;
    border-bottom: 1px solid #c2d4e2
}

@media screen and (min-width: 769px) {
    .p-top-completion__button {
        max-width:500px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__button {
        max-width:305px;
        margin: 0 auto
    }
}

.p-top-completion__consultation {
    display: grid;
    justify-content: center
}

@media screen and (min-width: 481px) {
    .p-top-completion__consultation {
        grid-template-columns:130px auto;
        gap: 20px 50px
    }
}

@media screen and (max-width: 480px) {
    .p-top-completion__consultation {
        grid-template-columns:80px 1fr;
        gap: 30px 20px
    }
}

.p-top-completion__consultation-button {
    grid-column: 1/3;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-top-completion__consultation-button {
        max-width:400px
    }

    .p-top-completion__consultation-button>a {
        font-size: 16px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__consultation-button {
        max-width:305px
    }

    .p-top-completion__consultation-button>a {
        font-size: 14px
    }
}

@media screen and (min-width: 769px) {
    .p-top-completion__consultation-heading {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__consultation-heading {
        font-size:18px
    }
}

@media screen and (min-width: 481px) {
    .p-top-completion__consultation-img {
        grid-row:1/3
    }
}

@media screen and (max-width: 481px) {
    .p-top-completion__consultation-text {
        grid-column:1/3
    }
}

.p-top-completion__consultation-wrap {
    width: 100%;
    max-width: 1200px;
    padding: 30px 15px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 20px
}

.p-top-completion__img {
    position: absolute
}

@media screen and (min-width: 1771px) {
    .p-top-completion__img {
        top:305px;
        left: calc(100% - 1770px);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 769px) and (max-width: 1770px) {
    .p-top-completion__img {
        top:305px;
        left: 0;
        width: 42%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__img {
        top:18px;
        width: 58.5%
    }
}

.p-top-completion__img-text {
    position: absolute;
    z-index: 1
}

@media screen and (min-width: 769px) {
    .p-top-completion__img-text {
        top:0;
        left: 50%;
        transform: translate(-50%,-75%)
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__img-text {
        top:0;
        right: 15px;
        width: 37%;
        transform: translateY(-20%)
    }
}

.p-top-completion__inner {
    position: relative;
    z-index: 2;
    margin-left: auto;
    color: #131313
}

@media screen and (min-width: 769px) {
    .p-top-completion__inner {
        width:57%;
        padding-bottom: 60px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__inner {
        padding-bottom:50px
    }
}

.p-top-completion__serif {
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    margin-bottom: 10px;
    font-weight: 700;
    background-color: #fff
}

.p-top-completion__serif:before {
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 33%;
    height: 10px;
    clip-path: polygon(0 0,calc(100% - 10px) 0,100% calc(100% - 2px),calc(100% - 2px) 100%,calc(100% - 10px) 3px,0 3px);
    content: "";
    background-color: #131313
}

.p-top-completion__serif:after {
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 67%;
    height: 3px;
    content: "";
    background-color: #131313
}

@media screen and (min-width: 769px) {
    .p-top-completion__serif {
        font-size:22px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__serif {
        font-size:16px
    }
}

.p-top-completion__text {
    margin-bottom: 40px
}

@media screen and (min-width: 769px) {
    .p-top-completion__text {
        font-size:20px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__text {
        font-size:16px
    }
}

@media screen and (min-width: 769px) {
    .p-top-completion__title {
        margin-bottom:50px;
        font-size: 60px
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__title {
        margin-bottom:30px;
        font-size: 46px
    }
}

.p-top-completion__wrap {
    position: relative;
    background-color: #f8db14
}

@media screen and (min-width: 769px) {
    .p-top-completion__wrap {
        padding:100px 0
    }
}

@media screen and (max-width: 768px) {
    .p-top-completion__wrap {
        padding:72.5% 0 80px
    }
}

.p-top-esg {
    display: grid;
    gap: 40px
}

@media screen and (min-width: 769px) {
    .p-top-esg {
        grid-template-rows:auto 1fr;
        grid-template-columns: auto min(800px,50%)
    }
}

.p-top-esg__button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-top-esg__button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-top-esg__button {
        max-width:305px;
        margin: 0 auto
    }
}

.p-top-esg__emphasis {
    font-size: 1.2em;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-top-esg__heading {
        text-align:left
    }
}

.p-top-esg__image {
    position: relative;
    width: 100%
}

@media screen and (min-width: 769px) {
    .p-top-esg__image {
        grid-row:1/3;
        grid-column: 2/3
    }
}

@media screen and (max-width: 768px) {
    .p-top-esg__image {
        max-width:600px;
        margin: 0 auto
    }
}

@media screen and (min-width: 769px) {
    .p-top-esg__inner {
        align-self:start
    }
}

.p-top-esg__text {
    margin-bottom: 20px
}

.p-top-esg__wrap {
    overflow: hidden;
    background-color: #f4f8fb
}

.p-top-firstview {
    display: grid;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto
}

@media screen and (min-width: 1201px) {
    .p-top-firstview {
        grid-template-columns:1fr 30%;
        gap: 20px
    }
}

@media screen and (max-width: 1200px) {
    .p-top-firstview {
        justify-content:center
    }
}

.p-top-firstview__arrow {
    background-image: url(../imgs/icon_arrow-whiteblue-sm.svg)
}

@media screen and (min-width: 769px) {
    .p-top-firstview__arrow {
        width:40px;
        height: 40px
    }
}

@media screen and (max-width: 768px) {
    .p-top-firstview__arrow {
        width:20px;
        height: 20px
    }
}

.p-top-firstview__button {
    width: 300px;
    border-radius: 5px
}

.p-top-firstview__button:hover {
    text-decoration: none
}

.p-top-firstview__button--redwhite {
    padding: 10px;
    color: #fff;
    background-color: #c41521
}

.p-top-firstview__button--redwhite:hover {
    color: #fff
}

.p-top-firstview__button--whitered {
    padding: 13px;
    color: #c41521;
    background-color: #fff;
    border: 1px solid #c41521
}

.p-top-firstview__button--whitered:hover {
    color: #c41521
}

.p-top-firstview__button--orangewhite {
    padding: 10px;
    color: #fff;
    background-color: #eb6d0d
}

.p-top-firstview__button--orangewhite:hover {
    color: #fff
}

.p-top-firstview__button--whiteorange {
    padding: 13px;
    color: #eb6d0d;
    background-color: #fff;
    border: 1px solid #eb6d0d
}

.p-top-firstview__button--whiteorange:hover {
    color: #eb6d0d
}

.p-top-firstview__important-button {
    position: relative;
    color: #666
}

.p-top-firstview__important-button:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    background-image: url(../imgs/icon_arrow-gray.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.p-top-firstview__important-button:hover {
    text-decoration: none
}

@media screen and (min-width: 1001px) {
    .p-top-firstview__important-button {
        grid-column:1/3;
        justify-self: center;
        padding-right: 45px
    }

    .p-top-firstview__important-button:after {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-firstview__important-button {
        justify-self:end;
        padding-right: 37px
    }

    .p-top-firstview__important-button:after {
        width: 22px;
        height: 22px
    }
}

.p-top-firstview__important-heading {
    font-size: 20px;
    font-weight: 700;
    color: #c41521
}

@media screen and (max-width: 1000px) {
    .p-top-firstview__important-heading {
        text-align:center
    }
}

.p-top-firstview__important-item {
    border-bottom: 1px solid #c2d4e2
}

.p-top-firstview__important-link {
    display: grid;
    align-items: start;
    padding: 12px 0
}

.p-top-firstview__important-link:hover {
    text-decoration: none
}

@media screen and (min-width: 641px) {
    .p-top-firstview__important-link {
        grid-template-columns:auto auto 1fr;
        gap: 15px
    }
}

@media screen and (max-width: 640px) {
    .p-top-firstview__important-link {
        grid-template-columns:auto 1fr;
        gap: 5px 15px
    }
}

.p-top-firstview__important-link--urgent,.p-top-firstview__important-link--urgent:hover {
    color: #c41521
}

.p-top-firstview__important-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.p-top-firstview__important-tag {
    padding: 2px 10px;
    margin-top: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    background-color: #242424;
    border-radius: 3px
}

@media screen and (max-width: 768px) {
    .p-top-firstview__important-tag {
        justify-self:start
    }
}

.p-top-firstview__important-tag--urgent {
    background-color: #c41521
}

.p-top-firstview__important-title:after {
    display: inline-block;
    padding-left: 1em;
    content: "＞"
}

@media screen and (max-width: 640px) {
    .p-top-firstview__important-title {
        grid-column:1/3
    }
}

.p-top-firstview__important-wrap {
    display: grid;
    gap: 25px 20px;
    background-color: #fff;
    border: 1px solid #c41521;
    border-radius: 5px
}

@media screen and (min-width: 1201px) {
    .p-top-firstview__important-wrap {
        grid-template-columns:1fr min(75%,960px);
        grid-column: 1/3;
        padding: 30px 100px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .p-top-firstview__important-wrap {
        grid-template-columns:1fr min(75%,960px);
        padding: 30px 60px;
        margin: 0 15px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-firstview__important-wrap {
        padding:25px 15px;
        margin: 0 15px
    }
}

.p-top-firstview__login {
    display: grid;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px #57575726
}

.p-top-firstview__login-wrap {
    display: grid;
    gap: 20px;
    padding: 20px;
    background-color: #c8e9fb;
    border-radius: 5px
}

@media screen and (max-width: 1200px) {
    .p-top-firstview__login-wrap {
        display:none
    }
}

.p-top-firstview__login-wrap--biz {
    background-color: #fff8f5
}

.p-top-firstview__name {
    font-size: 25px;
    font-weight: 700
}

.p-top-firstview__name span {
    font-size: 1.2em
}

.p-top-firstview__name--individuals {
    color: #0068b7
}

.p-top-firstview__name--business {
    color: #eb6d0d
}

.p-top-firstview__slider-track {
    max-width: 920px;
    margin: 0 auto
}

.p-top-firstview__urgent-title {
    position: relative;
    padding-left: 30px;
    color: #c41521;
    text-decoration: underline
}

.p-top-firstview__urgent-title:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 18px;
    content: "";
    background-image: url(../imgs/icon_urgent.svg);
    background-size: contain;
    transform: translateY(-50%)
}

.p-top-firstview__urgent-title:after {
    display: inline-block;
    padding-left: 1em;
    content: "＞"
}

.p-top-firstview__urgent-wrap {
    display: block;
    background-color: #fbe6eb;
    border-bottom: 1px solid #c41521
}

@media screen and (min-width: 769px) {
    .p-top-firstview__urgent-wrap {
        padding:17px 0
    }
}

@media screen and (max-width: 768px) {
    .p-top-firstview__urgent-wrap {
        padding:12px 0
    }
}

@media screen and (min-width: 769px) {
    .p-top-firstview__wrap {
        padding:20px 0 200px
    }
}

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

@media screen and (min-width: 769px) {
    .p-top-gallery {
        display:grid;
        grid-template-columns: 1fr 56.5%;
        gap: 0 60px
    }
}

.p-top-gallery__caption {
    padding: 15px;
    color: #0068b7;
    text-align: center
}

.p-top-gallery__comment {
    color: #666
}

@media screen and (min-width: 769px) {
    .p-top-gallery__heading {
        text-align:left
    }
}

.p-top-gallery__img {
    width: 100%;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-top-gallery__inner {
        align-self:start
    }
}

@media screen and (max-width: 768px) {
    .p-top-gallery__inner {
        margin-bottom:30px
    }
}

.p-top-gallery__item {
    height: 100%;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-top-gallery__slider {
        align-self:end
    }
}

.p-top-gallery__slider-track {
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-top-gallery__slider-track {
        max-width:600px
    }
}

@media screen and (max-width: 768px) {
    .p-top-gallery__slider-track {
        max-width:75%;
        overflow: visible
    }
}

.p-top-gallery__text {
    margin-bottom: 20px
}

.p-top-gallery__wrap {
    overflow: hidden;
    background-color: #f4f8fb;
    border-bottom: 1px solid #c2d4e2
}

.p-top-hope__button {
    position: relative;
    color: #0068b7;
    text-align: left;
    cursor: pointer;
    background-color: #fff;
    border-top: 1px solid #c2d4e2;
    border-right: 2px solid #00adec;
    border-bottom: none;
    border-left: 2px solid #00adec
}

.p-top-hope__button:first-of-type {
    border-top: 2px solid #00adec;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.p-top-hope__button:last-of-type {
    border-bottom: 2px solid #00adec;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.p-top-hope__button:hover {
    color: #0068b7b3;
    opacity: 1
}

@media screen and (min-width: 769px) {
    .p-top-hope__button {
        width:313px;
        padding: 22px 20px;
        font-size: 25px
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__button {
        width:100%;
        padding: 8px 10px;
        font-size: 16px
    }
}

.p-top-hope__button--parent[data-category=""] {
    color: #93b4ce
}

.p-top-hope__button--parent[data-category=""]:hover {
    color: #93b4ceb3
}

.p-top-hope__button--parent:after {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 12px;
    height: 10px;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #00adec;
    transform: translateY(-50%)
}

@media screen and (min-width: 769px) {
    .p-top-hope__button--parent:after {
        right:20px
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__button--parent:after {
        right:5px
    }
}

.p-top-hope__button-list {
    position: absolute;
    top: 100%;
    display: none;
    transform: translateY(5px)
}

.p-top-hope__button-list.is-show {
    display: block
}

.p-top-hope__button-list.is-fadein {
    animation: anim-fadein .3s forwards
}

.p-top-hope__category-wrap {
    position: relative;
    z-index: 5;
    display: inline-block
}

.p-top-hope__choice {
    display: grid;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #0068b7;
    text-align: center
}

@media screen and (min-width: 1001px) {
    .p-top-hope__choice {
        grid-template-columns:repeat(4,auto);
        gap: 20px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-hope__choice {
        grid-template-columns:repeat(2,1fr);
        gap: 10px 5px;
        max-width: 600px;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 769px) {
    .p-top-hope__choice {
        margin-bottom:30px;
        font-size: 25px
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__choice {
        margin-bottom:20px;
        font-size: 20px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-hope__choice-text {
        grid-column:1/3
    }
}

.p-top-hope__content {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-top-hope__content {
        padding:70px 15px 85px
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__content {
        padding:30px 15px
    }
}

.p-top-hope__content-heading {
    position: relative;
    padding: 12px;
    color: #fff;
    text-align: center;
    background-color: #0068b7
}

.p-top-hope__content-heading:after {
    position: absolute;
    top: 99%;
    left: 50%;
    display: block;
    clip-path: polygon(0 0,100% 0,50% 100%);
    content: "";
    background-color: #0068b7;
    transform: translate(-50%)
}

@media screen and (min-width: 769px) {
    .p-top-hope__content-heading:after {
        width:40px;
        height: 20px
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__content-heading:after {
        width:26px;
        height: 13px
    }
}

.p-top-hope__content-inner {
    display: none
}

.p-top-hope__content-inner.is-show {
    display: grid
}

.p-top-hope__content-inner.is-fadein {
    animation: anim-fadein .3s forwards
}

@media screen and (min-width: 641px) {
    .p-top-hope__content-inner {
        grid-template-columns:repeat(3,1fr);
        gap: 0 3.5%
    }
}

@media screen and (max-width: 640px) {
    .p-top-hope__content-inner {
        gap:20px 0
    }
}

.p-top-hope__content-wrap {
    background-color: #fff;
    border-radius: 5px
}

@media screen and (min-width: 769px) {
    .p-top-hope__content-wrap {
        border:5px solid #0068b7
    }
}

@media screen and (max-width: 768px) {
    .p-top-hope__content-wrap {
        border:4px solid #0068b7
    }
}

@media screen and (max-width: 640px) {
    .p-top-hope__description {
        grid-column:1/3
    }
}

.p-top-hope__link {
    display: grid;
    align-content: start
}

.p-top-hope__link:hover {
    text-decoration: none
}

@media screen and (min-width: 641px) {
    .p-top-hope__link {
        gap:15px
    }
}

@media screen and (max-width: 640px) {
    .p-top-hope__link {
        grid-template-columns:120px 1fr;
        gap: 20px 15px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #c2d4e2
    }
}

.p-top-hope__tag {
    display: inline-block;
    padding: 2px 10px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #0068b7;
    background-color: #c8e9fb;
    border-radius: 5px
}

.p-top-hope__thumbnail {
    width: 100%;
    border: 1px solid #c2d4e2;
    border-radius: 5px
}

.p-top-hope__title {
    color: #0068b7
}

.p-top-hope__wrap {
    background-color: #f4f8fb
}

@keyframes anim-fadein {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 769px) {
    .p-top-news {
        padding-top:50px
    }
}

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

.p-top-news__button {
    margin: 0 auto
}

@media screen and (min-width: 769px) {
    .p-top-news__button {
        max-width:400px
    }
}

@media screen and (max-width: 768px) {
    .p-top-news__button {
        max-width:305px
    }
}

.p-top-news__list {
    display: none;
    padding-left: 0;
    margin-bottom: 50px;
    list-style: none
}

.p-top-news__list.is-show {
    display: block
}

.p-top-news__list.is-fadein {
    animation: anim-fadein .3s forwards
}

.p-top-news__ruby {
    margin-bottom: 0
}

.p-top-news__tab {
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 10px;
    line-height: 1;
    color: #959494;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #c2d4e2;
    border-radius: 10px
}

.p-top-news__tab:hover {
    opacity: .7
}

.p-top-news__tab.is-active {
    color: #eb6d0d;
    background-color: #fce9df;
    border-color: #eb6d0d
}

@media screen and (min-width: 769px) {
    .p-top-news__tab {
        height:50px;
        font-size: 22px
    }
}

@media screen and (max-width: 768px) {
    .p-top-news__tab {
        height:40px;
        font-size: 16px
    }
}

.p-top-news__tab-list {
    display: grid;
    gap: 10px;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 30px
}

@media screen and (min-width: 769px) {
    .p-top-news__tab-list {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 768px) {
    .p-top-news__tab-list {
        grid-template-columns:repeat(3,auto)
    }
}

.p-top-news__wrap {
    background-color: #fff
}

.p-top-service__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 5px
}

.p-top-service__item:hover {
    text-decoration: none;
    opacity: 1
}

@media screen and (min-width: 641px) {
    .p-top-service__item {
        height:228px;
        padding: 35px 20px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__item {
        height:160px;
        padding: 20px 10px 30px
    }
}

.p-top-service__item--wide {
    position: relative;
    justify-content: center
}

.p-top-service__item--wide:after {
    position: absolute;
    top: 50%;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

@media screen and (min-width: 641px) {
    .p-top-service__item--wide {
        height:90px
    }

    .p-top-service__item--wide:after {
        right: 25px;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__item--wide {
        height:60px;
        padding: 10px
    }

    .p-top-service__item--wide:after {
        right: 15px;
        width: 22px;
        height: 22px
    }
}

.p-top-service__item--card {
    display: grid;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    border-radius: 5px
}

.p-top-service__item--card:hover {
    text-decoration: none;
    opacity: 1
}

.p-top-service__item-text {
    display: block;
    font-weight: 700;
    line-height: 1.2
}

a:hover>.p-top-service__item-text {
    opacity: .7
}

@media screen and (min-width: 641px) {
    .p-top-service__item-text {
        font-size:25px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__item-text {
        font-size:20px
    }
}

.p-top-service__item-text--card {
    position: relative
}

.p-top-service__item-text--card:after {
    position: absolute;
    top: 50%;
    content: "";
    background-image: url(../imgs/icon_arrow-bluewhite.svg);
    background-size: contain;
    transform: translateY(-50%)
}

@media screen and (min-width: 641px) {
    .p-top-service__item-text--card {
        padding:12px 50px
    }

    .p-top-service__item-text--card:after {
        right: 5px;
        width: 40px;
        height: 40px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__item-text--card {
        padding:5px 25px 5px 0;
        font-size: 16px
    }

    .p-top-service__item-text--card:after {
        right: 0;
        width: 22px;
        height: 22px
    }
}

a:hover>.p-top-service__item-img {
    opacity: .7
}

@media screen and (min-width: 641px) {
    .p-top-service__item-img {
        width:80px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__item-img {
        width:60px
    }
}

.p-top-service__item-img--card {
    width: 100%;
    border-radius: 5px
}

a:hover>.p-top-service__item-img--card {
    opacity: .7
}

.p-top-service__list {
    display: grid
}

@media screen and (min-width: 641px) {
    .p-top-service__list {
        grid-template-columns:repeat(4,1fr);
        gap: 30px 2%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__list {
        grid-template-columns:repeat(2,1fr);
        gap: 5px;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 641px) {
    .p-top-service__list--col2 {
        grid-template-columns:repeat(2,1fr);
        margin-bottom: 120px
    }
}

@media screen and (max-width: 640px) {
    .p-top-service__list--col2 {
        grid-template-columns:1fr;
        margin-bottom: 80px
    }
}

.p-top-service__list--col3 {
    margin-bottom: 0
}

@media screen and (min-width: 1001px) {
    .p-top-service__list--col3 {
        grid-template-columns:repeat(3,1fr);
        gap: 10px
    }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
    .p-top-service__list--col3 {
        grid-template-columns:repeat(2,1fr);
        gap: 10px
    }
}

.p-top-service__wrap {
    background-color: #c8e9fb
}

.p-top-story__head {
    display: grid;
    margin-bottom: 30px
}

@media screen and (min-width: 1001px) {
    .p-top-story__head {
        grid-template-columns:1fr 46% 140px;
        gap: 0 25px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-story__head {
        grid-template-columns:1fr 112px;
        gap: 30px 15px
    }
}

.p-top-story__head--biz {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px
}

.p-top-story__head-img {
    align-self: center
}

.p-top-story__head-inner {
    align-self: start
}

@media screen and (max-width: 1000px) {
    .p-top-story__head-inner {
        grid-column:1/3;
        text-align: center
    }
}

.p-top-story__head-text {
    align-self: end;
    padding-bottom: 30px;
    font-size: 16px
}

@media screen and (min-width: 1001px) {
    .p-top-story__heading {
        text-align:left
    }
}

@media screen and (max-width: 1000px) {
    .p-top-story__heading {
        margin-bottom:0
    }
}

.p-top-story__heading--sub {
    display: block;
    font-weight: 700
}

@media screen and (min-width: 769px) {
    .p-top-story__heading--sub {
        margin-bottom:5px;
        font-size: 20px
    }
}

@media screen and (max-width: 1000px) {
    .p-top-story__heading--sub {
        text-align:center
    }
}

@media screen and (max-width: 768px) {
    .p-top-story__heading--sub {
        font-size:18px
    }
}

@media screen and (min-width: 1001px) {
    .p-top-story__ruby {
        text-align:left
    }
}

.p-top-story__wrap {
    max-width: 1840px;
    margin: 0 auto;
    overflow: hidden;
    background-color: #c8e9fb
}

@media screen and (min-width: 769px) {
    .p-top-story__wrap {
        border-radius:100px
    }
}

@media screen and (max-width: 768px) {
    .p-top-story__wrap {
        border-radius:50px
    }
}

.p-top-story__wrap--biz {
    overflow: hidden;
    background-color: #fff8f5
}

.u-disp--bl {
    display: block
}

.u-disp--ib {
    display: inline-block
}

.u-disp--in {
    display: inline
}

.u-disp--fl {
    display: flex
}

.u-disp--gr {
    display: grid
}

.u-disp--no {
    display: none
}

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

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

.u-fw--bold {
    font-weight: 700
}

.u-fw--normal {
    font-weight: 400
}

.u-fw--100 {
    font-weight: 100
}

.u-fw--200 {
    font-weight: 200
}

.u-fw--300 {
    font-weight: 300
}

.u-fw--400 {
    font-weight: 400
}

.u-fw--500 {
    font-weight: 500
}

.u-fw--600 {
    font-weight: 600
}

.u-fw--700 {
    font-weight: 700
}

.u-fw--800 {
    font-weight: 800
}

.u-fw--900 {
    font-weight: 900
}

.u-pos--rel {
    position: relative
}

.u-pos--abs {
    position: absolute
}

.u-pos--sta {
    position: static
}

.u-pos--fix {
    position: fixed
}

.u-pos--stk {
    position: sticky
}