@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bgAnime {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
}

@keyframes bgAnime {
    0% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
}

@-webkit-keyframes textAnime {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes textAnime {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes scroller {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    15% {
        -webkit-transform: translate3d(0, -98%, 0);
        transform: translate3d(0, -98%, 0)
    }

    85% {
        -webkit-transform: translate3d(0, 98%, 0);
        transform: translate3d(0, 98%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes scroller {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    15% {
        -webkit-transform: translate3d(0, -98%, 0);
        transform: translate3d(0, -98%, 0)
    }

    85% {
        -webkit-transform: translate3d(0, 98%, 0);
        transform: translate3d(0, 98%, 0)
    }

    100% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideInImg {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slideInImg {
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
html{
    font-size: 16px;
}
body{
    font-size:1rem;
}
@media print, screen and (min-width: 769px) {
    :where(#promos3) >*>*> .multiColumn, :where([role="main"]) > .multiColumn {
        padding-left: 0;
        padding-right: 0;
    }
}
@media print, screen and (min-width: 769px) {
    :where(.multiColumn1) > .column {
        width: 100%;
        max-width:100%;
    }
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
}

.swiper-pagination-bullet:only-child {
    display: none
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,.fancybox-button:visited,.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, rgba(0,0,0,0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left:6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media print, screen and (min-width: 769px) {
    .c-CardList {
        margin-bottom:-1.88rem;
        margin-right: -1.88rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: initial
    }
}

.c-CardList__Item {
    background: #fff;
    border: 1px solid #cbcbcb;
    box-shadow: .12rem .18rem .25rem rgba(0,0,0,0.15);
    position: relative;
    z-index: 0
}

.c-CardList__Item.is-State--Hidden {
    display: none
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Item {
        width:calc(33.33% - 1.87rem - 2px);
        margin-bottom: 1.87rem;
        margin-right: 1.87rem;
        border-radius: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Item {
        border-radius:5.33vw
    }

    .c-CardList__Item+.c-CardList__Item {
        margin-top: 5.33vw
    }
}

.c-CardList__Link {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media print, screen and (min-width: 1025px) {
    .c-CardList__Link:hover {
        text-decoration:none
    }

    .c-CardList__Link:hover .c-CardList__Img img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

.c-CardList__Img {
    border-bottom: 1px solid #dfe4e5;
    overflow: hidden;
    position: relative
}

.c-CardList__Img img {
    height: auto;
    width: 100%;
    -o-object-fit: var(--object-fit, cover);
    object-fit: var(--object-fit, cover);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    aspect-ratio: 380 / 190;
    display: block
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Img {
        border-radius:1.25rem 1.25rem 0 0
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Img {
        border-radius:5.33vw 5.33vw 0 0
    }
}

.c-CardList__Img.is-Contain {
    --object-fit: contain
}

.c-CardList__New {
    color: #fff;
    background: #003594;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    text-align: center;
    position: absolute;
    z-index: 1
}

@media print, screen and (min-width: 769px) {
    .c-CardList__New {
        padding:.06rem .62rem;
        font-size: .81rem;
        top: 1.25rem;
        left: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__New {
        padding:.26vw 2.66vw;
        font-size: 3.46vw;
        top: 5.33vw;
        left: 5.33vw
    }
}

.c-CardList__TextArea {
    line-height: 1.85
}

@media print, screen and (min-width: 769px) {
    .c-CardList__TextArea {
        margin-top:1.87rem;
        margin-bottom: 1.87rem;
        padding-right: 1.75rem;
        padding-left: 1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__TextArea {
        margin-top:5.33vw;
        margin-bottom: 5.33vw;
        padding-right: 5.33vw;
        padding-left: 5.33vw
    }
}

.c-CardList__Title {
    font-weight: 500;
    line-height: 1.5
}

.c-CardList__Title .p-Icon--Blank {
    fill: #59636c;
    vertical-align: middle
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Title {
        margin-bottom:1rem;
        font-size: 1.25rem;
        letter-spacing: .03rem
    }

    .c-CardList__Title .p-Icon--Blank {
        width: .75rem;
        margin-left: .31rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Title {
        margin-bottom:4.26vw;
        font-size: 4.8vw;
        letter-spacing: .15vw
    }

    .c-CardList__Title .p-Icon--Blank {
        width: 3.2vw;
        margin-left: 1.33vw
    }
}

.c-CardList__SubTitle {
    color: #59636c;
    font-weight: 600
}

.c-CardList__SubTitle .p-Icon--Blank {
    display: inline-block;
    fill: #59636c !important
}

@media print, screen and (min-width: 769px) {
    .c-CardList__SubTitle .p-Icon--Blank {
        width:.87rem;
        margin-left: .62rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__SubTitle .p-Icon--Blank {
        width:3.73vw;
        margin-left: 2.66vw
    }
}

.c-CardList__Text {
    color: #59636c
}

.c-CardList__More {
    color: #59636c;
    text-align: right
}

@media print, screen and (min-width: 769px) {
    .c-CardList__More {
        margin-top:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__More {
        margin-top:2.66vw
    }
}

.c-CardList__Foot {
    color: #59636c;
    margin-top: auto
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Foot {
        margin-bottom:1.87rem;
        padding-right: 1.75rem;
        padding-left: 1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Foot {
        margin-bottom:5.33vw;
        padding-right: 5.33vw;
        padding-left: 5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Date {
        font-size:.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Date {
        font-size:3.73vw
    }
}

.c-CardList__Tag {
    border-top: 1px solid #cbcbcb;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Tag {
        margin-top:.31rem;
        padding-top: 1rem;
        font-size: .81rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Tag {
        margin-top:1.33vw;
        padding-top: 4.26vw;
        font-size: 3.46vw
    }
}

.c-CardList__Tag--Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Tag--Item {
        margin-right:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Tag--Item {
        margin-right:2.66vw
    }
}

.c-CardList__Underline {
    text-decoration: underline
}

.c-CardList__Button {
    margin-right: auto;
    margin-left: auto
}

@media print, screen and (min-width: 769px) {
    .c-CardList__Button {
        max-width:18.75rem;
        margin-top: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-CardList__Button {
        max-width:80vw;
        margin-top: 10.66vw
    }
}

.c-ContactArea {
    background: #DEE1E5
}

@media print, screen and (min-width: 769px) {
    .c-ContactArea {
        padding-top:4.68rem;
        padding-bottom: 4.68rem
    }
}

@media screen and (max-width: 768px) {
    .c-ContactArea {
        padding-top:20vw;
        padding-bottom: 20vw
    }
}

.c-ContactArea__Text {
    font-weight: 500;
    text-align: center
}

@media print, screen and (min-width: 769px) {
    .c-ContactArea__Text {
        font-size:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-ContactArea__Text {
        font-size:3.73vw
    }
}

.c-CmsArticle {
    word-break: break-all;
    color: #59636c
}

.is-en .c-CmsArticle {
    word-break: break-word
}

@media screen and (max-width: 768px) {
    .c-CmsArticle {
        font-size:4.26vw
    }
}

.c-CmsArticle h1 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle h2 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle h3 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle h4 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle h5 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle h6 {
    color: #273846;
    font-weight: 500;
    clear: both
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h1:not([class]) {
        font-size:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h1:not([class]) {
        font-size:5.86vw
    }
}

.c-CmsArticle h2:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h2:not([class]) {
        font-size:2.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h2:not([class]) {
        font-size:6.4vw
    }
}

.c-CmsArticle h3:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h3:not([class]) {
        font-size:1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h3:not([class]) {
        font-size:5.33vw
    }
}

.c-CmsArticle h4:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h4:not([class]) {
        font-size:1.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h4:not([class]) {
        font-size:4.8vw
    }
}

.c-CmsArticle h5:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h5:not([class]) {
        font-size:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h5:not([class]) {
        font-size:4.26vw
    }
}

.c-CmsArticle h6:not([class]) {
    font-weight: bold
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle h6:not([class]) {
        font-size:1rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle h6:not([class]) {
        font-size:4vw
    }
}

.c-CmsArticle p:last-child,.c-CmsArticle pre:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle p small,.c-CmsArticle pre small {
        font-size:.81rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle p small,.c-CmsArticle pre small {
        font-size:3.46vw
    }
}

.c-CmsArticle ul li:last-child,.c-CmsArticle ol li:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle ul,.c-CmsArticle ol {
        padding-left:1.25rem
    }

    .c-CmsArticle ul li::marker,.c-CmsArticle ol li::marker {
        font-size: .75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle ul,.c-CmsArticle ol {
        padding-left:5.33vw
    }

    .c-CmsArticle ul li::marker,.c-CmsArticle ol li::marker {
        font-size: 3.2vw
    }
}

.c-CmsArticle ul {
    list-style-type: disc
}

.c-CmsArticle ol {
    list-style-type: decimal
}

.c-CmsArticle a {
    position: relative;
    text-decoration: underline
}

.c-CmsArticle a[target="_blank"]::after {
    content: '';
    display: inline-block;
    background: url("/assets/images/common/icon/blank.svg") no-repeat top left;
    background-size: 100%
}

.c-CmsArticle a.p-Button__Border {
    text-decoration: none
}

@media print, screen and (min-width: 1025px) {
    .c-CmsArticle a:hover {
        text-decoration:none
    }
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle a[target="_blank"] {
        margin-right:.5rem
    }

    .c-CmsArticle a[target="_blank"]::after {
        width: .68rem;
        height: .56rem;
        margin-left: .31rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle a[target="_blank"] {
        margin-right:2.13vw
    }

    .c-CmsArticle a[target="_blank"]::after {
        width: 2.93vw;
        height: 2.4vw;
        margin-left: 1.33vw
    }
}

.c-CmsArticle em {
    font-style: italic
}

.c-CmsArticle small {
    font-size: .87rem
}

@media screen and (max-width: 768px) {
    .c-CmsArticle small {
        font-size:3.2vw
    }
}

.c-CmsArticle table {
    table-layout: fixed;
    width: 100% !important;
    border: none !important;
    border-top: 1px solid #cbcbcb !important;
    color: #59636c;
    height: initial !important
}

.c-CmsArticle table td {
    width: initial !important;
    padding: 10px;
    border-bottom: 1px solid #cbcbcb !important
}

.c-CmsArticle:last-child {
    margin-bottom: 0
}

.c-CmsArticle>*:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle {
        margin-bottom:4.37rem
    }

    .c-CmsArticle>* {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle {
        margin-bottom:18.66vw
    }

    .c-CmsArticle>* {
        margin-bottom: 10.66vw
    }
}

.c-CmsArticle__Editor>*:first-child {
    margin-top: 0 !important
}

.c-CmsArticle__Editor>*:last-child {
    margin-bottom: 0 !important
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Editor>* {
        margin-top:1.25rem;
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Editor {
        font-size:4.26vw
    }

    .c-CmsArticle__Editor>* {
        margin-top: 2.66vw;
        margin-bottom: 2.66vw
    }
}

.c-CmsArticle__Editor::after {
    content: '';
    display: block;
    clear: both
}

.c-CmsArticle__Wrap:last-child,.c-CmsArticle__Wrap--Reverse:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Wrap,.c-CmsArticle__Wrap--Reverse {
        margin-bottom:2.5rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: initial
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Wrap,.c-CmsArticle__Wrap--Reverse {
        margin-bottom:10.66vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Wrap--Reverse {
        flex-direction:row-reverse
    }
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Box {
        width:calc(50% - 2.5rem);
        height: 100%;
        margin-right: 2.5rem
    }

    .c-CmsArticle__Wrap--Reverse .c-CmsArticle__Box {
        margin-right: 0;
        margin-left: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Box+.c-CmsArticle__Box {
        margin-top:10.66vw
    }
}

.c-CmsArticle__Figure {
    text-align: center
}

.c-CmsArticle__Figure figcaption {
    text-align: left
}

.c-CmsArticle__Figure figcaption.is-Center {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Figure figcaption {
        margin-top:1.25rem;
        font-size: .81rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Figure img {
        width:auto
    }

    .c-CmsArticle__Figure figcaption {
        margin-top: 5.33vw;
        font-size: 3.46vw
    }
}

.c-CmsArticle__Picture {
    overflow: hidden
}

.c-CmsArticle__Picture img {
    width: 100%
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Picture {
        border-radius:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Picture {
        border-radius:5.33vw
    }
}

.c-CmsArticle__Img {
    margin-right: auto;
    margin-left: auto
}

.c-CmsArticle__Caption {
    word-break: break-all
}

.is-en .c-CmsArticle__Caption {
    word-break: break-word
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption {
        font-size:4.26vw
    }
}

.c-CmsArticle__Caption h1 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle__Caption h2 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle__Caption h3 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle__Caption h4 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle__Caption h5 {
    color: #273846;
    font-weight: 500;
    clear: both
}

.c-CmsArticle__Caption h6 {
    color: #273846;
    font-weight: 500;
    clear: both
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h1:not([class]) {
        font-size:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h1:not([class]) {
        font-size:5.86vw
    }
}

.c-CmsArticle__Caption h2:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h2:not([class]) {
        font-size:2.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h2:not([class]) {
        font-size:6.4vw
    }
}

.c-CmsArticle__Caption h3:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h3:not([class]) {
        font-size:1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h3:not([class]) {
        font-size:5.33vw
    }
}

.c-CmsArticle__Caption h4:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h4:not([class]) {
        font-size:1.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h4:not([class]) {
        font-size:4.8vw
    }
}

.c-CmsArticle__Caption h5:not([class]) {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h5:not([class]) {
        font-size:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h5:not([class]) {
        font-size:4.26vw
    }
}

.c-CmsArticle__Caption h6:not([class]) {
    font-weight: bold
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption h6:not([class]) {
        font-size:1rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption h6:not([class]) {
        font-size:4vw
    }
}

.c-CmsArticle__Caption p:last-child,.c-CmsArticle__Caption pre:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption p small,.c-CmsArticle__Caption pre small {
        font-size:.81rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption p small,.c-CmsArticle__Caption pre small {
        font-size:3.46vw
    }
}

.c-CmsArticle__Caption ul li:last-child,.c-CmsArticle__Caption ol li:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption ul,.c-CmsArticle__Caption ol {
        padding-left:1.25rem
    }

    .c-CmsArticle__Caption ul li::marker,.c-CmsArticle__Caption ol li::marker {
        font-size: .75rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption ul,.c-CmsArticle__Caption ol {
        padding-left:5.33vw
    }

    .c-CmsArticle__Caption ul li::marker,.c-CmsArticle__Caption ol li::marker {
        font-size: 3.2vw
    }
}

.c-CmsArticle__Caption ul {
    list-style-type: disc
}

.c-CmsArticle__Caption ol {
    list-style-type: decimal
}

.c-CmsArticle__Caption a {
    position: relative;
    text-decoration: underline
}

.c-CmsArticle__Caption a[target="_blank"]::after {
    content: '';
    display: inline-block;
    background: url("/assets/images/common/icon/blank.svg") no-repeat top left;
    background-size: 100%
}

.c-CmsArticle__Caption a.p-Button__Border {
    text-decoration: none
}

@media print, screen and (min-width: 1025px) {
    .c-CmsArticle__Caption a:hover {
        text-decoration:none
    }
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption a[target="_blank"] {
        margin-right:.5rem
    }

    .c-CmsArticle__Caption a[target="_blank"]::after {
        width: .68rem;
        height: .56rem;
        margin-left: .31rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption a[target="_blank"] {
        margin-right:2.13vw
    }

    .c-CmsArticle__Caption a[target="_blank"]::after {
        width: 2.93vw;
        height: 2.4vw;
        margin-left: 1.33vw
    }
}

.c-CmsArticle__Caption em {
    font-style: italic
}

.c-CmsArticle__Caption small {
    font-size: .87rem
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption small {
        font-size:3.2vw
    }
}

.c-CmsArticle__Caption table {
    table-layout: fixed;
    width: 100% !important;
    border: none !important;
    border-top: 1px solid #cbcbcb !important;
    color: #59636c;
    height: initial !important
}

.c-CmsArticle__Caption table td {
    width: initial !important;
    padding: 10px;
    border-bottom: 1px solid #cbcbcb !important
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Caption {
        margin-top:1.25rem;
        font-size: 1rem
    }

    .c-CmsArticle__Figure .c-CmsArticle__Caption {
        margin-top: 1.25rem;
        font-size: 1rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Caption {
        margin-top:5.33vw;
        font-size: 3.73vw
    }

    .c-CmsArticle__Figure .c-CmsArticle__Caption {
        margin-top: 5.33vw;
        font-size: 3.73vw
    }
}

.c-CmsArticle__Caption.is-Center {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

ul.c-CmsArticle__ListBorder {
    list-style-type: none
}

ul.c-CmsArticle__ListBorder li {
    position: relative
}

ul.c-CmsArticle__ListBorder li::before {
    content: '';
    display: block;
    background: #00479D;
    position: absolute;
    left: 0;
    z-index: 1
}

ul.c-CmsArticle__ListBorder li:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    ul.c-CmsArticle__ListBorder {
        padding-left:0
    }

    ul.c-CmsArticle__ListBorder li {
        margin-bottom: .31rem;
        padding-left: 1.25rem
    }

    ul.c-CmsArticle__ListBorder li::before {
        width: .25rem;
        height: 1.25rem;
        top: .31rem
    }
}

@media screen and (max-width: 768px) {
    ul.c-CmsArticle__ListBorder {
        padding-left:0
    }

    ul.c-CmsArticle__ListBorder li {
        margin-bottom: 1.33vw;
        padding-left: 5.33vw
    }

    ul.c-CmsArticle__ListBorder li::before {
        width: 1.06vw;
        height: 5.33vw;
        top: 1.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-CmsArticle__Button {
        max-width:25rem
    }
}

@media screen and (max-width: 768px) {
    .c-CmsArticle__Button {
        max-width:18.75rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media print, screen and (min-width: 769px) {
    .c-Pager {
        margin-top:3.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-Pager {
        margin-top:10.66vw
    }
}

.c-Pager__List {
    text-align: center
}

.c-Pager__Item,.c-Pager__Item--Active {
    display: inline-block;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    position: relative
}

@media print, screen and (min-width: 769px) {
    .c-Pager__Item,.c-Pager__Item--Active {
        width:3.12rem;
        height: 3.12rem;
        margin-right: .62rem;
        margin-left: .62rem
    }
}

@media screen and (max-width: 768px) {
    .c-Pager__Item,.c-Pager__Item--Active {
        width:10.66vw;
        height: 10.66vw;
        margin-right: 1.33vw;
        margin-left: 1.33vw
    }
}

.c-Pager__Link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #59636c;
    text-decoration: none;
    border-radius: 50%
}

.c-Pager__Item--Active .c-Pager__Link {
    color: #fff;
    background: #DEE1E5;
    border-color: #DEE1E5
}

@media print, screen and (min-width: 1025px) {
    .c-Pager__Link {
        transition:all .2s ease
    }

    .c-Pager__Link:hover {
        color: #fff;
        background: #DEE1E5;
        border-color: #DEE1E5;
        text-decoration: none
    }
}

.c-Pager__Text {
    display: block
}

.c-Pager__Text .p-Icon--ArrowRight,.c-Pager__Text .p-Icon--ArrowLeft {
    display: block
}

@media print, screen and (min-width: 769px) {
    .c-Pager__Text .p-Icon--ArrowRight,.c-Pager__Text .p-Icon--ArrowLeft {
        width:1rem;
        height: 1rem
    }
}

@media screen and (max-width: 768px) {
    .c-Pager__Text .p-Icon--ArrowRight,.c-Pager__Text .p-Icon--ArrowLeft {
        width:4.26vw;
        height: 4.26vw
    }
}

.c-Pager__Text .p-Icon--ArrowRight {
    margin-right: -2px
}

.c-Pager__Text .p-Icon--ArrowLeft {
    margin-left: -2px
}

@media print, screen and (min-width: 1025px) {
    .c-Pager__Text .p-Icon--ArrowRight,.c-Pager__Text .p-Icon--ArrowLeft {
        transition:all .2s ease
    }

    .c-Pager__Text:hover .p-Icon--ArrowRight,.c-Pager__Text:hover .p-Icon--ArrowLeft {
        color: #fff
    }
}

.c-RelatedList {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList {
        margin-bottom:12.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList {
        margin-bottom:26.66vw
    }
}

.c-RelatedList__Section {
    padding-bottom: 0
}

.c-RelatedList__Section+.c-RelatedList__Section {
    border-top: 1px solid #cbcbcb
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Section+.c-RelatedList__Section {
        margin-top:7.5rem;
        padding-top: 4.37rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Section+.c-RelatedList__Section {
        margin-top:32vw;
        padding-top: 18.66vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Item+.c-RelatedList__Item {
        margin-top:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Item+.c-RelatedList__Item {
        margin-top:5.33vw
    }
}

.c-RelatedList__Link {
    background: #fff;
    border: 1px solid #cbcbcb;
    box-shadow: .12rem .18rem .25rem rgba(0,0,0,0.15)
}

@media print, screen and (min-width: 1025px) {
    .c-RelatedList__Link:hover {
        color:#273846;
        text-decoration: none
    }

    .c-RelatedList__Link:hover .c-RelatedList__Title {
        color: #00479D
    }

    .c-RelatedList__Link:hover .c-RelatedList__Img img {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Link {
        display:flex;
        flex-wrap: static;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.87rem 6.25rem 1.87rem 1.87rem;
        border-radius: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Link {
        display:block;
        padding: 5.33vw;
        border-radius: 5.33vw
    }
}

.c-RelatedList__Img {
    aspect-ratio: 380 / 190;
    overflow: hidden;
    position: relative;
    display: block
}

.c-RelatedList__Img img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin-right: auto;
    margin-left: auto
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Img {
        width:23.75rem;
        flex-shrink: 0;
        border-radius: 1.25rem;
        margin-right: 1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Img {
        border-radius:5.33vw;
        margin-bottom: 5.33vw
    }
}

.c-RelatedList__Body {
    color: #59636c
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Body {
        flex-grow:1
    }
}

.c-RelatedList__Title {
    font-weight: 600
}

.c-RelatedList__Title .p-Icon--Blank {
    fill: #59636c;
    vertical-align: middle
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Title {
        margin-bottom:.93rem;
        font-size: 1.25rem
    }

    .c-RelatedList__Title .p-Icon--Blank {
        width: .75rem;
        margin-left: .31rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Title {
        margin-bottom:4vw;
        font-size: 4.8vw
    }

    .c-RelatedList__Title .p-Icon--Blank {
        width: 3.2vw;
        margin-left: 1.33vw
    }
}

.c-RelatedList__SubTitle {
    color: #273846;
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__SubTitle {
        margin-bottom:.62rem;
        font-size: 1.12rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__SubTitle {
        margin-bottom:2.66vw;
        font-size: 4.26vw
    }
}

.c-RelatedList__TextArea {
    font-weight: 400
}

.c-RelatedList__TextArea>*:last-child {
    margin-bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__TextArea>* {
        margin-bottom:.62rem
    }
}

.c-RelatedList__More {
    color: #59636c;
    text-align: right
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__More {
        margin-top:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__More {
        margin-top:2.66vw
    }
}

.c-RelatedList__More {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    font-weight: 400
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__More {
        margin-top:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__More {
        margin-top:2.66vw
    }
}

.c-RelatedList__Foot {
    border-top: 1px solid #cbcbcb
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Foot {
        margin-top:1.25rem;
        padding-top: .62rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Foot {
        margin-top:5.33vw;
        padding-top: 2.66vw
    }
}

.c-RelatedList__Date {
    display: block;
    font-weight: 400
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Date {
        margin-bottom:.43rem;
        font-size: .87rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Date {
        margin-bottom:1.86vw;
        font-size: 3.73vw
    }
}

.c-RelatedList__Tag {
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Tag {
        font-size:.81rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Tag {
        font-size:3.46vw
    }
}

.c-RelatedList__Tag--Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-RelatedList__Tag--Item {
        margin-right:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-RelatedList__Tag--Item {
        margin-right:2.66vw
    }
}

.c-RelatedList__Underline {
    text-decoration: underline
}

@media print, screen and (min-width: 769px) {
    .c-SearchArea,.c-SearchArea--Margin {
        display:flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media print, screen and (min-width: 769px) {
    .c-SearchArea--Margin {
        margin-bottom:6.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SearchArea--Margin {
        margin-bottom:16vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SearchArea__Box {
        width:calc(50% - 1.25rem)
    }

    .c-SearchArea__Box:nth-child(odd) {
        margin-right: 1.25rem
    }

    .c-SearchArea__Box:nth-child(even) {
        margin-left: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SearchArea__Box+.c-SearchArea__Box {
        margin-top:5.33vw
    }
}

.c-SearchArea__Tag {
    color: #59636c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.c-SearchArea__Tag--Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-SearchArea__Tag--Item {
        margin-right:.62rem
    }
}

.c-SearchBox,.c-SearchBox--580 {
    width: 100%
}

.c-SearchBox .mf_finder_searchBox,.c-SearchBox--580 .mf_finder_searchBox {
    margin-left: 0
}

.c-SearchBox .mf_finder_searchBox_items,.c-SearchBox--580 .mf_finder_searchBox_items {
    padding-top: 0;
    padding-bottom: 0
}

.c-SearchBox .mf_finder_searchBox_query_input,.c-SearchBox--580 .mf_finder_searchBox_query_input {
    border: 1px solid #cbcbcb
}

.c-SearchBox .mf_finder_searchBox_submit,.c-SearchBox--580 .mf_finder_searchBox_submit {
    background: #003594;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.c-SearchBox .mf_finder_searchBox_submit::before,.c-SearchBox--580 .mf_finder_searchBox_submit::before {
    content: '';
    display: block;
    background: url("/assets/images/icon/searchW.svg") no-repeat center;
    background-size: cover
}

.c-SearchBox .mf_finder_searchBox_submit>span,.c-SearchBox--580 .mf_finder_searchBox_submit>span {
    display: none
}

@media print, screen and (min-width: 769px) {
    .c-SearchBox .mf_finder_searchBox_doctype,.c-SearchBox--580 .mf_finder_searchBox_doctype {
        margin-right:.62rem
    }

    .c-SearchBox .mf_finder_searchBox_doctype_select,.c-SearchBox--580 .mf_finder_searchBox_doctype_select {
        padding-top: 1.18rem;
        padding-bottom: 1.18rem;
        border-radius: .62rem
    }

    .c-SearchBox .mf_finder_searchBox_query_input,.c-SearchBox--580 .mf_finder_searchBox_query_input {
        padding-top: 1.06rem;
        padding-bottom: 1.06rem;
        border-radius: .62rem 0 0 .62rem
    }

    .c-SearchBox .mf_finder_searchBox_submit,.c-SearchBox--580 .mf_finder_searchBox_submit {
        width: 4.5rem;
        border-radius: 0 .62rem .62rem 0
    }

    .c-SearchBox .mf_finder_searchBox_submit::before,.c-SearchBox--580 .mf_finder_searchBox_submit::before {
        width: 1.75rem;
        height: 1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-SearchBox .mf_finder_searchBox_doctype,.c-SearchBox--580 .mf_finder_searchBox_doctype {
        margin-right:2.66vw
    }

    .c-SearchBox .mf_finder_searchBox_doctype_select,.c-SearchBox--580 .mf_finder_searchBox_doctype_select {
        padding-top: 3.2vw;
        padding-bottom: 3.2vw;
        border-radius: 2.66vw
    }

    .c-SearchBox .mf_finder_searchBox_query_input,.c-SearchBox--580 .mf_finder_searchBox_query_input {
        padding-top: 2.66vw;
        padding-bottom: 2.66vw;
        border-radius: 2.66vw 0 0 2.66vw
    }

    .c-SearchBox .mf_finder_searchBox_submit,.c-SearchBox--580 .mf_finder_searchBox_submit {
        width: 16vw;
        border-radius: 0 2.66vw 2.66vw 0
    }

    .c-SearchBox .mf_finder_searchBox_submit::before,.c-SearchBox--580 .mf_finder_searchBox_submit::before {
        width: 5.33vw;
        height: 5.33vw
    }
}

.c-SearchBox--580 {
    max-width: 36.25rem
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage {
        margin-bottom:9.37rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage {
        margin-bottom:40vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Head {
        max-width:53.75rem;
        margin-right: auto;
        margin-left: auto
    }
}

.c-SinglePage__Head--Box {
    display: flex;
    flex-wrap: initial;
    justify-content: flex-start;
    align-items: center
}

.c-SinglePage__Date {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Date {
        margin-right:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Date {
        margin-right:2.66vw
    }
}

.c-SinglePage__New {
    color: #273846;
    font-weight: bold
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__New {
        margin-left:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__New {
        margin-left:2.66vw
    }
}

.c-SinglePage__Mainvisual {
    overflow: hidden
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Mainvisual {
        margin-bottom:3.12rem;
        border-radius: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Mainvisual {
        margin-bottom:8vw;
        border-radius: 5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Contents {
        padding-bottom:0
    }

    .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 6.25rem
    }

    .c-SinglePage__Contents .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 5rem
    }

    .c-SinglePage__Contents .c-SinglePage__Contents .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 3.12rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Contents {
        padding-bottom:0
    }

    .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 26.66vw
    }

    .c-SinglePage__Contents .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 21.33vw
    }

    .c-SinglePage__Contents .c-SinglePage__Contents .c-SinglePage__Contents+.c-SinglePage__Contents {
        margin-top: 13.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Wrap+.c-SinglePage__Wrap {
        margin-top:6.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Wrap+.c-SinglePage__Wrap {
        margin-top:18.66vw
    }
}

.c-SinglePage__TitleLevel2,.c-SinglePage__TitleLevel2--Margin,.c-SinglePage__TitleLevel2--MarginLarge {
    line-height: 1.5;
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel2,.c-SinglePage__TitleLevel2--Margin,.c-SinglePage__TitleLevel2--MarginLarge {
        font-size:2.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel2,.c-SinglePage__TitleLevel2--Margin,.c-SinglePage__TitleLevel2--MarginLarge {
        font-size:6.4vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel2--Margin {
        margin-bottom:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel2--Margin {
        margin-bottom:5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel2--MarginLarge {
        margin-bottom:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel2--MarginLarge {
        margin-bottom:8vw
    }
}

.c-SinglePage__TitleLevel3,.c-SinglePage__TitleLevel3--Margin,.c-SinglePage__TitleLevel3--MarginLarge {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel3,.c-SinglePage__TitleLevel3--Margin,.c-SinglePage__TitleLevel3--MarginLarge {
        font-size:1.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel3,.c-SinglePage__TitleLevel3--Margin,.c-SinglePage__TitleLevel3--MarginLarge {
        font-size:5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel3--Margin {
        margin-bottom:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel3--Margin {
        margin-bottom:5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel3--MarginLarge {
        margin-bottom:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel3--MarginLarge {
        margin-bottom:8vw
    }
}

.c-SinglePage__TitleLevel4,.c-SinglePage__TitleLevel4--Margin,.c-SinglePage__TitleLevel4--MarginLarge {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel4,.c-SinglePage__TitleLevel4--Margin,.c-SinglePage__TitleLevel4--MarginLarge {
        font-size:1.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel4,.c-SinglePage__TitleLevel4--Margin,.c-SinglePage__TitleLevel4--MarginLarge {
        font-size:4.8vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel4--Margin {
        margin-bottom:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel4--Margin {
        margin-bottom:5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel4--MarginLarge {
        margin-bottom:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel4--MarginLarge {
        margin-bottom:8vw
    }
}

.c-SinglePage__TitleLevel5,.c-SinglePage__TitleLevel5--Margin,.c-SinglePage__TitleLevel5--MarginLarge {
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel5,.c-SinglePage__TitleLevel5--Margin,.c-SinglePage__TitleLevel5--MarginLarge {
        font-size:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel5,.c-SinglePage__TitleLevel5--Margin,.c-SinglePage__TitleLevel5--MarginLarge {
        font-size:4.26vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel5--Margin {
        margin-bottom:1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel5--Margin {
        margin-bottom:5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__TitleLevel5--MarginLarge {
        margin-bottom:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__TitleLevel5--MarginLarge {
        margin-bottom:8vw
    }
}

.c-SinglePage__LeadText {
    border-top: 1px solid #cbcbcb
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__LeadText {
        margin-top:2.5rem;
        padding-top: 2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__LeadText {
        margin-top:8vw;
        padding-top: 8vw
    }
}

.c-SinglePage__Figure:first-child {
    margin-top: 0
}

.c-SinglePage__Figure img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.c-SinglePage__Figure figcaption {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Figure {
        margin-top:4.37rem
    }

    .c-SinglePage__Figure figcaption {
        margin-top: .62rem;
        font-size: .75rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Figure {
        margin-top:10.66vw
    }

    .c-SinglePage__Figure figcaption {
        margin-top: 1.33vw;
        font-size: 3.2vw
    }
}

.c-SinglePage__Annotation:first-child {
    margin-top: 0
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Annotation {
        margin-top:3.12rem;
        font-size: .87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Annotation {
        margin-top:13.33vw;
        font-size: 3.73vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__CheckList {
        padding-left:2.81rem
    }
}

.c-SinglePage__CheckItem {
    position: relative
}

.c-SinglePage__CheckItem .p-Icon--Check {
    fill: #273846;
    position: absolute;
    left: 0;
    z-index: 1
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__CheckItem {
        padding-left:1.87rem
    }

    .c-SinglePage__CheckItem+.c-SinglePage__CheckItem {
        margin-top: .62rem
    }

    .c-SinglePage__CheckItem .p-Icon--Check {
        width: 1.5rem;
        top: .18rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__CheckItem {
        padding-left:8vw
    }

    .c-SinglePage__CheckItem+.c-SinglePage__CheckItem {
        margin-top: 5.33vw
    }

    .c-SinglePage__CheckItem .p-Icon--Check {
        width: 6.4vw;
        top: .8vw
    }
}

.c-SinglePage__Tag {
    color: #59636c;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Tag {
        margin-bottom:1.25rem;
        font-size: .81rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Tag {
        margin-bottom:5.33vw;
        font-size: 3.46vw
    }
}

.c-SinglePage__Tag--Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-SinglePage__Tag--Item {
        margin-right:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-SinglePage__Tag--Item {
        margin-right:2.66vw
    }
}

.c-SnsButton {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.c-CmsArticle .c-SnsButton {
    padding-left: 0;
    list-style-type: none
}

.c-SnsButton__Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-SnsButton__Item {
        margin-right:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-SnsButton__Item {
        margin-right:2.66vw
    }
}

.c-Swiper__Navigation {
    display: flex;
    flex-wrap: initial;
    justify-content: space-between;
    align-items: center
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Navigation {
        margin-top:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Navigation {
        margin-top:10.66vw
    }
}

.c-Swiper__Arrow,.c-Swiper__Arrown--Prev,.c-Swiper__Arrow--Next {
    cursor: pointer;
    background: #273846;
    border-radius: 50%;
    z-index: 3;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: flex;
    flex-wrap: initial;
    justify-content: center;
    align-items: center
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Arrow,.c-Swiper__Arrown--Prev,.c-Swiper__Arrow--Next {
        width:4rem;
        height: 4rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Arrow,.c-Swiper__Arrown--Prev,.c-Swiper__Arrow--Next {
        width:10.66vw;
        height: 10.66vw
    }
}

.c-Swiper__Arrow.is-Disabled,.is-Disabled.c-Swiper__Arrown--Prev,.is-Disabled.c-Swiper__Arrow--Next,.c-Swiper__Arrow.swiper-button-lock,.swiper-button-lock.c-Swiper__Arrown--Prev,.swiper-button-lock.c-Swiper__Arrow--Next {
    display: none
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Arrown--Prev {
        left:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Arrown--Prev {
        left:2.66vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Arrow--Next {
        right:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Arrow--Next {
        right:2.66vw
    }
}

.c-Swiper__Next,.c-Swiper__Prev {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1;
    position: relative
}

.c-Swiper__Next::before,.c-Swiper__Next::after,.c-Swiper__Prev::before,.c-Swiper__Prev::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: currentColor
}

.c-Swiper__Next::before,.c-Swiper__Prev::before {
    left: 0
}

.c-Swiper__Next::after,.c-Swiper__Prev::after {
    bottom: 0
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Next,.c-Swiper__Prev {
        width:1.25rem;
        height: 1.25rem
    }

    .c-Swiper__Next::before,.c-Swiper__Next::after,.c-Swiper__Prev::before,.c-Swiper__Prev::after {
        border-radius: .12rem
    }

    .c-Swiper__Next::before,.c-Swiper__Prev::before {
        height: .12rem
    }

    .c-Swiper__Next::after,.c-Swiper__Prev::after {
        width: .12rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Next,.c-Swiper__Prev {
        width:4vw;
        height: 4vw
    }

    .c-Swiper__Next::before,.c-Swiper__Next::after,.c-Swiper__Prev::before,.c-Swiper__Prev::after {
        border-radius: .53vw
    }

    .c-Swiper__Next::before,.c-Swiper__Prev::before {
        height: .53vw
    }

    .c-Swiper__Next::after,.c-Swiper__Prev::after {
        width: .53vw
    }
}

.c-Swiper__Prev {
    left: 0;
    -webkit-transform: translateX(25%) rotate(-135deg);
    transform: translateX(25%) rotate(-135deg)
}

.c-Swiper__Next {
    right: 0;
    -webkit-transform: translateX(-25%) rotate(45deg);
    transform: translateX(-25%) rotate(45deg)
}

.c-Swiper__Pagination {
    text-align: center;
    z-index: 2
}

.c-Swiper__Pagination.swiper-pagination-bullets {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.c-Swiper__Pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 0;
    background: #CDD8DB;
    opacity: 1
}

.c-Swiper__Pagination.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.c-Swiper__Pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #003594
}

.is-State--Single .c-Swiper__Pagination {
    display: none
}

@media print, screen and (min-width: 769px) {
    .c-Swiper__Pagination.swiper-pagination-bullets {
        bottom:0
    }

    .c-Swiper__Pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .5rem;
        height: .5rem;
        margin-right: 1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-Swiper__Pagination.swiper-pagination-bullets {
        bottom:0
    }

    .c-Swiper__Pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 2.13vw;
        height: 2.13vw;
        margin-right: 8vw
    }
}

.c-SwiperCard .swiper-wrapper {
    align-items: initial
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard {
        padding-bottom:3.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard {
        padding-bottom:16vw
    }
}

.c-SwiperCard__Item {
    display: block;
    background: #fff;
    box-shadow: .12rem .18rem .25rem rgba(0,0,0,0.15);
    border-radius: 1.25rem;
    overflow: hidden;
    position: relative;
    z-index: 0;
    height: initial
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Item {
        width:23.75rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Item {
        width:73.33vw
    }
}

.c-SwiperCard__Link {
    height: 100%;
    display: flex;
    flex-direction: column
}

@media print, screen and (min-width: 1025px) {
    .c-SwiperCard__Link {
        transition:all .2s ease
    }

    .c-SwiperCard__Link:hover {
        color: #00479D;
        text-decoration: none
    }
}

.c-SwiperCard__Img {
    aspect-ratio: 380 / 190;
    overflow: hidden;
    position: relative
}

.c-SwiperCard__Img img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s
}

@media print, screen and (min-width: 1025px) {
    a:hover .c-SwiperCard__Img img {
        -webkit-transform:scale(1.15);
        transform: scale(1.15)
    }
}

.c-SwiperCard__TextArea {
    line-height: 1.85
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__TextArea {
        margin-top:1.87rem;
        margin-bottom: 1.87rem;
        padding-right: 1.87rem;
        padding-left: 1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__TextArea {
        margin-top:5.33vw;
        margin-bottom: 5.33vw;
        padding-right: 5.33vw;
        padding-left: 5.33vw
    }
}

.c-SwiperCard__Title {
    font-weight: 500;
    line-height: 1.5
}

.c-SwiperCard__Title .p-Icon--Blank {
    fill: #59636c;
    vertical-align: middle
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Title {
        margin-bottom:1rem;
        font-size: 1.25rem;
        letter-spacing: .03rem
    }

    .c-SwiperCard__Title .p-Icon--Blank {
        width: .75rem;
        margin-left: .31rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Title {
        margin-bottom:4.26vw;
        font-size: 4.8vw;
        letter-spacing: .15vw
    }

    .c-SwiperCard__Title .p-Icon--Blank {
        width: 3.2vw;
        margin-left: 1.33vw
    }
}

.c-SwiperCard__SubTitle {
    color: #59636c;
    font-weight: 600
}

.c-SwiperCard__Text {
    color: #59636c
}

.c-SwiperCard__New {
    color: #fff;
    background: #003594;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    text-align: center;
    position: absolute;
    z-index: 1
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__New {
        padding:.06rem .62rem;
        font-size: .81rem;
        top: 1.25rem;
        left: 1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__New {
        padding:.26vw 2.66vw;
        font-size: 3.46vw;
        top: 5.33vw;
        left: 5.33vw
    }
}

.c-SwiperCard__Foot {
    color: #59636c;
    margin-top: auto
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Foot {
        margin-bottom:1.87rem;
        padding-right: 1.87rem;
        padding-left: 1.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Foot {
        margin-bottom:5.33vw;
        padding-right: 5.33vw;
        padding-left: 5.33vw
    }
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Date {
        font-size:.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Date {
        font-size:3.73vw
    }
}

.c-SwiperCard__Tag {
    border-top: 1px solid #cbcbcb;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Tag {
        margin-top:.31rem;
        padding-top: 1rem;
        font-size: .81rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Tag {
        margin-top:1.33vw;
        padding-top: 4.26vw;
        font-size: 3.46vw
    }
}

.c-SwiperCard__Tag--Item:last-child {
    margin-right: 0
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__Tag--Item {
        margin-right:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__Tag--Item {
        margin-right:2.66vw
    }
}

.c-SwiperCard__More {
    color: #59636c;
    text-align: right
}

@media print, screen and (min-width: 769px) {
    .c-SwiperCard__More {
        margin-top:.62rem
    }
}

@media screen and (max-width: 768px) {
    .c-SwiperCard__More {
        margin-top:2.66vw
    }
}

.c-YouTubeApi {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.c-YouTubeApi__Movie {
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    position: relative
}

.c-YouTubeApi__Movie>iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-YouTubeApi__Thumb {
    cursor: pointer;
    width: 100%;
    position: relative
}

@media print, screen and (min-width: 1025px) {
    .c-YouTubeApi__Thumb {
        transition:opacity .3s ease
    }

    .c-YouTubeApi__Thumb:hover {
        opacity: 0.75
    }
}

.c-YouTubeApi__Thumb::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.c-YouTubeApi__Thumb img {
    width: 100%
}

.c-YouTubeApi__Box {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-YouTubeApi__Icon {
    display: block
}

.c-YouTubeApi__Icon .p-Icon--Play {
    fill: #fff
}

@media print, screen and (min-width: 769px) {
    .c-YouTubeApi__Icon {
        width:5.87rem
    }
}

@media screen and (max-width: 768px) {
    .c-YouTubeApi__Icon {
        width:13.33vw
    }
}

.c-RecruitBanner {
    overflow: hidden;
    position: relative
}

.c-RecruitBanner__Link {
    display: block;
    color: #fff
}

@media print, screen and (min-width: 1025px) {
    .c-RecruitBanner__Link {
        transition:opacity .3s ease
    }

    .c-RecruitBanner__Link:hover {
        opacity: 0.75
    }
}

@media print, screen and (min-width: 1025px) {
    .c-RecruitBanner__Link:hover {
        color:#00479D
    }
}

.c-RecruitBanner__Img {
    overflow: hidden
}

.c-RecruitBanner__Img img {
    width: 100%
}

@media print, screen and (min-width: 769px) {
    .c-RecruitBanner__Img {
        border-radius:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-RecruitBanner__Img {
        border-radius:5.33vw
    }
}

.c-RecruitBanner__Box {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.c-RecruitBanner__Box .p-Icon--Blank {
    fill: #fff
}

@media print, screen and (min-width: 769px) {
    .c-RecruitBanner__Box {
        left:3.75rem
    }

    .c-RecruitBanner__Box .p-Icon--Blank {
        width: 2.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-RecruitBanner__Box {
        left:5.33vw
    }

    .c-RecruitBanner__Box .p-Icon--Blank {
        width: 6.4vw
    }
}

.c-RecruitBanner__Title {
    font-weight: 500
}

@media print, screen and (min-width: 769px) {
    .c-RecruitBanner__Title {
        font-size:2.25rem
    }
}

@media screen and (max-width: 768px) {
    .c-RecruitBanner__Title {
        font-size:6.4vw
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOp {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[data-inview-ani="fadeOp"] {
    opacity: 0
}

[data-inview-ani="fadeOp"].is-inview {
    -webkit-animation-name: fadeOp;
    animation-name: fadeOp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

[data-inview-ani="fadeUp"] {
    opacity: 0
}

[data-inview-ani="fadeUp"].is-inview {
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes mv-slider {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes mv-slider {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

a:hover {
    text-decoration: inherit;
    color: inherit
}

.rc_title_border {
    width: 5.85652vw;
    height: 1px;
    position: relative
}

@media screen and (max-width: 768px) {
    .rc_title_border {
        width:17.06667vw
    }
}

.rc_title_border:before,.rc_title_border:after {
    content: '';
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0
}

.rc_title_border:before {
    background-color: #2A65F5;
    left: 0
}

.rc_title_border:after {
    background-color: #33E2F7;
    right: 0
}

.rec_fixed_nav {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 1.0981vw
}

@media screen and (max-width: 768px) {
    .rec_fixed_nav {
        top:auto;
        bottom: 0;
        -webkit-transform: inherit;
        transform: inherit;
        left: 0;
        gap: 1px;
        flex-direction: row;
        background-color: #FFF
    }
}

.rec_fixed_nav a {
    letter-spacing: 0.2em;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media print, screen and (min-width: 769px) {
    .rec_fixed_nav a {
        width:4.75842vw;
        max-width: 65px;
        height: 12.81113vw;
        max-height: 175px;
        font-size: .87rem;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl
    }
}

@media screen and (max-width: 768px) {
    .rec_fixed_nav a {
        width:calc((100% - 2px) / 3);
        max-width: inherit;
        height: 16vw;
        max-height: inherit;
        font-size: .75rem
    }
}

.rec_fixed_nav a i {
    margin: .73206vw 0 0;
    position: relative;
    right: -.21962vw;
    transition: .3s
}

@media screen and (max-width: 768px) {
    .rec_fixed_nav a i {
        width:3.2vw;
        margin: 0 0 0 1.6vw;
        right: 0
    }
}

.rec_fixed_nav a._media {
    background-color: #FFFFFF
}

.rec_fixed_nav a._media span {
    color: #273846
}

.rec_fixed_nav a._newgrad {
    background-color: #2A65F5
}

.rec_fixed_nav a._newgrad span {
    color: #FFF
}

.rec_fixed_nav a._midcareer {
    background-color: #33E2F7
}

.rec_fixed_nav a._midcareer span {
    color: #FFF
}

.rec_info_link {
    color: #fff;
    display: flex;
    align-items: center;
    height: 4.39239vw;
    padding-left: 1.1713vw;
    border: 2px solid #fff;
    width: 50%;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_info_link {
        height:17.33333vw;
        width: 100%;
        padding-left: 4.53333vw
    }
}

.rec_info_link ._text {
    font-size: .87rem;
    letter-spacing: 0.2em;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .rec_info_link ._text {
        font-size:.93rem
    }
}

.rec_info_link ._arrow {
    width: 2.63543vw;
    height: .73206vw;
    display: block;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.36 7.75"><g id=""><polygon class="cls-1" points="24.1 0 24.1 6.75 0 6.75 0 7.75 24.1 7.75 32.87 7.75 34.36 7.75 24.1 0" fill="%23FFF"/></g></svg>');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 36%;
    right: 1.0981vw
}

@media screen and (max-width: 768px) {
    .rec_info_link ._arrow {
        width:11.73333vw;
        height: 2.66667vw;
        right: 5.33333vw
    }
}

@media (hover: hover) {
    .rec_info_link:hover {
        text-decoration:none;
        background: rgba(255,255,255,0.25)
    }
}

.rec_info_link._center {
    justify-content: center;
    padding-left: 0;
    height: 5.12445vw
}

.rec_info_link._disabled {
    pointer-events: none;
    position: relative
}

.rec_info_link._disabled:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    z-index: 2
}

.rec_sp {
    display: none
}

@media screen and (max-width: 768px) {
    .rec_sp {
        display:block !important
    }
}

@media screen and (max-width: 768px) {
    .rec_pc {
        display:none !important
    }
}

.rec_top {
    overflow: hidden
}

.rec_top p {
    font-size: .87rem;
    line-height: 2.14285714;
    letter-spacing: 0.16em;
    color: #59636C
}

@media screen and (max-width: 768px) {
    .rec_top p {
        font-size:.75rem;
        line-height: 1.41666667;
        letter-spacing: 0.22em
    }
}

.rec_top .sec_inner {
    width: 65.885798vw;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_top .sec_inner {
        width:84vw
    }
}

.rec_top ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif
}

.rec_top .sec_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 3.51391vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .sec_title {
        padding-bottom:10.13333vw
    }
}

.rec_top .sec_title._left {
    align-items: flex-start;
    padding-bottom: 3.07467vw
}

@media screen and (max-width: 768px) {
    .rec_top .sec_title._left {
        padding-bottom:9.33333vw
    }
}

.rec_top .sec_title._left ._ja {
    padding-left: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_top .sec_title._left ._ja {
        margin-top:-3.46667vw
    }
}

.rec_top .sec_title._left .rc_title_border {
    left: 0;
    -webkit-transform: inherit;
    transform: inherit
}

.rec_top .sec_title ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 5.73rem;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #E4EDF7;
    font-style: italic;
    font-weight: 100
}

@media screen and (max-width: 768px) {
    .rec_top .sec_title ._en {
        font-size:2.5rem
    }
}

.rec_top .sec_title ._ja {
    font-size: 1.56rem;
    letter-spacing: 0.16em;
    line-height: 1;
    color: #273846;
    margin-top: -1.68375vw;
    font-weight: 200
}

@media screen and (max-width: 768px) {
    .rec_top .sec_title ._ja {
        font-size:1.09rem;
        margin-top: -2.13333vw
    }
}

.rec_top .sec_title .rc_title_border {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

.rec_top .rec_top_mv {
    background: linear-gradient(33.3deg, #2a65f5 0%, #33e2f7 34.68%, #fff 73.5%, #fff 100%);
    position: relative
}

@media print, screen and (min-width: 1025px) {
    .rec_top .rec_top_mv {
        height:calc(100vh - 6.25rem)
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .rec_top .rec_top_mv {
        height:calc(100vh - 3.56rem)
    }
}

@media screen and (max-width: 768px) {
    .rec_top .rec_top_mv {
        height:calc(100svh - (15.2vw + 16vw))
    }
}

.rec_top .rec_top_mv:before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(33.3deg, #2a65f5 0%, #33e2f7 34.68%, #fff 73.5%, #fff 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
    z-index: 2
}

.rec_top .rec_top_mv .rec_top_mv_slider {
    z-index: 3;
    width: 86.5%;
    height: 90.5%;
    margin: 0 0 0 auto;
    overflow: inherit;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .rec_top_mv .rec_top_mv_slider {
        width:86.67%;
        height: 89.58%
    }
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s linear;
    will-change: opacity
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
    display: flex;
    flex-direction: column;
    z-index: 5
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading span {
    font-size: 3.12rem;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-left: -7.54vw
}

@media screen and (max-width: 768px) {
    .rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading span {
        font-size:1.56rem;
        margin-left: -8.8vw
    }
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading em {
    font-size: 5rem;
    line-height: 1;
    letter-spacing: 0.14em;
    font-weight: bold;
    margin-top: 1.97657vw;
    margin-left: -2.48vw;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    transition: 1s
}

@media screen and (max-width: 768px) {
    .rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading em {
        font-size:2.5rem;
        margin-top: 3.73333vw;
        margin-left: -5.6vw
    }
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading small {
    font-size: 1.5rem;
    line-height: 1.78125;
    letter-spacing: 0.12em;
    margin-top: 1.75695vw;
    margin-left: -1.75vw
}

@media screen and (max-width: 768px) {
    .rec_top .rec_top_mv .rec_top_mv_slider .slide ._heading small {
        font-size:.75rem;
        margin-top: 3.73333vw;
        margin-left: -3.73333vw
    }
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._img {
    height: 100%;
    overflow: hidden
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide ._img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide.active {
    opacity: 1
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide.active ._heading em {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide.active ._img img {
    -webkit-animation: mv-slider 10s linear forwards;
    animation: mv-slider 10s linear forwards
}

@keyframes mv-slider {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.rec_top .rec_top_mv .rec_top_mv_slider .slide:nth-of-type(5) ._img img {
    -o-object-position: center top;
    object-position: center top
}

.rec_top .news {
    padding: 5.56369vw 0 4.97804vw
}

@media screen and (max-width: 768px) {
    .rec_top .news {
        padding:12.53333vw 0 13.33333vw
    }
}

.rec_top .news .news_title {
    display: flex;
    flex-direction: column;
    color: #273846;
    padding-left: 6.58858vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_title {
        padding-left:13.33333vw
    }
}

.rec_top .news .news_title .rc_title_border {
    position: absolute;
    top: .73206vw;
    left: 0
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_title .rc_title_border {
        width:11.6vw;
        top: 2.66667vw
    }
}

.rec_top .news .news_title ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.87rem;
    letter-spacing: 0.1em;
    line-height: 1;
    font-weight: 300;
    font-style: italic
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_title ._en {
        font-size:1.31rem
    }
}

.rec_top .news .news_title ._ja {
    font-size: 1rem;
    letter-spacing: 0.16em;
    line-height: 1;
    margin-top: 1.02489vw;
    font-weight: normal;
    padding-left: .29283vw
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_title ._ja {
        font-size:.84rem;
        margin-top: 3.2vw;
        padding-left: 1.06667vw
    }
}

.rec_top .news .news_list {
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_list {
        margin-top:9.6vw
    }
}

@media print, screen and (min-width: 769px) {
    .rec_top .news .news_list li:nth-child(n+2) {
        border-top:#CBCBCB solid 1px
    }
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_list li {
        border-top:#CBCBCB solid 1px
    }

    .rec_top .news .news_list li:last-child {
        border-bottom: #CBCBCB solid 1px
    }
}

.rec_top .news .news_list li a,.rec_top .news .news_list li span {
    font-size: .87rem;
    line-height: 2.14285714;
    letter-spacing: 0.16em;
    color: #59636C;
    display: flex;
    align-items: flex-start;
    padding: 1.97657vw 0 1.97657vw
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_list li a,.rec_top .news .news_list li span {
        font-size:.75rem;
        line-height: 1.41666667;
        letter-spacing: 0.22em;
        flex-direction: column;
        padding: 4.8vw 0 4.8vw
    }
}

.rec_top .news .news_list li a p,.rec_top .news .news_list li span p {
    margin-left: 2.63543vw
}

@media screen and (max-width: 768px) {
    .rec_top .news .news_list li a p,.rec_top .news .news_list li span p {
        margin:1.6vw 0 0 0
    }
}

.rec_top .news .news_list li a:hover {
    text-decoration: inherit
}

.rec_top .news .news_list li a:hover p {
    text-decoration: underline
}

.rec_top .message {
    padding: 5.85652vw 0 7.46706vw;
    background-image: url("/dam/solution_html/resources/recruit/message_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 768px) {
    .rec_top .message {
        padding:12vw 0 12.8vw;
        background-image: url("/dam/solution_html/resources/recruit/message_bg_sp.jpg")
    }
}

.rec_top .message .sec_title ._en {
    color: rgba(255,255,255,0.26)
}

.rec_top .message .sec_title ._ja {
    color: #FFFFFF
}

.rec_top .message .desc {
    font-size: .93rem;
    letter-spacing: 0.22em;
    color: #FFF;
    line-height: 2.658;
    text-align: center;
    margin-top: 3.07467vw
}

@media screen and (max-width: 768px) {
    .rec_top .message .desc {
        font-size:.87rem;
        line-height: 1.83;
        letter-spacing: 0.26em;
        margin-top: 10.13333vw;
        text-align: left
    }
}

.rec_top .message .message_link {
    width: 25.62225vw;
    margin: 3.66032vw auto 0
}

@media screen and (max-width: 768px) {
    .rec_top .message .message_link {
        width:66.66667vw;
        margin-top: 14.93333vw
    }
}

.rec_top .message .message_link .rec_info_link {
    width: 100%
}

@media screen and (max-width: 768px) {
    .rec_top .message .message_link .rec_info_link {
        height:16vw
    }

    .rec_top .message .message_link .rec_info_link ._text {
        font-size: .75rem
    }

    .rec_top .message .message_link .rec_info_link ._arrow {
        width: 6.93333vw;
        right: 2.66667vw
    }
}

.rec_top .message .movie {
    width: 43.92387vw;
    margin: 7.32064vw auto 0
}

@media screen and (max-width: 768px) {
    .rec_top .message .movie {
        width:84vw;
        margin: 12.53333vw auto 0
    }
}

.rec_top .message .movie .movie_wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.20%;
    border-radius: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_top .message .movie .movie_wrap {
        border-radius:1.33333vw
    }
}

.rec_top .message .movie .movie_wrap .thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("/dam/solution_html/resources/recruit/message_movie_thumb.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    cursor: pointer
}

.rec_top .message .movie .movie_wrap .thumbnail:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5)
}

.rec_top .message .movie .movie_wrap .thumbnail:hover ._button {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.rec_top .message .movie .movie_wrap .thumbnail ._button {
    width: 6.73499vw;
    height: 6.73499vw;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .rec_top .message .movie .movie_wrap .thumbnail ._button {
        width:15.46667vw;
        height: 15.46667vw
    }
}

.rec_top .message .movie .movie_wrap .thumbnail ._button img {
    width: 100%
}

.rec_top .message .movie .movie_wrap .thumbnail p {
    font-size: 1.12rem;
    letter-spacing: 0.2em;
    color: #FFF;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 3.80673vw;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .rec_top .message .movie .movie_wrap .thumbnail p {
        font-size:.75rem;
        bottom: 6.13333vw
    }
}

.rec_top .message .movie .movie_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.rec_top .aboutus {
    padding-bottom: 7.32064vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus {
        padding-bottom:13.33333vw
    }
}

.rec_top .aboutus:before {
    content: '';
    width: 100%;
    height: 7.32064vw;
    background-color: #E4EDF7;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus:before {
        height:13.33333vw
    }
}

.rec_top .aboutus:after {
    content: '';
    width: 5.85652vw;
    height: 100%;
    background-color: #E4EDF7;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus:after {
        width:4vw
    }
}

.rec_top .aboutus .blue_object {
    z-index: 3;
    position: absolute;
    top: -18.2284vw;
    right: -3.29429vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .blue_object {
        top:-10.13333vw;
        right: -3.2vw
    }
}

.rec_top .aboutus .blue_object img {
    width: 23.8653vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .blue_object img {
        width:24vw
    }
}

.rec_top .aboutus .sec_inner {
    background-color: #FFF;
    padding: 10.2489vw 0 5.85652vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .sec_inner {
        padding:17.86667vw 0 13.33333vw
    }
}

.rec_top .aboutus .aboutus_head {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .aboutus_head {
        flex-direction:column
    }
}

.rec_top .aboutus .aboutus_head .desc {
    margin-top: 1.46413vw;
    margin-left: 1.90337vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .aboutus_head .desc {
        margin:9.33333vw auto 0;
        font-size: .87rem;
        line-height: 1.83333333;
        letter-spacing: 0.22em
    }
}

.rec_top .aboutus .aboutus_links {
    margin-top: 4.17277vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.04978vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .aboutus_links {
        flex-direction:column;
        margin-top: 6vw;
        gap: .8vw
    }
}

.rec_top .aboutus .aboutus_links li {
    overflow: hidden
}

.rec_top .aboutus .aboutus_links li a {
    position: relative;
    transition: .3s;
    display: block
}

.rec_top .aboutus .aboutus_links li a ._img img {
    width: 100%
}

.rec_top .aboutus .aboutus_links li a:hover {
    opacity: 0.7
}

.rec_top .aboutus .aboutus_links li a span {
    font-size: 1rem;
    letter-spacing: 0.2em;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-weight: bold
}

.rec_top .aboutus .aboutus_links li a._disabled {
    pointer-events: none
}

.rec_top .aboutus .aboutus_links li a._disabled span:after {
    content: 'Coming soon';
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.25rem;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-top: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_top .aboutus .aboutus_links li a._disabled span:after {
        font-size:.93rem;
        margin-top: 3.73333vw
    }
}

.rec_top .people {
    margin: 7.32064vw 0 7.32064vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .people {
        margin:13.33333vw 0 13.33333vw
    }
}

.rec_top .people:before {
    content: '';
    width: 25.62225vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #003594
}

@media screen and (max-width: 768px) {
    .rec_top .people:before {
        width:75.2vw
    }
}

.rec_top .people .people_container {
    width: 87.92vw;
    margin: 0 0 0 auto;
    padding: 4.39239vw 0 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container {
        width:96vw;
        padding: 10.66667vw 0 10.66667vw
    }
}

.rec_top .people .people_container .people_wrap {
    background-color: #FFF;
    position: relative;
    display: flex;
    align-items: stretch
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap {
        flex-direction:column
    }
}

.rec_top .people .people_container .people_wrap ._contents {
    width: 42%;
    padding: 3.66032vw 0 3.66032vw 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._contents {
        width:100%;
        padding: 10.13333vw 8vw 13.33333vw 4vw
    }
}

.rec_top .people .people_container .people_wrap ._contents .sec_title {
    white-space: nowrap
}

.rec_top .people .people_container .people_wrap ._contents .desc {
    margin-top: 3.07467vw
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._contents .desc {
        margin-top:9.06667vw;
        font-size: .87rem;
        line-height: 1.83333333;
        letter-spacing: 0.22em
    }
}

.rec_top .people .people_container .people_wrap ._contents .link_list {
    margin-top: 2.19619vw;
    width: 23.42606vw
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._contents .link_list {
        margin-top:9.06667vw;
        width: 100%
    }
}

.rec_top .people .people_container .people_wrap ._contents .link_list .rec_info_link {
    width: 100%;
    background-color: #273846
}

.rec_top .people .people_container .people_wrap ._contents .link_list .rec_info_link:nth-child(n+2) {
    margin-top: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._contents .link_list .rec_info_link:nth-child(n+2) {
        margin-top:3.2vw
    }
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._contents .link_list .rec_info_link ._arrow {
        width:8.53333vw
    }
}

.rec_top .people .people_container .people_wrap ._contents .link_list .rec_info_link:hover {
    opacity: .7;
    color: #FFF
}

.rec_top .people .people_container .people_wrap ._img {
    width: 58%;
    background-image: url("/dam/solution_html/resources/recruit/peaple_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 768px) {
    .rec_top .people .people_container .people_wrap ._img {
        width:100%;
        height: 80vw;
        background-image: url("/dam/solution_html/resources/recruit/peaple_img_sp.jpg")
    }
}

.rec_top .work {
    padding: 5.56369vw 0 7.32064vw;
    background-color: #E4EDF7;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_top .work {
        padding:10.13333vw 0 13.33333vw
    }
}

.rec_top .work .blue_object {
    z-index: 3;
    position: absolute;
    top: -10.98097vw;
    left: -6.95461vw
}

@media screen and (max-width: 768px) {
    .rec_top .work .blue_object {
        top:-18.13333vw;
        left: -6.93333vw
    }
}

.rec_top .work .blue_object img {
    width: 23.8653vw
}

@media screen and (max-width: 768px) {
    .rec_top .work .blue_object img {
        width:24vw
    }
}

.rec_top .work .sec_title ._en {
    color: #FFFFFF
}

.rec_top .work .sec_title ._ja {
    color: #273846
}

.rec_top .work .desc {
    text-align: center;
    margin-top: 3.80673vw
}

@media screen and (max-width: 768px) {
    .rec_top .work .desc {
        margin-top:9.33333vw;
        font-size: .87rem;
        line-height: 1.83333333;
        letter-spacing: 0.22em;
        text-align: left
    }
}

.rec_top .work .work_links {
    margin-top: 3.66032vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.07467vw
}

@media screen and (max-width: 768px) {
    .rec_top .work .work_links {
        flex-direction:column;
        margin-top: 6.66667vw;
        gap: .8vw
    }
}

.rec_top .work .work_links li {
    overflow: hidden
}

.rec_top .work .work_links li a {
    display: block;
    position: relative;
    transition: .3s
}

.rec_top .work .work_links li a._disabled {
    pointer-events: none
}

.rec_top .work .work_links li a ._img img {
    width: 100%
}

.rec_top .work .work_links li a:hover {
    opacity: 0.7
}

.rec_top .work .work_links li a span {
    font-size: 1rem;
    letter-spacing: 0.2em;
    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    font-weight: bold
}

.rec_top .work .work_links li a._disabled {
    pointer-events: none
}

.rec_top .work .work_links li a._disabled span:after {
    content: 'Coming soon';
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.25rem;
    display: block;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-top: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_top .work .work_links li a._disabled span:after {
        font-size:.93rem;
        margin-top: 3.73333vw
    }
}

.rec p {
    font-size: .87rem;
    line-height: 2.65;
    letter-spacing: 0.18em;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .rec p {
        font-size:.87rem;
        line-height: 1.96428571;
        letter-spacing: 0.18em
    }
}

.rec .rec_img._round {
    border-radius: .73206vw;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .rec .rec_img._round {
        border-radius:2.66667vw
    }
}

.rec .rec_head {
    width: 100%;
    overflow: hidden
}

.rec .rec_head .rec_head_cover {
    width: 114%;
    margin: 0 -7%;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_cover {
        width:132%;
        margin: 0 -16%
    }
}

.rec .rec_head .rec_head_inner {
    height: 36.60322vw;
    width: calc(41.25% - 10px);
    position: relative;
    overflow: hidden;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    padding-left: 6.1%
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_inner {
        width:calc(43.25% - 3.5px);
        height: 117.33333vw;
        -webkit-transform: skew(-15deg);
        transform: skew(-15deg)
    }
}

.rec .rec_head .rec_head_inner:after {
    content: '';
    width: 160%;
    height: 120%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #2a65f5;
    background: linear-gradient(36deg, #2a65f5 5%, #33e2f7 53%, #fff 70%, #fff 100%);
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    z-index: 1
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_inner:after {
        -webkit-transform:skew(15deg);
        transform: skew(15deg);
        width: 185%;
        height: 125%
    }
}

.rec .rec_head .rec_head_text {
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #fff;
    justify-content: center;
    padding-left: 34%;
    padding-bottom: 2.04978vw
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .rec .rec_head .rec_head_text {
        padding-left:15%
    }
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_text {
        -webkit-transform:skew(15deg);
        transform: skew(15deg);
        justify-content: flex-start;
        padding-top: 22.66667vw;
        padding-left: 31%
    }
}

.rec .rec_head .rec_head_text ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.12rem;
    letter-spacing: 0.12em;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 2.04978vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_text ._en {
        font-size:.84rem;
        padding-bottom: 5.33333vw
    }
}

.rec .rec_head .rec_head_text ._en:after {
    content: '';
    width: 5.85652vw;
    height: 1px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_text ._en:after {
        width:16vw
    }
}

.rec .rec_head .rec_head_text ._ja {
    font-size: 2rem;
    letter-spacing: 0.15em;
    line-height: 1;
    font-weight: 600;
    margin-top: 2.04978vw
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_text ._ja {
        font-size:1.25rem;
        line-height: 1.6;
        margin-top: 4vw;
        white-space: nowrap
    }
}

.rec .rec_head .js_fade_heading {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: skew(20deg) translateX(-30px);
    transform: skew(20deg) translateX(-30px);
    transition: opacity 1s .2s, visibility 1s .2s, -webkit-transform 1s .2s;
    transition: opacity 1s .2s, visibility 1s .2s, transform 1s .2s;
    transition: opacity 1s .2s, visibility 1s .2s, transform 1s .2s, -webkit-transform 1s .2s
}

@media screen and (max-width: 768px) {
    .rec .rec_head .js_fade_heading {
        -webkit-transform:skew(15deg) translateX(-30px);
        transform: skew(15deg) translateX(-30px)
    }
}

.rec .rec_head .js_fade_heading.inview {
    opacity: 1;
    visibility: visible;
    -webkit-transform: skew(20deg) translateX(0px);
    transform: skew(20deg) translateX(0px)
}

@media screen and (max-width: 768px) {
    .rec .rec_head .js_fade_heading.inview {
        -webkit-transform:skew(15deg) translateX(0px);
        transform: skew(15deg) translateX(0px)
    }
}

.rec .rec_head .rec_head_img {
    width: calc(58.75% - 10px);
    height: 36.60322vw;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_img {
        width:calc(56.75% - 3.5px);
        height: 117.33333vw;
        -webkit-transform: skew(-15deg);
        transform: skew(-15deg)
    }
}

.rec .rec_head .rec_head_img img {
    -webkit-transform: skew(20deg) translate(-10.5%, 0);
    transform: skew(20deg) translate(-10.5%, 0);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .rec .rec_head .rec_head_img img {
        -webkit-transform:skew(15deg) translate(-21.5%, 0);
        transform: skew(15deg) translate(-21.5%, 0)
    }
}

.rec .rec_sec+.rec_sec {
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sec+.rec_sec {
        margin-top:4vw
    }
}

.rec .rec_head+.rec_sec {
    margin-top: 7.68668vw
}

@media screen and (max-width: 768px) {
    .rec .rec_head+.rec_sec {
        margin-top:4vw
    }
}

.rec .rec_inner {
    width: 85.35%;
    margin: 0 auto;
    max-width: 85.35871vw
}

@media screen and (max-width: 768px) {
    .rec .rec_inner {
        width:92%;
        max-width: none
    }
}

.rec .rec_bgsec {
    background: #e4edf7;
    padding: 5.85652vw 9.80966vw 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec .rec_bgsec {
        padding:11.73333vw 4vw 17.33333vw
    }
}

.rec .rec_row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .rec .rec_row {
        flex-direction:column;
        gap: 8vw
    }
}

.rec .rec_row .rec_row_left {
    width: 49%
}

@media screen and (max-width: 768px) {
    .rec .rec_row .rec_row_left {
        width:100%
    }
}

.rec .rec_row .rec_row_right {
    width: 44%
}

.rec .rec_row .rec_row_right img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .rec .rec_row .rec_row_right {
        width:100%
    }
}

.rec .rec_sectitle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.rec .rec_sectitle:after {
    content: '';
    width: 5.85652vw;
    height: .07321vw;
    display: block;
    background: linear-gradient(to right, #2a65f5 50%, #33e2f7 50%);
    margin-top: 4.75842vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle:after {
        width:17.06667vw;
        height: .26667vw;
        margin-top: 10.66667vw
    }
}

.rec .rec_sectitle ._en {
    font-size: 4.37rem;
    letter-spacing: 0.05em;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    color: #fff;
    font-style: italic;
    line-height: 1;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle ._en {
        font-size:2.25rem
    }
}

.rec .rec_sectitle ._ja {
    line-height: 1;
    font-size: 1.56rem;
    letter-spacing: 0.14em;
    font-weight: 500;
    margin-top: -1.24451vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle ._ja {
        font-size:1.09rem;
        margin-top: -2.66667vw
    }
}

.rec .rec_cubetitle {
    font-size: 1.12rem;
    position: relative;
    display: block;
    padding-left: 2.70864vw;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .rec .rec_cubetitle {
        padding-left:9.86667vw;
        font-size: 1.09rem;
        line-height: 1.69057143
    }
}

.rec .rec_cubetitle:before {
    content: '';
    display: block;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 1.61054vw;
    height: 1.61054vw;
    position: absolute;
    top: 0.3em;
    left: 0
}

@media screen and (max-width: 768px) {
    .rec .rec_cubetitle:before {
        width:5.86667vw;
        height: 5.86667vw
    }
}

.rec .rec_cubetitle._mix:before {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g id=""><rect class="cls-2" y="11" width="11" height="11" fill="%232a65f5"/><rect class="cls-1" x="11" width="11" height="11" fill="%2333e2f7"/></g></svg>')
}

.rec .rec_cubetitle._blue:before {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g id=""><rect class="cls-2" y="11" width="11" height="11" fill="%232a65f5"/><rect class="cls-1" x="11" width="11" height="11" fill="%232a65f5"/></g></svg>')
}

.rec .rec_cubetitle._sky:before {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><g id=""><rect class="cls-2" y="11" width="11" height="11" fill="%2333e2f7"/><rect class="cls-1" x="11" width="11" height="11" fill="%2333e2f7"/></g></svg>')
}

.rec .rec_cubetitle._center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 1.0981vw
}

@media screen and (max-width: 768px) {
    .rec .rec_cubetitle._center {
        gap:3.2vw
    }
}

.rec .rec_cubetitle._center:before {
    position: static
}

.rec .rec_cubetitle+p {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec .rec_cubetitle+p {
        margin-top:7.2vw
    }
}

.rec .rec_gradtitle {
    position: relative;
    background: linear-gradient(90deg, #2a65f5 0%, #33e2f7 100%);
    padding: .14641vw;
    display: inline-block;
    border-radius: .36603vw;
    min-width: 19.03367vw
}

@media screen and (max-width: 768px) {
    .rec .rec_gradtitle {
        padding:.53333vw;
        border-radius: 1.2vw;
        margin-left: auto;
        margin-right: auto
    }
}

.rec .rec_gradtitle ._text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.15em;
    background: #fff;
    border-radius: .25622vw;
    height: 2.63543vw;
    font-weight: 500;
    color: #273846;
    width: 100%;
    padding: 0 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec .rec_gradtitle ._text {
        padding:0 4vw;
        min-width: 62.4vw;
        font-size: .87rem;
        height: 8.53333vw;
        border-radius: .8vw;
        padding-bottom: 0
    }
}

.rec .rec_lead {
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center;
    display: block;
    letter-spacing: 0.14em
}

@media screen and (max-width: 768px) {
    .rec .rec_lead {
        font-size:1.09rem;
        line-height: 1.75114286
    }
}

.rec .rec_sectitle+.rec_lead {
    margin-top: 3.22108vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle+.rec_lead {
        margin-top:8.8vw
    }
}

.rec .rec_gradbox,.rec .rec_whitebox {
    width: 100%;
    position: relative;
    padding: .21962vw;
    display: block;
    border-radius: .87848vw
}

@media screen and (max-width: 768px) {
    .rec .rec_gradbox,.rec .rec_whitebox {
        padding:.8vw;
        display: block;
        border-radius: 2.66667vw
    }
}

.rec .rec_gradbox .rec_gradbox_content,.rec .rec_gradbox .rec_whitebox_content,.rec .rec_whitebox .rec_gradbox_content,.rec .rec_whitebox .rec_whitebox_content {
    border-radius: .58565vw;
    padding: 2.34261vw 3.3675vw 2.34261vw
}

@media screen and (max-width: 768px) {
    .rec .rec_gradbox .rec_gradbox_content,.rec .rec_gradbox .rec_whitebox_content,.rec .rec_whitebox .rec_gradbox_content,.rec .rec_whitebox .rec_whitebox_content {
        border-radius:1.6vw;
        padding: 5.33333vw 5.33333vw 10.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec .rec_gradbox .rec_gradbox_content .rec_cubetitle,.rec .rec_gradbox .rec_whitebox_content .rec_cubetitle,.rec .rec_whitebox .rec_gradbox_content .rec_cubetitle,.rec .rec_whitebox .rec_whitebox_content .rec_cubetitle {
        font-size:.9rem
    }
}

@media screen and (max-width: 768px) {
    .rec .rec_gradbox .rec_gradbox_content .rec_cubetitle:before,.rec .rec_gradbox .rec_whitebox_content .rec_cubetitle:before,.rec .rec_whitebox .rec_gradbox_content .rec_cubetitle:before,.rec .rec_whitebox .rec_whitebox_content .rec_cubetitle:before {
        width:4.66667vw;
        height: 4.66667vw
    }
}

.rec .rec_gradbox {
    background: linear-gradient(-90deg, #2a65f5 0%, #33e2f7 100%)
}

.rec .rec_gradbox .rec_gradbox_content {
    background: linear-gradient(0deg, #fff 0%, #ebf1f8 100%)
}

.rec .rec_whitebox {
    background: #fff
}

.rec .rec_whitebox .rec_whitebox_content {
    background: #e4edf7
}

.rec .rec_next {
    background: #f2f3f4;
    width: 100%;
    padding: 7.32064vw 0 7.32064vw;
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec .rec_next {
        padding:12.26667vw 0 13.33333vw;
        margin-top: 4vw
    }
}

.rec .rec_next .rec_inner {
    max-width: 70.71742vw
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_inner {
        max-width:none
    }
}

.rec .rec_next .rec_next_title {
    display: flex;
    align-items: flex-end;
    gap: 2.41581vw
}

.rec .rec_next .rec_next_title ._en {
    font-size: 3.18rem;
    letter-spacing: 0;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-style: italic;
    line-height: 1;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_title ._en {
        font-size:1.75rem
    }
}

.rec .rec_next .rec_next_title ._ja {
    font-size: 1.12rem;
    letter-spacing: 0.16em;
    font-weight: 400;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_title ._ja {
        font-size:.93rem;
        line-height: 1.35
    }
}

.rec .rec_next .rec_next_row {
    display: flex;
    justify-content: space-between;
    margin-top: 2.78184vw
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_row {
        flex-direction:column;
        margin-top: 5.33333vw;
        gap: 6.93333vw
    }
}

.rec .rec_next .rec_next_row .rec_next_link {
    width: calc(33.33% - 20px)
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_row .rec_next_link {
        width:100%
    }
}

.rec .rec_next .rec_next_link {
    position: relative;
    background: linear-gradient(90deg, #2a65f5 0%, #33e2f7 100%);
    padding: .36603vw;
    display: block;
    border-radius: .73206vw
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_link {
        width:100%;
        padding: 1.33333vw;
        display: block;
        border-radius: 2.66667vw
    }
}

.rec .rec_next .rec_next_link ._text {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.15em;
    background: #fff;
    border-radius: .51245vw;
    height: 8.63836vw;
    padding-bottom: .43924vw;
    font-weight: 500;
    color: #273846
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_link ._text {
        font-size:.93rem;
        height: 29.33333vw;
        border-radius: 1.6vw;
        padding-bottom: 0
    }
}

.rec .rec_next .rec_next_link ._arrow {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    color: #273846;
    letter-spacing: 0.18em;
    font-size: .75rem;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: .87848vw;
    right: 1.31772vw;
    transition: 0.3s
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_link ._arrow {
        font-size:.62rem;
        bottom: 2.4vw;
        right: 3.46667vw
    }
}

.rec .rec_next .rec_next_link ._arrow::after {
    content: '';
    width: 2.59151vw;
    height: .51245vw;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 35.4 7"><polygon class="st0" points="26.1 0 26.1 6.5 0 6.5 0 7 26.1 7 32.9 7 35.4 7 26.1 0" fill="%23273846"/></svg>');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-left: .36603vw;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_link ._arrow::after {
        width:8vw;
        height: 1.86667vw;
        margin-left: 1.33333vw;
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
}

.rec .rec_next .rec_next_link._disabled {
    pointer-events: none
}

.rec .rec_next .rec_next_link._disabled:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    z-index: 2;
    border-radius: .51245vw
}

@media screen and (max-width: 768px) {
    .rec .rec_next .rec_next_link._disabled:before {
        border-radius:1.6vw
    }
}

@media (hover: hover) {
    .rec .rec_next .rec_next_link:hover {
        text-decoration:none
    }

    .rec .rec_next .rec_next_link:hover ._arrow {
        right: .58565vw
    }
}

@media screen and (hover: hover) and (max-width: 768px) {
    .rec .rec_next .rec_next_link:hover ._arrow {
        right:2.13333vw
    }
}

.rec .rec_next--twocolumn .rec_inner {
    max-width: 46.41288vw
}

@media screen and (max-width: 1024px) {
    .rec .rec_next--twocolumn .rec_inner {
        max-width:65.8858vw
    }
}

@media screen and (max-width: 768px) {
    .rec .rec_next--twocolumn .rec_inner {
        padding:0 3.73333vw;
        max-width: none
    }
}

.rec .rec_next--twocolumn .rec_next_row .rec_next_link {
    width: calc(50% - 15px)
}

@media screen and (max-width: 768px) {
    .rec .rec_next--twocolumn .rec_next_row .rec_next_link {
        width:100%
    }
}

@media screen and (max-width: 768px) {
    .rec .rec_next--twocolumn .rec_next_title {
        white-space:nowrap
    }
}

.rec .rec_info {
    width: 100%;
    padding: 5.41728vw 0 6.14934vw;
    background-image: url("/dam/solution_html/resources/recruit/info_bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff
}

@media screen and (max-width: 768px) {
    .rec .rec_info {
        padding:8.8vw 0 13.33333vw;
        background-image: url("/dam/solution_html/resources/recruit/info_bg_sp.jpg")
    }
}

.rec .rec_info .rec_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 73.20644vw
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_inner {
        flex-direction:column;
        max-width: 100%
    }
}

.rec .rec_info .rec_info_title {
    display: flex;
    flex-direction: column;
    gap: 1.02489vw;
    padding-top: .36603vw
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_title {
        padding-top:0;
        gap: 1.86667vw
    }
}

.rec .rec_info .rec_info_title ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 2.18rem;
    line-height: 1.3428;
    font-style: italic;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_title ._en {
        font-size:1.87rem;
        line-height: 1.186
    }
}

.rec .rec_info .rec_info_title ._ja {
    font-size: 1.12rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_title ._ja {
        font-size:.93rem
    }
}

.rec .rec_info .rec_info_content {
    display: flex;
    flex-direction: column;
    width: 53.5%
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_content {
        width:100%;
        margin-top: 9.33333vw
    }
}

.rec .rec_info .rec_info_index {
    display: flex;
    gap: 1.75695vw;
    align-items: center
}

.rec .rec_info .rec_info_index:not(:first-child) {
    margin-top: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_index:not(:first-child) {
        margin-top:12.8vw
    }
}

.rec .rec_info .rec_info_index ._en {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.56rem;
    line-height: 1;
    font-style: italic;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_index ._en {
        font-size:1.75rem;
        letter-spacing: 0.05em;
        font-weight: 500
    }
}

.rec .rec_info .rec_info_index ._ja {
    font-size: .87rem;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_index ._ja {
        font-size:.93rem
    }
}

.rec .rec_info .rec_info_row {
    display: flex;
    margin-top: 1.61054vw;
    justify-content: space-between;
    gap: 2.48902vw
}

@media screen and (max-width: 768px) {
    .rec .rec_info .rec_info_row {
        flex-direction:column;
        gap: 6.66667vw;
        margin-top: 5.33333vw
    }
}

.rec .rec_full_image img {
    width: 100%
}

.rec .rec_sectitle_sub {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative
}

.rec .rec_sectitle_sub ._ja {
    font-size: 1.56rem;
    letter-spacing: 0.14em;
    line-height: 1;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle_sub ._ja {
        font-size:1.09rem
    }
}

.rec .rec_sectitle_sub .rc_title_border {
    margin-top: 2.63543vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle_sub .rc_title_border {
        margin-top:5.33333vw
    }
}

.rec .rec_sectitle_sub ._en {
    font-size: 1.12rem;
    letter-spacing: 0.12em;
    line-height: 1;
    font-weight: normal;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    margin-top: 2.19619vw
}

@media screen and (max-width: 768px) {
    .rec .rec_sectitle_sub ._en {
        font-size:.78rem;
        margin-top: 5.33333vw
    }
}

@media screen and (max-width: 768px) {
    .rec_interview .rec_lead {
        text-align:left;
        font-size: .93rem;
        line-height: 1.83333333;
        letter-spacing: 0.22em
    }
}

.rec_interview .interview_lists {
    margin-top: 6.58858vw;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    -webkit-column-gap: 45px;
    -moz-column-gap: 45px;
    column-gap: 45px;
    row-gap: 5.85652vw
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists {
        justify-content:center;
        margin-top: 10.66667vw;
        -webkit-column-gap: 5.33333vw;
        -moz-column-gap: 5.33333vw;
        column-gap: 5.33333vw;
        row-gap: 16vw
    }
}

.rec_interview .interview_lists article {
    width: calc((100% - 90px) / 3)
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article {
        width:57.6vw
    }
}

.rec_interview .interview_lists article a:hover ._img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rec_interview .interview_lists article a ._img {
    border-radius: .73206vw;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._img {
        border-radius:2.13333vw
    }
}

.rec_interview .interview_lists article a ._img img {
    width: 100%;
    transition: .5s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.rec_interview .interview_lists article a ._title {
    font-size: .87rem;
    line-height: 1.91928571;
    letter-spacing: 0.22em;
    margin-top: 1.1713vw
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._title {
        font-size:.68rem;
        margin-top: 3.73333vw
    }
}

.rec_interview .interview_lists article a ._bottom {
    margin-top: 1.46413vw;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._bottom {
        margin-top:4vw
    }
}

.rec_interview .interview_lists article a ._bottom ._name {
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 0.18em;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._bottom ._name {
        font-size:.87rem
    }
}

.rec_interview .interview_lists article a ._bottom ._viewmore {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: .75rem;
    letter-spacing: 0.18em;
    line-height: 1;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._bottom ._viewmore {
        font-size:.62rem
    }
}

.rec_interview .interview_lists article a ._bottom ._viewmore:after {
    content: '';
    width: .87848vw;
    height: .87848vw;
    background-image: url("/dam/solution_html/resources/recruit/common/icon_external_link_black.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    top: .14641vw;
    margin-left: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_interview .interview_lists article a ._bottom ._viewmore:after {
        width:2.66667vw;
        height: 2.66667vw;
        top: .53333vw;
        margin-left: 1.33333vw
    }
}

.rec_interview .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .87848vw;
    margin: 10.98097vw auto 0
}

@media screen and (max-width: 768px) {
    .rec_interview .pagination {
        margin-top:20vw;
        gap: 2.4vw
    }
}

.rec_interview .pagination>a,.rec_interview .pagination>span {
    border: #273846 solid 1px;
    background-color: #FFFFFF;
    width: 2.92826vw;
    height: 2.92826vw;
    font-size: 1.12rem;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    letter-spacing: 0.14em;
    line-height: 1;
    color: #59636C;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .rec_interview .pagination>a,.rec_interview .pagination>span {
        width:8vw;
        height: 8vw;
        font-size: .84rem
    }
}

.rec_interview .pagination ._prev,.rec_interview .pagination ._next {
    position: relative
}

.rec_interview .pagination ._prev:after,.rec_interview .pagination ._next:after {
    content: '';
    width: .7101vw;
    height: .72474vw;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iXyVlZGl0JUUzJUFEJTk1IiBkYXRhLW5hbWU9Il8lRTYlQUUlOTElRTMlQUQlOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDExLjA4IDEwLjgyIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjMjczODQ2Ow0KICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjAuMjMgMC40NSA5Ljk4IDUuNDEgMC4yMyAxMC4zOCIvPg0KPC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width: 768px) {
    .rec_interview .pagination ._prev:after,.rec_interview .pagination ._next:after {
        width:1.94667vw;
        height: 1.98533vw
    }
}

.rec_interview .pagination ._prev:hover,.rec_interview .pagination ._next:hover {
    background-color: #273846
}

.rec_interview .pagination ._prev:hover:after,.rec_interview .pagination ._next:hover:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iXyVlZGl0JUUzJUFEJTk1IiBkYXRhLW5hbWU9Il8lRTYlQUUlOTElRTMlQUQlOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDExLjA4IDEwLjgyIj4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogbm9uZTsNCiAgICAgICAgc3Ryb2tlOiAjRkZGRkZGOw0KICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cG9seWxpbmUgY2xhc3M9ImNscy0xIiBwb2ludHM9IjAuMjMgMC40NSA5Ljk4IDUuNDEgMC4yMyAxMC4zOCIvPg0KPC9zdmc+")
}

.rec_interview .pagination ._prev {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.rec_interview .pagination ._num:hover {
    background-color: #273846;
    color: #FFF
}

.rec_interview .pagination ._num._current {
    background-color: #273846;
    pointer-events: none;
    color: #FFF
}

.rec_interview .rec_full_image {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_interview .rec_full_image {
        margin-top:4vw
    }
}

.rec_requirement .personality .requirement_link {
    width: 48.31625vw;
    height: 4.39239vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border: #989898 solid 1px
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_link {
        width:100%;
        height: 16vw
    }
}

.rec_requirement .personality .requirement_link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    font-size: 1rem;
    letter-spacing: 0.27em;
    line-height: 1;
    background-color: #FFF;
    transition: .3s
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_link a {
        font-size:.81rem;
        letter-spacing: 0.27em
    }
}

.rec_requirement .personality .requirement_link a._current {
    background-color: #003594;
    color: #FFF;
    pointer-events: none
}

.rec_requirement .personality .requirement_link a:hover {
    opacity: .7
}

.rec_requirement .personality .requirement_table {
    margin-top: 7.32064vw;
    width: 100%;
    display: block
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table {
        margin-top:13.33333vw
    }
}

.rec_requirement .personality .requirement_table tbody {
    display: block
}

.rec_requirement .personality .requirement_table tr {
    display: flex;
    align-items: flex-start;
    border-bottom: #CBCBCB solid 1px;
    padding: 1.97657vw 0 1.97657vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table tr {
        flex-direction:column;
        padding: 0;
        margin-top: 13.33333vw;
        border-bottom: none
    }
}

.rec_requirement .personality .requirement_table tr:first-child {
    border-top: #CBCBCB solid 1px
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table tr:first-child {
        border-top:none
    }
}

.rec_requirement .personality .requirement_table tr th,.rec_requirement .personality .requirement_table tr td {
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 0.2em
}

.rec_requirement .personality .requirement_table tr th a,.rec_requirement .personality .requirement_table tr td a {
    color: #003594;
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table tr th,.rec_requirement .personality .requirement_table tr td {
        font-size:.81rem;
        line-height: 1.92307692;
        letter-spacing: 0.2em
    }
}

.rec_requirement .personality .requirement_table tr th {
    width: 20%;
    font-weight: normal;
    text-align: left
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table tr th {
        width:100%;
        border-top: #CBCBCB solid 1px;
        border-bottom: #CBCBCB solid 1px;
        padding: 1.02489vw 0 1.02489vw
    }
}

.rec_requirement .personality .requirement_table tr td {
    width: 80%
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .requirement_table tr td {
        width:100%;
        padding-top: 1.46413vw
    }
}

.rec_requirement .personality .rec_sectitle_sub {
    margin-top: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .rec_sectitle_sub {
        margin-top:25.33333vw
    }
}

.rec_requirement .personality .figure {
    width: 32.35725vw;
    margin: 4.39239vw auto 0
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .figure {
        width:100%;
        margin: 10.13333vw auto 0
    }
}

.rec_requirement .personality .figure img {
    width: 100%
}

.rec_requirement .personality .personality_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    -webkit-column-gap: 9%;
    -moz-column-gap: 9%;
    column-gap: 9%;
    row-gap: 5.85652vw;
    margin-top: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .personality_list {
        -webkit-column-gap:0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 10.66667vw;
        margin-top: 13.33333vw
    }
}

.rec_requirement .personality .personality_list .personality_item {
    width: 45.5%
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .personality_list .personality_item {
        width:100%
    }
}

.rec_requirement .personality .personality_list .personality_item p {
    font-size: .93rem;
    line-height: 2.13333333;
    letter-spacing: 0.1em;
    margin-top: .87848vw;
    padding-top: .73206vw;
    border-top: #000000 solid 1px
}

@media screen and (max-width: 768px) {
    .rec_requirement .personality .personality_list .personality_item p {
        font-size:.87rem;
        line-height: 1.96428571;
        letter-spacing: 0.18;
        margin-top: 5.33333vw;
        padding-top: 5.33333vw
    }
}

.rec_requirement .rec_full_image {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .rec_full_image {
        margin-top:4vw
    }
}

.rec_requirement .flow {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow {
        margin-top:4vw
    }
}

.rec_requirement .flow .rec_sectitle_sub+p {
    margin-top: 3.66032vw;
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .rec_sectitle_sub+p {
        text-align:left;
        margin-top: 7.2vw
    }
}

.rec_requirement .flow .flow_step {
    margin-top: 3.51391vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step {
        margin-top:21.33333vw
    }
}

.rec_requirement .flow .flow_step li {
    background: linear-gradient(0deg, #2a65f5 4.7375%, #33e2f7 100%);
    position: relative;
    min-height: 6.58858vw;
    padding: 1.46413vw 1.46413vw;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li {
        min-height:26.66667vw;
        padding: 2.66667vw 2.66667vw
    }
}

.rec_requirement .flow .flow_step li:nth-child(n+2) {
    margin-top: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li:nth-child(n+2) {
        margin-top:11.2vw
    }
}

.rec_requirement .flow .flow_step li:nth-child(n+2):after {
    content: '';
    width: 1.03953vw;
    height: 1.80088vw;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iXyVFbGtlYmFuayIgZGF0YS1uYW1lPSLlt5XlgZXljoEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0LjE5IDI0LjU4Ij4NCiAgPGRlZnM+DQogICAgPHN0eWxlPg0KICAgICAgLmNscy0xIHsNCiAgICAgICAgZmlsbDogIzI3Mzg0NjsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3LjEgMjQuNTggMTQuMTkgMCAwIDAgNy4xIDI0LjU4Ii8+DQo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -3.14788vw;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li:nth-child(n+2):after {
        width:2.93333vw;
        height: 5.25333vw;
        top: -7.73333vw
    }
}

.rec_requirement .flow .flow_step li:before {
    content: '';
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #FFF
}

.rec_requirement .flow .flow_step li ._label {
    background-color: #FFF;
    border-radius: .36603vw;
    width: 7.46706vw;
    height: 2.78184vw;
    position: absolute;
    z-index: 2;
    top: -1.46413vw;
    left: 1.90337vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2A65F5;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li ._label {
        border-radius:1.06667vw;
        width: 21.6vw;
        height: 8vw;
        top: -4.53333vw;
        left: 4.8vw
    }
}

.rec_requirement .flow .flow_step li ._label span {
    font-size: .88rem;
    font-style: italic;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li ._label span {
        font-size:.71rem
    }
}

.rec_requirement .flow .flow_step li ._label em {
    font-size: 1.56rem;
    font-weight: 200;
    font-style: italic;
    margin: 0 0 0 .73206vw;
    line-height: 1
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li ._label em {
        font-size:1.25rem;
        margin: 0 0 0 .36603vw
    }
}

.rec_requirement .flow .flow_step li ._text {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 1.12rem;
    line-height: 1.75;
    letter-spacing: 0.15em
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li ._text {
        font-size:.81rem;
        line-height: 1.65384615
    }
}

.rec_requirement .flow .flow_step li ._text small {
    font-size: .87rem
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step li ._text small {
        font-size:.62rem;
        line-height: 1.6
    }
}

.rec_requirement .flow .flow_step_note {
    font-size: .87rem;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .flow .flow_step_note {
        font-size:.62rem;
        margin-top: 4.26667vw
    }
}

.rec_requirement .rec_info {
    margin-top: 13.17716vw
}

@media screen and (max-width: 768px) {
    .rec_requirement .rec_info {
        margin-top:4vw
    }
}

.rec_job .job_sec .desc {
    font-size: .93rem;
    line-height: 2.622;
    letter-spacing: 0.22em;
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .desc {
        text-align:left
    }
}

.rec_job .job_sec .job_anchor {
    margin-top: 6.22255vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 2.78184vw;
    padding-bottom: 10.83455vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor {
        flex-direction:column;
        row-gap: 6.66667vw;
        padding-bottom: 13.33333vw
    }
}

.rec_job .job_sec .job_anchor a {
    width: 47.777778%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: .73206vw;
    height: 13.17716vw;
    position: relative;
    transition: .3s
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a {
        width:100%;
        border-radius: 1.86667vw;
        height: 33.33333vw
    }
}

.rec_job .job_sec .job_anchor a:hover {
    opacity: .7
}

.rec_job .job_sec .job_anchor a:nth-child(1) {
    background-image: url("/dam/solution_html/resources/recruit/job/anchor_img01.jpg")
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a:nth-child(1) {
        background-image:url("/dam/solution_html/resources/recruit/job/anchor_img01_sp.jpg")
    }
}

.rec_job .job_sec .job_anchor a:nth-child(2) {
    background-image: url("/dam/solution_html/resources/recruit/job/anchor_img02.jpg")
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a:nth-child(2) {
        background-image:url("/dam/solution_html/resources/recruit/job/anchor_img02_sp.jpg")
    }
}

.rec_job .job_sec .job_anchor a:nth-child(3) {
    background-image: url("/dam/solution_html/resources/recruit/job/anchor_img03.jpg")
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a:nth-child(3) {
        background-image:url("/dam/solution_html/resources/recruit/job/anchor_img03_sp.jpg")
    }
}

.rec_job .job_sec .job_anchor a:nth-child(4) {
    background-image: url("/dam/solution_html/resources/recruit/job/anchor_img04.jpg")
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a:nth-child(4) {
        background-image:url("/dam/solution_html/resources/recruit/job/anchor_img04_sp.jpg")
    }
}

.rec_job .job_sec .job_anchor a em {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.12rem;
    letter-spacing: 0.2em;
    line-height: 1;
    width: 100%;
    color: #FFFFFF;
    font-style: inherit;
    text-align: center;
    font-weight: bold
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a em {
        font-size:1rem
    }
}

.rec_job .job_sec .job_anchor a span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.18em;
    font-size: .75rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.46413vw;
    bottom: 1.46413vw;
    transition: 0.3s
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a span {
        font-size:.62rem;
        right: 2.66667vw;
        bottom: 3.2vw
    }
}

.rec_job .job_sec .job_anchor a span:after {
    content: '';
    width: 2.56223vw;
    height: .45388vw;
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg id="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34.36 7.75"><g id=""><polygon class="cls-1" points="24.1 0 24.1 6.75 0 6.75 0 7.75 24.1 7.75 32.87 7.75 34.36 7.75 24.1 0" fill="%23FFF"/></g></svg>');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-left: 0.36603vw;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_anchor a span:after {
        width:9.33333vw;
        height: 1.65333vw;
        -webkit-transform: translate(0, -.8vw);
        transform: translate(0, -.8vw)
    }
}

.rec_job .job_sec .rec_sectitle_sub#sales {
    padding-top: 10.2489vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .rec_sectitle_sub#sales {
        padding-top:13.33333vw
    }
}

.rec_job .job_sec .rec_sectitle_sub#sales:before {
    content: '';
    width: 36.60322vw;
    height: 1px;
    background-color: #CBCBCB;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .rec_sectitle_sub#sales:before {
        width:100%
    }
}

.rec_job .job_sec .rec_sectitle_sub+p {
    margin-top: 3.66032vw;
    font-size: .93rem;
    line-height: 2.62;
    letter-spacing: 0.22em
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .rec_sectitle_sub+p {
        margin-top:5.86667vw;
        line-height: 1.83333333
    }
}

.rec_job .job_sec .job_sec_img {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_sec_img {
        margin-top:15.46667vw
    }
}

.rec_job .job_sec .job_sec_img img {
    width: 100%;
    border-radius: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_sec_img img {
        border-radius:1.06667vw
    }
}

.rec_job .job_sec .job_contents {
    margin-top: 5.85652vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents {
        margin-top:10.66667vw
    }
}

.rec_job .job_sec .job_contents li {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents li {
        flex-direction:column;
        align-items: center
    }
}

.rec_job .job_sec .job_contents li:nth-child(n+2) {
    margin-top: 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents li:nth-child(n+2) {
        margin-top:18.66667vw
    }
}

.rec_job .job_sec .job_contents li ._circle {
    flex-shrink: 0;
    width: 12.66471vw;
    height: 12.66471vw;
    background: linear-gradient(0, #33e2f7 0%, #2a65f5 95.26%);
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents li ._circle {
        width:32.26667vw;
        height: 32.26667vw
    }
}

.rec_job .job_sec .job_contents li ._circle:before {
    content: '';
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-color: #FFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.rec_job .job_sec .job_contents li ._circle em {
    position: relative;
    z-index: 2;
    font-size: 1.12rem;
    font-style: normal;
    line-height: 1.63888889;
    text-align: center;
    letter-spacing: 0.15em
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents li ._circle em {
        font-size:.93rem;
        line-height: 1.37666667
    }
}

.rec_job .job_sec .job_contents li ._text {
    font-size: .87rem;
    line-height: 2.42857143;
    letter-spacing: 0.18em;
    margin-left: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_job .job_sec .job_contents li ._text {
        font-size:.93rem;
        line-height: 1.83333333;
        letter-spacing: 0.22em;
        margin: 5.33333vw 0 0
    }
}

.rec_business .solution .rec_bgsec {
    padding-bottom: 14.64129vw
}

.rec_business .solution .solution_leadtext {
    margin-top: 2.63543vw;
    font-size: .93rem;
    line-height: 2.62;
    letter-spacing: 0.22em
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_leadtext {
        margin-top:6.66667vw;
        line-height: 1.83333333
    }
}

.rec_business .solution .solution_process {
    margin-top: 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_process {
        margin-top:13.33333vw;
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.rec_business .solution .solution_process picture {
    margin: 1.1713vw auto 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_process picture {
        margin-top:6.66667vw
    }
}

.rec_business .solution .solution_process picture img {
    width: 63.25037vw
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_process picture img {
        width:100%
    }
}

.rec_business .solution .solution_strength {
    margin-top: 8.27233vw
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_strength {
        margin-top:16vw;
        display: flex;
        align-items: center;
        flex-direction: column
    }
}

.rec_business .solution .solution_strength picture {
    margin: -2.19619vw auto 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_strength picture {
        margin-top:5.86667vw
    }
}

.rec_business .solution .solution_strength picture img {
    width: 41.87408vw
}

@media screen and (max-width: 768px) {
    .rec_business .solution .solution_strength picture img {
        width:100%;
        max-width: 152.53333vw
    }
}

.rec_business .solution .three_strength {
    margin-top: 1.75695vw;
    display: flex;
    justify-content: center;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .rec_business .solution .three_strength {
        margin-top:8vw;
        flex-direction: column
    }
}

.rec_business .solution .three_strength li {
    width: 28.89%;
    font-size: .87rem;
    line-height: 2.28571429;
    letter-spacing: 0.18em
}

@media screen and (max-width: 768px) {
    .rec_business .solution .three_strength li {
        width:100%;
        font-size: .87rem;
        line-height: 1.92857143
    }

    .rec_business .solution .three_strength li:nth-child(n+2) {
        margin-top: 10.66667vw
    }
}

.rec_business .rec_full_image {
    width: 85.35%;
    margin: 3.66032vw auto 0;
    max-width: 85.35871vw
}

@media screen and (max-width: 768px) {
    .rec_business .rec_full_image {
        width:92%;
        max-width: none;
        margin-top: 4vw
    }
}

.rec_business .rec_sec .rec_sec_desc {
    font-size: .93rem;
    line-height: 2.62;
    letter-spacing: 0.22em;
    text-align: center;
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_business .rec_sec .rec_sec_desc {
        line-height:1.83333333;
        text-align: left;
        margin-top: 8.8vw
    }
}

.rec_business .focus {
    margin-bottom: 7.32064vw;
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus {
        padding-bottom:18.66667vw;
        margin-top: 4vw
    }
}

.rec_business .focus .rec_gradbox {
    margin-top: 5.85652vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_gradbox .rec_gradbox_content {
        padding-right:2.66667vw;
        padding-left: 2.66667vw
    }
}

.rec_business .focus .rec_gradbox .rec_gradbox_content p {
    font-size: 1.43rem;
    line-height: 1;
    letter-spacing: 0.14em;
    text-align: center;
    margin-top: 2.34261vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_gradbox .rec_gradbox_content p {
        font-size:1.06rem;
        line-height: 1.90380435;
        margin-top: 6.66667vw
    }
}

.rec_business .focus .rec_whitebox {
    margin-top: 2.19619vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox {
        margin-top:6.66667vw
    }
}

.rec_business .focus .rec_whitebox .rec_cubetitle:nth-of-type(n+2) {
    margin-top: 3.51391vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox .rec_cubetitle:nth-of-type(n+2) {
        margin-top:9.33333vw
    }
}

.rec_business .focus .rec_whitebox .rec_figure {
    margin-top: 2.19619vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox .rec_figure {
        margin-top:6.66667vw
    }
}

.rec_business .focus .rec_whitebox .rec_figure img {
    width: 100%
}

.rec_business .focus .rec_whitebox.list-solutions {
    position: relative;
    margin-top: 3.87994vw;
    margin-bottom: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions {
        margin-bottom:0;
        margin-top: 8.26667vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .rec_whitebox_content {
    padding-bottom: 4.24597vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .rec_whitebox_content {
        padding-bottom:10.13333vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .list-solutions-arrow {
    position: absolute;
    top: -3.66032vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 15.37335vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .list-solutions-arrow {
        top:-8vw;
        width: 38.66667vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .list-solutions-arrow img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .list-solutions-inner {
        margin-top:7.46667vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .list-solutions-inner .flex {
    display: flex;
    margin-left: -2.19619vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .list-solutions-inner .flex {
        margin:0;
        display: block
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item {
    width: 18.00878vw;
    border: solid .14641vw #fff;
    border-radius: 12px;
    margin-left: 2.19619vw;
    margin-top: 2.19619vw;
    padding: 1.1713vw 1.83016vw 1.61054vw;
    background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.2) 100%)
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item {
        border-width:2px;
        width: 100%;
        margin: 10.66667vw 0 0 0;
        padding: 3.73333vw 8vw 5.33333vw 7.2vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item__title {
    text-align: center;
    color: #2A65F5;
    font-size: .81rem;
    padding-bottom: .36603vw;
    line-height: 1.66667;
    font-weight: 400;
    letter-spacing: .1em;
    border-bottom: 1px solid #2A65F5
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item__title {
        padding-bottom:2.13333vw;
        font-size: .75rem
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item__icon {
    text-align: center;
    height: 2.92826vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.61054vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item__icon {
        height:10.13333vw;
        margin-top: 6.66667vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item__title02 {
    color: #2A65F5;
    font-size: 1.06rem;
    line-height: 1.875;
    letter-spacing: .1em;
    text-align: center;
    margin-top: .43924vw;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item__title02 {
        font-size:1rem;
        margin-top: 1.86667vw
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item__title02--fz1 {
    font-size: .93rem;
    letter-spacing: 0
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item__title02--fz1 {
        font-size:.87rem
    }
}

.rec_business .focus .rec_whitebox.list-solutions .item__text {
    font-size: .93rem;
    line-height: 1.92857;
    letter-spacing: .08em;
    margin-top: .95168vw
}

@media screen and (max-width: 768px) {
    .rec_business .focus .rec_whitebox.list-solutions .item__text {
        font-size:.87rem;
        line-height: 1.92857;
        margin-top: 3.2vw;
        letter-spacing: .22em
    }
}

.rec_business .global .rec_row {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_business .global .rec_row {
        margin-top:13.33333vw
    }
}

.rec_business .global .global_img {
    margin-top: 9.51684vw;
    padding-bottom: 7.32064vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_business .global .global_img {
        margin-top:10.66667vw;
        padding-bottom: 13.33333vw
    }
}

.rec_business .global .global_img img {
    width: 100%
}

.rec_business .global .global_img:after {
    content: '';
    width: 36.60322vw;
    height: 1px;
    background-color: #CBCBCB;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

@media screen and (max-width: 768px) {
    .rec_business .global .global_img:after {
        width:83.46667vw
    }
}

.rec_message section.message {
    height: 170.644217vw;
    background-image: url("/dam/solution_html/resources/recruit/message/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    padding-top: 100px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .rec_message section.message {
        height:317.333333vw;
        background-image: url("/dam/solution_html/resources/recruit/message/bg_sp.jpg");
        padding-top: 30px
    }
}

.rec_message section.message .message_inner {
    height: calc(100% - 100px);
    width: 85.358712vw;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner {
        height:calc(100% - 50px);
        width: 84vw
    }
}

.rec_message section.message .message_inner ._bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.49);
    mix-blend-mode: overlay;
    z-index: 1
}

.rec_message section.message .message_inner ._contents {
    position: relative;
    z-index: 2;
    padding: 15.22694vw 1.46413vw 0;
    max-width: 720px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents {
        padding:13.33333vw 6.66667vw 0
    }
}

.rec_message section.message .message_inner ._contents .rec_sectitle ._en {
    opacity: 0.26
}

.rec_message section.message .message_inner ._contents .rec_sectitle ._ja {
    color: #FFFFFF
}

.rec_message section.message .message_inner ._contents .rec_sectitle+p {
    font-size: 1.25rem;
    color: #FFF;
    line-height: 3.0645;
    letter-spacing: 0.16em;
    margin: 6.22255vw auto 0;
    padding-bottom: 9.51684vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .rec_sectitle+p {
        font-size:.93rem;
        line-height: 1.83333333;
        letter-spacing: 0.26em;
        margin: 8vw auto 0;
        padding-bottom: 10.66667vw
    }
}

.rec_message section.message .message_inner ._contents .rec_sectitle+p:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

.rec_message section.message .message_inner ._contents .message_link {
    margin-top: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .message_link {
        margin-top:12vw
    }
}

.rec_message section.message .message_inner ._contents .message_link p {
    font-size: .87rem;
    line-height: 1;
    color: #FFF;
    letter-spacing: 0.19em
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .message_link p {
        font-size:.81rem;
        line-height: 1.75;
        letter-spacing: 0.15em
    }
}

.rec_message section.message .message_inner ._contents .message_link .rec_info_link {
    max-width: 350px;
    margin-top: 1.46413vw;
    justify-content: center;
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .message_link .rec_info_link {
        max-width:350px;
        margin-top: 2.66667vw;
        height: 13.33333vw
    }
}

.rec_message section.message .message_inner ._contents .message_link .rec_info_link:hover ._text {
    color: #FFF
}

.rec_message section.message .message_inner ._contents .message_link .rec_info_link ._text {
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .message_link .rec_info_link ._text {
        font-size:.62rem;
        letter-spacing: 0.45em
    }
}

.rec_message section.message .message_inner ._contents .message_link .rec_info_link ._text:after {
    content: '';
    width: .87848vw;
    height: .87848vw;
    background-image: url("/dam/solution_html/resources/recruit/common/icon_external_link_white.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: inline-block;
    top: .14641vw;
    margin-left: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner ._contents .message_link .rec_info_link ._text:after {
        width:2.66667vw;
        height: 2.66667vw;
        top: .26667vw;
        margin-left: 1.33333vw
    }
}

.rec_message section.message .message_inner .blue_object {
    z-index: 3;
    position: absolute
}

.rec_message section.message .message_inner .blue_object._top {
    top: -7.68668vw;
    left: -15.22694vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner .blue_object._top {
        top:-8.26667vw;
        left: -16.53333vw
    }
}

.rec_message section.message .message_inner .blue_object._top img {
    width: 21.52269vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner .blue_object._top img {
        width:24vw
    }
}

.rec_message section.message .message_inner .blue_object._bottom {
    bottom: -11.347vw;
    right: -12.95754vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner .blue_object._bottom {
        bottom:-18.66667vw;
        right: -15.46667vw
    }
}

.rec_message section.message .message_inner .blue_object._bottom img {
    width: 20.64422vw
}

@media screen and (max-width: 768px) {
    .rec_message section.message .message_inner .blue_object._bottom img {
        width:27.46667vw
    }
}

.rec_office .l-bg-office {
    margin-top: 8.49195vw
}

@media screen and (max-width: 768px) {
    .rec_office .l-bg-office {
        margin-top:4.26667vw
    }
}

.rec_office .l-bg-office .bgsec {
    background: #e4edf7;
    padding: 5.12445vw 0
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office {
        padding:0 4.26667vw
    }
}

.rec_office .sec-office__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    max-width: 65.8858vw;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__text {
        font-size:.93rem;
        margin-top: 5.86667vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .22em
    }
}

.rec_office .sec-office__content {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 5.34407vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content {
        display:block;
        margin-top: 12.26667vw
    }
}

.rec_office .sec-office__content .desc {
    width: 37.33529vw;
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    padding: 4.24597vw 6.29575vw 4.09956vw 6.51537vw
}

@media screen and (max-width: 1024px) {
    .rec_office .sec-office__content .desc {
        padding:2.04978vw;
        width: 50%
    }
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc {
        position:static;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 8vw 6.93333vw
    }
}

.rec_office .sec-office__content .desc__title {
    padding-right: 1.68375vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__title {
        padding-right:0
    }
}

.rec_office .sec-office__content .desc__title .en {
    font-size: 1.06rem;
    line-height: 2.4375;
    font-weight: 500;
    letter-spacing: .05em;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    display: flex;
    align-items: center
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__title .en {
        font-size:.75rem;
        line-height: 2.41667
    }
}

.rec_office .sec-office__content .desc__title .en:before {
    content: '';
    display: block;
    width: 1.1713vw;
    height: 1.1713vw;
    background-size: 100% 100%;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="uuid-fc169027-9077-45c0-ac54-50ec72834e3a" data-name="台紙" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.7 14.7"><rect x="0" y="7.4" width="7.4" height="7.4" fill="%232a65f5"/><rect x="7.4" width="7.4" height="7.4" fill="%2333e2f7"/></svg>');
    flex-shrink: 0;
    margin-right: 7px
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__title .en:before {
        margin-right:6px;
        width: 3.2vw;
        height: 3.2vw;
        margin-right: 1.86667vw
    }
}

.rec_office .sec-office__content .desc__title .jp {
    margin-top: .58565vw;
    padding-top: .73206vw;
    font-size: 1.5rem;
    line-height: 1.73913;
    font-weight: 500;
    letter-spacing: .16em;
    border-top: 1px solid #273846
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__title .jp {
        font-size:1.06rem;
        margin-top: 1.86667vw;
        line-height: 2.28571
    }
}

.rec_office .sec-office__content .desc__text {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__text {
        margin-top:5.6vw
    }
}

.rec_office .sec-office__content .desc__text p {
    font-size: .93rem;
    line-height: 2.35714;
    letter-spacing: .05em
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .desc__text p {
        font-size:.87rem;
        letter-spacing: .2em;
        line-height: 2
    }
}

.rec_office .sec-office__content .img {
    flex-shrink: 0;
    width: 62.22548vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__content .img {
        width:100%
    }
}

.rec_office .sec-office__content .img img {
    width: 100%
}

.rec_office .sec-office__gallery {
    margin-top: 9.22401vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery {
        margin-top:14.13333vw
    }
}

.rec_office .sec-office__gallery .title {
    text-align: center;
    font-size: 1.31rem;
    line-height: 3.05;
    letter-spacing: .14em;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery .title {
        font-size:.93rem;
        line-height: 1
    }
}

.rec_office .sec-office__gallery .rec_inner {
    max-width: 65.8858vw;
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery .rec_inner {
        max-width:100%;
        padding: 0 0 13.33333vw 0;
        width: 100%
    }
}

.rec_office .sec-office__gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.2694vw 0 0 -3.22108vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery ul {
        margin:9px 0 0 -15px
    }
}

.rec_office .sec-office__gallery li {
    border-radius: 10px;
    width: 19.76574vw;
    overflow: hidden;
    margin: 3.22108vw 0 0 3.22108vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery li {
        width:calc(50% - 15px);
        margin: 15px 0 0 15px
    }
}

.rec_office .sec-office__gallery a {
    display: block;
    position: relative
}

.rec_office .sec-office__gallery a:hover .desc {
    opacity: 1
}

.rec_office .sec-office__gallery a:hover .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rec_office .sec-office__gallery .img {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    pointer-events: none
}

.rec_office .sec-office__gallery .img img {
    width: 100%;
    border-radius: 10px
}

.rec_office .sec-office__gallery .desc {
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    transition: opacity .3s
}

.rec_office .sec-office__gallery .desc__title {
    font-size: 1.31rem;
    line-height: 1;
    letter-spacing: .16em;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office__gallery .desc__title {
        font-size:.75rem
    }
}

.rec_office .sec-office:not(:first-child) {
    margin-top: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office:not(:first-child) {
        margin-top:13.33333vw
    }
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office:not(:first-child) .sec-office__content {
        margin-top:0
    }
}

.rec_office .sec-office:not(:first-child) .sec-office__content .desc {
    padding-top: 5.41728vw;
    padding-bottom: 5.41728vw
}

@media screen and (max-width: 1024px) {
    .rec_office .sec-office:not(:first-child) .sec-office__content .desc {
        padding:2.04978vw
    }
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office:not(:first-child) .sec-office__content .desc {
        padding:8vw 6.93333vw
    }
}

.rec_office .sec-office:last-child .sec-office__gallery .rec_inner {
    border-bottom: 0;
    padding-bottom: 9.29722vw
}

@media screen and (max-width: 768px) {
    .rec_office .sec-office:last-child .sec-office__gallery .rec_inner {
        padding-bottom:22.13333vw
    }
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-slide {
        pointer-events:none
    }
}

.fancybox-container .fancybox-slide .fancybox-content {
    pointer-events: none
}

.fancybox-container .fancybox-slide .fancybox-image {
    pointer-events: auto;
    max-width: 69.54612vw !important;
    width: auto !important;
    max-height: 51.46413vw !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 32px
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-slide .fancybox-image {
        pointer-events:none;
        max-width: 84vw !important;
        max-height: 62.13333vw !important;
        border-radius: 15px
    }
}

.fancybox-container .fancybox-infobar {
    display: none !important
}

.fancybox-container .fancybox-toolbar {
    visibility: visible !important;
    opacity: 1 !important
}

.fancybox-container .fancybox-button--close {
    width: 80px;
    height: 80px;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: transparent;
    position: fixed;
    right: 33px;
    transition: none !important;
    top: 23px
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-button--close {
        right:13px;
        top: 9px
    }
}

.fancybox-container .fancybox-button--close svg {
    display: none
}

.fancybox-container .fancybox-button--close:before {
    content: '';
    display: block;
    width: 50px;
    height: 28px;
    background-size: 100% 100%;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="uuid-dbaae93c-9caa-4c3f-a05e-8af3dc420e1a" data-name="Isolation Mode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.5 28.9"><line x1=".2" y1=".4" x2="50.2" y2="28.4" fill="none" stroke="%23fff" stroke-miterlimit="10"/><line x1="50.2" y1=".4" x2=".2" y2="28.4" fill="none" stroke="%23fff" stroke-miterlimit="10"/></svg>')
}

.fancybox-container .fancybox-button--arrow_left,.fancybox-container .fancybox-button--arrow_right {
    width: 70px !important;
    height: 70px !important;
    padding: 0 !important;
    background-color: transparent;
    top: calc(50% - 38px) !important;
    transition: none !important
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-button--arrow_left,.fancybox-container .fancybox-button--arrow_right {
        width:40px !important;
        height: 40px !important;
        top: calc(50% + 172px) !important
    }
}

@media screen and (max-width: 768px) and (max-height: 460px) {
    .fancybox-container .fancybox-button--arrow_left,.fancybox-container .fancybox-button--arrow_right {
        top:auto !important;
        bottom: 40px
    }
}

.fancybox-container .fancybox-button--arrow_left div,.fancybox-container .fancybox-button--arrow_right div {
    display: none
}

.fancybox-container .fancybox-button--arrow_left:before,.fancybox-container .fancybox-button--arrow_right:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-image: url("/dam/solution_html/resources/recruit/office/ico_arrow_modal.svg")
}

.fancybox-container .fancybox-button--arrow_left:disabled,.fancybox-container .fancybox-button--arrow_right:disabled {
    opacity: .3 !important
}

.fancybox-container .fancybox-button--arrow_right {
    right: 5.12445vw !important
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-button--arrow_right {
        right:8vw !important
    }
}

.fancybox-container .fancybox-button--arrow_left {
    left: 5.12445vw !important
}

@media screen and (max-width: 768px) {
    .fancybox-container .fancybox-button--arrow_left {
        left:8vw !important
    }
}

.fancybox-container .fancybox-button--arrow_left:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fancybox-container .fancybox-navigation button {
    visibility: visible !important;
    opacity: 1 !important
}

.fancybox-container.fancybox-is-closing .fancybox-toolbar,.fancybox-container.fancybox-is-closing .fancybox-navigation {
    display: none
}

@media screen and (max-width: 768px) {
    .rec_welfare .rec_head .rec_head_text .nowrap {
        white-space:nowrap;
        letter-spacing: 0.1em
    }
}

.rec_welfare .sec-content {
    margin-top: 8.41874vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content {
        margin-top:6.13333vw
    }
}

.rec_welfare .sec-content .rec_bgsec {
    padding: 5.85652vw 9.80966vw 7.68668vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .rec_bgsec {
        padding:11.73333vw 4vw 17.33333vw
    }
}

.rec_welfare .sec-content__leadtext {
    margin-top: 2.70864vw;
    font-size: 1rem;
    line-height: 2.6;
    letter-spacing: .22em;
    text-align: center
}

@media screen and (max-width: 1440px) and (max-width: 1100px) {
    .rec_welfare .sec-content__leadtext {
        font-size:.93rem
    }
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content__leadtext {
        line-height:1.83333;
        text-align: left;
        margin-top: 6.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .border {
        width:100%;
        height: 1px;
        background-color: #CBCBCB;
        margin-top: 17.86667vw
    }
}

.rec_welfare .sec-content .list {
    margin-top: 9.59004vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list {
        margin-top:17.86667vw
    }
}

.rec_welfare .sec-content .list:not(:first-child) {
    margin-top: 8.56515vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list:not(:first-child) {
        margin-top:20vw
    }

    .rec_welfare .sec-content .list:not(:first-child).list--mtsp1 {
        margin-top: 13.33333vw
    }
}

.rec_welfare .sec-content .list .rec_cubetitle {
    font-size: 1.31rem
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .rec_cubetitle {
        padding-left:8.53333vw;
        font-size: .93rem
    }
}

.rec_welfare .sec-content .list .rec_cubetitle:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.rec_welfare .sec-content .list .title {
    font-size: 1.06rem;
    line-height: 1.375;
    font-weight: 500;
    letter-spacing: .14em;
    max-width: 31.47877vw;
    border-bottom: 1px solid #273846;
    padding-bottom: .95168vw
}

@media screen and (max-width: 1024px) {
    .rec_welfare .sec-content .list .title {
        max-width:32.9429vw
    }
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .title {
        max-width:100%;
        font-size: .93rem;
        padding-bottom: 2.66667vw;
        letter-spacing: .12em;
        line-height: 1.66667
    }
}

.rec_welfare .sec-content .list .text {
    margin-top: 1.46413vw
}

.rec_welfare .sec-content .list .text p {
    font-size: .93rem;
    line-height: 2.35714
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .text p {
        font-size:.87rem;
        line-height: 2.14286
    }
}

.rec_welfare .sec-content .list .img {
    margin-top: 7.46706vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .img {
        margin-top:17.86667vw
    }
}

.rec_welfare .sec-content .list .img img {
    width: 100%;
    border-radius: 10px
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .img img {
        border-radius:5px
    }
}

.rec_welfare .sec-content .list .img--mt {
    margin-top: 6.22255vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .img--mt {
        margin-top:13.33333vw
    }
}

.rec_welfare .sec-content .list .item:not(:first-child) {
    margin-top: 7.61347vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .item:not(:first-child) {
        margin-top:17.33333vw
    }
}

.rec_welfare .sec-content .list .item__child {
    margin-top: 4.61201vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .item__child {
        margin-top:7.2vw
    }

    .rec_welfare .sec-content .list .item__child:not(:nth-child(2)) {
        margin-top: 17.86667vw
    }
}

.rec_welfare .sec-content .list .item__child--flex .desc {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .item__child--flex .desc {
        display:block
    }
}

.rec_welfare .sec-content .list .item__child--flex .desc .text {
    flex: 1;
    padding-right: 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .item__child--flex .desc .text {
        padding-right:0
    }
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .item--mtsp1:nth-child(2) {
        margin-top:13.33333vw
    }
}

.rec_welfare .sec-content .list .logo {
    margin-top: 2.04978vw;
    width: 14.56808vw;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content .list .logo {
        width:43.46667vw;
        margin-top: 5.33333vw
    }
}

.rec_welfare .sec-content .list .logo img {
    width: 100%
}

.rec_welfare .sec-content--02 {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content--02 {
        margin-top:3.46667vw
    }
}

.rec_welfare .sec-content--02 .rec_bgsec {
    padding-bottom: 10.2489vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content--02 .rec_bgsec {
        padding-bottom:18.66667vw
    }
}

.rec_welfare .sec-content--02 .list {
    margin-top: 6.00293vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .sec-content--02 .list {
        margin-top:18.13333vw
    }
}

.rec_welfare .img-big {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_welfare .img-big {
        margin-top:4.26667vw
    }
}

.rec_welfare .img-big img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .rec_training_career .rec_head .rec_head_text {
        padding-top:17.06667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_training_career .rec_head .rec_head_text ._en {
        line-height:1.51852;
        padding-bottom: 3.46667vw
    }
}

.rec_training_career .rec_head .rec_head_text ._ja {
    position: relative;
    top: -.43924vw;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .rec_training_career .rec_head .rec_head_text ._ja {
        font-size:1.06rem;
        line-height: 1.82857
    }
}

.rec_training_career .sec-content .rec_bgsec {
    padding-bottom: 9.95608vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .rec_bgsec {
        padding-bottom:24.8vw
    }
}

.rec_training_career .sec-content__leadtext {
    text-align: left;
    letter-spacing: .17em
}

.rec_training_career .sec-content .list {
    margin-top: 7.75988vw;
    padding-top: 8.34553vw;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list {
        margin-top:12vw;
        padding-top: 12.8vw
    }
}

.rec_training_career .sec-content .list:not(:first-child) {
    margin-top: 6.00293vw;
    padding-top: 7.02782vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list:not(:first-child) {
        margin-top:11.2vw;
        padding-top: 12.8vw
    }
}

.rec_training_career .sec-content .list:before {
    content: '';
    position: absolute;
    background-color: #CBCBCB;
    width: 43.92387vw;
    height: 1px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list:before {
        width:100%
    }
}

.rec_training_career .sec-content .list .item .rec_cubetitle--02 {
    font-size: 1.18rem;
    letter-spacing: .2em
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list .item .rec_cubetitle--02 {
        font-size:.93rem;
        letter-spacing: .14em
    }
}

.rec_training_career .sec-content .list .item:not(:first-child) {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list .item:not(:first-child) {
        margin-top:11.73333vw
    }
}

.rec_training_career .sec-content .list .item__child {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list .item .text--02 {
        margin-top:5.33333vw
    }
}

.rec_training_career .sec-content .list .item .text--02 p {
    font-size: 1rem;
    letter-spacing: .1em;
    line-height: 2.6
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list .item .text--02 p {
        font-size:.87rem;
        letter-spacing: .14em;
        line-height: 2.14286
    }
}

.rec_training_career .sec-content .list .item .img {
    margin-top: 6.29575vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content .list .item .img {
        margin-top:11.73333vw
    }
}

.rec_training_career .sec-content .list .item .img--not-radius img {
    border-radius: 0
}

.rec_training_career .sec-content--career {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career {
        margin-top:3.46667vw
    }
}

.rec_training_career .sec-content--career .rec_bgsec {
    padding-bottom: 7.75988vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .rec_bgsec {
        padding-bottom:17.33333vw
    }
}

.rec_training_career .sec-content--career .sec-content__leadtext {
    text-align: center
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .sec-content__leadtext {
        text-align:left
    }
}

.rec_training_career .sec-content--career .list {
    margin-top: 9.66325vw;
    padding-top: 0
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list {
        margin-top:17.06667vw
    }
}

.rec_training_career .sec-content--career .list:before {
    display: none
}

.rec_training_career .sec-content--career .list .item:not(:first-child).item--mt {
    margin-top: 8.41874vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item:not(:first-child).item--mt {
        margin-top:19.2vw
    }
}

.rec_training_career .sec-content--career .list .item .img {
    margin-top: 8.05271vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item .img {
        margin-top:17.86667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item .title {
        font-size:.87rem
    }
}

.rec_training_career .sec-content--career .list .item__child {
    margin-top: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item__child {
        margin-top:8.8vw
    }
}

.rec_training_career .sec-content--career .list .item__child:not(:first-child) {
    margin-top: 4.90483vw
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item__child:not(:first-child) {
        margin-top:17.86667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_training_career .sec-content--career .list .item__child:not(:first-child):nth-child(2) {
        margin-top:8.8vw
    }
}

.rec_faq .sec-content-faq {
    margin-top: 7.9063vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq {
        margin-top:4vw
    }
}

.rec_faq .sec-content-faq .rec_bgsec {
    padding-bottom: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .rec_bgsec {
        padding-bottom:19.46667vw
    }
}

.rec_faq .sec-content-faq__title .text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    letter-spacing: .22em
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq__title .text {
        letter-spacing:.15em;
        font-size: .93rem;
        text-align: left;
        line-height: 1.83333
    }
}

.rec_faq .sec-content-faq__title .icon-border {
    display: block;
    width: 5.85652vw;
    height: 1px;
    position: relative;
    margin: 0 auto;
    margin-top: 3.80673vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq__title .icon-border {
        width:17.06667vw;
        margin-top: 8.8vw
    }
}

.rec_faq .sec-content-faq__title .icon-border:before,.rec_faq .sec-content-faq__title .icon-border:after {
    content: '';
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0
}

.rec_faq .sec-content-faq__title .icon-border:before {
    background-color: #2A65F5;
    left: 0
}

.rec_faq .sec-content-faq__title .icon-border:after {
    background-color: #33E2F7;
    right: 0
}

.rec_faq .sec-content-faq .list {
    margin-top: 4.5388vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list {
        margin-top:10.66667vw
    }
}

.rec_faq .sec-content-faq .list .item {
    border-top: 1px solid #CBCBCB
}

.rec_faq .sec-content-faq .list .item:last-child {
    border-bottom: 1px solid #CBCBCB
}

.rec_faq .sec-content-faq .list .item__title {
    display: flex;
    align-items: flex-start;
    color: #2A65F5;
    font-size: 1.18rem;
    position: relative;
    line-height: 1.66667;
    letter-spacing: .1em;
    padding: 3.3675vw 2.19619vw 3.3675vw 0;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title {
        padding:5.33333vw 6.4vw 6.66667vw 0;
        font-size: .93rem;
        letter-spacing: 0.05em;
        line-height: 1.73333
    }
}

.rec_faq .sec-content-faq .list .item__title .icon-text {
    flex-shrink: 0;
    width: 2.56223vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon-text {
        width:4.8vw
    }
}

.rec_faq .sec-content-faq .list .item__title .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 4px;
    top: calc(50% - 7px)
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon {
        width:14px;
        height: 14px
    }
}

.rec_faq .sec-content-faq .list .item__title .icon:before,.rec_faq .sec-content-faq .list .item__title .icon:after {
    content: '';
    background-color: #2A65F5;
    position: absolute
}

.rec_faq .sec-content-faq .list .item__title .icon:before {
    width: 100%;
    height: 2px;
    left: 0;
    top: 7px
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon:before {
        top:6px
    }
}

.rec_faq .sec-content-faq .list .item__title .icon:after {
    height: 100%;
    width: 2px;
    left: 7px;
    top: 0;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon:after {
        left:6px
    }
}

.rec_faq .sec-content-faq .list .item__title.is-active .icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rec_faq .sec-content-faq .list .item__desc {
    display: none;
    background-color: #fff;
    margin-bottom: 3.3675vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc {
        margin-bottom:6.66667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .flex {
    display: flex;
    align-items: flex-start;
    padding: 3.00146vw 2.85505vw 2.70864vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .flex {
        align-items:center;
        padding: 4.53333vw 5.06667vw;
        min-height: 26.66667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .icon-text {
    font-size: 1.31rem;
    flex-shrink: 0;
    font-weight: 500;
    width: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .icon-text {
        width:8vw;
        font-size: 1rem
    }
}

.rec_faq .sec-content-faq .list .item__desc .text {
    position: relative;
    top: -.14641vw;
    word-break: break-all
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text {
        top:.26667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .text p {
    font-size: 1rem;
    line-height: 2.6;
    letter-spacing: .15em
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text p {
        font-size:.75rem;
        line-height: 1.875
    }
}

.rec_faq .sec-content-faq .list .item__desc .text p.fz1 {
    line-height: 1.73333;
    margin-top: .43924vw;
    margin-bottom: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text p.fz1 {
        margin-top:6.66667vw;
        margin-bottom: 5.33333vw;
        font-size: .75rem;
        line-height: 1.875
    }
}

.rec_faq .sec-content-faq .list .item__desc .text a {
    color: #00479D;
    text-decoration: underline
}

.rec_faq .rec_info {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_faq .rec_info {
        margin-top:4vw
    }
}

@media screen and (max-width: 768px) {
    .rec_strength .rec_head .rec_head_text ._en {
        letter-spacing:.05em
    }
}

.rec_strength .l-bg-strength {
    margin-top: 8.49195vw
}

@media screen and (max-width: 768px) {
    .rec_strength .l-bg-strength {
        margin-top:4.26667vw
    }
}

.rec_strength .l-bg-strength .bgsec {
    background: #e4edf7;
    padding: 5.12445vw 0 14.64129vw
}

@media screen and (max-width: 768px) {
    .rec_strength .l-bg-strength .bgsec {
        padding:11.73333vw 0 4vw
    }
}

.rec_strength .sec-mess .rec_inner {
    max-width: 65.8858vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess .rec_inner {
        max-width:100%
    }
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess {
        padding:0
    }
}

.rec_strength .sec-mess_lead {
    padding-top: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess_lead {
        padding-top:0
    }
}

.rec_strength .sec-mess__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    margin-top: 2.63543vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__text {
        font-size:.93rem;
        margin-top: 5.86667vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .22em
    }
}

.rec_strength .sec-mess__box01 {
    margin-top: 6.44217vw;
    background: linear-gradient(90deg, #2a65f5 0%, #33e2f7 100%);
    padding: 3px;
    border-radius: 10px
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 {
        margin-top:14.4vw;
        border-radius: 8px
    }
}

.rec_strength .sec-mess__box01 .rec_cubetitle {
    font-weight: 400;
    display: table;
    margin: 0 auto
}

.rec_strength .sec-mess__box01 .bg {
    background-color: #e4edf7;
    border-radius: 8px;
    padding: 2.85505vw 3.51391vw 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .bg {
        border-radius:6px;
        padding: 9.33333vw 5.33333vw 10.66667vw
    }
}

.rec_strength .sec-mess__box01 .rec_cubetitle {
    font-size: 1.18rem;
    letter-spacing: .2em
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .rec_cubetitle {
        font-size:.93rem
    }
}

.rec_strength .sec-mess__box01 .list__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list__inner {
        display:block
    }
}

.rec_strength .sec-mess__box01 .list .item {
    width: 28.11127vw;
    margin-top: 2.78184vw;
    border: solid 3px #fff;
    background: linear-gradient(240eg, rgba(255,255,255,0.2) 0%, #fff 100%)
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item {
        margin-top:9.86667vw;
        width: 100%
    }
}

.rec_strength .sec-mess__box01 .list .item .content {
    height: 100%
}

.rec_strength .sec-mess__box01 .list .item__title {
    font-size: 1.39092vw;
    line-height: 1.44444;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #2A52E8;
    background-size: 100% 100%;
    min-height: 4.39239vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__title {
        font-size:.93rem;
        line-height: 1.4;
        min-height: 10.66667vw
    }
}

.rec_strength .sec-mess__box01 .list .item__title:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #2A65F5;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: polygon(0 0, 100% 100%, 100% 0)
}

.rec_strength .sec-mess__box01 .list .item__title:after {
    content: '';
    position: absolute;
    bottom: -1.46413vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .43924vw solid transparent;
    border-right: .43924vw solid transparent;
    border-top: 1.61054vw solid #2A52E8
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__title:after {
        bottom:-4vw;
        border-left-width: 1.86667vw;
        border-right-width: 1.86667vw;
        border-top-width: 4.26667vw
    }
}

.rec_strength .sec-mess__box01 .list .item__title span {
    position: relative;
    z-index: 1
}

.rec_strength .sec-mess__box01 .list .item__desc {
    padding: 38px 6px 20px 0
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__desc {
        padding:30px 5px 16px 0
    }
}

.rec_strength .sec-mess__box01 .list .item__desc li {
    position: relative;
    padding-left: 3.29429vw;
    font-size: 1.02489vw;
    line-height: 1.57143;
    letter-spacing: .08em
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__desc li {
        padding-left:9.33333vw;
        font-size: .87rem;
        line-height: 1.5
    }
}

.rec_strength .sec-mess__box01 .list .item__desc li:not(:first-child) {
    margin-top: .80527vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__desc li:not(:first-child) {
        margin-top:2.66667vw
    }
}

.rec_strength .sec-mess__box01 .list .item__desc li:before {
    content: '';
    width: .87848vw;
    height: .87848vw;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: #2A52E8;
    position: absolute;
    left: 1.83016vw;
    top: 0;
    margin-top: .51245vw
}

@media screen and (max-width: 1400px) {
    .rec_strength .sec-mess__box01 .list .item__desc li:before {
        margin-top:.29283vw
    }
}

@media screen and (max-width: 1024px) {
    .rec_strength .sec-mess__box01 .list .item__desc li:before {
        margin-top:.58565vw
    }
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__desc li:before {
        width:3.73333vw;
        height: 3.73333vw;
        left: 4vw;
        top: 1.06667vw;
        margin-top: 0
    }
}

.rec_strength .sec-mess__box01 .list .item__desc li small {
    font-size: .87848vw;
    letter-spacing: .06em
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess__box01 .list .item__desc li small {
        font-size:.62rem;
        line-height: 1.5
    }
}

.rec_strength .sec-mess .arrow {
    width: 21.96193vw;
    height: 14.34846vw;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-mess .arrow {
        width:35.73333vw;
        height: 23.46667vw
    }
}

.rec_strength .sec-mess .arrow:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(/dam/solution_html/resources/recruit/business/ico_arrow.png);
    display: block;
    background-size: 100% 100%
}

.rec_strength .sec-strength {
    margin-top: 9.37042vw;
    position: relative;
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength {
        display:block;
        margin-top: 13.33333vw;
        box-shadow: 0px 0px 3.82px rgba(0,0,0,0.2);
        background-color: #fff;
        width: calc(100% - 30px);
        margin-left: 15px
    }
}

.rec_strength .sec-strength__content {
    position: absolute;
    width: 30.74671vw;
    background-color: #fff;
    left: 7.32064vw;
    top: -3.07467vw;
    padding: 3.07467vw 4.09956vw;
    box-shadow: 0px 0px 3.82px rgba(0,0,0,0.2)
}

@media screen and (max-width: 1024px) {
    .rec_strength .sec-strength__content {
        padding:2.19619vw
    }
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content {
        width:100%;
        background-color: transparent;
        box-shadow: none;
        position: static;
        padding: 9.6vw 6.4vw 0 6.4vw
    }
}

.rec_strength .sec-strength__content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 10.98097vw;
    height: .58565vw;
    background: linear-gradient(90deg, #2a65f5 0%, #33e2f7 100%)
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content:before {
        width:26.66667vw;
        height: 1.86667vw
    }
}

.rec_strength .sec-strength__content .title {
    color: #2A65F5;
    font-size: 1.18rem;
    line-height: 2.16667;
    font-weight: 500;
    letter-spacing: .1em;
    display: flex;
    align-items: center
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content .title {
        font-size:1.06rem
    }
}

.rec_strength .sec-strength__content .title span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 3.18rem;
    line-height: 1;
    font-weight: 800;
    flex-shrink: 0;
    margin-left: .58565vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content .title span {
        font-size:2.5rem;
        margin-left: 2.13333vw
    }
}

.rec_strength .sec-strength__content .desc {
    margin-top: 1.90337vw;
    padding-top: 1.46413vw;
    border-top: 1px solid #273846
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content .desc {
        margin-top:5.33333vw;
        padding-top: 6.4vw
    }
}

.rec_strength .sec-strength__content .desc__title {
    color: #2A65F5;
    font-size: 1.31rem;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content .desc__title {
        font-size:.93rem
    }
}

.rec_strength .sec-strength__content .desc .text {
    font-size: 1rem;
    margin-top: .87848vw;
    line-height: 2.6;
    letter-spacing: .15em
}

@media screen and (max-width: 1024px) {
    .rec_strength .sec-strength__content .desc .text {
        font-size:.87rem;
        line-height: 2.28571
    }
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__content .desc .text {
        margin-top:3.73333vw;
        font-size: .93rem;
        line-height: 2.1
    }
}

.rec_strength .sec-strength__img {
    width: 58.56515vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength__img {
        width:100%;
        margin-top: 8.8vw
    }
}

.rec_strength .sec-strength__img img {
    width: 100%
}

.rec_strength .sec-strength--02 {
    margin-top: 13.03075vw;
    justify-content: flex-start
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength--02 {
        margin-top:13.33333vw
    }
}

.rec_strength .sec-strength--02 .sec-strength__content {
    left: auto;
    right: 6.58858vw;
    top: -4.39239vw
}

.rec_strength .sec-strength--03 {
    margin-top: 8.49195vw
}

@media screen and (max-width: 768px) {
    .rec_strength .sec-strength--03 {
        margin-top:13.33333vw
    }
}

.rec_strength .sec-strength--03 .sec-strength__content {
    top: auto;
    bottom: -3.66032vw
}

.rec_strength .img-big {
    margin-top: 7.02782vw
}

@media screen and (max-width: 768px) {
    .rec_strength .img-big {
        margin-top:5.33333vw
    }
}

.rec_strength .img-big img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .rec_career .rec_head .rec_head_text {
        padding-top:17.06667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_career .rec_head .rec_head_text ._en {
        line-height:1.51852;
        padding-bottom: 3.46667vw
    }
}

.rec_career .rec_head .rec_head_text ._ja {
    position: relative;
    top: -.43924vw;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .rec_career .rec_head .rec_head_text ._ja {
        font-size:1.06rem;
        line-height: 1.82857
    }
}

.rec_career .sec-content-career {
    margin-top: 8.49195vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career {
        margin-top:4vw
    }
}

.rec_career .sec-content-career .rec_bgsec {
    padding: 5.12445vw 9.80966vw 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career .rec_bgsec {
        padding:5.86667vw 4vw 20vw
    }
}

.rec_career .sec-content-career__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    max-width: 65.8858vw;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career__text {
        font-size:.93rem;
        margin-top: 5.86667vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .15em
    }
}

.rec_career .sec-content-career .list__inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.66032vw;
    margin-left: -4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career .list__inner {
        display:block;
        margin: -2.4vw 0 0 0
    }
}

.rec_career .sec-content-career article {
    width: calc(50% - 4.39239vw);
    margin-left: 4.39239vw;
    margin-top: 2.92826vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article {
        width:74.66667vw;
        margin: 0 auto;
        margin-top: 14.4vw
    }
}

.rec_career .sec-content-career article a:hover .img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.rec_career .sec-content-career article a .img {
    border-radius: .73206vw;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article a .img {
        border-radius:2.13333vw
    }
}

.rec_career .sec-content-career article a .img img {
    width: 100%;
    transition: .5s;
    -webkit-transform-origin: center;
    transform-origin: center
}

.rec_career .sec-content-career article a .year {
    font-size: .93rem;
    line-height: 1.85714;
    letter-spacing: 0.2em;
    margin-top: 1.75695vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article a .year {
        font-size:.68rem;
        margin-top: 3.73333vw
    }
}

.rec_career .sec-content-career article a .name {
    font-size: 1.06rem;
    letter-spacing: 0.1em;
    font-weight: 400;
    line-height: 1;
    margin-top: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article a .name {
        margin-top:2.66667vw;
        font-size: .87rem
    }
}

.rec_career .sec-content-career article a .viewmore {
    display: table;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: .81rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    position: relative;
    margin-top: 1.31772vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article a .viewmore {
        font-size:.62rem;
        margin-top: 4vw
    }
}

.rec_career .sec-content-career article a .viewmore:after {
    content: '';
    width: .87848vw;
    height: .87848vw;
    background-image: url("/dam/solution_html/resources/recruit/common/icon_external_link_black.svg");
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    top: .14641vw;
    margin-left: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_career .sec-content-career article a .viewmore:after {
        width:2.66667vw;
        height: 2.66667vw;
        top: .53333vw;
        margin-left: 2.66667vw
    }
}

.rec_crosstalk .sec-content-crosstalk {
    margin-top: 7.68668vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk {
        margin-top:6.93333vw
    }
}

.rec_crosstalk .sec-content-crosstalk .rec_bgsec {
    padding: 6.00293vw 9.80966vw 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .rec_bgsec {
        padding:2.66667vw 4vw 13.33333vw
    }
}

.rec_crosstalk .sec-content-crosstalk__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    max-width: 65.8858vw;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk__text {
        font-size:.93rem;
        margin-top: 5.86667vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .2em
    }
}

.rec_crosstalk .sec-content-crosstalk .list {
    max-width: 58.56515vw;
    margin: 0 auto;
    margin-top: 6.00293vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list {
        max-width:74.66667vw;
        margin-top: 17.86667vw
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item:not(:first-child) {
    margin-top: 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item:not(:first-child) {
        margin-top:12.53333vw
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item .rec_cubetitle {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.31rem;
    font-weight: 500;
    padding-left: 1.97657vw;
    letter-spacing: .12em
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item .rec_cubetitle {
        font-size:.87rem;
        display: table;
        margin: 0 auto;
        padding-left: 0
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item .rec_cubetitle:before {
    width: 1.31772vw;
    height: 1.31772vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item .rec_cubetitle:before {
        width:3.46667vw;
        height: 3.46667vw;
        left: -6.13333vw
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item__link {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-top: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item__link {
        margin-top:3.2vw
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item__link .img img {
    width: 100%;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    will-change: transform
}

.rec_crosstalk .sec-content-crosstalk .list .item__link:after {
    content: '';
    position: absolute;
    background-color: #040000;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: .5;
    transition: opacity .3s;
    will-change: opacity
}

@media (hover: hover) {
    .rec_crosstalk .sec-content-crosstalk .list .item__link:hover:after {
        opacity:.1
    }

    .rec_crosstalk .sec-content-crosstalk .list .item__link:hover .img img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 9.88287vw;
    text-align: center;
    z-index: 1;
    font-size: 1.18rem;
    line-height: 1.66667;
    letter-spacing: .2em;
    font-weight: 500;
    color: #fff
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item .title {
        font-size:1rem;
        top: 26.66667vw
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item .viewmore {
    display: table;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: .81rem;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
    position: absolute;
    z-index: 1;
    bottom: 2.78184vw;
    left: calc(50% - 51px)
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item .viewmore {
        font-size:.68rem;
        bottom: 8vw;
        left: calc(50% - 44px)
    }
}

.rec_crosstalk .sec-content-crosstalk .list .item .viewmore:after {
    content: '';
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: .87848vw;
    height: .87848vw;
    background-image: url("/dam/solution_html/resources/recruit/common/icon_external_link_black.svg");
    background-size: 100% 100%;
    position: relative;
    display: inline-block;
    top: .14641vw;
    margin-left: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_crosstalk .sec-content-crosstalk .list .item .viewmore:after {
        width:2.66667vw;
        height: 2.66667vw;
        top: .53333vw;
        margin-left: 2.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .rec_head .rec_head_text {
        padding-top:17.06667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .rec_head .rec_head_text ._en {
        line-height:1.51852;
        padding-bottom: 3.46667vw
    }
}

.rec_3min .rec_head .rec_head_text ._ja {
    position: relative;
    top: -.43924vw;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .rec_3min .rec_head .rec_head_text ._ja {
        font-size:1.06rem;
        line-height: 1.82857
    }
}

.rec_3min .sec-history {
    margin-top: 8.49195vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history {
        margin-top:4vw
    }
}

.rec_3min .sec-history .rec_bgsec {
    padding: 5.85652vw 9.80966vw 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .rec_bgsec {
        padding:13.33333vw 4vw 13.33333vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .rec_sectitle ._ja {
        letter-spacing:0.1em
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .rec_sectitle:after {
        margin-top:11.46667vw
    }
}

.rec_3min .sec-history .list:not(:first-child) {
    border-top: 1px solid #CBCBCB
}

.rec_3min .sec-history .list__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    margin-top: 4.24597vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list__text {
        font-size:.93rem;
        margin-top: 3.46667vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .15em
    }
}

.rec_3min .sec-history .list__year {
    color: #2A65F5;
    font-size: 3.37rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12em;
    text-align: center;
    margin-top: 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list__year {
        font-size:2rem;
        margin-top: 10.13333vw
    }
}

.rec_3min .sec-history .list__year span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 800;
    font-size: 5.75rem;
    margin-right: .65886vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list__year span {
        font-size:3.12rem
    }
}

.rec_3min .sec-history .list .movie {
    width: 43.92387vw;
    margin: 5.12445vw auto 0
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list .movie {
        width:84vw;
        margin: 12.53333vw auto 0
    }
}

.rec_3min .sec-history .list .movie .movie_wrap {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.20%;
    border-radius: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list .movie .movie_wrap {
        border-radius:1.33333vw
    }
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/dam/solution_html/resources/recruit/3min/movie_thumb.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    cursor: pointer
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5)
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail:hover ._button {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1)
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail ._button {
    width: 6.73499vw;
    height: 6.73499vw;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.5s;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list .movie .movie_wrap .thumbnail ._button {
        width:15.46667vw;
        height: 15.46667vw
    }
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail ._button img {
    width: 100%
}

.rec_3min .sec-history .list .movie .movie_wrap .thumbnail p {
    font-size: 1.12rem;
    letter-spacing: 0.2em;
    color: #FFF;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 3.80673vw;
    z-index: 2
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list .movie .movie_wrap .thumbnail p {
        font-size:.75rem;
        bottom: 6.13333vw
    }
}

.rec_3min .sec-history .list .movie .movie_wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.rec_3min .sec-history .list--02 {
    margin-top: 7.32064vw;
    padding-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list--02 {
        margin-top:12.8vw;
        padding-top: 12.8vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list--02 .rec_sectitle:after {
        margin-top:10.13333vw
    }
}

.rec_3min .sec-history .list--02 .list__text {
    text-align: left
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list--02 .list__text {
        margin-top:9.06667vw
    }
}

.rec_3min .sec-history .list--02 .list__img {
    margin-top: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-history .list--02 .list__img {
        margin-top:12.26667vw
    }
}

.rec_3min .sec-history .list--02 .list__img img {
    width: 100%
}

.rec_3min .img-big {
    margin-top: 7.17423vw
}

@media screen and (max-width: 768px) {
    .rec_3min .img-big {
        margin-top:4vw
    }
}

.rec_3min .img-big img {
    width: 100%
}

.rec_3min .sec-info {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info {
        margin-top:4.53333vw
    }
}

.rec_3min .sec-info .rec_bgsec {
    padding-bottom: 8.78477vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .rec_bgsec {
        padding-left:2.92826vw;
        padding-right: 2.92826vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .rec_bgsec {
        padding-bottom:13.33333vw
    }
}

.rec_3min .sec-info__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    margin-top: 4.24597vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info__text {
        font-size:.93rem;
        margin-top: 8vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .15em
    }
}

.rec_3min .sec-info__box {
    margin-top: 8.05271vw
}

.rec_3min .sec-info .list {
    padding-top: 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list {
        padding-top:11.46667vw
    }
}

.rec_3min .sec-info .list:first-child {
    padding-top: 0
}

.rec_3min .sec-info .list:last-child:after {
    display: none
}

.rec_3min .sec-info .list:after {
    content: '';
    width: 43.92387vw;
    height: 1px;
    background-color: #CBCBCB;
    margin: 0 auto;
    display: block;
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list:after {
        width:83.46667vw;
        margin-top: 13.33333vw
    }
}

.rec_3min .sec-info .list--resources:after {
    margin-top: 9.66325vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list--resources:after {
        margin-top:20vw
    }
}

.rec_3min .sec-info .list__item {
    margin-top: 3.87994vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item {
        margin-top:8vw
    }
}

.rec_3min .sec-info .list__item:not(:nth-child(2)) {
    margin-top: 7.46706vw
}

.rec_3min .sec-info .list__item:not(:nth-child(2)).list__item--rate {
    margin-top: 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item:not(:nth-child(2)).list__item--rate {
        margin-top:23.2vw
    }
}

.rec_3min .sec-info .list__item:not(:nth-child(2)).list__item--working {
    margin-top: 6.58858vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item:not(:nth-child(2)).list__item--working {
        margin-top:12.53333vw
    }

    .rec_3min .sec-info .list__item:not(:nth-child(2)).list__item--working:before {
        content: '';
        width: 83.46667vw;
        height: 1px;
        background-color: #CBCBCB;
        margin: 0 auto;
        display: block;
        margin-top: 19.73333vw;
        margin-bottom: 18.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item:not(:nth-child(2)) {
        margin-top:12.53333vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item--logo {
        margin-top:23.2vw !important
    }

    .rec_3min .sec-info .list__item--logo .box {
        margin-top: 5.33333vw
    }
}

.rec_3min .sec-info .list__item--logo .logo {
    position: relative
}

.rec_3min .sec-info .list__item--logo .logo:after {
    content: '';
    height: 1px;
    width: calc(100% - 40px);
    background-color: #273846;
    position: absolute;
    bottom: 0;
    left: 20px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item--logo .logo:after {
        left:6.4vw;
        width: 52.8vw
    }
}

.rec_3min .sec-info .list__item--logo .logo img {
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item--logo .item {
        margin-top:4vw
    }
}

.rec_3min .sec-info .list__item--logo .item__desc {
    border-top: 0
}

.rec_3min .sec-info .list__item--working .box {
    margin-top: -20px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item--working .box {
        margin-top:-7.2vw
    }
}

.rec_3min .sec-info .list__item--working .item {
    margin-top: 50px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list__item--working .item {
        margin-top:13.33333vw
    }
}

.rec_3min .sec-info .list .rec_cubetitle {
    font-size: 1.31rem
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list .rec_cubetitle {
        font-size:.93rem;
        display: table;
        margin: 0 auto;
        padding-left: 6.66667vw
    }
}

.rec_3min .sec-info .list .rec_cubetitle:before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list .rec_cubetitle:before {
        width:4.26667vw;
        height: 4.26667vw
    }
}

.rec_3min .sec-info .list .title {
    font-size: 1.18rem;
    line-height: 1.33333;
    font-weight: 500;
    letter-spacing: .14em;
    display: flex;
    align-items: center
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list .title {
        justify-content:center;
        font-size: .93rem
    }
}

.rec_3min .sec-info .list .title:before {
    content: '';
    display: block;
    width: 4.83163vw;
    height: 1px;
    background-color: #273846;
    flex-shrink: 0;
    margin-right: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .list .title:before {
        display:none
    }
}

.rec_3min .sec-info .box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-top: -10px
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .box {
        margin-left:-20px
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .box {
        display:block;
        margin: -7.46667vw 0 0 0
    }
}

.rec_3min .sec-info .item {
    width: calc(33.33% - 40px);
    margin-left: 40px;
    margin-top: 40px;
    position: relative;
    border-radius: 10px;
    min-height: 20.27818vw;
    border: solid 3px #fff;
    background: linear-gradient(0deg, #fff 0%, rgba(255,255,255,0.2) 100%)
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item {
        width:calc(33.33% - 20px);
        padding-bottom: .73206vw;
        margin-left: 20px
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item {
        width:65.33333vw;
        margin: 13.33333vw auto 0 auto;
        border-radius: 5px;
        min-height: 66.4vw
    }
}

.rec_3min .sec-info .item__title {
    color: #2A65F5;
    text-align: center;
    font-size: 1.12rem;
    font-weight: 500;
    line-height: 1.29412;
    letter-spacing: .16em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 5.6369vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item__title {
        font-size:1rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item__title {
        font-size:.93rem;
        min-height: 18.66667vw
    }
}

.rec_3min .sec-info .item__desc {
    border-top: solid 3px #fff
}

.rec_3min .sec-info .item__note {
    text-align: right;
    font-size: .68rem;
    line-height: 1.5;
    letter-spacing: .15em;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -26px
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item__note {
        letter-spacing:0
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item__note {
        font-size:.56rem;
        line-height: 1.5;
        bottom: -6.13333vw
    }
}

.rec_3min .sec-info .item__note--02 {
    bottom: -40px
}

.rec_3min .sec-info .item .img {
    margin: 0 auto;
    position: relative;
    margin-top: 1.97657vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .img {
        margin-top:5.86667vw
    }
}

.rec_3min .sec-info .item .img img {
    width: 100%
}

.rec_3min .sec-info .item .text {
    color: #2A65F5;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.53734vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text {
        margin-top:4.53333vw
    }
}

.rec_3min .sec-info .item .text .number {
    font-size: 1.43rem;
    font-weight: 700;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text .number {
        font-size:1.25rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text .number {
        font-size:1.25rem
    }
}

.rec_3min .sec-info .item .text .number span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 3.5rem;
    line-height: 1;
    font-weight: 800;
    margin-right: .29283vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text .number span {
        font-size:2.37rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text .number span {
        font-size:3.12rem
    }
}

.rec_3min .sec-info .item .text .number small {
    position: relative;
    top: -.14641vw
}

.rec_3min .sec-info .item .text .number small.fz1 {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif
}

.rec_3min .sec-info .item .text .text-small {
    font-weight: 700;
    letter-spacing: 0;
    font-size: 1.06rem;
    margin: 8px 0 0 .21962vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text .text-small {
        font-size:.87rem;
        margin-top: 2px
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text .text-small {
        font-size:.87rem;
        margin-top: 4.26667vw;
        letter-spacing: .1em
    }
}

.rec_3min .sec-info .item .text.flex-text {
    display: flex;
    margin-top: 1.75695vw;
    justify-content: space-between;
    padding: 0 1.61054vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text.flex-text {
        margin-top:5.6vw;
        padding: 0 4.8vw
    }
}

.rec_3min .sec-info .item .text.flex-text .ttl {
    font-size: .81rem;
    text-align: center;
    line-height: 1;
    margin-bottom: .14641vw;
    position: relative;
    left: -.65886vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text.flex-text .ttl {
        font-size:.62rem;
        margin-bottom: 1.33333vw
    }
}

.rec_3min .sec-info .item .text.flex-text .number span {
    font-size: 2.87rem;
    letter-spacing: 0;
    margin-top: 2px
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text.flex-text .number span {
        font-size:2.18rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text.flex-text .number span {
        font-size:2.5rem
    }
}

.rec_3min .sec-info .item .text.flex-text .number small {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 1.43rem;
    left: -2px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text.flex-text .number small {
        font-size:1.25rem;
        left: 0
    }
}

.rec_3min .sec-info .item .text-logo {
    margin-top: .80527vw;
    padding: 0 1.61054vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text-logo {
        padding:0 1.0981vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text-logo {
        margin-top:2.66667vw;
        padding: 0 5.86667vw
    }
}

.rec_3min .sec-info .item .text-logo .color1,.rec_3min .sec-info .item .text-logo .color2 {
    text-align: center;
    font-size: 1.06rem;
    line-height: 1.75;
    font-weight: 500;
    letter-spacing: 0.02em
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text-logo .color1,.rec_3min .sec-info .item .text-logo .color2 {
        font-size:.87rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text-logo .color1,.rec_3min .sec-info .item .text-logo .color2 {
        font-size:.87rem;
        line-height: 1.71429
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text-logo .color1 {
        margin-bottom:1.06667vw
    }
}

.rec_3min .sec-info .item .text-logo .color2 {
    color: #2A65F5
}

.rec_3min .sec-info .item .text-logo .color2--fz1 {
    font-size: 1.31rem
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item .text-logo .color2--fz1 {
        font-size:.93rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text-logo .color2--fz1 {
        font-size:1.12rem
    }
}

.rec_3min .sec-info .item .text-logo .fz1 {
    font-size: .68rem;
    font-weight: 500;
    line-height: 1.7;
    margin-top: .58565vw;
    letter-spacing: 0.09em;
    text-align: left
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item .text-logo .fz1 {
        font-size:.56rem;
        margin-top: 2.66667vw;
        line-height: 1.66667
    }
}

.rec_3min .sec-info .item--01 .img {
    width: 6.36896vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--01 .img {
        width:21.33333vw
    }
}

.rec_3min .sec-info .item--02 .img {
    left: -.43924vw;
    width: 16.69107vw;
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--02 .img {
        left:-1.06667vw;
        width: 55.46667vw;
        margin-top: 4.53333vw
    }
}

.rec_3min .sec-info .item--03 .img {
    left: -.21962vw;
    width: 15.08053vw;
    margin-top: 1.75695vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--03 .img {
        left:0;
        width: 49.6vw;
        margin-top: 5.33333vw
    }
}

.rec_3min .sec-info .item--04 .img {
    width: 6.58858vw;
    margin-top: 1.90337vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--04 .img {
        width:21.33333vw;
        margin-top: 6.13333vw
    }
}

.rec_3min .sec-info .item--05 .img {
    width: 6.58858vw;
    margin-top: 2.04978vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--05 .img {
        width:22.93333vw;
        margin-top: 5.86667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--05 .text .number small {
        top:-.53333vw
    }
}

.rec_3min .sec-info .item--06 .img {
    width: 6.22255vw;
    margin-top: 2.34261vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--06 .img {
        width:20.8vw;
        margin-top: 7.46667vw
    }
}

.rec_3min .sec-info .item--07 .logo img {
    width: 9.37042vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--07 .logo img {
        width:30.66667vw
    }
}

.rec_3min .sec-info .item--08 .logo img {
    width: 9.37042vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--08 .logo img {
        width:30.66667vw
    }
}

.rec_3min .sec-info .item--08 .text-logo {
    margin-top: .95168vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--08 .text-logo {
        margin-top:2.93333vw
    }
}

.rec_3min .sec-info .item--08 .text-logo .color2 {
    line-height: 1.6875
}

.rec_3min .sec-info .item--08 .text-logo .color2 span {
    font-size: 1.93rem;
    line-height: 1;
    margin-right: 5px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--08 .text-logo .color2 span {
        font-size:1.68rem
    }
}

.rec_3min .sec-info .item--08 .text-logo .no1 {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 800;
    font-size: 3.5rem;
    line-height: 1;
    text-align: center;
    color: #2A65F5;
    letter-spacing: 0.05em;
    margin-top: .29283vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item--08 .text-logo .no1 {
        font-size:2.5rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--08 .text-logo .no1 {
        font-size:3.12rem
    }
}

.rec_3min .sec-info .item--08 .text-logo .fz1 {
    margin-top: 1.0981vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--08 .text-logo .fz1 {
        margin-top:4.26667vw
    }
}

.rec_3min .sec-info .item--09 .logo img {
    width: 7.75988vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--09 .logo img {
        width:25.33333vw
    }
}

.rec_3min .sec-info .item--09 .text-logo {
    padding: 0 .73206vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--09 .text-logo {
        margin-top:4vw;
        padding: 0 2.13333vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--09 .text-logo .color1 {
        margin-bottom:0
    }
}

.rec_3min .sec-info .item--09 .text-logo .fz1 {
    margin-top: .87848vw;
    margin-bottom: .73206vw;
    padding-top: .73206vw;
    text-align: center;
    font-size: .81rem;
    line-height: 1.66667;
    letter-spacing: 0;
    border-top: 1px solid #2A65F5
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--09 .text-logo .fz1 {
        margin-top:2.66667vw;
        padding-top: 2.66667vw;
        font-size: .62rem;
        line-height: 1.71429
    }
}

.rec_3min .sec-info .item--10 .logo img {
    width: 10.83455vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--10 .logo img {
        width:35.73333vw
    }
}

.rec_3min .sec-info .item--10 .text-logo {
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--10 .text-logo {
        margin-top:13.33333vw
    }
}

.rec_3min .sec-info .item--10 .text-logo .color2 {
    margin-top: .73206vw
}

.rec_3min .sec-info .item--11 .logo img {
    width: 10.54173vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--11 .logo img {
        width:34.66667vw
    }
}

.rec_3min .sec-info .item--11 .text-logo {
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--11 .text-logo {
        margin-top:13.33333vw
    }
}

.rec_3min .sec-info .item--11 .text-logo .color2 {
    margin-top: .73206vw
}

.rec_3min .sec-info .item--12 .logo img {
    width: 12.07906vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--12 .logo img {
        width:39.46667vw
    }
}

.rec_3min .sec-info .item--12 .text-logo {
    margin-top: 3.66032vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--12 .text-logo {
        margin-top:13.33333vw
    }
}

.rec_3min .sec-info .item--12 .text-logo .color2 {
    margin-top: .73206vw
}

.rec_3min .sec-info .item--13 .logo img {
    width: 10.2489vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--13 .logo img {
        width:33.33333vw
    }
}

.rec_3min .sec-info .item--13 .text-logo {
    margin-top: 2.78184vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--13 .text-logo {
        margin-top:9.33333vw
    }
}

.rec_3min .sec-info .item--13 .text-logo .color2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--13 .text-logo .color2 {
        margin-top:5.33333vw
    }
}

.rec_3min .sec-info .item--13 .text-logo .color2 span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 3.5rem;
    line-height: 1px;
    font-weight: 600;
    color: #2A65F5;
    margin-right: 5px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--13 .text-logo .color2 span {
        font-size:3.12rem
    }
}

.rec_3min .sec-info .item--13 .text-logo .color2--fz2 {
    font-size: .93rem;
    margin-top: .95168vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--13 .text-logo .color2--fz2 {
        font-size:.75rem;
        margin-top: 4vw
    }
}

.rec_3min .sec-info .item--14 .logo img {
    width: 10.32211vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--14 .logo img {
        width:33.33333vw
    }
}

.rec_3min .sec-info .item--14 .text-logo {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--14 .text-logo {
        margin-top:5.86667vw
    }
}

.rec_3min .sec-info .item--14 .text-logo .color2 {
    margin-top: 1.31772vw;
    font-size: 1.18rem;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--14 .text-logo .color2 {
        font-size:1rem;
        margin-top: 4vw;
        line-height: 1.5625
    }
}

.rec_3min .sec-info .item--15 .logo img {
    width: 7.46706vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--15 .logo img {
        width:24.26667vw
    }
}

.rec_3min .sec-info .item--15 .text-logo {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--15 .text-logo {
        margin-top:5.33333vw
    }
}

.rec_3min .sec-info .item--15 .text-logo .color2 {
    margin-top: 1.31772vw;
    font-size: 1.18rem;
    line-height: 1.5
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--15 .text-logo .color2 {
        font-size:1rem;
        margin-top: 4vw;
        line-height: 1.5625
    }
}

.rec_3min .sec-info .item--16 .img {
    width: 5.7101vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--16 .img {
        width:18.66667vw
    }
}

.rec_3min .sec-info .item--17 .img {
    max-width: 14.27526vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--17 .img {
        max-width:45.33333vw
    }
}

.rec_3min .sec-info .item--17 .text.flex-text {
    padding: 0 18px 0 16px;
    margin: 0 auto;
    max-width: 19.03367vw;
    margin-top: .95168vw
}

@media screen and (min-width: 1500px) {
    .rec_3min .sec-info .item--17 .text.flex-text {
        max-width:17.56955vw
    }
}

@media screen and (min-width: 2000px) {
    .rec_3min .sec-info .item--17 .text.flex-text {
        max-width:15.00732vw
    }
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-info .item--17 .text.flex-text {
        position:relative;
        left: -10px
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--17 .text.flex-text {
        margin-top:4vw;
        max-width: 64vw
    }
}

.rec_3min .sec-info .item--17 .text.flex-text .number small {
    left: 0
}

.rec_3min .sec-info .item--17 .text.flex-text .flex-text__item {
    position: relative
}

.rec_3min .sec-info .item--17 .text.flex-text .flex-text__item .ttl {
    left: 0
}

.rec_3min .sec-info .item--17 .text.flex-text .flex-text__item:last-child {
    left: 7px
}

.rec_3min .sec-info .item--17 .text.flex-text .flex-text__item:last-child .ttl {
    left: -9px
}

.rec_3min .sec-info .item--18 .img {
    max-width: 17.56955vw;
    margin-top: 2.41581vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--18 .img {
        max-width:56.53333vw;
        margin-top: 8vw
    }
}

.rec_3min .sec-info .item--19 .img {
    max-width: 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--19 .img {
        max-width:18.13333vw
    }
}

.rec_3min .sec-info .item--20 .img {
    max-width: 16.83748vw;
    margin-top: 2.19619vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--20 .img {
        max-width:56vw;
        left: -4px;
        margin-top: 7.2vw
    }
}

.rec_3min .sec-info .item--21 .img {
    max-width: 5.85652vw;
    margin-top: 2.34261vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--21 .img {
        max-width:19.73333vw;
        margin-top: 7.2vw
    }
}

.rec_3min .sec-info .item--21 .text {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--21 .text {
        margin-top:4vw
    }
}

.rec_3min .sec-info .item--22 .item__desc {
    display: flex;
    align-items: center;
    padding: 1.53734vw 2.04978vw 0 .87848vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .item__desc {
        padding:4.8vw 2.66667vw 0 2.66667vw
    }
}

.rec_3min .sec-info .item--22 .list-ul {
    flex: 1
}

.rec_3min .sec-info .item--22 .list-ul li {
    color: #2A65F5;
    display: flex;
    align-items: center
}

.rec_3min .sec-info .item--22 .list-ul li:not(:first-child) {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .list-ul li:not(:first-child) {
        margin-top:4.8vw
    }
}

.rec_3min .sec-info .item--22 .list-ul li p {
    width: 85px;
    white-space: nowrap;
    font-size: .93rem;
    font-weight: 500;
    line-height: 1.42857
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .list-ul li p {
        font-size:.75rem;
        width: 20.8vw
    }
}

.rec_3min .sec-info .item--22 .list-ul li span {
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-size: 2.25rem;
    line-height: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-left: .43924vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .list-ul li span {
        font-size:1.93rem
    }
}

.rec_3min .sec-info .item--22 .list-ul li span small {
    font-size: 1.31rem;
    position: relative;
    top: 8px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .list-ul li span small {
        font-size:1.12rem
    }
}

.rec_3min .sec-info .item--22 .img {
    flex-shrink: 0;
    max-width: 4.39239vw;
    margin-top: -1.31772vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--22 .img {
        max-width:15.46667vw;
        left: -2.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--23 {
        margin-top:17.33333vw
    }
}

.rec_3min .sec-info .item--23 .item__desc {
    padding: .95168vw 1.90337vw 0 1.39092vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--23 .item__desc {
        padding:2.66667vw
    }
}

.rec_3min .sec-info .item--23 .flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.rec_3min .sec-info .item--23 .text {
    margin-top: 0;
    position: relative;
    top: 5px;
    left: -1px
}

.rec_3min .sec-info .item--23 .txt-small {
    font-size: .68rem;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.7;
    margin-top: .73206vw;
    text-align: left
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--23 .txt-small {
        font-size:.56rem;
        line-height: 1.66667;
        margin-top: 4.26667vw;
        padding: 0 2.66667vw
    }
}

.rec_3min .sec-info .item--23 .img {
    margin: 0;
    left: .43924vw;
    width: 6.22255vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--23 .img {
        width:20.8vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 {
        margin-top:17.33333vw
    }
}

.rec_3min .sec-info .item--24 .item__desc {
    padding-left: .73206vw;
    padding-right: .73206vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .item__desc {
        padding-left:2.66667vw;
        padding-right: 2.13333vw
    }
}

.rec_3min .sec-info .item--24 .img-logo {
    width: 5.41728vw;
    margin-right: 1.0981vw;
    position: relative;
    top: -2px;
    left: -10px;
    position: relative
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .img-logo {
        width:17.86667vw;
        left: -10px;
        top: -1.6vw
    }
}

.rec_3min .sec-info .item--24 .img-logo img {
    width: 100%
}

.rec_3min .sec-info .item--24 .txt-small {
    font-weight: 500;
    font-size: .68rem;
    text-align: left;
    letter-spacing: 0;
    line-height: 1.7
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .txt-small {
        font-size:.56rem;
        line-height: 1.72222
    }
}

.rec_3min .sec-info .item--24 .txt-small--color {
    color: #2A65F5
}

.rec_3min .sec-info .item--24 .txt-small--center {
    text-align: center;
    margin-top: .43924vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .txt-small--center {
        margin-top:1.6vw
    }
}

.rec_3min .sec-info .item--24 .flex-item {
    padding-top: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .flex-item {
        padding-top:2.66667vw
    }
}

.rec_3min .sec-info .item--24 .flex-item__inner {
    display: flex;
    align-items: center;
    justify-content: center
}

.rec_3min .sec-info .item--24 .flex-item:last-child {
    margin-top: .73206vw;
    border-top: 1px solid #2A65F5
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .flex-item:last-child {
        margin-top:2.93333vw
    }
}

.rec_3min .sec-info .item--24 .flex-item:last-child .img-logo {
    width: 6.22255vw;
    top: -6px;
    left: 0
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--24 .flex-item:last-child .img-logo {
        width:20.53333vw;
        top: -2.93333vw;
        left: -6px
    }
}

.rec_3min .sec-info .item--25 .img {
    width: 4.68521vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--25 .img {
        width:16vw
    }
}

.rec_3min .sec-info .item--26 .img {
    width: 5.85652vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--26 .img {
        width:18.66667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--27 {
        margin-top:9.33333vw !important
    }
}

.rec_3min .sec-info .item--27 .img {
    width: 8.05271vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--27 .img {
        width:24.53333vw
    }
}

.rec_3min .sec-info .item--28 .img {
    width: 5.12445vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--28 .img {
        width:16vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--29 {
        margin-top:9.33333vw !important
    }
}

.rec_3min .sec-info .item--29 .img {
    width: 8.34553vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--29 .img {
        width:28vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--30 {
        margin-top:9.86667vw !important
    }
}

.rec_3min .sec-info .item--30 .img {
    width: 7.46706vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-info .item--30 .img {
        width:23.46667vw
    }
}

.rec_3min .sec-technology {
    margin-top: 7.32064vw
}

.rec_3min .sec-technology .rec_bgsec {
    padding-bottom: 73px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .rec_bgsec {
        padding-left:0;
        padding-right: 0
    }
}

.rec_3min .sec-technology__text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    margin-top: 4.24597vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology__text {
        font-size:1rem;
        margin-top: 8.53333vw;
        text-align: left;
        max-width: none;
        line-height: 1.83333;
        letter-spacing: .15em;
        padding: 0 4.26667vw
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .list {
        padding:0 4.26667vw
    }
}

.rec_3min .sec-technology .list__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 38px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .list__inner {
        display:block;
        margin-top: -26px
    }
}

.rec_3min .sec-technology .list--02 {
    padding-bottom: 5.12445vw;
    margin-top: -125px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .img-map {
        width:100%;
        margin-top: 9.86667vw
    }
}

.rec_3min .sec-technology .img-map img {
    width: 100%
}

.rec_3min .sec-technology .item {
    width: 29.86823vw;
    margin-top: 70px
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item {
        width:100%;
        margin-top: 75px
    }
}

.rec_3min .sec-technology .item .top {
    display: flex;
    align-items: center
}

.rec_3min .sec-technology .item .top .number {
    background: linear-gradient(90deg, #2a65f5 0%, #33e2f7 100%);
    width: 3.66032vw;
    height: 3.66032vw;
    font-size: 1.18rem;
    line-height: 1px;
    color: #fff;
    font-family: "Poppins","Noto Sans JP","メイリオ","Meiryo",sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 2px #fff;
    flex-shrink: 0
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-technology .item .top .number {
        font-size:1.06rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .top .number {
        width:13.33333vw;
        height: 13.33333vw
    }
}

.rec_3min .sec-technology .item .top .text {
    font-size: 1.06rem;
    line-height: 1.4375;
    font-weight: 500;
    letter-spacing: .2em;
    flex: 1;
    padding: 0 .80527vw
}

@media screen and (max-width: 1024px) {
    .rec_3min .sec-technology .item .top .text {
        font-size:1rem
    }
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .top .text {
        font-size:1rem;
        line-height: 1.46875;
        padding: 0 2.93333vw
    }
}

.rec_3min .sec-technology .item .img-logo {
    width: 7.9063vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .img-logo {
        width:28.8vw;
        margin-top: 2.93333vw
    }
}

.rec_3min .sec-technology .item .img-logo img {
    width: 100%
}

.rec_3min .sec-technology .item .img-logo--w2 {
    width: 12.4451vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .img-logo--w2 {
        width:45.33333vw
    }
}

.rec_3min .sec-technology .item .desc {
    margin-top: 1.46413vw
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .desc {
        margin-top:3.73333vw
    }
}

.rec_3min .sec-technology .item .desc p {
    font-size: .93rem;
    line-height: 2.28571
}

@media screen and (max-width: 768px) {
    .rec_3min .sec-technology .item .desc p {
        font-size:.87rem;
        line-height: 2.14286;
        letter-spacing: 0.05em
    }
}


.rec_faq .sec-content-faq {
    margin-top: 7.9063vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq {
        margin-top:4vw
    }
}

.rec_faq .sec-content-faq .rec_bgsec {
    padding-bottom: 10.98097vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .rec_bgsec {
        padding-bottom:19.46667vw
    }
}

.rec_faq .sec-content-faq__title .text {
    text-align: center;
    font-size: 1rem;
    line-height: 2.6;
    letter-spacing: .22em
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq__title .text {
        letter-spacing:.15em;
        font-size: .93rem;
        text-align: left;
        line-height: 1.83333
    }
}

.rec_faq .sec-content-faq__title .icon-border {
    display: block;
    width: 5.85652vw;
    height: 1px;
    position: relative;
    margin: 0 auto;
    margin-top: 3.80673vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq__title .icon-border {
        width:17.06667vw;
        margin-top: 8.8vw
    }
}

.rec_faq .sec-content-faq__title .icon-border:before,.rec_faq .sec-content-faq__title .icon-border:after {
    content: '';
    width: 50%;
    height: 1px;
    position: absolute;
    top: 0
}

.rec_faq .sec-content-faq__title .icon-border:before {
    background-color: #2A65F5;
    left: 0
}

.rec_faq .sec-content-faq__title .icon-border:after {
    background-color: #33E2F7;
    right: 0
}

.rec_faq .sec-content-faq .list {
    margin-top: 4.5388vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list {
        margin-top:10.66667vw
    }
}

.rec_faq .sec-content-faq .list .item {
    border-top: 1px solid #CBCBCB
}

.rec_faq .sec-content-faq .list .item:last-child {
    border-bottom: 1px solid #CBCBCB
}

.rec_faq .sec-content-faq .list .item__title {
    display: flex;
    align-items: flex-start;
    color: #2A65F5;
    font-size: 1.18rem;
    position: relative;
    line-height: 1.66667;
    letter-spacing: .1em;
    padding: 3.3675vw 2.19619vw 3.3675vw 0;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title {
        padding:5.33333vw 6.4vw 6.66667vw 0;
        font-size: .93rem;
        letter-spacing: 0.05em;
        line-height: 1.73333
    }
}

.rec_faq .sec-content-faq .list .item__title .icon-text {
    flex-shrink: 0;
    width: 2.56223vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon-text {
        width:4.8vw
    }
}

.rec_faq .sec-content-faq .list .item__title .icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 4px;
    top: calc(50% - 7px)
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon {
        width:14px;
        height: 14px
    }
}

.rec_faq .sec-content-faq .list .item__title .icon:before,.rec_faq .sec-content-faq .list .item__title .icon:after {
    content: '';
    background-color: #2A65F5;
    position: absolute
}

.rec_faq .sec-content-faq .list .item__title .icon:before {
    width: 100%;
    height: 2px;
    left: 0;
    top: 7px
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon:before {
        top:6px
    }
}

.rec_faq .sec-content-faq .list .item__title .icon:after {
    height: 100%;
    width: 2px;
    left: 7px;
    top: 0;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__title .icon:after {
        left:6px
    }
}

.rec_faq .sec-content-faq .list .item__title.is-active .icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rec_faq .sec-content-faq .list .item__desc {
    display: none;
    background-color: #fff;
    margin-bottom: 3.3675vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc {
        margin-bottom:6.66667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .flex {
    display: flex;
    align-items: flex-start;
    padding: 3.00146vw 2.85505vw 2.70864vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .flex {
        align-items:center;
        padding: 4.53333vw 5.06667vw;
        min-height: 26.66667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .icon-text {
    font-size: 1.31rem;
    flex-shrink: 0;
    font-weight: 500;
    width: 4.39239vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .icon-text {
        width:8vw;
        font-size: 1rem
    }
}

.rec_faq .sec-content-faq .list .item__desc .text {
    position: relative;
    top: -.14641vw;
    word-break: break-all
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text {
        top:.26667vw
    }
}

.rec_faq .sec-content-faq .list .item__desc .text p {
    font-size: 1rem;
    line-height: 2.6;
    letter-spacing: .15em
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text p {
        font-size:.75rem;
        line-height: 1.875
    }
}

.rec_faq .sec-content-faq .list .item__desc .text p.fz1 {
    line-height: 1.73333;
    margin-top: .43924vw;
    margin-bottom: .87848vw
}

@media screen and (max-width: 768px) {
    .rec_faq .sec-content-faq .list .item__desc .text p.fz1 {
        margin-top:6.66667vw;
        margin-bottom: 5.33333vw;
        font-size: .75rem;
        line-height: 1.875
    }
}

.rec_faq .sec-content-faq .list .item__desc .text a {
    color: #00479D;
    text-decoration: underline
}

.rec_faq .rec_info {
    margin-top: 7.32064vw
}

@media screen and (max-width: 768px) {
    .rec_faq .rec_info {
        margin-top:4vw
    }
}