@charset "UTF-8"; 
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .15);
    color: #292f4a;
}
a {
    text-decoration: none;
}
.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    overflow: clip;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -moz-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    -webkit-box-ordinal-group: 10000;
    -moz-box-ordinal-group: 10000;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    height:var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    -moz-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes swiper-preloader-spin {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: var(--swiper-navigation-size);
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: -webkit-calc(var(--swiper-navigation-size)/44*27);
    width: -moz-calc(var(--swiper-navigation-size)/44*27);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

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

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

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none!important
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    left: auto;
    right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

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

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    top: var(--swiper-pagination-top,auto);
    width: 100%
}

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

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

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

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

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    left: var(--swiper-pagination-left,auto);
    right: var(--swiper-pagination-right,8px);
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

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

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: transform .2s,top .2s;
    -moz-transition: transform .2s,top .2s;
    transition: transform .2s,top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

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

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,left .2s;
    -moz-transition: transform .2s,left .2s;
    transition: transform .2s,left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,right .2s;
    -moz-transition: transform .2s,right .2s;
    transition: transform .2s,right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

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

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: var(--swiper-scrollbar-bottom,4px);
    height: var(--swiper-scrollbar-size,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    width: -webkit-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    width: -moz-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    width: calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    height: -webkit-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    height: -moz-calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    height: calc(100% - var(--swiper-scrollbar-sides-offset,1%)*2);
    left: var(--swiper-scrollbar-left,auto);
    position: absolute;
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    width: var(--swiper-scrollbar-size,4px);
    z-index: 50
}

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

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

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

.swiper-grid-column>.swiper-wrapper,.swiper-grid>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    -webkit-filter: blur(50px);
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    -moz-transition-property: transform,opacity,height,-moz-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform,-moz-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}


.l-content {
    width: 100%
}

.swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.cp-special-swiper .swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
    -moz-transition-timing-function: cubic-bezier(.645,.045,.355,1);
    transition-timing-function: cubic-bezier(.645,.045,.355,1)
}


@-webkit-keyframes arrow-loop {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 70px
    }
}

@-moz-keyframes arrow-loop {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 70px
    }
}

@keyframes arrow-loop {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 70px
    }
}

.pager {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 22.84px
}

.pager,.pager-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.pager-arrow {
    padding: 14.846px 11.42px
}


.pager-arrow-prev {
    margin-right: 7.994px
}

.pager-arrow-next {
    margin-left: 7.994px
}


.pager-item,.pager-list {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.pager-item {
    background-color: transparent;
    border-radius: 50%;
    color: #292f4a;
    font-family: Poppins,sans-serif;
    font-size: 20.556px;
    font-weight: 500;
    height: 54.816px;
    line-height: 1;
    margin-left: 3.426px;
    margin-right: 3.426px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    width: 54.816px
}

.pager-item.is-selected {
    background-color: #292f4a;
    color: #fff;
    pointer-events: none
}

.pager-item-dot {
    font-family: Poppins,sans-serif;
    font-size: 22.84px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 6.852px;
    pointer-events: none;
    vertical-align: middle
}

.arrow {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    bottom: .92857vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 2.85714vw;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    right: .85714vw;
    -webkit-transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s;
    width: 2.85714vw;
    z-index: 100
}

.arrow,.arrow svg {
    position: absolute;
    will-change: transform
}

.arrow svg {
    height: 1vw;
    left: 1vw;
    top: .85714vw;
    width: 1vw
}

.arrow svg path {
    stroke-width: 1.2px;
    will-change: transform
}

.arrow.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

.ua-touch .arrow {
    display: block;
    opacity: 1
}

.reco .cmn-profile {
    height: auto;
    margin-left: 34.26px;
    min-height: 342.6px;
    padding-top: 39.97px
}

.menu-swiper .cmn-profile {
    padding-left: 17.13px
}

.side-swiper .cmn-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 17.13px
}

.side-swiper .cmn-profile-head {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    margin-top: 8px;
    -webkit-order: 1;
    order: 1
}

.cmn-profile-company {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.latest-swiper .cmn-profile-company,.menu-swiper .cmn-profile-company,.side-swiper .cmn-profile-company {
    font-size: 12px
}

.cmn-profile-company:before {
    background-image: url(/assets/img/make001.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 15px;
    margin-right: 9px;
    margin-top: 2px;
    -webkit-transition: background-image .2s ease-out 0s;
    -moz-transition: background-image .2s ease-out 0s;
    transition: background-image .2s ease-out 0s;
    width: 15px
}

.cmn-profile-depart {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.3;
    margin-top: 4px;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.latest-swiper .cmn-profile-depart {
    font-size: 12px
}

.menu-swiper .cmn-profile-depart,.side-swiper .cmn-profile-depart {
    font-size: 12px;
    margin-top: 3px
}

.cmn-profile-depart:before {
    background-image: url(/assets/img/make002.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 9px;
    margin-top: 0;
    -webkit-transition: background-image .2s ease-out 0s;
    -moz-transition: background-image .2s ease-out 0s;
    transition: background-image .2s ease-out 0s;
    width: 16px
}

.cmn-profile-ttl {
    font-family: Noto Sans JP,sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-top: 20px;
    padding-bottom: 25px;
    position: relative;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.tp-pop .cmn-profile-ttl {
    font-size: 20px;
    margin-top: 15px;
    padding-bottom: 15px
}

.latest-swiper .cmn-profile-ttl {
    font-size: 16px;
    margin-top: 5px;
    padding-bottom: 18px
}

.menu-swiper .cmn-profile-ttl {
    font-size: 16px;
    letter-spacing: .8px;
    margin-top: 5px;
    padding-bottom: 0
}

.menu-swiper .cmn-profile-ttl:after {
    display: none
}

.side-swiper .cmn-profile-ttl {
    font-size: 16px;
    letter-spacing: .8px;
    line-height: 1.4;
    margin-top: 0;
    orphans: 0;
    padding-bottom: 0
}

.side-swiper .cmn-profile-ttl:after {
    display: none
}

.articles-list .cmn-profile-ttl,.keyword-list .cmn-profile-ttl {
    font-size: 20px;
    margin-top: 10px;
    padding-bottom: 20px
}

.reco-card-list .cmn-profile-ttl {
    font-size: 24px
}

.cmn-profile-ttl:after {
    background-image: -webkit-linear-gradient(left,#c6c6c6,#c6c6c6 3px,transparent 0,transparent 8px);
    background-image: -moz-linear-gradient(left,#c6c6c6,#c6c6c6 3px,transparent 3px,transparent 8px);
    background-image: linear-gradient(90deg,#c6c6c6,#c6c6c6 3px,transparent 0,transparent 8px);
    background-image: -webkit-linear-gradient(left,#c6c6c6,#c6c6c6 5px,transparent 0,transparent 8px);
    background-image: -moz-linear-gradient(left,#c6c6c6,#c6c6c6 5px,transparent 3px,transparent 8px);
    background-image: linear-gradient(90deg,#c6c6c6,#c6c6c6 5px,transparent 0,transparent 8px);
    background-repeat: repeat-x;
    -webkit-background-size: 10px 1px;
    background-size: 10px 1px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.cmn-profile-name {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 1.5;
    margin-top: 20px;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.latest-swiper .cmn-profile-name,.tp-pop .cmn-profile-name {
    margin-top: 15px
}

.side-swiper .cmn-profile-name {
    display: none
}

.articles-list .cmn-profile-name,.keyword-list .cmn-profile-name {
    margin-top: 15px
}

.cmn-profile-name:before {
    background-image: url(/assets/img/make003.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 15px;
    margin-right: 8px;
    margin-top: 3px;
    -webkit-transition: background-image .2s ease-out 0s;
    -moz-transition: background-image .2s ease-out 0s;
    transition: background-image .2s ease-out 0s;
    width: 15px
}

.right-profile {
    display: none
}

.cmn-search {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: hsla(0,0%,100%,.2);
    border-radius: 11.42px;
    margin-left: auto;
    margin-right: auto;
    min-height: 571px;
    padding-bottom: 45.68px;
    padding-top: 57.1px;
    width: 1484.6px
}

.menu .cmn-search {
    margin-left: 0;
    margin-right: 0;
    min-height: auto;
    padding-top: 0;
    width: 748.01px
}

.l-side .cmn-search {
    min-height: auto;
    width: 100%
}

.cmn-search-box {
    margin-top: 11.42px;
    padding-left: 57.1px;
    padding-right: 57.1px
}

.l-side .cmn-search-box,.menu .cmn-search-box {
    margin-top: 34.26px;
    padding-left: 0;
    padding-right: 0
}

.cmn-career h3,.cmn-career h4 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    margin-left: 6.852px
}

.cmn-career h4:before {
    background-color: #292f4a;
    content: "";
    display: inline-block;
    height: 1px;
    margin-right: 10px;
    -webkit-transform: translateY(-6.852px);
    -moz-transform: translateY(-6.852px);
    -ms-transform: translateY(-6.852px);
    transform: translateY(-6.852px);
    width: 20px
}

.cmn-career .menu-u-list {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: 6.852px
}

.cmn-career .menu-u-list a {
    font-size: 15.988px;
    line-height: 1.4;
    margin-left: 0;
    margin-right: 0
}

.cmn-career .menu-u-list .separator {
    background-color: #d9d9d9;
    display: inline-block;
    height: 22.84px;
    margin-left: 15.988px;
    margin-right: 15.988px;
    width: 1px
}

.cmn-depart h3 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    margin-left: 6.852px
}

.cmn-depart-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 11.42px
}

.depart .cmn-depart-list {
    margin-top: 17.13px
}

.cmn-depart-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border: 2.284px solid #e8e8e8;
    border-radius: 5.71px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 1.142px;
    line-height: 1.2;
    margin-bottom: 11.42px;
    margin-left: 7.994px;
    margin-right: 7.994px;
    min-height: 62.81px;
    -webkit-transition: border-color .2s ease-out 0s;
    -moz-transition: border-color .2s ease-out 0s;
    transition: border-color .2s ease-out 0s;
    width: 211.27px
}

.menu .cmn-depart-item {
    width: 228.4px
}

.l-side .cmn-depart-item {
    font-size: 15.988px;
    letter-spacing: .3426px;
    margin-bottom: 9.136px;
    margin-left: 0;
    margin-right: 7.994px;
    min-height: 51.39px;
    padding-left: 9.136px;
    padding-right: 9.136px;
    width: auto
}

.depart .cmn-depart-item {
    margin-bottom: 13.704px;
    margin-left: 6.852px;
    margin-right: 6.852px;
    padding-left: 17.13px;
    padding-right: 17.13px;
    width: auto
}

.cmn-depart-item span {
    display: block;
    font-size: 13.704px;
    line-height: 1.2
}

.cmn-search-bottom {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 99%
}

.cmn-keyword {
    margin-top: 11.42px;
    padding-right: 28.55px;
    width: 913.6px
}

.cmn-keyword h3 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    margin-left: 6.852px
}

.menu .cmn-keyword {
    margin-top: 45.68px;
    padding-right: 17.13px
}

.l-side .cmn-keyword {
    margin-top: 45.68px;
    padding-right: 0;
    width: 100%
}

.cmn-keyword-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 3.426px;
    margin-top: 11.42px
}

.l-side .cmn-keyword-list {
    margin-left: 0;
    margin-top: 28.55px
}

.cmn-keyword-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #292f4a;
    border-radius: 5.71px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: 1.142px;
    line-height: 1;
    margin-bottom: 9.136px;
    margin-left: 4.568px;
    margin-right: 4.568px;
    padding: 7.994px 10.278px;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.l-side .cmn-keyword-item {
    font-size: 15.988px;
    margin-bottom: 7.994px;
    margin-left: 0;
    margin-right: 7.994px
}

.cmn-free {
    border-left: 1px solid #d5d5d5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: auto;
    margin-top: 51.39px;
    padding-left: 34.26px;
    position: relative
}

.menu .cmn-free {
    margin-top: 91.36px;
    padding-left: 22.84px
}

.l-side .cmn-free {
    border-left: none;
    margin-top: 11.42px;
    padding-left: 0
}

.form-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e8e8e8;
    border-radius: 5.71px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #292f4a;
    font-family: Noto Sans JP,sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 62.81px;
    letter-spacing: 1.142px;
    letter-spacing: 1px;
    outline: none;
    outline-color: #e8e8e8;
    padding-left: 18.272px;
    padding-right: 79.94px;
    width: 388.28px
}

.menu .form-search-input {
    margin-right: 22.84px;
    width: 228.4px
}

.l-side .form-search-input {
    background-color: #f4f4f4;
    height: 51.39px;
    margin-right: 0;
    padding-right: 57.1px;
    width: 365.44px
}

.form-search-input::-webkit-input-placeholder {
    color: #bfbfbf;
    font-size: 18.272px;
    letter-spacing: 1.142px
}

.form-search-input::-moz-placeholder {
    color: #bfbfbf;
    font-size: 18.272px;
    letter-spacing: 1.142px
}

.form-search-input:-ms-input-placeholder {
    color: #bfbfbf;
    font-size: 18.272px;
    letter-spacing: 1.142px
}

.form-search-input::-ms-input-placeholder {
    color: #bfbfbf;
    font-size: 18.272px;
    letter-spacing: 1.142px
}

.form-search-input::placeholder {
    color: #bfbfbf;
    font-size: 18.272px;
    letter-spacing: 1.142px
}

.form-search-input:focus {
    outline-color: #e6e2fa;
    outline-style: solid;
    outline-width: 3px
}

.form-search-btn {
    bottom: 0;
    height: 29.692px;
    margin-bottom: auto;
    margin-top: auto;
    padding: 5.71px;
    position: absolute;
    right: 11.42px;
    top: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    width: 29.692px
}

.menu .form-search-btn {
    right: 34.26px
}

.l-side .form-search-btn {
    right: 20.556px
}

.cmn-search-ttl {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 191.856px
}

.l-side .cmn-search-ttl,.menu .cmn-search-ttl {
    margin-left: 0;
    text-align: left
}

.l-side .cmn-search-ttl {
    width: 150.744px
}

.cmn-search-blob {
    position: absolute;
    top: -7.994px
}

.cmn-search-blob,.cmn-search-blob img {
    height: 62.81px;
    width: 82.224px
}

.l-side .cmn-search-blob {
    left: -2.284px
}

.cmn-search-ttl-en {
    font-family: Poppins,sans-serif;
    font-size: 18.272px;
    font-weight: 600;
    letter-spacing: 1.142px;
    position: relative;
    z-index: 1
}

.menu .cmn-search-ttl-en {
    padding-left: 18.272px
}

.cmn-search-ttl-en span {
    display: inline-block;
    font-size: 13.704px;
    -webkit-transform: translateX(-1.142px) translateY(-3.426px);
    -moz-transform: translateX(-1.142px) translateY(-3.426px);
    -ms-transform: translateX(-1.142px) translateY(-3.426px);
    transform: translateX(-1.142px) translateY(-3.426px)
}

.l-side .cmn-search-ttl-en {
    font-size: 15.988px;
    letter-spacing: .6852px;
    padding-left: 29.692px
}

.cmn-search-ttl-ja {
    font-family: Noto Sans JP,sans-serif;
    font-size: 36.544px;
    font-weight: 700;
    letter-spacing: 2.284px;
    line-height: 1;
    position: relative;
    z-index: 1
}

.menu .cmn-search-ttl-ja {
    margin-top: -2.284px;
    padding-left: 18.272px
}

.l-side .cmn-search-ttl-ja {
    font-size: 22.84px;
    margin-top: -2.284px;
    padding-left: 27.408px
}

.cmn-pop-ttl {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.side-pop .cmn-pop-ttl {
    margin-left: 20.556px;
    top: 11.42px
}

.cmn-pop-blob {
    left: -26.266px;
    position: absolute;
    top: -7.994px
}

.cmn-pop-blob,.cmn-pop-blob img {
    height: 62.81px;
    width: 82.224px
}

.side-pop .cmn-pop-blob {
    top: -12.562px
}

.cmn-pop-ttl-en {
    font-family: Poppins,sans-serif;
    font-size: 18.272px;
    font-weight: 600;
    letter-spacing: 1.142px;
    margin-left: 5.71px;
    position: relative;
    z-index: 1
}

.cmn-pop-ttl-en span {
    display: inline-block;
    font-size: 13.704px;
    -webkit-transform: translateX(-1.142px) translateY(-4.568px);
    -moz-transform: translateX(-1.142px) translateY(-4.568px);
    -ms-transform: translateX(-1.142px) translateY(-4.568px);
    transform: translateX(-1.142px) translateY(-4.568px)
}

.side-pop .cmn-pop-ttl-en {
    font-size: 15.988px
}

.cmn-pop-ttl-ja {
    font-family: Noto Sans JP,sans-serif;
    font-size: 36.544px;
    font-weight: 700;
    letter-spacing: 2.284px;
    line-height: 1;
    margin-top: -2.284px;
    position: relative;
    z-index: 1
}

.side-pop .cmn-pop-ttl-ja {
    font-size: 22.84px;
    margin-top: -1.142px
}

.cmn-card {
    margin-bottom: 57.1px;
    position: relative;
    width: 593.84px
}

.latest-swiper .cmn-card {
    margin-bottom: 0;
    width: 342.6px
}

.page-detail .latest-swiper .cmn-card {
    width: 100%
}

.reco-card-list .cmn-card {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: auto;
    left: 0;
    min-height: 411.12px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 1142px
}

.menu-swiper .cmn-card {
    width: 485.35px
}

.menu-swiper .cmn-card,.side-swiper .cmn-card {
    border-bottom: 1px solid #e2e2e2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-bottom: 0;
    padding-bottom: 20.556px;
    padding-top: 17.13px
}

.side-swiper .cmn-card {
    width: 462.51px
}

.articles-list .cmn-card,.keyword-list .cmn-card {
    margin-bottom: 68.52px;
    width: 416.83px
}

.cmn-card-pic {
    border-radius: 11.42px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 393.99px;
    margin-bottom: 22.84px;
    overflow: hidden;
    -webkit-transition: -webkit-filter .3s ease-out 0s;
    -moz-transition: filter .3s ease-out 0s;
    transition: -webkit-filter .3s ease-out 0s;
    transition: filter .3s ease-out 0s;
    transition: filter .3s ease-out 0s,-webkit-filter .3s ease-out 0s;
    width: 593.84px;
    will-change: transform
}

.latest-swiper .cmn-card-pic {
    height: 228.4px;
    margin-bottom: 11.42px;
    width: 342.6px
}

.page-detail .latest-swiper .cmn-card-pic {
    height: 188.43px;
    width: 285.5px
}

.reco-card-list .cmn-card-pic {
    height: 411.12px;
    width: 616.68px
}

.menu-swiper .cmn-card-pic,.side-swiper .cmn-card-pic {
    height: 121.052px;
    margin-bottom: 0;
    width: 182.72px
}

.articles-list .cmn-card-pic,.keyword-list .cmn-card-pic {
    height: 276.364px;
    margin-bottom: 17.13px;
    width: 416.83px
}

.cmn-card-pic:before {
    background-image: url(/assets/images/common/ico-new.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    content: "";
    display: none;
    height: 74.23px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .5s ease-out 0s;
    -moz-transition: opacity .5s ease-out 0s;
    transition: opacity .5s ease-out 0s;
    width: 74.23px;
    will-change: transform;
    z-index: 2
}

.menu-swiper .cmn-card-pic:before,.side-swiper .cmn-card-pic:before {
    height: 51.39px;
    width: 51.39px
}

.is-new .cmn-card-pic:before {
    display: block
}

.cmn-card-pic.is-fade:before {
    opacity: 0
}

.cmn-card-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .25s ease-out 0s;
    -moz-transition: transform .25s ease-out 0s,-moz-transform .25s ease-out 0s;
    transition: -webkit-transform .25s ease-out 0s;
    transition: transform .25s ease-out 0s;
    transition: transform .25s ease-out 0s,-webkit-transform .25s ease-out 0s,-moz-transform .25s ease-out 0s;
    width: 100%;
    will-change: transform,opacity;
    height: 250px;
}

.menu-swiper .slider-list,.side-swiper .slider-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.slider {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    margin-top: 1.142px
}

.menu .slider {
    margin-top: 17.13px
}

.side-pop .slider {
    margin-top: 26.266px
}

.slider-item {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-top: 34.26px;
    width: 342.6px;
    will-change: transform
}

.slider-item,.slider-item:last-child {
    padding-right: 34.26px
}

.menu-swiper .slider-item {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 485.35px
}

.menu-swiper .slider-item:last-child {
    padding-right: 0
}

.menu-swiper .slider-item:last-child .cmn-card {
    border-bottom: none
}

.page-detail .latest-swiper .slider-item {
    padding-right: 34.26px;
    width: 285.5px
}

.page-detail .latest-swiper .slider-item:last-child {
    padding-right: 34.26px
}

.side-swiper .slider-item {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 462.51px
}

.side-swiper .slider-item:last-child .cmn-card {
    border-bottom: none
}

.depart-bnr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 57.1px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    width: 867.92px
}

.depart-bnr img {
    height: auto;
    width: 100%
}

.side-swiper {
    margin-top: 22.84px
}

@-webkit-keyframes hover_opa {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes hover_opa {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes hover_opa {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes hover_line {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    to {
        opacity: .8;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-moz-keyframes hover_line {
    0% {
        opacity: 0;
        -moz-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    to {
        opacity: .8;
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes hover_line {
    0% {
        opacity: 0;
        -webkit-transform: scaleX(.5);
        -moz-transform: scaleX(.5);
        transform: scaleX(.5)
    }

    to {
        opacity: .8;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}



.footer-head {
    background-color: #fff;
    border-bottom-left-radius: 57.1px;
    border-bottom-right-radius: 57.1px;
    height: 34.26px;
    width: 100%
}

.footer-main {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45.68px;
    width: 95%
}

.footer-ttl-cap {
    color: #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13.704px;
    font-weight: 500;
    letter-spacing: 2.284px
}

.footer-logo {
    margin-top: 5.71px
}

.footer-logo,.footer-logo img {
    height: 51.39px;
    width: 463.652px
}

.footer-sns-cap {
    color: #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13.704px;
    font-weight: 500;
    letter-spacing: 2.284px
}

.cmn-sns-list {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 17.13px
}

.menu-sns .cmn-sns-list {
    margin-top: 7.994px
}

.cmn-sns-item {
    margin-left: 17.13px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.cmn-sns-item,.cmn-sns-item img {
    height: 57.1px;
    width: 57.1px
}

.footer-bottom {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-top: 1px solid hsla(0,0%,100%,.15);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 68.52px;
    padding-top: 34.26px;
    width: 95%
}

.footer-logo-2 {
    margin-right: 22.84px
}

.footer-logo-2,.footer-logo-2 img,.footer-logo-3,.footer-logo-3 img {
    height: 52.532px;
    width: 191.856px
}

.footer-copy {
    color: #fff;
    font-size: 13.704px;
    margin-left: auto
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000001
}

.header-inner {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: auto;
    padding-left: 34.26px;
    padding-top: 34.26px
}

.header-logo {
    will-change: transform
}

.header-logo a {
    display: block;
    height: 29.692px;
    width: 277.506px
}

.header-logo a img {
    height: 29.692px;
    vertical-align: top;
    width: 277.506px
}

.header-txt {
    color: #4f577c;
    font-family: Noto Sans JP,sans-serif;
    font-size: 13.704px;
    font-weight: 500;
    letter-spacing: 1.142px;
    margin-left: 22.84px
}

@-webkit-keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-moz-keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes gradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.fixed-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: fixed;
    right: 142.75px;
    top: 28.55px;
    z-index: 1000001
}

.fixed-link {
    color: #292f4a;
    display: block;
    font-size: 15.988px;
    margin-left: 22.84px
}

.fixed-link,.hamburger {
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.hamburger {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 87.934px;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    right: 0;
    right: 11.42px;
    top: 0;
    width: 115.342px;
    z-index: 1000001
}

.hamburger-line,.menu .hamburger {
    position: absolute
}

.hamburger-line {
    background-color: #292f4a;
    height: 1px;
    -webkit-transition: -webkit-transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s,-moz-transform .2s ease-out 0s;
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s,-moz-transform .2s ease-out 0s;
    width: 68.52px;
    will-change: transform
}

.hamburger-line-1 {
    top: 31.976px
}

.is-active .hamburger-line-1 {
    top: 43.396px;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.hamburger-line-2 {
    top: 43.396px
}

.is-active .hamburger-line-2 {
    display: none
}

.hamburger-line-3 {
    top: 54.816px
}

.is-active .hamburger-line-3 {
    top: 43.396px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.menu {
    background-color: #f5f5f5;
    display: none;
    height: 100%;
    height: 100dvh;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    overscroll-behavior-y: none;
    padding-bottom: 57.1px;
    position: fixed;
    top: 0;
    width: 100%;
    will-change: transform,opacity;
    z-index: 1000000
}

.menu::-webkit-scrollbar {
    width: 8px
}

.menu::-webkit-scrollbar-track {
    background-color: #f6f6f6
}

.menu::-webkit-scrollbar-thumb {
    background-color: #d4d4d4
}

.menu-inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 142.75px;
    width: 1370.4px
}

.menu-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.menu-bnr {
    display: block;
    margin-left: 5.71px;
    margin-top: 11.42px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s;
    width: 677.206px
}

.menu-bnr img {
    height: auto;
    width: 100%
}

.menu-career .cmn-career h4 {
    margin-top: 27.408px
}

.menu-career .cmn-career .menu-u-list {
    margin-top: 6.852px
}

.menu-latest {
    padding-left: 82.224px
}

.menu-links {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 114.2px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 57.1px
}

.menu-links-dakara {
    border: none;
    margin-bottom: 137.04px
}

.menu-link {
    color: #292f4a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 27.408px;
    font-weight: 700;
    letter-spacing: 1.142px;
    margin-left: 14.846px;
    margin-right: 14.846px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.menu-link span {
    display: block;
    margin-left: 11.42px
}

.menu-link span,.menu-link span img {
    height: 47.964px;
    width: 47.964px
}

.menu-links-dakara .menu-link {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    border: 1.5px solid #292f4a;
    border-radius: 5.71px;
    height: 121.052px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 456.8px
}

.menu-bottom,.menu-links-dakara .menu-link {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.menu-bottom,.menu-links-dakara .menu-link,.menu-u,.menu-u-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.menu-u {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 500;
    margin-right: 57.1px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}


.menu-sns {
    margin-left: auto;
    margin-top: 45.68px
}

.menu-sns-cap {
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 500
}

.page-404 {
    width: 100%
}


.page-404 .not-found-inner {
    margin-left: auto;
    margin-right: auto;
    min-height: 78vh;
    padding-top: 165.59px;
    width: 1598.8px
}

.page-404 .not-found-ttl {
    font-family: Noto Sans JP,sans-serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-404 .not-found-ttl span {
    display: block;
    font-family: Poppins,sans-serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 35px
}

.page-404 .not-found-txt {
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 2.3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-bottom: 35px;
    width: 1370.4px
}

.page-404 .not-found-txt a {
    text-decoration: underline!important
}


.page-dakara .kv-inner {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-align-items: center;
    -webkit-align-items: flex-start;
    align-items: center;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 1598.8px
}

.page-dakara .kv-words {
    margin-top: 114.2px;
    width: 100%
}

.page-dakara .kv-ttl {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0,#fff));
    background: -webkit-linear-gradient(transparent,#fff 0);
    background: -moz-linear-gradient(transparent 0,#fff 0);
    background: linear-gradient(transparent,#fff 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    font-family: Noto Sans JP,sans-serif;
    font-size: 68.52px;
    font-weight: 900;
    letter-spacing: 6.852px;
    line-height: 1.45;
    margin-left: 114.2px;
    padding: 4.568px 10.278px
}

.page-dakara .kv-pic {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 57.1px;
    width: 839.37px
}

.page-dakara .kv-pic img {
    height: auto;
    width: 100%
}

.page-dakara .tab-area {
    margin-top: -245.53px;
    position: relative;
    width: 100%
}

.page-dakara .tab-area-2 {
    margin-top: 148.46px
}

.page-dakara .tab-inner {
    border-bottom: 1px solid #292f4a;
    margin-left: auto;
    margin-right: auto;
    width: 1090.61px
}

.page-dakara .tab-list {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 639.52px
}

.page-dakara .tab-item,.page-dakara .tab-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-dakara .tab-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f4f4f4;
    border: 1px solid #292f4a;
    border-top-left-radius: 5.71px;
    border-top-right-radius: 5.71px;
    bottom: -1px;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 113.058px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    -webkit-transition: background-color .2s ease-out 0s,color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,color .2s ease-out 0s;
    width: 314.05px;
    z-index: 1
}

.page-dakara .tab-item.is-selected {
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.page-dakara .tab-item.is-selected:after {
    background-color: #fff;
    bottom: -1px;
    content: "";
    height: 1px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.page-dakara .tab-item.is-selected:before {
    background-color: #eb919b
}

.page-dakara .tab-item:before {
    background-color: #acacac;
    border-bottom-left-radius: 5.71px;
    border-bottom-right-radius: 5.71px;
    content: "";
    height: 11.42px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s;
    width: 68.52px
}

.page-dakara .tab-item-en {
    font-size: 18.272px;
    font-weight: 600;
    line-height: 1.2
}

.page-dakara .tab-item-en,.page-dakara .tab-item-en span {
    color: #acacac;
    font-family: Poppins,sans-serif;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.page-dakara .tab-item-en span {
    font-size: 22.84px;
    font-weight: 700;
    left: -2.284px;
    position: relative;
    top: -2.284px
}

.page-dakara .is-selected .tab-item-en,.page-dakara .is-selected .tab-item-ja {
    color: #292f4a
}

.page-dakara .is-selected .tab-item-en span,.page-dakara .is-selected .tab-item-ja span {
    color: #eb919b
}

.page-dakara .tab-item-teach.is-selected:before {
    background-color: #93c6d9
}

.page-dakara .tab-item-teach.is-selected span {
    color: #93c6d9
}

.page-dakara .tab-item-ja {
    color: #acacac;
    font-family: Noto Sans JP,sans-serif;
    font-size: 31.976px;
    font-weight: 700;
    letter-spacing: 1.142px;
    line-height: 1.1;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.page-dakara .topics {
    min-height: 1142px;
    width: 100%
}

.page-dakara .topics-item {
    width: 100%
}

.page-dakara .topics-ttl {
    font-family: Poppins,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    letter-spacing: .571px;
    position: relative;
    vertical-align: bottom
}

.page-dakara .topics-ttl p {
    position: relative;
    z-index: 1
}

.page-dakara .topics-ttl span {
    font-size: 41.112px;
    padding-left: 3.426px
}

.page-dakara .topics-blob {
    height: 67.378px;
    left: 0;
    left: -26.266px;
    position: absolute;
    top: 0;
    width: 85.65px
}


.page-dakara .career-data-en {
    font-family: Poppins,sans-serif;
    font-size: 18.272px;
    font-weight: 600;
    letter-spacing: .3426px;
    text-align: center
}

.page-dakara .career-data-en span {
    font-family: Poppins,sans-serif;
    font-size: 13.704px;
    font-weight: 700;
    left: -3.426px;
    position: relative;
    top: -4.568px
}

.page-dakara .career-data-ttl {
    font-family: Noto Sans JP,sans-serif;
    font-size: 45.68px;
    font-weight: 700;
    letter-spacing: 2.284px;
    line-height: 1.35;
    margin-top: 3.426px;
    text-align: center
}

.page-dakara .career-data-cap {
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 500;
    letter-spacing: 1.142px;
    margin-top: 22.84px;
    text-align: center
}

.page-dakara .career-data-cap span {
    padding-left: 11.42px
}

.page-dakara .career-data-list {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 34.26px;
    width: 1484.6px
}

.page-dakara .teach-data-list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 39.97px
}

.page-dakara .career-data-item {
    background-color: #fff;
    border-radius: 5.71px;
    padding: 34.26px 22.84px 22.84px;
    text-align: center;
    width: 479.64px
}

.page-dakara .teach-data-item {
    padding: 28.55px;
    width: 628.1px
}

.page-dakara .career-data-item-ttl {
    display: inline-block;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    letter-spacing: .571px;
    padding-bottom: 3.426px;
    position: relative;
    text-align: center
}

.page-dakara .career-data-item-ttl span {
    font-size: 15.988px;
    padding-left: 5.71px
}

.page-dakara .career-data-block {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 17.13px;
    position: relative;
    text-align: right
}

.page-dakara .teach-data-block {
    margin-top: 28.55px
}

.page-dakara .career-data-icon {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 5.71px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 177.01px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 125.62px
}

.page-dakara .teach-data-icon {
    height: 216.98px
}

.page-dakara .career-data-icon-1 {
    height: 51.39px;
    width: 58.242px
}

.page-dakara .teach-data-icon-1 {
    height: 50.248px;
    width: 55.958px
}

.page-dakara .career-data-icon-2 {
    height: 57.1px;
    width: 57.1px
}

.page-dakara .career-data-icon-3 {
    height: 51.39px;
    width: 46.822px
}

.page-dakara .career-data-res-1 {
    color: #eb919b;
    font-family: Poppins,sans-serif;
    font-size: 62.81px;
    font-weight: 600;
    letter-spacing: 1.142px;
    line-height: 1
}

.page-dakara .career-data-res-1.mt10 {
    margin-top: 11.42px
}

.page-dakara .career-data-res-1 span {
    color: #292f4a;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    margin-right: 6.852px
}

.page-dakara .career-data-res-1 i {
    font-size: 39.97px;
    font-style: normal
}

.page-dakara .carrer-data-num-1 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 13.704px;
    font-weight: 700;
    letter-spacing: .571px;
    line-height: 1.2
}

.page-dakara .career-data-res-2 {
    color: #eb919b;
    font-family: Poppins,sans-serif;
    font-size: 62.81px;
    font-weight: 600;
    letter-spacing: 1.142px;
    line-height: 1
}

.page-dakara .career-data-res-2 span {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    margin-right: 7.994px
}

.page-dakara .career-data-res-2 i {
    font-family: Noto Sans JP,sans-serif;
    font-size: 22.84px;
    font-style: normal;
    font-weight: 700;
    margin-left: 3.426px
}

.page-dakara .carrer-data-num-2 {
    font-family: Poppins,sans-serif;
    font-size: 34.26px;
    font-weight: 500;
    letter-spacing: .571px;
    line-height: 1.2;
    margin-bottom: 3.426px
}

.page-dakara .carrer-data-num-2.mt10 {
    margin-top: 7.994px
}

.page-dakara .carrer-data-num-2 span {
    margin-right: 5.71px
}

.page-dakara .carrer-data-num-2 i,.page-dakara .carrer-data-num-2 span {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-style: normal;
    font-weight: 700
}

.page-dakara .carrer-data-num-2 i {
    margin-left: 5.71px
}

.page-dakara .teach-data-res-item {
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: flex-end;
    -webkit-align-items: center;
    align-items: flex-end;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-bottom: 28.55px;
    vertical-align: bottom
}

.page-dakara .teach-data-res-item.mb50 {
    margin-bottom: 51.39px
}

.page-dakara .teach-data-res-item:last-child {
    margin-bottom: 0
}

.page-dakara .teach-data-res-item dt {
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    line-height: 1.3;
    vertical-align: bottom
}

.page-dakara .teach-data-res-item dd {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    color: #7db0c3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Poppins,sans-serif;
    font-size: 62.81px;
    font-weight: 600;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    letter-spacing: -.571px;
    line-height: .6;
    vertical-align: bottom;
    width: 205.56px
}

.page-dakara .teach-data-res-item dd .teach-data-res-hoiku {
    line-height: .6;
    position: relative
}

.page-dakara .teach-data-res-item dd .teach-data-res-hoiku:first-child {
    margin-right: 17.13px
}

.page-dakara .teach-data-res-item dd .teach-data-res-hoiku i {
    color: #292f4a;
    font-family: Poppins,sans-serif;
    font-size: 15.988px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1.142px;
    position: absolute;
    right: 22.84px;
    top: -30.834px;
    width: 39.97px
}

.page-dakara .teach-data-res-item dd span {
    font-family: Noto Sans JP,sans-serif;
    font-size: 22.84px;
    font-weight: 700;
    line-height: .6;
    margin-left: 4.568px;
    vertical-align: bottom
}

.page-dakara .career-item-1 {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-left: 114.2px;
    padding-top: 171.3px;
    width: 1598.8px
}

.page-dakara .career-item-1-words {
    padding-right: 91.36px
}

.page-dakara .career-item-1-pic {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 708.04px
}

.page-dakara .career-item-1-pic img {
    height: auto;
    width: 100%
}

.page-dakara .topics-item-copy {
    font-family: Noto Sans JP,sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.35;
    margin-top: 10px
}

.page-dakara .topics-item-copy i {
    font-size: 18px;
    font-style: normal
}

.page-dakara .topics-item-copy span {
    color: #eb919b
}

.page-dakara .topics-item-teaching .topics-item-copy span {
    color: #7db0c3
}

.page-dakara .topics-item-txt {
    font-family: Noto Sans JP,sans-serif;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 2;
    margin-top: 30px;
    text-align: justify
}

.page-dakara .topics-item-txt-8 {
    width: 1084.9px
}

.page-dakara .topics-circles {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 34.26px;
    width: 100%
}

.page-dakara .topics-circle,.page-dakara .topics-circles {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-dakara .topics-circle {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    background-color: #eb919b;
    border-radius: 50%;
    color: #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18.272px;
    font-weight: 700;
    height: 125.62px;
    -webkit-justify-content: center;
    justify-content: center;
    letter-spacing: .571px;
    line-height: 1.3;
    text-align: center;
    width: 125.62px
}

.page-dakara .career-block {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-dakara .career-item-2 {
    margin-top: 114.2px;
    width: 628.1px
}

.page-dakara .career-item-2-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .career-item-2-pic img {
    height: auto;
    width: 100%
}

.page-dakara .career-item-3 {
    margin-top: 228.4px;
    width: 628.1px
}

.page-dakara .career-item-3-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .career-item-3-pic img {
    height: auto;
    width: 100%
}

.page-dakara .career-bg-area {
    overflow: hidden;
    position: relative;
    width: 100%
}


.page-dakara .career-bg-inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1370.4px;
    z-index: 1
}

.page-dakara .career-item-4,.page-dakara .career-item-5 {
    margin-top: 114.2px;
    width: 799.4px
}

.page-dakara .career-item-5 {
    margin-left: auto
}

.page-dakara .topics-view {
    background-color: #f0f0f0;
    border-radius: 5.71px;
    margin-top: 22.84px;
    padding: 17.13px 17.13px 22.84px;
    width: 100%
}

.page-dakara .topics-view.mt30 {
    margin-top: 34.26px
}

.page-dakara .topics-view-ttl {
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 700;
    letter-spacing: 1.142px
}

.page-dakara .teach-item-5 .topics-view-ttl {
    font-size: 15.988px;
    letter-spacing: .571px
}

.page-dakara .teach-item-5 .topics-view-ttl span {
    font-size: 13.704px
}

.page-dakara .teach-item-5 .topics-view-ttl p {
    background-color: #7db0c3;
    border-radius: 22.84px;
    color: #fff;
    display: inline-block;
    font-size: 13.704px;
    letter-spacing: 1.142px;
    margin-left: 17.13px;
    padding: 2.284px 13.704px
}

.page-dakara .topics-view-item {
    background-color: #fff;
    border-radius: 5.71px;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 2;
    margin-top: 14.846px;
    padding: 17.13px;
    position: relative
}

.page-dakara .topics-more {
    display: none
}

.page-dakara .topics-view-cap {
    color: #eb919b;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-top: 11.42px
}

.page-dakara .topics-view-cap span {
    color: #292f4a;
    font-family: Noto Sans JP,sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px
}

.page-dakara .career-item-6 {
    margin-top: 114.2px;
    width: 628.1px
}

.page-dakara .career-item-7 {
    margin-left: auto;
    margin-top: 182.72px;
    width: 628.1px
}

.page-dakara .career-item-7-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .career-item-7-pic img {
    height: auto;
    width: 100%
}

.page-dakara .career-big-circles {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 34.26px;
    position: relative
}

.page-dakara .career-big-circle,.page-dakara .career-big-circles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-dakara .career-big-circle {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #eb919b;
    border-radius: 50%;
    color: #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 700;
    height: 230.684px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.6;
    text-align: center;
    width: 230.684px
}

.page-dakara .career-big-circle-abso {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    top: 171.3px
}

.page-dakara .career-item-8 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 114.2px;
    padding-bottom: 91.36px;
    width: 1370.4px
}

.page-dakara .career-item-8-bottom {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.page-dakara .career-voice {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-right: 76.514px;
    margin-top: 22.84px;
    padding-top: 17.13px;
    width: 420.256px
}

.page-dakara .career-voice-ttl {
    color: #eb919b;
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 700;
    letter-spacing: .2px
}

.page-dakara .career-voice-list {
    list-style: none;
    margin-top: 11.42px
}



.page-dakara .career-voice-item:last-child {
    margin-bottom: 0
}

.page-dakara .teach-block,.page-dakara .under-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-dakara .teach-block {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-dakara .teach-item-1 {
    margin-top: 114.2px;
    width: 628.1px
}

.page-dakara .teach-item-1-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .teach-item-1-pic img {
    height: auto;
    width: 100%
}

.page-dakara .teach-item-2 {
    margin-top: 194.14px;
    width: 628.1px
}

.page-dakara .teach-item-2-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .teach-item-2-pic img {
    height: auto;
    width: 100%
}

.page-dakara .teach-item-3 {
    margin-top: 57.1px;
    width: 628.1px
}

.page-dakara .teach-item-3-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .teach-item-3-pic img {
    height: auto;
    width: 100%
}

.page-dakara .teach-item-4 {
    margin-top: 148.46px;
    width: 628.1px
}

.page-dakara .teach-item-4-pic {
    margin-top: 34.26px;
    width: 628.1px
}

.page-dakara .teach-item-4-pic img {
    height: auto;
    width: 100%
}

.page-dakara .teach-item-5,.page-dakara .teach-item-5-pic {
    margin-top: 137.04px;
    width: 628.1px
}

.page-dakara .teach-item-5-pic img {
    height: auto;
    width: 100%
}

.page-dakara .topics-view-prefectures {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 10px
}

.page-dakara .topics-view-prefectures li {
    margin-left: 16px;
    margin-right: 16px;
    text-indent: -5px
}

.page-dakara .teach-time-list {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 34.26px
}

.page-dakara .teach-time-item,.page-dakara .teach-time-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-dakara .teach-time-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #93c6d9;
    border-radius: 57.1px;
    color: #fff;
    letter-spacing: 1.142px;
    padding: 22.84px 43.396px
}

.page-dakara .teach-time-item:first-child {
    margin-right: 20.556px
}

.page-dakara .teach-time-item-l {
    border-right: 1px solid #fff;
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 500;
    line-height: 1.4;
    padding-bottom: 5.71px;
    padding-right: 22.84px;
    padding-top: 5.71px;
    text-align: center
}

.page-dakara .teach-time-item-r {
    font-family: Poppins,sans-serif;
    font-size: 27.408px;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 22.84px;
    text-align: center
}

.page-dakara .teach-time-item-r i {
    display: block;
    font-family: Noto Sans JP,sans-serif;
    font-size: 11.42px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.3
}

.page-dakara .teach-time-item-r span {
    font-family: Noto Sans JP,sans-serif;
    font-size: 15.988px;
    font-weight: 500;
    line-height: 1.3
}

.page-dakara .teach-item-6 {
    margin-top: 137.04px;
    padding-bottom: 114.2px;
    width: 582.42px
}

.page-dakara .teach-item-6-pic {
    margin-top: 137.04px;
    width: 730.88px
}

.page-dakara .teach-item-6-pic img {
    height: auto;
    width: 100%
}

.page-dakara .banner-area {
    background-color: #f1f9ff;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-inline:auto;width: 800px
}

.page-dakara .banner-area .image {
    margin-bottom: 20px;
    padding: 30px 30px 0
}

.page-dakara .banner-area .image img {
    width: 100%
}

.page-dakara .banner-area .content {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 0 30px 30px
}

.page-dakara .banner-area .content a {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    border-radius: 10px;
    color: #fff;
    -webkit-flex: 1;
    flex: 1;
    font-size: 20px;
    letter-spacing: .05em;
    padding: 20px;
    position: relative;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.page-dakara .banner-area .content a .icon {
    height: 28px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px
}

.page-dakara .banner-area .content a .icon svg {
    height: 100%;
    width: 100%
}

.page-dakara .banner-area .content a .icon svg circle {
    fill: #fff;
    stroke-width: 1px;
    -webkit-transform: translate(859 6630);
    -moz-transform: translate(859 6630);
    -ms-transform: translate(859 6630);
    transform: translate(859 6630)
}

.page-dakara .banner-area .content a .icon svg path {
    -webkit-transform: translate(-5435.76 -33.482);
    -moz-transform: translate(-5435.76 -33.482);
    -ms-transform: translate(-5435.76 -33.482);
    transform: translate(-5435.76 -33.482)
}

.page-dakara .banner-area .content a.wu {
    border: 1px solid #cf495c
}

.page-dakara .banner-area .content a.wu svg circle {
    stroke: #cf495c
}

.page-dakara .banner-area .content a.wu svg path {
    fill: #cf495c
}

.page-dakara .banner-area .content a.jc {
    border: 1px solid #d48642
}

.page-dakara .banner-area .content a.jc svg circle {
    stroke: #d48642
}

.page-dakara .banner-area .content a.jc svg path {
    fill: #d48642
}

.page-dakara .banner-area .content .wu {
    background-color: #cf495c
}

.page-dakara .banner-area .content .jc {
    background-color: #d48642
}

.page-detail .l-content {
    background-image: url(/assets/images/common/article-bg.png);
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 100%
}

.page-detail .head {
    margin-left: auto;
    margin-right: auto;
    padding-top: 148.46px;
    width: 1598.8px
}

.page-detail .head-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-detail .head-date {
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-decoration: underline;
    text-underline-offset: 8px
}

.page-detail .head-ttl {
    font-family: Noto Sans JP,sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .7px;
    line-height: 1.45;
    margin-left: auto;
    margin-right: auto;
    margin-top: 57.1px
}

.page-detail .head-profile {
    margin-top: 39.97px
}

.page-detail .head-profile .cmn-profile-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-detail .head-profile .cmn-profile-company {
    line-height: 1.2
}

.page-detail .head-profile .cmn-profile-company:before {
    margin-right: 6px
}

.page-detail .head-profile .cmn-profile-depart {
    line-height: 1.2;
    margin-left: 20px;
    margin-top: 0
}

.page-detail .head-profile .cmn-profile-depart:before {
    margin-right: 5px
}

.page-detail .head-profile .cmn-profile-name {
    line-height: 1.2;
    margin-top: 8px
}

.page-detail .head-profile .cmn-profile-name:before {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.page-detail .l-main {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45.68px;
    width: 1370.4px
}

.page-detail .mv {
    border-radius: 11.42px;
    height: 577.852px;
    overflow: hidden;
    width: 867.92px;
    will-change: transform
}

.page-detail .mv img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-detail .l-center {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 867.92px
}

.page-detail .article dl {
    margin-top: 50px
}

.page-detail .article dl dt {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    text-align: justify
}

.page-detail .article dl dt a {
    text-decoration: underline!important
}

.page-detail .article dl dt:before {
    background-color: #292f4a;
    border-radius: 10px;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3px;
    margin-right: 10px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    width: 11px
}

.page-detail .article dl dd {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    margin-top: 17px;
    text-align: justify
}

.page-detail .article dl dd a {
    text-decoration: underline!important
}

.page-detail .article figure {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    width: 571px
}

.page-detail .article figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-detail .article h2 {
    border-bottom: 1px solid #292f4a;
    border-top: 1px solid #292f4a;
    font-family: Noto Sans JP,sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.2px;
    line-height: 1.5;
    margin-top: 90px;
    padding-bottom: 14px;
    padding-top: 12px;
    text-align: justify
}

.page-detail .article h2 a {
    text-decoration: underline!important
}

.page-detail .article h3 {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.5;
    margin-top: 50px;
    text-align: justify
}

.page-detail .article h3 a {
    text-decoration: underline!important
}

.page-detail .article h3:before {
    background-color: #292f4a;
    border-radius: 10px;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 3px;
    margin-right: 10px;
    -webkit-transform: translateY(17px);
    -moz-transform: translateY(17px);
    -ms-transform: translateY(17px);
    transform: translateY(17px);
    width: 11px
}

.page-detail .article h4 {
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
    margin-top: 60px;
    text-align: justify
}

.page-detail .article h4 a {
    text-decoration: underline!important
}

.page-detail .article h4:before {
    background-color: #292f4a;
    border-radius: 50%;
    content: "";
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 13px;
    margin-right: 9px;
    -webkit-transform: translateY(9px);
    -moz-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
    width: 13px
}

.page-detail .article h5 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
    margin-top: 60px;
    text-align: justify
}

.page-detail .article h5 a {
    text-decoration: underline!important
}

.page-detail .article h6 {
    font-family: Noto Sans JP,sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.3px;
    line-height: 1.5;
    margin-top: 60px;
    text-align: justify
}

.page-detail .article h6 a {
    text-decoration: underline!important
}

.page-detail .article>p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    margin-top: 25px;
    text-align: justify
}

.page-detail .article>p a {
    text-decoration: underline!important
}

.page-detail .article strong {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(60%,transparent),color-stop(60%,#d4d5db));
    background: -webkit-linear-gradient(transparent 60%,#d4d5db 0);
    background: -moz-linear-gradient(transparent 60%,#d4d5db 60%);
    background: linear-gradient(transparent 60%,#d4d5db 0);
    font-weight: 700
}

.page-detail .article ol {
    list-style-type: decimal;
    margin-top: 60px;
    padding-left: 14px
}

.page-detail .article ol li {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify
}

.page-detail .article ol li a {
    text-decoration: underline!important
}

.page-detail .article ul {
    list-style-type: disc;
    margin-top: 60px;
    padding-left: 14px
}

.page-detail .article ul li {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify
}

.page-detail .article ul li a {
    text-decoration: underline!important
}

.page-detail .rule {
    margin-top: 68.52px
}

.page-detail .rule-head {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url(/assets/images/common/tab.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 1;
    padding-left: 20px;
    padding-top: 20px;
    width: 244px;
    will-change: transform
}

.page-detail .rule-head span {
    font-family: Poppins,sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding-left: 5px
}

.page-detail .rule-head:before {
    background-image: url(/assets/img/ico-check.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    height: 9px;
    margin-right: 8px;
    width: 12px
}

.page-detail .rule-body {
    background-color: #f4f4f4;
    border-radius: 11.42px;
    border-top-left-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 30px;
    flex-direction: column;
}

.page-detail .rule-pic {
    border-radius: 11.42px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 194.14px;
    overflow: hidden;
    /* width: 194.14px; */
}

.page-detail .rule-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    width: 100%
}

.page-detail .rule-word {
    padding-left: 28.55px
}

.page-detail .rule-ttl {
    border-bottom: 1px solid #d6d6d6;
    font-family: Noto Sans JP,sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.6;
    padding-bottom: 18px
}

.page-detail .rule-txt {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    margin-top: 18px
}

.page-detail .keyword {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    margin-left: auto;
    margin-right: auto;
    margin-top: 68.52px;
    padding-bottom: 34.26px;
    padding-top: 39.97px;
    width: 753.72px
}

.page-detail .keyword .cmn-keyword-list {
    margin-bottom: 0;
    margin-top: 0
}

.page-detail .l-back {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.page-detail .back-btn,.page-detail .l-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.page-detail .back-btn {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: Noto Sans JP,sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    margin-top: 40px;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.page-detail .back-btn:before {
    background-image: url(/assets/images/common/ico-list.svg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.page-detail .latest {
    margin-top: 102.78px;
    padding-bottom: 114.2px;
    width: 100%
}

.page-detail .latest-inner,.page-detail .pop-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-detail .l-side {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding-top: 182.72px;
    width: 456.8px
}

.page-index .mv {
    height: 56.42857vw;
    height: 50.21429vw;
    padding-top: 8.57143vw;
    width: 100%
}

.page-index .mv-inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    z-index: 2
}

.page-index .mv-ttl {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    will-change: transform,opacity
}

.page-index .mv-ttl,.page-index .mv-ttl img {
    height: 7.42857vw;
    width: 67.14286vw
}

.page-index .mv-txt {
    font-family: Noto Sans JP,sans-serif;
    font-size: 1.14286vw;
    font-weight: 500;
    letter-spacing: .14286vmin;
    line-height: 2;
    margin-top: 2.5vw;
    text-align: center
}

.page-index .mv-slider {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5.35714vw;
    width: 100%
}

.page-index .mv-list {
    width: 100%
}

.page-index .mv-card {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: .35714vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 21.71429vw;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: width .5s cubic-bezier(.19,1,.22,1) 0s,-webkit-transform .5s cubic-bezier(.19,1,.22,1) 0s;
    -moz-transition: transform .5s cubic-bezier(.19,1,.22,1) 0s,width .5s cubic-bezier(.19,1,.22,1) 0s,-moz-transform .5s cubic-bezier(.19,1,.22,1) 0s;
    transition: width .5s cubic-bezier(.19,1,.22,1) 0s,-webkit-transform .5s cubic-bezier(.19,1,.22,1) 0s;
    transition: transform .5s cubic-bezier(.19,1,.22,1) 0s,width .5s cubic-bezier(.19,1,.22,1) 0s;
    transition: transform .5s cubic-bezier(.19,1,.22,1) 0s,width .5s cubic-bezier(.19,1,.22,1) 0s,-webkit-transform .5s cubic-bezier(.19,1,.22,1) 0s,-moz-transform .5s cubic-bezier(.19,1,.22,1) 0s;
    width: 16.42857vw
}

.page-index .mv-card .blob {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    -webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275) 0s;
    -moz-transition: all .5s cubic-bezier(.175,.885,.32,1.275) 0s;
    transition: all .5s cubic-bezier(.175,.885,.32,1.275) 0s;
    z-index: 1
}

.page-index .mv-card .blob,.page-index .mv-card .blob.anime-1 {
    height: 8.57143vw;
    left: -3.92857vw;
    top: -3.21429vw;
    width: 12.14286vw
}

.page-index .mv-card .blob.anime-1 {
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%
}

.page-index .mv-card .blob.anime-2 {
    height: 1.71429vw;
    left: 5.71429vw;
    top: 7.85714vw;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 40%;
    -moz-transform-origin: 40% 40%;
    -ms-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
    width: 2.42857vw
}

.page-index .mv-card .blob.anime-3 {
    height: 4.28571vw;
    left: -3.92857vw;
    top: -3.21429vw;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 6.07143vw
}

.page-index .mv-card-pic {
    height: 21.71429vw;
    position: absolute;
    width: 19.28571vw
}

.page-index .mv-card-pic img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-index .mv-card-pic img.is-fade {
    opacity: 0
}

.page-index .mv-scroller {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 9.64286vw;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    right: 19.28571vw;
    right: 10%;
    top: 13.57143vw;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.34,1.56,.64,1) 0s;
    -moz-transition: transform .3s cubic-bezier(.34,1.56,.64,1) 0s,-moz-transform .3s cubic-bezier(.34,1.56,.64,1) 0s;
    transition: -webkit-transform .3s cubic-bezier(.34,1.56,.64,1) 0s;
    transition: transform .3s cubic-bezier(.34,1.56,.64,1) 0s;
    transition: transform .3s cubic-bezier(.34,1.56,.64,1) 0s,-webkit-transform .3s cubic-bezier(.34,1.56,.64,1) 0s,-moz-transform .3s cubic-bezier(.34,1.56,.64,1) 0s;
    width: 9.64286vw;
    z-index: 2
}

.page-index .mv-scroller-arrow {
    height: 2.42857vw;
    left: 4.85714vw;
    position: absolute;
    top: 3.42857vw;
    width: .64286vw
}

.page-index .mv-scroller-txt {
    animation: ROLLRING 16s linear infinite reverse;
    height: 7.14286vw;
    width: 7.14286vw
}

@-webkit-keyframes ROLLRING {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes ROLLRING {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ROLLRING {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(-webkit-calc(360deg*var(--rotation-factor,1)));
        transform: rotate(calc(1turn*var(--rotation-factor, 1)))
    }
}

@-moz-keyframes rotate {
    to {
        -moz-transform: rotate(-moz-calc(360deg*var(--rotation-factor,1)));
        transform: rotate(calc(1turn*var(--rotation-factor, 1)))
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(-webkit-calc(360deg*var(--rotation-factor,1)));
        -moz-transform: rotate(-moz-calc(360deg*var(--rotation-factor,1)));
        transform: rotate(calc(1turn*var(--rotation-factor, 1)))
    }
}

.page-index .l-mv-bg {
    height: 50.21429vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    z-index: 1
}

.page-index .l-mv-bg,.page-index .mv-bg {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-index .mv-bg {
    opacity: 0
}

.page-index .mv-bg img {
    height: auto;
    width: 100%
}

.page-index .reco {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    margin-top: 148.46px;
    width: 1256.2px;
    z-index: 1
}

.page-index .reco,.page-index .reco-ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    position: relative
}

.page-index .reco-ttl-blob {
    height: 62.81px;
    left: -17.13px;
    position: absolute;
    top: -31.976px;
    width: 82.224px
}

.page-index .reco-ttl-blob svg {
    height: 100%;
    width: 100%
}

.page-index .reco-ttl-en {
    font-family: Poppins,sans-serif;
    font-size: 18.272px;
    font-weight: 600;
    letter-spacing: 1.142px;
    line-height: 1;
    -webkit-text-orientation: sideways;
    text-orientation: sideways;
    word-break: normal;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 1
}

.page-index .reco-ttl-en span {
    display: inline-block;
    font-size: 13.704px;
    -webkit-transform: translateX(5.71px) translateY(-1.142px);
    -moz-transform: translateX(5.71px) translateY(-1.142px);
    -ms-transform: translateX(5.71px) translateY(-1.142px);
    transform: translateX(5.71px) translateY(-1.142px)
}

.page-index .reco-ttl-ja {
    font-family: Noto Sans JP,sans-serif;
    font-size: 36.544px;
    font-weight: 700;
    letter-spacing: 2.284px;
    line-height: 1;
    margin-right: 6.852px;
    -webkit-text-orientation: upright;
    text-orientation: upright;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 1
}

.page-index .reco-card-list {
    left: 45.68px;
    position: relative
}

.page-index .reco-card-list .cmn-card .cmn-profile-company,.page-index .reco-card-list .cmn-card .cmn-profile-depart,.page-index .reco-card-list .cmn-card .cmn-profile-name,.page-index .reco-card-list .cmn-card .cmn-profile-ttl {
    will-change: transform
}

.page-index .reco-card-list .cmn-card-pic {
    position: relative
}

.page-index .reco-card-list .cmn-card-pic img.is-fade {
    opacity: 0
}

.page-index .reco-card-list .cmn-card-pic .blob {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    position: absolute;
    z-index: 1
}

.page-index .reco-card-list .cmn-card-pic .blob.anime-1 {
    height: 137.04px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 194.14px
}

.page-index .reco-card-list .cmn-card-pic .blob.anime-2 {
    height: 68.52px;
    left: 262.66px;
    top: 171.3px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 40%;
    -moz-transform-origin: 40% 40%;
    -ms-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
    width: 97.07px
}

.page-index .reco-card-list .cmn-card-pic .blob.anime-3 {
    height: 68.52px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 97.07px
}

.page-index .timer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 22.84px;
    left: 753.72px;
    position: absolute;
    top: 365.44px;
    z-index: 100000
}

.page-index .timer-item {
    display: block;
    margin-right: 1px;
    position: relative;
    width: 24px
}

.page-index .timer-item.is-active {
    pointer-events: none
}

.page-index .timer-svg {
    background-color: transparent;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(-90deg);
    -moz-transform: translate(-50%,-50%) rotate(-90deg);
    -ms-transform: translate(-50%,-50%) rotate(-90deg);
    transform: translate(-50%,-50%) rotate(-90deg)
}

.page-index .timer-svg .circle {
    stroke: #000;
    stroke-width: 1;
    fill: transparent;
    stroke-dashoffset: 54;
    stroke-dasharray: 0;
    -webkit-animation-fill-mode: none;
    -moz-animation-fill-mode: none;
    animation-fill-mode: none;
    display: none
}

.page-index .timer-svg .circle.is-active {
    -webkit-animation: circletimer 5s linear;
    -moz-animation: circletimer 5s linear;
    animation: circletimer 5s linear;
    display: block
}

.page-index .circle-fill {
    background-color: #a8a8a8;
    border-radius: 50%;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: background-color .3s ease-out 0s;
    -moz-transition: background-color .3s ease-out 0s;
    transition: background-color .3s ease-out 0s;
    width: 10px
}

.page-index .circle-fill.is-active {
    background-color: #000
}

@-webkit-keyframes circletimer {
    0% {
        stroke-dashoffset: 54;
        stroke-dasharray: 54
    }

    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 54
    }
}

@-moz-keyframes circletimer {
    0% {
        stroke-dashoffset: 54;
        stroke-dasharray: 54
    }

    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 54
    }
}

@keyframes circletimer {
    0% {
        stroke-dashoffset: 54;
        stroke-dasharray: 54
    }

    to {
        stroke-dashoffset: 0;
        stroke-dasharray: 54
    }
}

.page-index .tp-search {
    background-image: url(/assets/images/common/bg-blob1.svg),url(/assets/images/common/bg-blob2.svg);
    background-position: top right -5vw,bottom left -4.28571vw;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size: 35.71429vw 27.92857vw,35.71429vw 27.92857vw;
    background-size: 35.71429vw 27.92857vw,35.71429vw 27.92857vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 114.2px;
    min-height: 822.24px;
    padding-top: 102.78px;
    width: 100%
}

.page-index .tp-pop {
    margin-top: 79.94px;
    width: 100%
}

.page-index .tp-pop-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1256.2px
}

.page-index .tp-pop-card-list {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 39.97px;
    width: 100%
}

.page-index .tp-pop-card-list .cmn-card-pic img.is-fade {
    opacity: 0
}

.page-index .tp-pop-card-list .cmn-card-pic .blob {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    position: absolute;
    z-index: 1
}

.page-index .tp-pop-card-list .cmn-card-pic .blob.anime-1 {
    height: 137.04px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(8);
    -moz-transform: scale(8);
    -ms-transform: scale(8);
    transform: scale(8);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 194.14px
}

.page-index .tp-pop-card-list .cmn-card-pic .blob.anime-2 {
    height: 68.52px;
    left: 239.82px;
    top: 159.88px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 40%;
    -moz-transform-origin: 40% 40%;
    -ms-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
    width: 97.07px
}

.page-index .tp-pop-card-list .cmn-card-pic .blob.anime-3 {
    height: 68.52px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 97.07px
}

.page-index .reason {
    margin-top: 91.36px;
    width: 100%
}

.page-index .reason-inner {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1598.8px
}

.page-index .reason-word {
    background-image: url(/assets/images/index/reason-bg.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 582.42px;
    padding: 79.94px 148.46px 79.94px 79.94px;
    width: 803.968px
}

.page-index .reason-ttl {
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0,#fff));
    background: -webkit-linear-gradient(transparent,#fff 0);
    background: -moz-linear-gradient(transparent 0,#fff 0);
    background: linear-gradient(transparent,#fff 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    display: inline;
    font-size: 41.112px;
    font-size: 2.5rem;
    font-weight: 700;
    font-weight: 600;
    line-height: 1.95;
    padding: 4.568px 13.704px
}

.page-index .reason-ttl,.page-index .reason-txt {
    font-family: Noto Sans JP,sans-serif;
    letter-spacing: 2.284px
}

.page-index .reason-txt {
    font-size: 18.272px;
    font-weight: 500;
    line-height: 2.2;
    margin-top: 17.13px
}

.page-index .reason-pic {
    margin-top: -45.68px;
    position: absolute;
    right: 0;
    top: 0;
    width: 890.76px
}

.page-index .reason-pic img {
    height: auto;
    width: 100%
}

.page-index .l-reason-btn,.page-index .reason-btn {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.page-index .reason-btn {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-left: auto;
    margin-top: 45.68px;
    text-align: right;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.page-index .reason-btn span {
    display: block;
    font-size: 18.272px;
    letter-spacing: 2.284px;
    margin-right: 17.13px;
    pointer-events: auto
}

.page-index .reason-circle {
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #292f4a;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 74.23px;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: auto;
    width: 74.23px
}

.page-index .reason-arrow {
    height: 12.60768px;
    pointer-events: auto;
    width: 21.9264px
}

.page-index .latest {
    margin-top: 114.2px;
    padding-bottom: 125.62px;
    width: 100%
}

.page-index .latest-inner {
    margin-left: auto;
    margin-right: auto;
    width: 1301.88px
}

.page-index .latest-swiper .cmn-card-pic img.is-fade {
    opacity: 0
}

.page-index .latest-swiper .cmn-card-pic .blob {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    content: "";
    position: absolute;
    z-index: 1
}

.page-index .latest-swiper .cmn-card-pic .blob.anime-1 {
    height: 137.04px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 194.14px
}

.page-index .latest-swiper .cmn-card-pic .blob.anime-2 {
    height: 68.52px;
    left: 119.91px;
    top: 68.52px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 40% 40%;
    -moz-transform-origin: 40% 40%;
    -ms-transform-origin: 40% 40%;
    transform-origin: 40% 40%;
    width: 97.07px
}

.page-index .latest-swiper .cmn-card-pic .blob.anime-3 {
    height: 68.52px;
    left: -91.36px;
    top: -68.52px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 25% 25%;
    -moz-transform-origin: 25% 25%;
    -ms-transform-origin: 25% 25%;
    transform-origin: 25% 25%;
    width: 97.07px
}

.page-keyword {
    width: 100%
}

.page-keyword .keyword {
    background-image: url(/assets/images/common/list-bg-1.png),url(/assets/images/common/list-bg-2.png);
    background-position: 0 0,100% 0;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size: 35.71429vw 22.14286vw,23.92857vw 31.42857vw;
    background-size: 35.71429vw 22.14286vw,23.92857vw 31.42857vw;
    width: 100%
}

.page-keyword .keyword-inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 165.59px;
    width: 1598.8px
}

.page-keyword .keyword-ttl {
    font-size: 16px;
    letter-spacing: 1.2px;
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-keyword .keyword-ttl,.page-keyword .keyword-ttl p {
    font-family: Noto Sans JP,sans-serif;
    font-weight: 700;
    line-height: 1
}

.page-keyword .keyword-ttl p {
    font-size: 14px;
    margin-bottom: 10px
}

.page-keyword .keyword-ttl span {
    display: inline-block;
    font-family: Noto Sans JP,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    padding-right: 10px
}

.page-keyword .l-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 137.04px;
    padding-bottom: 137.04px;
    width: 1370.4px
}

.page-keyword .l-center {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 863.352px
}

.page-keyword .l-side {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: auto;
    width: 462.51px
}

.page-keyword .other-keyword {
    border-top: 1px solid #e6e6e6;
    margin-top: 91.36px;
    padding-top: 28.55px
}

.page-keyword .keyword-list {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.page-keyword .keyword-bnr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45.68px;
    width: 867.92px
}

.page-keyword .keyword-bnr img {
    height: auto;
    width: 100%
}

.page-department {
    width: 100%
}

.page-department .articles {
    background-image: url(/assets/images/common/list-bg-1.png),url(/assets/images/common/list-bg-2.png);
    background-position: 0 0,100% 0;
    background-repeat: no-repeat,no-repeat;
    -webkit-background-size: 35.71429vw 22.14286vw,23.92857vw 31.42857vw;
    background-size: 35.71429vw 22.14286vw,23.92857vw 31.42857vw;
    width: 100%
}

.page-department .articles-inner {
    margin-left: auto;
    margin-right: auto;
    padding-top: 165.59px;
    width: 1598.8px
}

.page-department .articles-ttl {
    font-size: 16px;
    letter-spacing: 1.2px;
    margin-left: auto;
    margin-right: auto;
    width: 1370.4px
}

.page-department .articles-ttl,.page-department .articles-ttl p {
    font-family: Noto Sans JP,sans-serif;
    font-weight: 700;
    line-height: 1
}

.page-department .articles-ttl p {
    font-size: 14px;
    margin-bottom: 10px
}

.page-department .articles-ttl span {
    display: inline-block;
    font-family: Noto Sans JP,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    padding-right: 10px
}

.page-department .articles-list {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 137.04px;
    width: 1370.4px
}

.page-department .articles-list:after {
    content: "";
    display: block;
    width: 416.83px
}

.page-department .articles-list .cmn-profile-depart:before {
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.page-department .depart {
    border-top: 1px solid #e6e6e6;
    margin-left: auto;
    margin-right: auto;
    margin-top: 91.36px;
    padding-bottom: 137.04px;
    padding-top: 28.55px;
    width: 1370.4px
}

@media only screen and (max-width: 768px) {
    .l-content {
        margin-top:0;
        overflow-x: hidden;
        padding-top: 0;
        width: 100%
    }

    .u-pc {
        display: none
    }

    .pager {
        margin-top: 0
    }

    .pager-arrow {
        padding: 1.33333vw
    }

    .pager-arrow:after {
        height: 2.4vw;
        width: 9.33333vw
    }

    .pager-arrow-prev {
        margin-right: 1.86667vw
    }

    .pager-arrow-next {
        margin-left: 1.86667vw
    }

    .pager-item {
        font-size: 4.26667vw;
        height: 11.2vw;
        margin-left: .53333vw;
        margin-right: .53333vw;
        width: 11.2vw
    }

    .pager-item-dot {
        font-size: 5.33333vw;
        letter-spacing: .53333vw;
        padding-bottom: 1.6vw
    }

    .arrow {
        bottom: 4vw;
        display: block;
        height: 10.66667vw;
        opacity: 1;
        right: 3.46667vw;
        width: 10.66667vw
    }

    .arrow svg {
        height: 4vw;
        left: 3.46667vw;
        top: 3.2vw;
        width: 4vw
    }

    .arrow svg path {
        stroke-width: 1.2px
    }

    .reco .cmn-profile {
        height: auto;
        margin-left: 0;
        min-height: auto;
        padding-top: .8vw
    }

    .menu-swiper .cmn-profile,.side-swiper .cmn-profile {
        padding-left: 0
    }

    .articles-list .cmn-profile-head,.keyword-list .cmn-profile-head {
        display: none
    }

    .side-swiper .cmn-profile-head {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        margin-top: 0;
        -webkit-order: 0;
        order: 0
    }

    .cmn-profile-company {
        font-size: 14px;
        letter-spacing: .8px
    }

    .latest-swiper .cmn-profile-company {
        font-size: 14px
    }

    .menu-swiper .cmn-profile-company {
        font-size: 12px
    }

    .side-swiper .cmn-profile-company {
        font-size: 14px
    }

    .articles-list .cmn-profile-company,.keyword-list .cmn-profile-company {
        font-size: 3.73333vw;
        width: 66.66667vw
    }

    .cmn-profile-depart {
        font-size: 14px;
        letter-spacing: .8px;
        margin-top: 4px
    }

    .latest-swiper .cmn-profile-depart {
        font-size: 14px
    }

    .menu-swiper .cmn-profile-depart {
        font-size: 12px;
        margin-top: 4px
    }

    .side-swiper .cmn-profile-depart {
        font-size: 14px;
        margin-top: 4px
    }

    .articles-list .cmn-profile-depart,.keyword-list .cmn-profile-depart {
        font-size: 3.73333vw;
        width: 66.66667vw
    }

    .cmn-profile-ttl {
        font-size: 20px;
        line-height: 1.45;
        margin-top: 17px;
        padding-bottom: 18px
    }

    .tp-pop .cmn-profile-ttl {
        font-size: 20px;
        margin-top: 10px;
        padding-bottom: 18px
    }

    .latest-swiper .cmn-profile-ttl {
        font-size: 20px;
        margin-top: 10px;
        padding-bottom: 20px
    }

    .menu-swiper .cmn-profile-ttl {
        font-size: 16px;
        margin-top: 10px;
        padding-bottom: 0
    }

    .menu-swiper .cmn-profile-ttl:after {
        display: none
    }

    .side-swiper .cmn-profile-ttl {
        font-size: 20px;
        letter-spacing: .2px;
        margin-top: 13px;
        padding-bottom: 20px
    }

    .side-swiper .cmn-profile-ttl:after {
        display: block
    }

    .reco-card-list .cmn-profile-ttl {
        font-size: 20px
    }

    .articles-list .cmn-profile-ttl,.keyword-list .cmn-profile-ttl {
        font-size: 18px;
        margin-top: 0;
        padding-bottom: 18px;
        width: 66.66667vw
    }

    .cmn-profile-name {
        font-size: 14px;
        margin-top: 17px
    }

    .tp-pop .cmn-profile-name {
        margin-top: 15px
    }

    .latest-swiper .cmn-profile-name {
        font-size: 14px
    }

    .articles-list .cmn-profile-name {
        margin-top: 15px;
        width: 66.66667vw
    }

    .side-swiper .cmn-profile-name {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        font-size: 14px
    }

    .keyword-list .cmn-profile-name {
        margin-top: 15px;
        width: 66.66667vw
    }

    .right-profile {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -moz-box!important;
        display: flex!important;
        height: 100%;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        position: absolute;
        right: 0;
        top: 0;
        width: auto!important
    }

    .right-profile .cmn-profile-company {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        letter-spacing: 1px;
        line-height: 1.2;
        margin-top: 0;
        -webkit-order: 1;
        order: 1;
        -webkit-text-orientation: upright;
        text-orientation: upright;
        width: auto;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .right-profile .cmn-profile-company:before {
        margin-bottom: 4px;
        margin-right: 0;
        margin-top: 0
    }

    .right-profile .cmn-profile-depart {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        letter-spacing: 1px;
        line-height: 1.2;
        margin-right: 1.86667vw;
        margin-top: 0;
        -webkit-order: 0;
        order: 0;
        -webkit-text-orientation: upright;
        text-orientation: upright;
        width: auto;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .right-profile .cmn-profile-depart:before {
        margin-bottom: 4px;
        margin-right: 0;
        margin-top: 0
    }

    .cmn-search {
        background-image: url(/assets/images/common/search-bg-sp.png);
        background-position: top;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        min-height: auto;
        padding-bottom: 16vw;
        padding-top: 13.33333vw;
        width: 100%
    }

    .menu .cmn-search {
        background-image: none;
        margin-left: 0;
        margin-right: 0;
        min-height: auto;
        padding-bottom: 10.66667vw;
        padding-top: 2.66667vw;
        width: 100%
    }

    .cmn-search-box {
        margin-top: 8vw;
        padding-left: 4.26667vw;
        padding-right: 4.26667vw;
        width: 100%
    }

    .menu .cmn-search-box {
        margin-top: 8vw;
        padding-left: 0;
        padding-right: 0
    }

    .cmn-career .menu-u-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: start;
        align-items: start;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .cmn-career .menu-u-list a {
        font-size: 3.2vw
    }

    .cmn-career .menu-u-list .separator {
        display: none
    }

    .cmn-career h3 {
        margin-left: 0
    }

    .cmn-career h3,.cmn-career h4,.cmn-depart h3 {
        font-size: 3.73333vw
    }

    .cmn-depart h3 {
        margin-left: 0
    }

    .depart .cmn-depart h3 {
        font-size: 4.26667vw
    }

    .cmn-depart-list {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 4vw;
        width: 100%
    }

    .depart .cmn-depart-list,.menu .cmn-depart-list {
        margin-top: 2.66667vw
    }

    .cmn-depart-item {
        font-size: 3.46667vw;
        letter-spacing: .13333vw;
        margin-bottom: 2.13333vw;
        margin-left: 0;
        margin-right: 0;
        min-height: 13.33333vw;
        width: 40.8vw
    }

    .cmn-depart-item span {
        font-size: 3.2vw
    }

    .menu .cmn-depart-item {
        width: 42.13333vw
    }

    .depart .cmn-depart-item {
        font-size: 3.73333vw;
        letter-spacing: .08vw;
        margin-bottom: 2.66667vw;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 48.7%
    }

    .cmn-search-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .cmn-keyword {
        margin-top: 5.33333vw;
        padding-right: 0;
        width: 100%
    }

    .cmn-keyword h3 {
        font-size: 3.73333vw;
        margin-left: 0
    }

    .menu .cmn-keyword {
        margin-top: 8vw;
        padding-right: 0
    }

    .cmn-keyword-list {
        margin-left: 0;
        margin-top: 4vw
    }

    .menu .cmn-keyword-list {
        margin-top: 2.66667vw
    }

    .cmn-keyword-item {
        border-radius: 1.33333vw;
        font-size: 3.73333vw;
        letter-spacing: .13333vw;
        margin-bottom: 2.4vw;
        margin-left: 0;
        margin-right: 2.13333vw;
        padding: 2.4vw
    }

    .cmn-free {
        border-left: none;
        margin-top: 4.8vw;
        padding-left: 0;
        width: 100%
    }

    .menu .cmn-free {
        margin-top: 3.46667vw;
        padding-left: 0
    }

    .form-search-input {
        border-radius: 1.33333vw;
        font-size: 16px;
        height: 14.66667vw;
        letter-spacing: .4vw;
        margin-right: 0;
        padding-left: 4vw;
        padding-right: 14.66667vw;
        width: 64vw
    }

    .form-search-input::-webkit-input-placeholder {
        font-size: 4.26667vw
    }

    .form-search-input::-moz-placeholder {
        font-size: 4.26667vw
    }

    .form-search-input:-ms-input-placeholder {
        font-size: 4.26667vw
    }

    .form-search-input::-ms-input-placeholder {
        font-size: 4.26667vw
    }

    .form-search-input::placeholder {
        font-size: 4.26667vw
    }

    .menu .form-search-input {
        margin-right: 0;
        width: 69.33333vw
    }

    .form-search-btn,.menu .form-search-btn {
        right: 2.66667vw
    }

    .cmn-search-ttl {
        width: 35.2vw
    }

    .menu .cmn-search-ttl {
        margin-left: auto;
        margin-right: auto;
        text-align: center
    }

    .cmn-search-blob {
        height: 11.46667vw;
        top: -4.8vw;
        width: 14.93333vw
    }

    .cmn-search-ttl-en {
        font-size: 3.2vw;
        letter-spacing: .26667vw
    }

    .menu .cmn-search-ttl-en {
        padding-left: 0
    }

    .l-side .cmn-search-ttl-en {
        font-size: 3.2vw;
        padding-left: 0
    }

    .cmn-search-ttl-en span {
        font-size: 2.66667vw;
        -webkit-transform: translateX(-.53333vw) translateY(-1.06667vw);
        -moz-transform: translateX(-.53333vw) translateY(-1.06667vw);
        -ms-transform: translateX(-.53333vw) translateY(-1.06667vw);
        transform: translateX(-.53333vw) translateY(-1.06667vw)
    }

    .cmn-search-ttl-ja {
        font-size: 6.4vw;
        letter-spacing: .26667vw;
        margin-top: -.53333vw
    }

    .l-side .cmn-search-ttl-ja,.menu .cmn-search-ttl-ja {
        margin-top: -.53333vw;
        padding-left: 0
    }

    .l-side .cmn-search-ttl-ja {
        font-size: 6.4vw
    }

    .menu-latest .cmn-pop-ttl {
        margin-left: 7.2vw
    }

    .side-pop .cmn-pop-ttl {
        margin-left: 7.2vw;
        top: 4vw
    }

    .cmn-pop-blob {
        left: -4vw;
        top: -12vw;
    }

    .cmn-pop-blob,.cmn-pop-blob img {
        height: 11.46667vw;
        width: 14.93333vw
    }

    .side-pop .cmn-pop-blob {
        top: -1.33333vw
    }

    .cmn-pop-ttl-en {
        font-size: 3.2vw;
        letter-spacing: .26667vw;
        margin-left: 1.06667vw
    }

    .cmn-pop-ttl-en span {
        font-size: 2.66667vw;
        -webkit-transform: translateX(-.26667vw) translateY(-1.06667vw);
        -moz-transform: translateX(-.26667vw) translateY(-1.06667vw);
        -ms-transform: translateX(-.26667vw) translateY(-1.06667vw);
        transform: translateX(-.26667vw) translateY(-1.06667vw)
    }

    .side-pop .cmn-pop-ttl-en {
        font-size: 3.2vw
    }

    .menu-latest .cmn-pop-ttl-en {
        margin-left: 1.6vw
    }

    .cmn-pop-ttl-ja {
        font-size: 6.4vw;
        letter-spacing: .53333vw;
        margin-left: -.53333vw
    }

    .side-pop .cmn-pop-ttl-ja {
        font-size: 6.4vw
    }

    .latest .cmn-pop-ttl-ja,.menu-latest .cmn-pop-ttl-ja,.tp-pop .cmn-pop-ttl-ja {
        margin-left: 1.06667vw
    }

    .cmn-card {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        margin-bottom: 13.33333vw;
        width: 100%
    }

    .tp-pop .cmn-card {
        margin-bottom: 13.86667vw
    }

    .tp-pop .cmn-card:last-child {
        margin-bottom: 0
    }

    .latest-swiper .cmn-card,.menu-swiper .cmn-card {
        margin-bottom: 0;
        width: 100%
    }

    .menu-swiper .cmn-card,.side-swiper .cmn-card {
        border-bottom: none;
        display: block;
        padding-bottom: 0;
        padding-top: 0
    }

    .side-swiper .cmn-card {
        margin-bottom: 0;
        width: 100%
    }

    .reco-card-list .cmn-card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        min-height: auto;
        width: 100%
    }

    .articles-list .cmn-card,.keyword-list .cmn-card {
        margin-bottom: 16vw;
        width: 100%
    }

    .cmn-card-pic {
        border-radius: 2.66667vw;
        height: 56vw;
        margin-bottom: 4.53333vw;
        width: 100%
    }

    .cmn-card-pic:before {
        height: 14.13333vw;
        width: 14.13333vw
    }

    .latest-swiper .cmn-card-pic {
        height: 50.66667vw;
        margin-bottom: 4.53333vw;
        width: 100%
    }

    .page-detail .latest-swiper .cmn-card-pic {
        height: 50.66667vw;
        width: 100%
    }

    .menu-swiper .cmn-card-pic {
        height: 44.26667vw;
        margin-bottom: 4vw;
        width: 100%
    }

    .side-swiper .cmn-card-pic {
        height: 50.66667vw;
        margin-bottom: 4vw;
        width: 100%
    }

    .articles-list .cmn-card-pic,.keyword-list .cmn-card-pic {
        height: 44.26667vw;
        margin-bottom: 4vw;
        width: 66.66667vw
    }

    .reco-card-list .cmn-card-pic {
        height: 56.56vw;
        width: 100%
    }

    .menu-swiper .slider-list,.side-swiper .slider-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .slider {
        margin-top: 0
    }

    .menu .slider {
        margin-top: 6.66667vw
    }

    .side-pop .slider {
        margin-top: 11.2vw
    }

    .slider-item {
        margin-right: 0;
        padding-left: 8vw;
        padding-right: 0;
        width: 76vw
    }

    .slider-item:last-child {
        padding-right: 8vw
    }

    .latest-swiper .slider-item {
        padding-top: 7.2vw
    }

    .page-detail .latest-swiper .slider-item {
        padding-left: 3vw;
        padding-right: 0.26667vw;
        width: 76vw !important;
    }

    .page-detail .latest-swiper .slider-item:last-child {
        padding-right: 8vw
    }

    .menu-swiper .slider-item {
        padding-left: 8vw;
        padding-right: .26667vw;
        width: 66.66667vw
    }

    .menu-swiper .slider-item:last-child {
        padding-right: 8vw
    }

    .side-swiper .slider-item {
        padding-left: 8vw;
        padding-right: .26667vw;
        width: 76vw
    }

    .side-swiper .slider-item:last-child {
        padding-right: 8vw
    }

    .depart-bnr {
        margin-top: 13.33333vw;
        width: 87%
    }

    .page-detail .depart-bnr {
        width: 100%
    }

    .side-pop {
        margin-top: 12vw;
        position: static
    }

    .side-swiper {
        margin-top: 9.86667vw
    }

    .footer {
        /* height: 110.66667vw; */
    }

    .footer-head {
        border-bottom-left-radius: 13.33333vw;
        border-bottom-right-radius: 13.33333vw;
        height: 8vw
    }

    .footer-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-top: 10.66667vw;
        width: 90%
    }

    .footer-ttl-cap {
        font-size: 3.2vw;
        letter-spacing: .53333vw
    }

    .footer-logo {
        margin-top: 1.33333vw
    }

    .footer-logo,.footer-logo img {
        height: 9.86667vw;
        width: 88.26667vw
    }

    .footer-sns-cap {
        font-size: 2.66667vw;
        letter-spacing: .53333vw;
        line-height: 1.6;
        margin-top: 10.66667vw;
        text-align: right
    }

    .cmn-sns-list {
        margin-top: 2.66667vw
    }

    .menu-sns .cmn-sns-list {
        margin-top: 3.2vw
    }

    .cmn-sns-item {
        margin-left: 2.66667vw
    }

    .cmn-sns-item,.cmn-sns-item img {
        height: 10.66667vw;
        width: 10.66667vw
    }

    .footer-bottom {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 12vw;
        padding-top: 8vw;
        width: 90%
    }

    .footer-logo-2 {
        margin-right: 4vw
    }

    .footer-logo-2,.footer-logo-2 img,.footer-logo-3,.footer-logo-3 img {
        height: 7.97333vw;
        width: 29.12vw
    }

    .footer-copy {
        font-size: 2.66667vw;
        margin-top: 4vw;
        text-align: center;
        width: 100%
    }

    .header-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-left: 4vw;
        padding-top: 6.66667vw
    }

    .header-logo a,.header-logo a img {
        height: 5.86667vw;
        width: 52.26667vw
    }

    .header-txt {
        font-size: 2.66667vw;
        letter-spacing: .26667vw;
        margin-left: 0;
        margin-top: 1.33333vw
    }

    .fixed-links {
        display: none
    }

    .hamburger {
        height: 13.33333vw;
        right: .8vw;
        top: 4vw;
        width: 17.33333vw
    }

    .hamburger-line {
        height: 1px;
        width: 9.33333vw
    }

    .hamburger-line-1 {
        top: 5.06667vw
    }

    .is-active .hamburger-line-1 {
        top: 6.66667vw;
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    .hamburger-line-2 {
        top: 6.66667vw
    }

    .hamburger-line-3 {
        top: 8.53333vw
    }

    .is-active .hamburger-line-3 {
        top: 6.66667vw;
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    .menu {
        padding-bottom: 0
    }

    .menu::-webkit-scrollbar {
        width: 5px
    }

    .menu {
        padding-bottom: 8vw
    }

    .menu-inner {
        padding-top: 26.66667vw;
        width: 100%
    }

    .menu-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .menu-search {
        margin-left: auto;
        margin-right: auto;
        width: 88%
    }

    .menu-bnr {
        margin-left: 0;
        overflow: hidden;
        width: 100%
    }

    .menu-career .cmn-career h4 {
        margin-top: 4.26667vw
    }

    .menu-career .cmn-career .menu-u-list {
        margin-top: 9.136px
    }

    .menu-career .cmn-career .menu-u-list a {
        margin-bottom: 4.568px
    }

    .menu-latest {
        margin-top: 13.33333vw;
        padding-left: 0
    }

    .menu-swiper {
        margin-top: 6.66667vw
    }

    .menu-links {
        height: 21.33333vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 13.33333vw;
        width: 90%
    }

    .menu-links-dakara {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 24vw
    }

    .menu-link {
        font-size: 4.26667vw;
        margin-left: 2.93333vw;
        margin-right: 2.93333vw
    }

    .menu-link span {
        margin-left: 2.66667vw
    }

    .menu-link span,.menu-link span img {
        height: 8vw;
        width: 8vw
    }

    .menu-links-dakara .menu-link {
        border-radius: 1.33333vw;
        border-width: 1.5px;
        font-size: 4.8vw;
        height: auto;
        margin-bottom: 4.8vw;
        padding-bottom: 3.46667vw;
        padding-top: 3.46667vw;
        width: 62.66667vw
    }

    .menu-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center
    }

    .menu-u-list {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        margin-top: 9.33333vw;
        -webkit-order: 1;
        order: 1
    }

    .menu-u {
        font-size: 3.2vw;
        line-height: 1;
        margin-left: 3.2vw;
        margin-right: 3.2vw
    }

    .menu-u:after {
        height: 3.2vw;
        margin-left: 1.86667vw;
        width: 3.2vw
    }

    .menu-sns {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10.66667vw;
        -webkit-order: 0;
        order: 0
    }

    .menu-sns-cap {
        font-size: 3.2vw;
        line-height: 1.5;
        text-align: center
    }

    .page-404 .not-found {
        background-image: url(/assets/images/common/list-bg-1.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: 92vw 56.8vw;
        background-size: 92vw 56.8vw
    }

    .page-404 .not-found-inner {
        min-height: 0;
        padding-top: 29.33333vw;
        width: 85%
    }

    .page-404 .not-found-ttl {
        font-size: 30px;
        width: 100%
    }

    .page-404 .not-found-ttl span {
        font-size: 20px;
        margin-top: 25px
    }

    .page-404 .not-found-txt {
        font-size: 12px;
        margin-top: 30px;
        padding-bottom: 100px;
        width: 100%
    }

    .page-dakara .kv {
        background-image: none;
        height: auto;
        padding-top: 0
    }

    .page-dakara .kv-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-box-align: start;
        -moz-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-top: 34.66667vw;
        width: 90%
    }

    .page-dakara .kv-words {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        margin-top: 0;
        -webkit-order: 1;
        order: 1;
        width: 100%
    }

    .page-dakara .kv-ttl {
        font-size: 9.6vw;
        letter-spacing: .8vw;
        line-height: 1.4;
        margin-left: 2.66667vw;
        padding: 1.06667vw 2.4vw;
        position: relative;
        top: -5.33333vw
    }

    .page-dakara .kv-pic {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        margin-right: 0;
        -webkit-order: 0;
        order: 0;
        width: 100%
    }

    .page-dakara .tab-area {
        margin-top: 17.33333vw
    }

    .page-dakara .tab-area-2 {
        margin-top: 0
    }

    .page-dakara .tab-inner,.page-dakara .tab-list {
        width: 92%
    }

    .page-dakara .tab-item {
        border-top-left-radius: 1.33333vw;
        border-top-right-radius: 1.33333vw;
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        height: 16.53333vw;
        padding-top: 1.33333vw;
        width: 41.06667vw
    }

    .page-dakara .tab-item:before {
        border-bottom-left-radius: 1.33333vw;
        border-bottom-right-radius: 1.33333vw;
        height: 1.33333vw;
        width: 8vw
    }

    .page-dakara .tab-item-en {
        font-size: 2.66667vw;
        line-height: 1.3
    }

    .page-dakara .tab-item-en span {
        font-size: 2.66667vw;
        left: -.53333vw;
        top: -.53333vw
    }

    .page-dakara .tab-item-ja {
        font-size: 5.33333vw;
        letter-spacing: .26667vw;
        line-height: 1.3
    }

    .page-dakara .topics {
        min-height: 213.33333vw
    }

    .page-dakara .topics-ttl {
        font-size: 4.26667vw;
        letter-spacing: .13333vw;
        margin-left: 3.46667vw
    }

    .page-dakara .topics-ttl span {
        font-size: 9.6vw;
        padding-left: 1.06667vw
    }

    .page-dakara .topics-blob {
        height: 15.73333vw;
        left: -6.13333vw;
        width: 20vw
    }

    .page-dakara .career-data,.page-dakara .teach-data {
        -webkit-background-size: 200% 200%;
        background-size: 200%;
        margin-top: 12vw;
        padding-bottom: 8vw;
        padding-top: 10.66667vw
    }

    .page-dakara .career-data-en {
        font-size: 4.26667vw;
        letter-spacing: .08vw
    }

    .page-dakara .career-data-en span {
        font-size: 3.2vw;
        left: -.8vw;
        top: -1.06667vw
    }

    .page-dakara .career-data-ttl {
        font-size: 6.4vw;
        letter-spacing: .32vw;
        margin-top: .8vw
    }

    .page-dakara .career-data-cap {
        font-size: 3.2vw;
        letter-spacing: .26667vw;
        margin-top: 4.8vw
    }

    .page-dakara .career-data-cap span {
        display: block;
        padding-left: 0
    }

    .page-dakara .career-data-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-top: 8vw;
        width: 85%
    }

    .page-dakara .teach-data-list {
        margin-top: 9.33333vw;
        width: 87%
    }

    .page-dakara .career-data-item {
        border-radius: 1.33333vw;
        margin-bottom: 8vw;
        padding: 5.33333vw;
        width: 100%
    }

    .page-dakara .teach-data-item {
        padding: 6.66667vw 4vw;
        width: 100%
    }

    .page-dakara .career-data-item-ttl {
        font-size: 3.73333vw;
        letter-spacing: .13333vw;
        padding-bottom: .8vw
    }

    .page-dakara .career-data-item-ttl span {
        font-size: 3.2vw;
        padding-left: 1.33333vw
    }

    .page-dakara .career-data-item-ttl:after {
        background-image: -webkit-linear-gradient(left,#292f4a,#292f4a 4px,transparent 0,transparent 3px);
        background-image: -moz-linear-gradient(left,#292f4a,#292f4a 4px,transparent 2px,transparent 3px);
        background-image: linear-gradient(90deg,#292f4a,#292f4a 4px,transparent 0,transparent 3px);
        -webkit-background-size: 8px 1.2px;
        background-size: 8px 1.2px;
        content: "";
        height: 2px;
        width: 100%
    }

    .page-dakara .career-data-block {
        margin-top: 4vw
    }

    .page-dakara .teach-data-block {
        margin-top: 8vw
    }

    .page-dakara .career-data-icon {
        border-radius: 1.33333vw;
        height: 34.66667vw;
        width: 24vw
    }

    .page-dakara .teach-data-icon {
        height: 42.66667vw;
        width: 20vw
    }

    .page-dakara .career-data-icon-1 {
        height: 10.13333vw;
        width: 11.46667vw
    }

    .page-dakara .teach-data-icon-1 {
        height: 9.6vw;
        width: 10.66667vw
    }

    .page-dakara .career-data-icon-2 {
        height: 10.93333vw;
        width: 10.93333vw
    }

    .page-dakara .career-data-icon-3 {
        height: 10.4vw;
        width: 9.33333vw
    }

    .page-dakara .career-data-res-1 {
        font-size: 9.06667vw;
        letter-spacing: .26667vw
    }

    .page-dakara .career-data-res-1.mt10 {
        margin-top: 2.66667vw
    }

    .page-dakara .career-data-res-1 span {
        font-size: 4.26667vw;
        margin-right: 1.6vw
    }

    .page-dakara .career-data-res-1 i {
        font-size: 4.26667vw
    }

    .page-dakara .carrer-data-num-1 {
        font-size: 2.66667vw;
        letter-spacing: .13333vw
    }

    .page-dakara .career-data-res-2 {
        font-size: 9.06667vw;
        letter-spacing: .26667vw
    }

    .page-dakara .career-data-res-2 span {
        font-size: 4.26667vw;
        margin-right: 1.6vw
    }

    .page-dakara .career-data-res-2 i {
        font-size: 4.26667vw
    }

    .page-dakara .carrer-data-num-2 {
        font-size: 8vw;
        letter-spacing: .26667vw;
        margin-bottom: 1.6vw
    }

    .page-dakara .carrer-data-num-2.mt10 {
        margin-top: 2.66667vw
    }

    .page-dakara .carrer-data-num-2 span {
        font-size: 4.26667vw;
        margin-right: 1.6vw
    }

    .page-dakara .carrer-data-num-2 i {
        font-size: 4.26667vw
    }

    .page-dakara .teach-data-res-item {
        margin-bottom: 6.66667vw
    }

    .page-dakara .teach-data-res-item.mb50 {
        margin-bottom: 8vw
    }

    .page-dakara .teach-data-res-item:last-child {
        margin-bottom: 0
    }

    .page-dakara .teach-data-res-item dt {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        font-size: 3.73333vw
    }

    .page-dakara .teach-data-res-item dd {
        font-size: 9.06667vw;
        letter-spacing: -.13333vw;
        line-height: .6;
        width: 32vw
    }

    .page-dakara .teach-data-res-item dd .teach-data-res-hoiku {
        line-height: .6
    }

    .page-dakara .teach-data-res-item dd .teach-data-res-hoiku:first-child {
        margin-right: 3.46667vw
    }

    .page-dakara .teach-data-res-item dd .teach-data-res-hoiku i {
        font-size: 3.2vw;
        letter-spacing: .26667vw;
        right: 5.33333vw;
        top: -4.8vw;
        width: 9.33333vw
    }

    .page-dakara .teach-data-res-item dd span {
        font-size: 4.26667vw;
        line-height: .6;
        margin-left: 1.06667vw
    }

    .page-dakara .career-item-1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-top: 18.66667vw;
        width: 90%
    }

    .page-dakara .career-item-1-words {
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
        width: 95%
    }

    .page-dakara .career-item-1-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .topics-item-copy {
        font-size: 24px;
        letter-spacing: 2px;
        margin-top: 10px;
        text-align: justify
    }

    .page-dakara .topics-item-copy i {
        font-size: 16px
    }

    .page-dakara .topics-item-txt {
        font-size: 14px;
        letter-spacing: 2px;
        margin-top: 30px
    }

    .page-dakara .topics-item-txt-8 {
        width: 100%
    }

    .page-dakara .topics-circles {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 8vw
    }

    .page-dakara .topics-circle {
        font-size: 3.2vw;
        height: 25.33333vw;
        letter-spacing: .13333vw;
        line-height: 1.4;
        margin-left: 1.33333vw;
        margin-right: 1.33333vw;
        width: 25.33333vw
    }

    .page-dakara .career-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .page-dakara .career-item-2 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .career-item-2-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .career-item-3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .career-item-3-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .career-bg-area:after {
        display: none
    }

    .page-dakara .career-bg-inner {
        width: 100%
    }

    .page-dakara .career-item-4,.page-dakara .career-item-5 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .topics-view {
        border-radius: 1.33333vw;
        margin-top: 5.33333vw;
        padding: 4vw 4vw 5.33333vw
    }

    .page-dakara .topics-view.mt30 {
        margin-top: 8vw
    }

    .page-dakara .topics-view-ttl {
        font-size: 3.73333vw;
        letter-spacing: .26667vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl {
        font-size: 3.73333vw;
        letter-spacing: .13333vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl span {
        font-size: 3.2vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl p {
        border-radius: 5.33333vw;
        font-size: 3.2vw;
        letter-spacing: .26667vw;
        margin-left: 0;
        margin-top: 1.33333vw;
        padding: .53333vw 3.2vw
    }

    .page-dakara .topics-view-item {
        border-radius: 1.33333vw;
        font-size: 12px;
        letter-spacing: .7px;
        margin-top: 3.46667vw;
        padding: 4vw
    }

    .page-dakara .career-item-8 .topics-view-item {
        height: 53.33333vw;
        overflow: hidden;
        will-change: height
    }

    .page-dakara .topics-more {
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-align-items: center;
        align-items: center;
        background-color: #fff;
        bottom: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        font-size: 3.73333vw;
        height: 16vw;
        -webkit-justify-content: center;
        justify-content: center;
        left: 0;
        padding-bottom: 4vw;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .page-dakara .topics-more svg {
        height: 1.52vw;
        margin-top: .8vw;
        width: 2.93333vw
    }

    .page-dakara .topics-more:before {
        background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
        background-image: -webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);
        background-image: -moz-linear-gradient(top,hsla(0,0%,100%,0),#fff);
        background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
        content: "";
        height: 21.33333vw;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: -21.33333vw;
        width: 100%
    }

    .page-dakara .topics-view-cap {
        font-size: 12px;
        margin-top: 2.66667vw
    }

    .page-dakara .topics-view-cap span {
        font-size: 12px;
        padding-left: 5px
    }

    .page-dakara .career-item-6 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .career-item-7 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 56vw;
        width: 85%
    }

    .page-dakara .career-item-7-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .career-big-circles {
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        width: 96%
    }

    .page-dakara .career-big-circle {
        font-size: 3.2vw;
        height: 36vw;
        width: 36vw
    }

    .page-dakara .career-big-circle-abso {
        top: 34.13333vw
    }

    .page-dakara .career-item-8 {
        margin-top: 21.33333vw;
        padding-bottom: 18.66667vw;
        width: 85%
    }

    .page-dakara .career-item-8-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .page-dakara .career-voice {
        margin-bottom: 2.66667vw;
        margin-right: 0;
        margin-top: 4vw;
        padding-top: 4vw;
        width: 100%
    }

    .page-dakara .career-voice-ttl {
        font-size: 3.73333vw
    }

    .page-dakara .career-voice-list {
        margin-top: 2.66667vw
    }

    .page-dakara .career-voice-item {
        font-size: 3.46667vw;
        height: 20.26667vw;
        letter-spacing: .13333vw;
        line-height: 1.5;
        margin-bottom: 3.2vw;
        padding-left: 6.66667vw;
        padding-right: 6.66667vw;
        width: 83.73333vw
    }

    .page-dakara .teach-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .page-dakara .teach-item-1 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .teach-item-1-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .teach-item-2 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .teach-item-2-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .teach-item-3 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 86%
    }

    .page-dakara .teach-item-3-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .teach-item-4 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .teach-item-4-pic {
        margin-top: 8vw;
        width: 100%
    }

    .page-dakara .teach-item-5 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        width: 85%
    }

    .page-dakara .teach-item-5-pic {
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        width: 85%
    }

    .page-dakara .topics-view-prefectures {
        padding-left: 10px
    }

    .page-dakara .topics-view-prefectures li {
        font-size: 14px;
        margin-left: 15px;
        margin-right: 25px;
        text-indent: -5px
    }

    .page-dakara .teach-time-list {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 8vw
    }

    .page-dakara .teach-time-item {
        border-radius: 13.33333vw;
        letter-spacing: .26667vw;
        padding: 5.33333vw 4vw
    }

    .page-dakara .teach-time-item:first-child {
        margin-right: 0
    }

    .page-dakara .teach-time-item-l {
        font-size: 2.66667vw;
        padding-bottom: 2.66667vw;
        padding-right: 1.6vw;
        padding-top: 2.66667vw
    }

    .page-dakara .teach-time-item-r {
        font-size: 5.33333vw;
        padding-left: 2.66667vw
    }

    .page-dakara .teach-time-item-r i {
        font-size: 2.66667vw;
        line-height: 1.4
    }

    .page-dakara .teach-time-item-r span {
        font-size: 3.73333vw;
        line-height: 1.4
    }

    .page-dakara .teach-item-6 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 21.33333vw;
        padding-bottom: 0;
        width: 85%
    }

    .page-dakara .teach-item-6-pic {
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        padding-bottom: 18.66667vw;
        width: 85%
    }

    .page-dakara .banner-area {
        margin-bottom: 32vw;
        width: 85%
    }

    .page-dakara .banner-area .image {
        margin-bottom: 5.33333vw;
        padding: 4vw 4vw 0 2.13333vw
    }

    .page-dakara .banner-area .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 4vw 4vw;
        row-gap: 2.66667vw
    }

    .page-dakara .banner-area .content a {
        font-size: 3.73333vw;
        padding: 2.66667vw 3.73333vw
    }

    .page-dakara .banner-area .content a .icon {
        height: 5.33333vw;
        width: 5.33333vw
    }

    .page-detail .l-content {
        background-image: url(/assets/images/common/article-bg-sp.png)
    }

    .page-detail .head {
        padding-top: 26.66667vw;
        width: 100%
    }

    .page-detail .head-inner {
        width: 85%
    }

    .page-detail .head-date {
        font-size: 12px
    }

    .page-detail .head-ttl {
        font-size: 20px;
        margin-top: 5.33333vw
    }

    .page-detail .head-profile {
        margin-top: 2.66667vw
    }

    .page-detail .head-profile .cmn-profile-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .page-detail .head-profile .cmn-profile-depart {
        margin-left: 0;
        margin-top: 5px
    }

    .page-detail .head-profile .cmn-profile-name {
        margin-top: 5px
    }

    .page-detail .l-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-top: 8vw;
        width: 85%
    }

    .page-detail .mv {
        border-radius: 2.66667vw;
        height: 56vw;
        width: 84vw
    }

    .page-detail .l-center {
        width: 100%
    }

    .page-detail .article dl {
        margin-top: 30px
    }

    .page-detail .article dl dt {
        font-size: 18px
    }

    .page-detail .article dl dt:before {
        -webkit-transform: translateY(12px);
        -moz-transform: translateY(12px);
        -ms-transform: translateY(12px);
        transform: translateY(12px)
    }

    .page-detail .article dl dd {
        font-size: 14px
    }

    .page-detail .article figure {
        margin-top: 30px;
        width: 76vw
    }

    .page-detail .article h2 {
        font-size: 24px;
        letter-spacing: 1.5px;
        margin-top: 60px;
        padding-bottom: 12px;
        padding-top: 10px
    }

    .page-detail .article h3 {
        font-size: 20px;
        margin-top: 30px;
        letter-spacing: normal;
    }

    .page-detail .article h3:before {
        -webkit-transform: translateY(13px);
        -moz-transform: translateY(13px);
        -ms-transform: translateY(13px);
        transform: translateY(13px)
    }

    .page-detail .article h4 {
        font-size: 18px;
        margin-top: 50px
    }

    .page-detail .article h4:before {
        height: 10px;
        margin-right: 7px;
        width: 10px
    }

    .page-detail .article h5 {
        font-size: 18px;
        margin-top: 50px
    }

    .page-detail .article h6 {
        font-size: 16px;
        margin-top: 50px
    }

    .page-detail .article>p {
        font-size: 14px;
        margin-top: 20px
    }

    .page-detail .article ol,.page-detail .article ul {
        margin-top: 50px
    }

    .page-detail .rule {
        margin-top: 16vw
    }

    .page-detail .rule-head {
        font-size: 3.73333vw;
        height: 8vw;
        padding-left: 5.33333vw;
        padding-top: 5.33333vw;
        width: 60.06667vw;
    }

    .page-detail .rule-head span {
        font-size: 4.8vw;
        padding-left: 1.33333vw
    }

    .page-detail .rule-body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        border-radius: 2.66667vw;
        border-top-left-radius: 0;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 8vw
    }

    .page-detail .rule-pic {
        height: 68vw;
        margin-left: auto;
        margin-right: auto;
        width: 68vw
    }

    .page-detail .rule-word {
        padding-left: 0
    }

    .page-detail .rule-ttl {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 1.6;
        margin-top: 20px;
        padding-bottom: 17px
    }

    .page-detail .rule-txt {
        font-size: 14px;
        letter-spacing: 1px;
        margin-top: 17px
    }

    .page-detail .keyword {
        margin-top: 13.33333vw;
        padding: 6.4vw 0 4.8vw;
        width: 100%
    }

    .page-detail .keyword .cmn-keyword-list {
        margin-bottom: 0;
        margin-top: 0
    }

    .page-detail .back-btn {
        font-size: 3.73333vw;
        letter-spacing: .13333vw;
        margin-top: 10.66667vw
    }

    .page-detail .back-btn:before {
        height: 10.66667vw;
        width: 10.66667vw
    }

    .page-detail .latest {
        margin-top: 18.66667vw;
        padding-bottom: 0
    }

    .page-detail .latest-inner {
        width: 85%
    }

    .page-detail .pop {
        margin-top: 18.66667vw;
        padding-bottom: 26.66667vw
    }

    .page-detail .pop-inner {
        width: 85%
    }

    .page-detail .l-side {
        display: none;
        width: 100%
    }

    .page-index .mv {
        height: 200vw;
        padding-top: 36vw
    }

    .page-index .mv-ttl,.page-index .mv-ttl img {
        height: 33.86667vw;
        width: 67.2vw
    }

    .page-index .mv-txt {
        font-size: 3.2vw;
        letter-spacing: 1.713px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8vw;
        text-align: left;
        text-align: justify;
        width: 76%
    }

    .page-index .mv-slider {
        margin-top: 14.66667vw
    }

    .page-index .mv-card {
        border-radius: 1.33333vw;
        height: 82.66667vw;
        width: 100%
    }

    .page-index .mv-card .blob {
        height: 35.2vw;
        left: -16vw;
        top: -13.33333vw;
        width: 49.86667vw
    }

    .page-index .mv-card .blob.anime-1 {
        height: 48vw;
        left: -16vw;
        top: -13.33333vw;
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 68vw
    }

    .page-index .mv-card .blob.anime-2 {
        height: 16vw;
        left: 25.33333vw;
        top: 28vw;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 40% 40%;
        -moz-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
        transform-origin: 40% 40%;
        width: 22.66667vw
    }

    .page-index .mv-card .blob.anime-3 {
        height: 16vw;
        left: -16vw;
        top: -13.33333vw;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 22.66667vw
    }

    .page-index .mv-card-pic {
        height: 82.66667vw;
        width: 100%
    }

    .page-index .mv-scroller {
        display: none
    }

    .page-index .l-mv-bg {
        height: 200vw
    }

    .page-index .mv-bg img {
        height: 70svh;
        width: 100%
    }

    .page-index .reco {
        margin-top: 26.66667vw;
        width: 85%
    }

    .page-index .reco,.page-index .reco-ttl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .page-index .reco-ttl-blob {
        height: 11.46667vw;
        left: -3.46667vw;
        top: -2.93333vw;
        width: 14.93333vw;
        z-index: 0
    }

    .page-index .reco-ttl-en {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        font-size: 3.2vw;
        height: auto;
        letter-spacing: .26667vw;
        margin-left: 5.71px;
        -webkit-order: 0;
        order: 0;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .page-index .reco-ttl-en span {
        font-size: 2.66667vw;
        -webkit-transform: translateX(-.26667vw) translateY(-1.06667vw);
        -moz-transform: translateX(-.26667vw) translateY(-1.06667vw);
        -ms-transform: translateX(-.26667vw) translateY(-1.06667vw);
        transform: translateX(-.26667vw) translateY(-1.06667vw)
    }

    .page-index .reco-ttl-ja {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        font-size: 8vw;
        height: auto;
        letter-spacing: .53333vw;
        margin-left: .8vw;
        margin-right: 0;
        margin-top: .8vw;
        -webkit-order: 1;
        order: 1;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }

    .page-index .reco-card-list {
        left: 0;
        margin-top: 36.544px;
        position: relative;
        width: 100%
    }

    .page-index .reco-card-list .blob.anime-1 {
        height: 32vw;
        left: -21.33333vw;
        top: -16vw;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        transform: scale(5);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 45.33333vw
    }

    .page-index .reco-card-list .blob.anime-2 {
        height: 16vw;
        left: 32vw!important;
        top: 16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 40% 40%;
        -moz-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
        transform-origin: 40% 40%;
        width: 22.66667vw
    }

    .page-index .reco-card-list .blob.anime-3 {
        height: 16vw;
        left: -21.33333vw!important;
        top: -16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 22.66667vw
    }

    .page-index .timer {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        position: static
    }

    .page-index .timer-item {
        margin-left: 5px;
        margin-right: 5px
    }

    .page-index .tp-search {
        background-image: none;
        margin-top: 13.33333vw;
        min-height: auto;
        padding-top: 0;
        width: 92%
    }

    .page-index .tp-pop {
        margin-top: 16vw
    }

    .page-index .tp-pop-inner {
        width: 85%
    }

    .page-index .tp-pop-card-list {
        margin-top: 8vw
    }

    .page-index .tp-pop-card-list .blob {
        z-index: 1
    }

    .page-index .tp-pop-card-list .blob.anime-1 {
        height: 32vw;
        left: -21.33333vw;
        top: -16vw;
        -webkit-transform: scale(6);
        -moz-transform: scale(6);
        -ms-transform: scale(6);
        transform: scale(6);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 45.33333vw
    }

    .page-index .tp-pop-card-list .blob.anime-2 {
        height: 68.52px;
        height: 16vw;
        left: 32vw!important;
        top: 16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 40% 40%;
        -moz-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
        transform-origin: 40% 40%;
        width: 97.07px;
        width: 22.66667vw
    }

    .page-index .tp-pop-card-list .blob.anime-3 {
        height: 16vw;
        left: -21.33333vw!important;
        top: -16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 22.66667vw
    }

    .page-index .reason {
        margin-top: 21.33333vw
    }

    .page-index .reason-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .page-index .reason-word {
        height: auto;
        padding: 12vw 4vw 80vw;
        width: 100%
    }

    .page-index .reason-ttl {
        font-size: 6.93333vw;
        letter-spacing: .32vw;
        padding: .8vw 3.2vw
    }

    .page-index .reason-txt {
        font-size: 3.73333vw;
        letter-spacing: .53333vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5.33333vw;
        width: 90%
    }

    .page-index .reason-pic {
        bottom: 0;
        margin-top: 0;
        top: auto;
        width: 100%
    }

    .page-index .reason-btn {
        margin-top: 5.33333vw
    }

    .page-index .reason-btn span {
        font-size: 3.2vw;
        letter-spacing: .53333vw;
        margin-right: 4vw
    }

    .page-index .reason-circle {
        height: 12vw;
        width: 12vw
    }

    .page-index .reason-arrow {
        height: 2.944vw;
        width: 5.12vw
    }

    .page-index .latest {
        margin-top: 18.66667vw;
        padding-bottom: 26.66667vw;
        width: 100%
    }

    .page-index .latest-inner {
        width: 85%
    }

    .page-index .latest-swiper .blob {
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        content: "";
        position: absolute;
        z-index: 1
    }

    .page-index .latest-swiper .blob.anime-1 {
        height: 32vw;
        left: -21.33333vw;
        top: -16vw;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 45.33333vw
    }

    .page-index .latest-swiper .blob.anime-2 {
        height: 16vw;
        left: 28vw!important;
        top: 16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 40% 40%;
        -moz-transform-origin: 40% 40%;
        -ms-transform-origin: 40% 40%;
        transform-origin: 40% 40%;
        width: 22.66667vw
    }

    .page-index .latest-swiper .blob.anime-3 {
        height: 16vw;
        left: -21.33333vw!important;
        top: -16vw!important;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 25% 25%;
        -moz-transform-origin: 25% 25%;
        -ms-transform-origin: 25% 25%;
        transform-origin: 25% 25%;
        width: 22.66667vw
    }

    .page-keyword .keyword {
        background-image: url(/assets/images/common/list-bg-1.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: 92vw 56.8vw;
        background-size: 92vw 56.8vw
    }

    .page-keyword .keyword-inner {
        padding-top: 125.62px;
        width: 100%
    }

    .page-keyword .keyword-ttl {
        font-size: 14px;
        width: 85%
    }

    .page-keyword .keyword-ttl p {
        font-size-adjust: 12px;
        margin-bottom: 12px
    }

    .page-keyword .keyword-ttl span {
        font-size: 20px;
        padding-right: 7px
    }

    .page-keyword .l-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-top: 8vw;
        padding-bottom: 24vw;
        width: 100%
    }

    .page-keyword .l-center {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }

    .page-keyword .l-side {
        width: 100%
    }

    .page-keyword .other-keyword {
        margin-left: auto;
        margin-right: auto;
        margin-top: 16vw;
        padding-top: 1.33333vw;
        width: 88%
    }

    .page-keyword .keyword-list {
        width: 85%
    }

    .page-keyword .keyword-bnr {
        margin-top: 16vw;
        width: 87%
    }

    .page-department .articles {
        background-image: url(/assets/images/common/list-bg-1.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: 92vw 56.8vw;
        background-size: 92vw 56.8vw
    }

    .page-department .articles-inner {
        padding-top: 125.62px;
        width: 85%
    }

    .page-department .articles-ttl {
        font-size: 14px;
        width: 100%
    }

    .page-department .articles-ttl p {
        font-size-adjust: 12px;
        margin-bottom: 12px
    }

    .page-department .articles-ttl span {
        font-size: 20px;
        padding-right: 7px
    }

    .page-department .articles-list {
        margin-top: 8vw;
        width: 100%
    }

    .page-department .articles-list:after {
        display: none
    }

    .page-department .depart {
        margin-top: 16vw;
        padding-bottom: 21.33333vw;
        padding-top: 6.66667vw;
        width: 87%
    }
}

@media print,screen and (min-width: 769px) {
    .u-sp {
        display:none
    }

    .pager-arrow {
        -webkit-transition: opacity .2s ease-out 0s;
        -moz-transition: opacity .2s ease-out 0s;
        transition: opacity .2s ease-out 0s
    }

    html.is-scrollbar.is-modal .hamburger {
        right: 8px
    }

    .page-dakara .banner-area .content a:hover {
        background-color: #fff
    }

    .page-dakara .banner-area .content a:hover.wu {
        color: #cf495c
    }

    .page-dakara .banner-area .content a:hover.jc {
        color: #d58643
    }

    .page-detail .article dl dd a:hover,.page-detail .article dl dt a:hover,.page-detail .article h2 a:hover,.page-detail .article h3 a:hover,.page-detail .article h4 a:hover,.page-detail .article h5 a:hover,.page-detail .article h6 a:hover,.page-detail .article ol li a:hover,.page-detail .article ul li a:hover,.page-detail .article>p a:hover {
        text-decoration: none!important
    }

    .page-detail .pop {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1599px) {
    .pager {
        margin-top:1.42857vw
    }

    .pager-arrow {
        padding: .92857vw .71429vw
    }

    .pager-arrow:after {
        height: .64286vw;
        width: 2.5vw
    }

    .pager-arrow-prev {
        margin-right: .5vw
    }

    .pager-arrow-next {
        margin-left: .5vw
    }

    .pager-item {
        font-size: 1.28571vw;
        height: 3.42857vw;
        margin-left: .21429vw;
        margin-right: .21429vw;
        width: 3.42857vw
    }

    .pager-item-dot {
        font-size: 1.42857vw;
        padding-bottom: .42857vw
    }

    .reco .cmn-profile {
        margin-left: 2.14286vw;
        min-height: 21.42857vw;
        padding-top: 2.5vw
    }

    .menu-swiper .cmn-profile,.side-swiper .cmn-profile {
        padding-left: 1.07143vw
    }

    .cmn-search {
        min-height: 35.71429vw;
        padding-bottom: 2.85714vw;
        padding-top: 3.57143vw;
        width: 92.85714vw
    }

    .menu .cmn-search {
        width: 46.78571vw
    }

    .cmn-search {
        border-radius: .71429vw
    }

    .cmn-search-box {
        margin-top: .71429vw;
        padding-left: 3.57143vw;
        padding-right: 3.57143vw
    }

    .l-side .cmn-search-box,.menu .cmn-search-box {
        margin-top: 2.14286vw
    }

    .cmn-career h3 {
        margin-left: .42857vw
    }

    .cmn-career h3,.cmn-career h4 {
        font-size: 1.14286vw
    }

    .cmn-career h4 {
        margin-left: .42857vw
    }

    .cmn-career h4:before {
        -webkit-transform: translateY(-.42857vw);
        -moz-transform: translateY(-.42857vw);
        -ms-transform: translateY(-.42857vw);
        transform: translateY(-.42857vw)
    }

    .cmn-career .menu-u-list {
        margin-left: .42857vw
    }

    .cmn-career .menu-u-list a {
        font-size: 1vw
    }

    .cmn-career .menu-u-list .separator {
        height: 1.42857vw;
        margin-left: 1vw;
        margin-right: 1vw
    }

    .cmn-depart h3 {
        font-size: 1.14286vw;
        margin-left: .42857vw
    }

    .cmn-depart-list {
        margin-top: .71429vw
    }

    .depart .cmn-depart-list {
        margin-top: 1.07143vw
    }

    .cmn-depart-item {
        border-radius: .35714vw;
        font-size: 1.14286vw;
        letter-spacing: .07143vw;
        margin-left: .5vw;
        margin-right: .5vw;
        width: 13.21429vw
    }

    .menu .cmn-depart-item {
        width: 14.28571vw
    }

    .l-side .cmn-depart-item {
        font-size: 1vw;
        letter-spacing: .02143vw;
        margin-bottom: .57143vw;
        margin-right: .5vw;
        min-height: 3.21429vw;
        padding-left: .57143vw;
        padding-right: .57143vw
    }

    .depart .cmn-depart-item {
        margin-bottom: .85714vw;
        margin-left: .42857vw;
        margin-right: .42857vw;
        padding-left: 1.07143vw;
        padding-right: 1.07143vw
    }

    .cmn-depart-item {
        border-width: .14286vw;
        margin-bottom: .71429vw;
        min-height: 3.92857vw
    }

    .cmn-depart-item span {
        font-size: .85714vw
    }

    .cmn-keyword {
        margin-top: .71429vw;
        padding-right: 1.78571vw;
        width: 57.14286vw
    }

    .cmn-keyword h3 {
        font-size: 1.14286vw;
        margin-left: .42857vw
    }

    .menu .cmn-keyword {
        padding-right: 1.07143vw
    }

    .l-side .cmn-keyword,.menu .cmn-keyword {
        margin-top: 2.85714vw
    }

    .cmn-keyword-list {
        margin-left: .21429vw;
        margin-top: .71429vw
    }

    .l-side .cmn-keyword-list {
        margin-top: 1.78571vw
    }

    .cmn-keyword-item {
        border-radius: .35714vw;
        font-size: 1.14286vw;
        letter-spacing: .07143vw;
        margin-bottom: .57143vw;
        margin-left: .28571vw;
        margin-right: .28571vw;
        padding-bottom: .5vw;
        padding-left: .64286vw;
        padding-right: .64286vw;
        padding-top: .5vw
    }

    .l-side .cmn-keyword-item {
        font-size: 1vw;
        margin-bottom: .5vw;
        margin-right: .5vw
    }

    .cmn-free {
        margin-top: 3.21429vw;
        padding-left: 2.14286vw
    }

    .menu .cmn-free {
        margin-top: 5.71429vw;
        padding-left: 1.42857vw
    }

    .l-side .cmn-free {
        margin-top: .71429vw
    }

    .form-search-input {
        width: 24.28571vw
    }

    .menu .form-search-input {
        margin-right: 1.42857vw;
        width: 14.28571vw
    }

    .l-side .form-search-input {
        height: 3.21429vw;
        padding-right: 3.57143vw;
        width: 22.85714vw
    }

    .form-search-input {
        border-radius: .35714vw;
        height: 3.92857vw;
        letter-spacing: .07143vw;
        padding-left: 1.14286vw;
        padding-right: 5vw
    }

    .form-search-input::-webkit-input-placeholder {
        letter-spacing: .07143vw
    }

    .form-search-input::-moz-placeholder {
        letter-spacing: .07143vw
    }

    .form-search-input:-ms-input-placeholder {
        letter-spacing: .07143vw
    }

    .form-search-input::-ms-input-placeholder {
        letter-spacing: .07143vw
    }

    .form-search-input::placeholder {
        letter-spacing: .07143vw
    }

    .form-search-input::-webkit-input-placeholder {
        font-size: 1.14286vw
    }

    .form-search-input::-moz-placeholder {
        font-size: 1.14286vw
    }

    .form-search-input:-ms-input-placeholder {
        font-size: 1.14286vw
    }

    .form-search-input::-ms-input-placeholder {
        font-size: 1.14286vw
    }

    .form-search-input::placeholder {
        font-size: 1.14286vw
    }

    .form-search-btn {
        right: .71429vw
    }

    .menu .form-search-btn {
        right: 2.14286vw
    }

    .l-side .form-search-btn {
        right: 1.28571vw
    }

    .form-search-btn {
        height: 1.85714vw;
        padding: .35714vw;
        width: 1.85714vw
    }

    .cmn-search-ttl {
        width: 12vw
    }

    .l-side .cmn-search-ttl {
        width: 9.42857vw
    }

    .cmn-search-blob {
        height: 3.92857vw;
        top: -5.5vw;
        width: 5.14286vw
    }

    .cmn-search-blob img {
        height: 4.92857vw;
        width: 6.14286vw;
    }

    .l-side .cmn-search-blob {
        left: -.14286vw
    }

    .cmn-search-ttl-en {
        font-size: 1.14286vw;
        letter-spacing: .07143vw
    }

    .menu .cmn-search-ttl-en {
        padding-left: 1.14286vw
    }

    .cmn-search-ttl-en span {
        font-size: .85714vw;
        -webkit-transform: translateX(-.07143vw) translateY(-.21429vw);
        -moz-transform: translateX(-.07143vw) translateY(-.21429vw);
        -ms-transform: translateX(-.07143vw) translateY(-.21429vw);
        transform: translateX(-.07143vw) translateY(-.21429vw)
    }

    .l-side .cmn-search-ttl-en {
        font-size: 1vw;
        letter-spacing: .04286vw;
        padding-left: 1.85714vw
    }

    .cmn-search-ttl-ja {
        font-size: 2.28571vw;
        letter-spacing: .14286vw
    }

    .menu .cmn-search-ttl-ja {
        margin-top: -.14286vw;
        padding-left: 1.14286vw
    }

    .l-side .cmn-search-ttl-ja {
        font-size: 1.42857vw;
        margin-top: -.14286vw;
        padding-left: 1.71429vw
    }

    .side-pop .cmn-pop-ttl {
        margin-left: 1.28571vw;
        top: .71429vw
    }

    .cmn-pop-blob {
        height: 3.92857vw;
        left: -6.64286vw;
        top: -.5vw
    }

    .cmn-pop-blob,.cmn-pop-blob img {
        width: 7.14286vw;
    }

    .cmn-pop-blob img {
        height: 5.92857vw;
    }

    .side-pop .cmn-pop-blob {
        top: -5.78571vw;
    }

    .cmn-pop-ttl-en {
        font-size: 1.14286vw;
        letter-spacing: .07143vw;
        margin-left: .35714vw
    }

    .cmn-pop-ttl-en span {
        font-size: .85714vw;
        -webkit-transform: translateX(-.07143vw) translateY(-.28571vw);
        -moz-transform: translateX(-.07143vw) translateY(-.28571vw);
        -ms-transform: translateX(-.07143vw) translateY(-.28571vw);
        transform: translateX(-.07143vw) translateY(-.28571vw)
    }

    .side-pop .cmn-pop-ttl-en {
        font-size: 1vw
    }

    .cmn-pop-ttl-ja {
        font-size: 2.28571vw;
        letter-spacing: .14286vw;
        margin-top: -.14286vw
    }

    .side-pop .cmn-pop-ttl-ja {
        font-size: 1.42857vw;
        margin-top: -.07143vw
    }

    .cmn-card {
        margin-bottom: 3.57143vw;
        width: 37.14286vw
    }

    .latest-swiper .cmn-card {
        width: 21.42857vw
    }

    .reco-card-list .cmn-card {
        min-height: 25.71429vw;
        width: 71.42857vw
    }

    .menu-swiper .cmn-card {
        padding-bottom: 1.28571vw;
        padding-top: 1.07143vw;
        width: 30.35714vw
    }

    .side-swiper .cmn-card {
        padding-bottom: 1.28571vw;
        padding-top: 1.07143vw;
        width: 28.92857vw
    }

    .articles-list .cmn-card {
        margin-bottom: 4.28571vw;
        width: 26.07143vw
    }

    .keyword-list .cmn-card {
        margin-bottom: 4.28571vw;
        width: 26.07143vw
    }

    .cmn-card-pic {
        border-radius: .71429vw;
        height: 24.64286vw;
        margin-bottom: 1.42857vw;
        width: 37.14286vw
    }

    .latest-swiper .cmn-card-pic {
        height: 14.28571vw;
        margin-bottom: .71429vw;
        width: 21.42857vw
    }

    .page-detail .latest-swiper .cmn-card-pic {
        height: 11.78571vw;
        width: 17.85714vw
    }

    .reco-card-list .cmn-card-pic {
        height: 25.71429vw;
        width: 38.57143vw
    }

    .menu-swiper .cmn-card-pic {
        height: 7.57143vw;
        width: 11.42857vw
    }

    .side-swiper .cmn-card-pic {
        height: 7.57143vw;
        width: 11.42857vw
    }

    .articles-list .cmn-card-pic {
        height: 17.28571vw;
        margin-bottom: 1.07143vw;
        width: 26.07143vw
    }

    .keyword-list .cmn-card-pic {
        height: 17.28571vw;
        margin-bottom: 1.07143vw;
        width: 26.07143vw
    }

    .cmn-card-pic:before {
        height: 4.64286vw;
        width: 4.64286vw
    }

    .menu-swiper .cmn-card-pic:before {
        height: 3.21429vw;
        width: 3.21429vw
    }

    .side-swiper .cmn-card-pic:before {
        height: 3.21429vw;
        width: 3.21429vw
    }

    .slider {
        margin-top: .07143vw
    }

    .menu .slider {
        margin-top: 1.07143vw
    }

    .side-pop .slider {
        margin-top: 1.64286vw
    }

    .slider-item {
        padding-top: 2.14286vw;
        width: 21.42857vw
    }

    .slider-item,.slider-item:last-child {
        padding-right: 2.14286vw
    }

    .menu-swiper .slider-item {
        width: 30.35714vw
    }

    .page-detail .latest-swiper .slider-item {
        padding-right: 2.14286vw;
        width: 17.85714vw
    }

    .page-detail .latest-swiper .slider-item:last-child {
        padding-right: 2.14286vw
    }

    .side-swiper .slider-item {
        width: 28.92857vw
    }

    .depart-bnr {
        margin-top: 3.57143vw;
        width: 54.28571vw
    }

    .side-swiper {
        margin-top: 1.42857vw
    }

    .footer {
        height: 22.85714vw
    }

    .footer-head {
        border-bottom-left-radius: 3.57143vw;
        border-bottom-right-radius: 3.57143vw;
        height: 2.14286vw
    }

    .footer-main {
        margin-top: 2.85714vw
    }

    .footer-ttl-cap {
        font-size: .85714vw;
        letter-spacing: .14286vw
    }

    .footer-logo {
        height: 3.21429vw;
        margin-top: .35714vw;
        width: 29vw
    }

    .footer-logo img {
        height: 3.21429vw;
        width: 29vw
    }

    .footer-sns-cap {
        font-size: .85714vw;
        letter-spacing: .14286vw
    }

    .cmn-sns-list {
        margin-top: 1.07143vw
    }

    .menu-sns .cmn-sns-list {
        margin-top: .5vw
    }

    .cmn-sns-item {
        height: 3.57143vw;
        margin-left: 1.07143vw
    }

    .cmn-sns-item,.cmn-sns-item img {
        width: 3.57143vw
    }

    .cmn-sns-item img {
        height: 3.57143vw
    }

    .footer-bottom {
        margin-top: 4.28571vw;
        padding-top: 2.14286vw
    }

    .footer-logo-2 {
        height: 3.28571vw;
        margin-right: 1.42857vw;
        width: 12vw
    }

    .footer-logo-2 img {
        height: 3.28571vw;
        width: 12vw
    }

    .footer-logo-3 {
        height: 3.28571vw;
        width: 12vw
    }

    .footer-logo-3 img {
        height: 3.28571vw;
        width: 12vw
    }

    .footer-copy {
        font-size: .85714vw
    }

    .header-inner {
        padding-left: 2.14286vw;
        padding-top: 2.14286vw
    }

    .header-logo a {
        height: 1.85714vw
    }

    .header-logo a,.header-logo a img {
        width: 17.35714vw
    }

    .header-logo a img {
        height: 1.85714vw
    }

    .header-txt {
        font-size: .85714vw;
        letter-spacing: .07143vw;
        margin-left: 1.42857vw
    }

    .fixed-links {
        right: 8.92857vw;
        top: 1.78571vw
    }

    .fixed-link {
        font-size: 1vw;
        margin-left: 1.42857vw
    }

    .hamburger {
        height: 5.5vw;
        right: .71429vw;
        width: 7.21429vw
    }

    .hamburger-line {
        width: 4.28571vw
    }

    .hamburger-line-1 {
        top: 2vw
    }

    .hamburger-line-2,.is-active .hamburger-line-1 {
        top: 2.71429vw
    }

    .hamburger-line-3 {
        top: 3.42857vw
    }

    .is-active .hamburger-line-3 {
        top: 2.71429vw
    }

    .menu {
        padding-bottom: 3.57143vw
    }

    .menu-inner {
        padding-top: 8.92857vw;
        width: 85.71429vw
    }

    .menu-bnr {
        margin-left: .35714vw;
        margin-top: .71429vw;
        width: 42.35714vw
    }

    .menu-career .cmn-career h4 {
        margin-top: 1.71429vw
    }

    .menu-career .cmn-career .menu-u-list {
        margin-top: .42857vw
    }

    .menu-latest {
        padding-left: 5.14286vw
    }

    .menu-links {
        height: 7.14286vw;
        margin-top: 3.57143vw
    }

    .menu-links-dakara {
        margin-bottom: 8.57143vw
    }

    .menu-link {
        font-size: 1.71429vw;
        letter-spacing: .07143vw;
        margin-left: .92857vw;
        margin-right: .92857vw
    }

    .menu-link span {
        height: 3vw;
        margin-left: .71429vw;
        width: 3vw
    }

    .menu-link span img {
        height: 3vw;
        width: 3vw
    }

    .menu-links-dakara .menu-link {
        border-radius: .35714vw;
        height: 7.57143vw;
        width: 28.57143vw
    }

    .menu-u {
        font-size: 1.14286vw;
        margin-right: 3.57143vw
    }

    .menu-u:after {
        height: .85714vw;
        margin-left: .5vw;
        width: .85714vw
    }

    .menu-sns {
        margin-top: 2.85714vw
    }

    .menu-sns-cap {
        font-size: 1vw
    }

    .page-404 .not-found-inner {
        padding-top: 10.35714vw;
        width: 100vw
    }

    .page-404 .not-found-ttl,.page-404 .not-found-txt {
        width: 85.71429vw
    }

    .page-dakara .kv {
        height: 64.28571vw;
        padding-top: 7.85714vw
    }

    .page-dakara .kv-inner {
        width: 100vw
    }

    .page-dakara .kv-words {
        margin-top: 7.14286vw
    }

    .page-dakara .kv-ttl {
        font-size: 4.28571vw;
        letter-spacing: .42857vw;
        margin-left: 7.14286vw;
        padding: .28571vw .64286vw
    }

    .page-dakara .kv-pic {
        margin-right: 3.57143vw;
        width: 52.5vw
    }

    .page-dakara .tab-area {
        margin-top: -15.35714vw
    }

    .page-dakara .tab-area-2 {
        margin-top: 9.28571vw
    }

    .page-dakara .tab-inner {
        width: 68.21429vw
    }

    .page-dakara .tab-list {
        width: 40vw
    }

    .page-dakara .tab-item {
        border-top-left-radius: .35714vw;
        border-top-right-radius: .35714vw;
        height: 7.07143vw;
        width: 19.64286vw
    }

    .page-dakara .tab-item:before {
        border-bottom-left-radius: .35714vw;
        border-bottom-right-radius: .35714vw;
        height: .71429vw;
        width: 4.28571vw
    }

    .page-dakara .tab-item-en {
        font-size: 1.14286vw
    }

    .page-dakara .tab-item-en span {
        font-size: 1.42857vw;
        left: -.14286vw;
        top: -.14286vw
    }

    .page-dakara .tab-item-ja {
        font-size: 2vw;
        letter-spacing: .07143vw
    }

    .page-dakara .topics {
        min-height: 71.42857vw
    }

    .page-dakara .topics-ttl {
        font-size: 1.14286vw;
        letter-spacing: .03571vw
    }

    .page-dakara .topics-ttl span {
        font-size: 2.57143vw;
        padding-left: .21429vw
    }

    .page-dakara .topics-blob {
        height: 4.21429vw;
        left: -1.64286vw;
        width: 5.35714vw
    }

    .page-dakara .career-data,.page-dakara .teach-data {
        margin-top: 5vw;
        padding-bottom: 4.28571vw;
        padding-top: 4.28571vw
    }

    .page-dakara .career-data-en {
        font-size: 1.14286vw;
        letter-spacing: .02143vw
    }

    .page-dakara .career-data-en span {
        font-size: .85714vw;
        left: -.21429vw;
        top: -.28571vw
    }

    .page-dakara .career-data-ttl {
        font-size: 2.85714vw;
        letter-spacing: .14286vw;
        margin-top: .21429vw
    }

    .page-dakara .career-data-cap {
        font-size: 1vw;
        letter-spacing: .07143vw;
        margin-top: 1.42857vw
    }

    .page-dakara .career-data-cap span {
        padding-left: .71429vw
    }

    .page-dakara .career-data-list {
        margin-top: 2.14286vw;
        width: 92.85714vw
    }

    .page-dakara .teach-data-list {
        margin-top: 2.5vw
    }

    .page-dakara .career-data-item {
        border-radius: .35714vw;
        padding: 2.14286vw 1.42857vw;
        padding-bottom: 1.42857vw;
        width: 30vw
    }

    .page-dakara .teach-data-item {
        padding-bottom: 1.78571vw;
        padding-left: 1.78571vw;
        padding-right: 1.78571vw;
        padding-top: 1.78571vw;
        width: 39.28571vw
    }

    .page-dakara .career-data-item-ttl {
        font-size: 1.14286vw;
        letter-spacing: .03571vw;
        padding-bottom: .21429vw
    }

    .page-dakara .career-data-item-ttl span {
        font-size: 1vw;
        padding-left: .35714vw
    }

    .page-dakara .career-data-block {
        margin-top: 1.07143vw
    }

    .page-dakara .teach-data-block {
        margin-top: 1.78571vw
    }

    .page-dakara .career-data-icon {
        border-radius: .35714vw;
        height: 11.07143vw;
        width: 7.85714vw
    }

    .page-dakara .teach-data-icon {
        height: 13.57143vw
    }

    .page-dakara .career-data-icon-1 {
        height: 3.21429vw;
        width: 3.64286vw
    }

    .page-dakara .teach-data-icon-1 {
        height: 3.14286vw;
        width: 3.5vw
    }

    .page-dakara .career-data-icon-2 {
        height: 3.57143vw;
        width: 3.57143vw
    }

    .page-dakara .career-data-icon-3 {
        height: 3.21429vw;
        width: 2.92857vw
    }

    .page-dakara .career-data-res-1 {
        font-size: 3.92857vw;
        letter-spacing: .07143vw
    }

    .page-dakara .career-data-res-1.mt10 {
        margin-top: .71429vw
    }

    .page-dakara .career-data-res-1 span {
        font-size: 1.14286vw;
        margin-right: .42857vw
    }

    .page-dakara .career-data-res-1 i {
        font-size: 2.5vw
    }

    .page-dakara .carrer-data-num-1 {
        font-size: .85714vw;
        letter-spacing: .03571vw
    }

    .page-dakara .career-data-res-2 {
        font-size: 3.92857vw;
        letter-spacing: .07143vw
    }

    .page-dakara .career-data-res-2 span {
        font-size: 1.14286vw;
        margin-right: .5vw
    }

    .page-dakara .career-data-res-2 i {
        font-size: 1.42857vw;
        margin-left: .21429vw
    }

    .page-dakara .carrer-data-num-2 {
        font-size: 2.14286vw;
        letter-spacing: .03571vw;
        margin-bottom: .21429vw
    }

    .page-dakara .carrer-data-num-2.mt10 {
        margin-top: .5vw
    }

    .page-dakara .carrer-data-num-2 span {
        font-size: 1.14286vw;
        margin-right: .35714vw
    }

    .page-dakara .carrer-data-num-2 i {
        font-size: 1.14286vw;
        margin-left: .35714vw
    }

    .page-dakara .teach-data-res-item {
        margin-bottom: 1.78571vw
    }

    .page-dakara .teach-data-res-item.mb50 {
        margin-bottom: 3.21429vw
    }

    .page-dakara .teach-data-res-item dt {
        font-size: 1.14286vw
    }

    .page-dakara .teach-data-res-item dd {
        font-size: 3.92857vw;
        letter-spacing: -.03571vw;
        width: 12.85714vw
    }

    .page-dakara .teach-data-res-item dd .teach-data-res-hoiku:first-child {
        margin-right: 1.07143vw
    }

    .page-dakara .teach-data-res-item dd .teach-data-res-hoiku i {
        font-size: 1vw;
        letter-spacing: .07143vw;
        right: 1.42857vw;
        top: -1.92857vw;
        width: 2.5vw
    }

    .page-dakara .teach-data-res-item dd span {
        font-size: 1.42857vw;
        margin-left: .28571vw
    }

    .page-dakara .career-item-1 {
        padding-left: 7.14286vw;
        padding-top: 10.71429vw;
        width: 100vw
    }

    .page-dakara .career-item-1-words {
        padding-right: 5.71429vw
    }

    .page-dakara .career-item-1-pic {
        width: 44.28571vw
    }

    .page-dakara .topics-item-txt-8 {
        width: 67.85714vw
    }

    .page-dakara .topics-circles {
        margin-top: 2.14286vw
    }

    .page-dakara .topics-circle {
        font-size: 1.14286vw;
        height: 7.85714vw;
        letter-spacing: .03571vw;
        width: 7.85714vw
    }

    .page-dakara .career-block {
        width: 85.71429vw
    }

    .page-dakara .career-item-2 {
        margin-top: 7.14286vw;
        width: 39.28571vw
    }

    .page-dakara .career-item-2-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .career-item-3 {
        margin-top: 14.28571vw;
        width: 39.28571vw
    }

    .page-dakara .career-item-3-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .career-bg-area:after {
        max-width: 114.28571vw;
        min-height: 98.85714vw;
        top: 5vw
    }

    .page-dakara .career-bg-inner {
        width: 85.71429vw
    }

    .page-dakara .career-item-4 {
        margin-top: 7.14286vw;
        width: 50vw
    }

    .page-dakara .career-item-5 {
        margin-top: 7.14286vw;
        width: 50vw
    }

    .page-dakara .topics-view {
        border-radius: .35714vw;
        margin-top: 1.42857vw;
        padding: 1.07143vw;
        padding-bottom: 1.42857vw
    }

    .page-dakara .topics-view.mt30 {
        margin-top: 2.14286vw
    }

    .page-dakara .topics-view-ttl {
        font-size: 1vw;
        letter-spacing: .07143vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl {
        font-size: 1vw;
        letter-spacing: .03571vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl p,.page-dakara .teach-item-5 .topics-view-ttl span {
        font-size: .85714vw
    }

    .page-dakara .teach-item-5 .topics-view-ttl p {
        border-radius: 1.42857vw;
        letter-spacing: .07143vw;
        margin-left: 1.07143vw;
        padding: .14286vw .85714vw
    }

    .page-dakara .topics-view-item {
        border-radius: .35714vw;
        margin-top: .92857vw;
        padding: 1.07143vw
    }

    .page-dakara .topics-view-cap {
        margin-top: .71429vw
    }

    .page-dakara .career-item-6 {
        margin-top: 7.14286vw;
        width: 39.28571vw
    }

    .page-dakara .career-item-7 {
        margin-top: 11.42857vw;
        width: 39.28571vw
    }

    .page-dakara .career-item-7-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .career-big-circles {
        margin-top: 2.14286vw
    }

    .page-dakara .career-big-circle {
        font-size: 1vw;
        height: 14.42857vw;
        width: 14.42857vw
    }

    .page-dakara .career-big-circle-abso {
        top: 10.71429vw
    }

    .page-dakara .career-item-8 {
        margin-top: 7.14286vw;
        padding-bottom: 5.71429vw;
        width: 85.71429vw
    }

    .page-dakara .career-voice {
        margin-right: 4.78571vw;
        margin-top: 1.42857vw;
        padding-top: 1.07143vw;
        width: 26.28571vw
    }

    .page-dakara .career-voice-ttl {
        font-size: 1vw
    }

    .page-dakara .career-voice-list {
        margin-top: .71429vw
    }

    .page-dakara .career-voice-item {
        font-size: .92857vw;
        height: 6.375vw;
        letter-spacing: .05vw;
        margin-bottom: .85714vw;
        padding-left: 1.78571vw;
        padding-right: 2.5vw;
        width: 27.525vw
    }

    .page-dakara .teach-block {
        width: 85.71429vw
    }

    .page-dakara .teach-item-1 {
        margin-top: 7.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-1-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-2 {
        margin-top: 12.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-2-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-3 {
        margin-top: 3.57143vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-3-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-4 {
        margin-top: 9.28571vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-4-pic {
        margin-top: 2.14286vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-5 {
        margin-top: 8.57143vw;
        width: 39.28571vw
    }

    .page-dakara .teach-item-5-pic {
        margin-top: 8.57143vw;
        width: 39.28571vw
    }

    .page-dakara .teach-time-list {
        margin-top: 2.14286vw
    }

    .page-dakara .teach-time-item {
        border-radius: 3.57143vw;
        letter-spacing: .07143vw;
        padding: 1.42857vw 2.71429vw
    }

    .page-dakara .teach-time-item:first-child {
        margin-right: 1.28571vw
    }

    .page-dakara .teach-time-item-l {
        font-size: 1vw;
        padding-bottom: .35714vw;
        padding-right: 1.42857vw;
        padding-top: .35714vw
    }

    .page-dakara .teach-time-item-r {
        font-size: 1.71429vw;
        padding-left: 1.42857vw
    }

    .page-dakara .teach-time-item-r i {
        font-size: .71429vw
    }

    .page-dakara .teach-time-item-r span {
        font-size: 1vw
    }

    .page-dakara .teach-item-6 {
        margin-top: 8.57143vw;
        padding-bottom: 7.14286vw;
        width: 36.42857vw
    }

    .page-dakara .teach-item-6-pic {
        margin-top: 8.57143vw;
        width: 45.71429vw
    }

    .page-detail .head {
        padding-top: 9.28571vw;
        width: 100vw
    }

    .page-detail .head-inner {
        width: 85.71429vw
    }

    .page-detail .head-ttl {
        margin-top: 3.57143vw
    }

    .page-detail .head-profile {
        margin-top: 2.5vw
    }

    .page-detail .l-main {
        margin-top: 2.85714vw;
        width: 85.71429vw
    }

    .page-detail .mv {
        border-radius: .71429vw;
        height: 36.14286vw;
        width: 54.28571vw
    }

    .page-detail .l-center {
        width: 54.28571vw
    }

    .page-detail .article figure {
        width: 35.71429vw
    }

    .page-detail .rule {
        margin-top: 4.28571vw
    }

    .page-detail .rule-body,.page-detail .rule-pic {
        border-radius: .71429vw
    }

    .page-detail .rule-pic {
        /* height: 12.14286vw; */
        /* width: 12.14286vw; */
    }

    .page-detail .rule-word {
        padding-left: 1.78571vw;
        margin-bottom: 40px;
    }

    .page-detail .keyword {
        margin-top: 4.28571vw;
        padding-bottom: 2.14286vw;
        padding-top: 2.5vw;
        width: 47.14286vw
    }

    .page-detail .latest {
        margin-top: 6.42857vw;
        padding-bottom: 7.14286vw
    }

    .page-detail .latest-inner,.page-detail .pop-inner {
        width: 85.71429vw
    }

    .page-detail .l-side {
        padding-top: 11.42857vw;
        width: 28.57143vw
    }

    .page-index .reco {
        margin-top: 9.28571vw;
        width: 78.57143vw
    }

    .page-index .reco-ttl-blob {
        height: 3.92857vw;
        left: -1.07143vw;
        top: -2vw;
        width: 5.14286vw
    }

    .page-index .reco-ttl-en {
        font-size: 1.14286vw;
        letter-spacing: .07143vw
    }

    .page-index .reco-ttl-en span {
        font-size: .85714vw;
        -webkit-transform: translateX(.35714vw) translateY(-.07143vw);
        -moz-transform: translateX(.35714vw) translateY(-.07143vw);
        -ms-transform: translateX(.35714vw) translateY(-.07143vw);
        transform: translateX(.35714vw) translateY(-.07143vw)
    }

    .page-index .reco-ttl-ja {
        font-size: 2.28571vw;
        letter-spacing: .14286vw;
        margin-right: .42857vw
    }

    .page-index .reco-card-list {
        left: 2.85714vw
    }

    .page-index .reco-card-list .cmn-card-pic .blob.anime-1 {
        height: 8.57143vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 12.14286vw
    }

    .page-index .reco-card-list .cmn-card-pic .blob.anime-2 {
        height: 4.28571vw;
        left: 16.42857vw;
        top: 10.71429vw;
        width: 6.07143vw
    }

    .page-index .reco-card-list .cmn-card-pic .blob.anime-3 {
        height: 4.28571vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 6.07143vw
    }

    .page-index .timer {
        height: 1.42857vw;
        left: 47.14286vw;
        top: 22.85714vw
    }

    .page-index .tp-search {
        margin-top: 7.14286vw;
        min-height: 51.42857vw;
        padding-top: 6.42857vw
    }

    .page-index .tp-pop {
        margin-top: 5vw
    }

    .page-index .tp-pop-inner {
        width: 78.57143vw
    }

    .page-index .tp-pop-card-list {
        margin-top: 2.5vw
    }

    .page-index .tp-pop-card-list .cmn-card-pic .blob.anime-1 {
        height: 8.57143vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 12.14286vw
    }

    .page-index .tp-pop-card-list .cmn-card-pic .blob.anime-2 {
        height: 4.28571vw;
        left: 15vw;
        top: 10vw;
        width: 6.07143vw
    }

    .page-index .tp-pop-card-list .cmn-card-pic .blob.anime-3 {
        height: 4.28571vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 6.07143vw
    }

    .page-index .reason {
        margin-top: 5.71429vw
    }

    .page-index .reason-inner {
        width: 100vw
    }

    .page-index .reason-word {
        height: 36.42857vw;
        padding: 5vw;
        padding-right: 9.28571vw;
        width: 50.28571vw
    }

    .page-index .reason-ttl {
        font-size: 2.57143vw;
        letter-spacing: .14286vw;
        padding: .28571vw .85714vw
    }

    .page-index .reason-txt {
        font-size: 1.14286vw;
        letter-spacing: .14286vw;
        margin-top: 1.07143vw
    }

    .page-index .reason-pic {
        margin-top: -2.85714vw;
        width: 55.71429vw
    }

    .page-index .reason-btn {
        margin-top: 2.85714vw
    }

    .page-index .reason-btn span {
        font-size: 1.14286vw;
        letter-spacing: .14286vw;
        margin-right: 1.07143vw
    }

    .page-index .reason-circle {
        height: 4.64286vw;
        width: 4.64286vw
    }

    .page-index .reason-arrow {
        height: .78857vw;
        width: 1.37143vw
    }

    .page-index .latest {
        margin-top: 7.14286vw;
        padding-bottom: 7.85714vw
    }

    .page-index .latest-inner {
        width: 81.42857vw
    }

    .page-index .latest-swiper .cmn-card-pic .blob.anime-1 {
        height: 8.57143vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 12.14286vw
    }

    .page-index .latest-swiper .cmn-card-pic .blob.anime-2 {
        height: 4.28571vw;
        left: 7.5vw;
        top: 4.28571vw;
        width: 6.07143vw
    }

    .page-index .latest-swiper .cmn-card-pic .blob.anime-3 {
        height: 4.28571vw;
        left: -5.71429vw;
        top: -4.28571vw;
        width: 6.07143vw
    }

    .page-keyword .keyword-inner {
        padding-top: 10.35714vw;
        width: 100vw
    }

    .page-keyword .keyword-ttl,.page-keyword .l-main {
        width: 85.71429vw
    }

    .page-keyword .l-main {
        margin-top: 8.57143vw;
        padding-bottom: 8.57143vw
    }

    .page-keyword .l-center {
        width: 54vw
    }

    .page-keyword .l-side {
        width: 28.92857vw
    }

    .page-keyword .other-keyword {
        margin-top: 5.71429vw;
        padding-top: 1.78571vw
    }

    .page-keyword .keyword-bnr {
        margin-top: 2.85714vw;
        width: 54.28571vw
    }

    .page-department .articles-inner {
        padding-top: 10.35714vw;
        width: 100vw
    }

    .page-department .articles-list,.page-department .articles-ttl {
        width: 85.71429vw
    }

    .page-department .articles-list {
        margin-top: 8.57143vw
    }

    .page-department .articles-list:after {
        width: 26.07143vw
    }

    .page-department .depart {
        margin-top: 5.71429vw;
        padding-bottom: 8.57143vw;
        padding-top: 1.78571vw;
        width: 85.71429vw
    }
}

@media print and (hover: hover) and (pointer:fine),screen and (min-width:769px) and (hover:hover) and (pointer:fine) {
    .pager-arrow:hover {
        opacity:.7
    }
}

@media (hover: hover) and (pointer:fine) {
    .pager-item:hover {
        opacity:.7
    }

    .arrow:hover {
        background-color: hsla(0,0%,100%,.4)
    }

    .cmn-depart-item:hover {
        border-color: #292f4a
    }

    .cmn-keyword-item:hover {
        background-color: #7c7382
    }

    .form-search-btn:hover {
        opacity: .6
    }

    .cmn-card:hover .cmn-card-pic img {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04)
    }

    .cmn-card:hover .cmn-profile-company {
        color: #3c4881
    }

    .cmn-card:hover .cmn-profile-company:before {
        background-image: url(/assets/images/common/ico-company-ov.svg)
    }

    .cmn-card:hover .cmn-profile-depart {
        color: #3c4881
    }

    .cmn-card:hover .cmn-profile-depart:before {
        background-image: url(/assets/images/common/ico-pen-ov.svg)
    }

    .cmn-card:hover .cmn-profile-name,.cmn-card:hover .cmn-profile-ttl {
        color: #3c4881
    }

    .cmn-card:hover .cmn-profile-name:before {
        background-image: url(/assets/images/common/ico-human-ov.svg)
    }

    .cmn-sns-item:hover,.depart-bnr:hover {
        opacity: .8
    }

    .fixed-link:hover {
        opacity: .75
    }

    .hamburger:hover {
        opacity: .6
    }

    .menu-bnr:hover,.menu-link:hover {
        opacity: .8
    }

    .menu-u:hover {
        opacity: .73
    }

    .page-404 .not-found-txt a:hover {
        text-decoration: none!important
    }

    .page-dakara .tab-item:not(.is-selected):hover {
        background-color: hsla(0,0%,96%,.6)
    }

    .page-dakara .tab-item:not(.is-selected):hover:before {
        background-color: hsla(0,0%,67%,.73)
    }

    .page-dakara .tab-item:not(.is-selected):hover .tab-item-en,.page-dakara .tab-item:not(.is-selected):hover .tab-item-en span,.page-dakara .tab-item:not(.is-selected):hover .tab-item-ja {
        color: hsla(0,0%,67%,.73)
    }

    .page-detail .back-btn:hover {
        opacity: .8
    }

    .page-index .mv-card:hover {
        width: 19.28571vw
    }

    .page-index .mv-card:hover .blob.finish {
        -webkit-transform: scale(1.26)!important;
        -moz-transform: scale(1.26)!important;
        -ms-transform: scale(1.26)!important;
        transform: scale(1.26)!important
    }

    .page-index .mv-scroller:hover {
        -webkit-transform: scale(1.04);
        -moz-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04)
    }

    .page-index .reason-btn:hover {
        opacity: .8
    }
}

@media only screen and (max-width: 768px) and (min-width:768px) and (max-width:1599px) {
    .menu-career .cmn-career .menu-u-list {
        margin-top:.57143vw
    }

    .menu-career .cmn-career .menu-u-list a {
        margin-bottom: .28571vw
    }

    .page-index .mv-txt {
        letter-spacing: .10714vw
    }

    .page-index .reco-ttl-en {
        margin-left: .35714vw
    }

    .page-index .reco-card-list {
        margin-top: 2.28571vw
    }

    .page-index .tp-pop-card-list .blob.anime-2 {
        height: 4.28571vw;
        width: 6.07143vw
    }

    .page-department .articles-inner,.page-keyword .keyword-inner {
        padding-top: 7.85714vw
    }
}


@media (max-aspect-ratio: 5404319552844595/4503599627370496) {
    .page-index .mv-txt {
        font-size:1.14286vw;
        margin-top: 2.5vw
    }

    .page-index .mv-scroller {
        right: 7.14286vmin;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }
}

@media only screen and (max-width: 768px) and (max-aspect-ratio:5404319552844595/4503599627370496) {
    .page-index .mv-txt {
        font-size:3.2vw;
        margin-top: 8vw
    }
}
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 14px;
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -24px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    /* margin: 0; */
    /* padding: 0; */
    line-height: 1.5;
    font-size: 14px;
}
.page-detail.omaru_kaho .omaru_kaho,
.page-detail.miyazaki_naho .miyazaki_naho,
.page-detail.matsuda_keigo .matsuda_keigo,
.page-detail.araki_nanami .araki_nanami,
.page-detail.matsumura_karen .matsumura_karen{
	display: none;
}

/* ─────────  Responsive  (≤600px)  ───────── */
@media (max-width:600px){
  /* レイアウトを縦並び + 中央寄せに */
  .balloon5{
    text-align:center;
  }
  .balloon5 .faceicon{
    float:none;
    margin: 0 auto 20px;          /* 下に余白 */
    width: 154px;                  /* 少し縮小（任意）*/
  }
  .says{
    margin:0 auto;               /* 左右中央 */
    text-align:left;             /* 吹き出し内文字は左揃えのまま */
  }

  /* ポインターを上向きに変更し、アイコン方向を示す */
  .says:after{
    top:-12px;                   /* 吹き出し上部へ */
    left:50%;
    transform:translateX(-50%);
    border-width:0 12px 12px 12px;           /* 上0 右左12 下12 */
    border-right-color:transparent;          /* 4方向リセット */
    border-left-color:transparent;
    border-bottom-color:#d7ebfe;             /* ↓ 下向き */
  }
}