@charset "utf-8";
/*
ブレイクポイントは標準のLightningテーマおよびBootstrapの理念に基づき
$sm-min: 576px;
$md-min: 768px;
$lg-min: 992px;
$xl-min: 1200px;
となっているのでそれに準じてください。
*/
body,
.container {
    overflow-x: hidden;
}

/* 横並びブロック・横スクロール */
.vk_step.is-style-vk-blocks-steps-vertical {
    overflow: scroll;
    margin-inline: -15px;
    padding-inline: 15px;
    scroll-snap-type: x mandatory;
}
.vk_step.is-style-vk-blocks-steps-vertical .vk_step_item {
    min-width: 180px;
    scroll-snap-align: center;
}

#site-header-container {
    padding: 10px 5px;
}
div#mainvisual {
    min-height: 60vh;
}

div#mainvisual video.wp-block-cover__video-background {
    object-fit: contain;
    width: 120vw;
    left: -10vw;
    top: -10vh;
}
div#mainvisual {
    justify-content: center;
}
div#mainvisual .wp-block-cover__inner-container {
    align-self: flex-end;
    padding-bottom: 10vh;
}
#mainvisual-news {
    position: relative;
    padding: 20px 15px;
    border-top-right-radius: 40px;
}
#mainvisual-news .vk_post {
    padding: 0 !important;
    margin: 0 !important;
}
#mainvisual-news .postListText_date {
    min-width: auto;
}
p#mainvisual-text-en {
    font-size: 13vw;
    margin-right: auto;
    text-align: left;
}
p#mainvisual-text-ja {
    text-align: center;
}
.top-concept .wp-block-columns {
    width: 86%;
}
.wp-block-vk-blocks-outer.top-concept {
    position: relative;
    clip-path: inset(1px -1px);
}
.top-concept span.vk_outer-background-area {
    background-image: url("../../../wp-content/uploads/concept_bg-sp-1.png") !important;
    opacity: 1 !important;
    background-size: cover;
    position: fixed !important;
}

.service-item {
    padding-left: 10px;
    padding-right: 10px;
}
.service-item .vk_gridcolcard_item {
    margin-bottom: 4%;
}
.service-item .wp-block-cover {
    padding: 10px 20px;
    min-height: 20vh !important;
}
.service-item .vk_heading {
    margin-bottom: 0 !important;
}
.service-item p,
.service-item span {
    filter: url(#stroke);
}
.top-recruit::before {
    left: 4%;
    padding: 46%;
    border-radius: 50%;
}
.wp-block-group.recruit-persons {
    transform: translate(1.5em, 1.5em);
}
.media-logo.wp-block-gallery {
    gap: 1rem !important;
}
.media-logo.wp-block-gallery .wp-block-image img {
    max-height: 30px !important;
}

/* .vk_post.card {
  padding: 15px !important;
}
.vk_post.card {
  margin-bottom: 16px;
}
.vk_posts .vk_post-col-xs-6 {
  width:calc(50% - 16px);
}
.vk_posts {
  margin-left:-8px;
  margin-right:-8px;
}
.vk_post {
  margin-left:8px;
  margin-right:8px;
} */

.page-header {
    min-height: 12rem;
}
.sp-table {
    border-bottom: 1px solid #ccc !important;
}
.sp-table th {
    border-top: 1px solid #ccc !important;
    border-bottom: medium none !important;
    padding: 15px 10px 10px 10px !important;
}
.sp-table td {
    border: medium none !important;
    padding: 0 10px 15px 10px !important;
}
/* タイムライン2カラム */
.timeline-2column {
    --time-width: 10px;
}
.timeline-2column.vk_timeline .vk_timeline_item {
    padding-left: calc(var(--time-width) + 30px);
}
.timeline-2column.vk_timeline .vk_timeline_item_lineStyle-default::before {
    top: 20px;
    height: 100%;
}
.timeline-2column.vk_timeline .vk_timeline_item_style {
    left: calc(var(--time-width) - 5px);
    top: 15px;
}
.timeline-2column.vk_timeline .vk_timeline_item_caption {
    position: relative;
    text-align: left;
    width: auto;
    font-size: 1.8rem;
    margin: 0 0 10px 0;
}
.anc {
    border-left: medium none;
}
.anc .vk_gridcolcard_item {
    border-right: medium none;
    padding-bottom: 20px;
}
.wp-block-vk-blocks-outer.service-cover {
    background-position: center center !important;
    padding: 2em;
    /* 	min-height:80vh; */
}
.wp-block-vk-blocks-outer.service-cover .vk_heading {
    margin-bottom: 0.4em !important;
}
.wp-block-vk-blocks-outer.service-cover .has-large-font-size {
    line-height: 1.4em;
    margin-bottom: 0.4em;
}
.wp-block-vk-blocks-outer.service-cover span.has-background-dim,
.wp-block-vk-blocks-outer.service-cover:hover span.vk_outer-background-area {
    opacity: 1 !important;
    background: #fff !important;
}
.service-cover > div {
    position: relative;
    z-index: 2;
}
.service-cover p,
.service-cover span {
    color: #333 !important;
    opacity: 1;
}

.wp-block-cover.service-header .vk_heading {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
}
.wp-block-cover.service-header p.has-huge-font-size {
    font-size: 24px;
}

ol.breadcrumb-list {
    white-space: normal;
}
.humang-outline-wrap .wp-block-cover__background,
.humang-outline-wrap .wp-block-cover__image-background {
    display: none !important;
}
.humang-outline-wrap .humang-outline-col {
    background-color: #e8a942;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}
.humang-outline-wrap .col2 {
    background-color: #db7b38;
}
.humang-outline-wrap .col3 {
    background-color: #c85250;
}
.humang-detail {
    gap: 0 !important;
}
.order1 {
    order: 1;
}
.order2 {
    order: 2;
}
.sp-work-tag .wp-block-heading {
    margin: 0 auto;
}
.sp-work-tag p {
    display: block;
    width: 100%;
    text-align: center;
}
.w-50 {
    width: auto !important;
}

div#vk-mobile-nav-menu-btn {
    background: none;
    background-color: var(--vk-color-custom-2);
    border: none;
    border-radius: 50px;
    top: 10px;
    right: 10px;
}
div#vk-mobile-nav-menu-btn::after {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 44px;
    width: 44px;
    text-align: center;
    text-indent: 0;
}
div#vk-mobile-nav-menu-btn.menu-open::after {
    content: "\f00d";
}
#vk-mobile-nav {
    background-color: var(--vk-color-primary);
    padding-top: 25px !important;
}
.vk-menu-acc .acc-btn {
    border: medium none !important;
    opacity: 0.5;
}
.vk-mobile-nav-menu-outer .vk-menu-acc .acc-btn {
    border: none;
    background-size: 2em;
    height: 100%;
    top: 0;
    right: 0;
    width: 44px;
    background-position: right 0.5em;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] {
    pointer-events: none;
}
.vk-mobile-nav-menu-outer .vk-menu-acc a[href="#"] + span.acc-btn {
    width: 100%;
}
.vk-mobile-nav-menu-outer .vk-menu-acc span.acc-btn.acc-btn-close {
    height: 44px !important;
}
.mobile-fix-nav .mobile-fix-nav-menu {
    position: relative;
    z-index: 0;
}
.vk-mobile-nav-menu-btn {
    border: medium none !important;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: medium none !important;
}
.vk-mobile-nav .acc-btn {
    border: medium none !important;
}
.vk-mobile-nav nav ul li a {
    text-decoration: none;
}
.mobile-fix-nav_enable .site-footer {
    padding-bottom: 60px !important;
}
.vk_accordion-trigger .vk_accordion-toggle-close::before,
.vk_accordion-trigger .vk_accordion-toggle-open::before {
    right: 12px;
}
.vk-mobile-nav p {
    color: #fff;
}
.vk-mobile-nav a {
    color: #fff;
}

span.acc-btn {
    display: none;
}

.vk-menu-acc ul.sub-menu {
    max-height: unset;
    opacity: unset;
    transition: unset;
    overflow: visible;
    list-style: circle;
}
.vk-mobile-nav nav ul.sub-menu li a::before {
    content: "⚫︎";
    color: var(--vk-color-custom-5);
    font-size: 0.7em;
    margin-right: 1em;
    vertical-align: middle;
    text-decoration: none !important;
}
.vk-mobile-nav-menu-btn.position-right {
    right: 10px;
    border-radius: 50px;
    top: 10px;
}
.vk-mobile-nav-menu-btn {
    border: medium none !important;
    top: 15px;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: medium none !important;
}
.vk-mobile-nav .acc-btn {
    border-style: none !important;
}
.vk-mobile-nav {
    padding-top: 65px !important;
    background-color: #111;
    border-bottom: medium none !important;
}
.vk-mobile-nav nav > ul {
    border-top: medium none !important;
}
.vk-mobile-nav nav ul li a {
    color: #fff !important;
    border-bottom: 1px solid #999 !important;
    text-decoration: none;
}
/* .vk-mobile-nav nav ul li a:hover {
  text-decoration: underline !important;
} */
.vk-menu-acc .acc-btn {
    filter: brightness(0) invert(1) !important;
}
.sp-head-logo img {
    max-height: 30px !important;
}

.vk_posts .vk_post.media {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vk_posts .vk_post .media-img {
    width: 100%;
    padding: 0 !important;
    margin: 0;
}

.vk_posts .vk_post .media-body {
    width: 100%;
    padding-top: 1em;
}

.recruit-5growth .vk_gridColumn_item {
    margin-bottom: 0 !important;
}
.recruit-5growth .vk_gridColumn_item .corevalue {
    gap: 0;
}
.recruit-5growth .vk_gridColumn_item .corevalue img {
    max-width: 100px;
}
.recruit-benefit .vk_gridColumn_item {
    margin-bottom: 5px;
}
.recruit-benefit .vk_gridColumn_item_inner {
    padding: 1.5rem !important;
}

.recruit-cta-image1,
.recruit-cta-image2 {
    width: 30vw;
}
.recruit-cta-image1 {
    transform: translate(-30%, -30%);
}
.recruit-cta-image2 {
    transform: translate(40%, 50%);
}
html #wptime-plugin-preloader {
    background-size: 170px;
}