@charset "utf-8";

/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&family=Shippori+Mincho+B1:wght@400;500;600;700;800&display=swap");



/*===================================
基本設定
===================================*/

/* html */

html {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    color: #363636;
    letter-spacing: 1.5px;
}

dt,
dd {
    font-weight: normal;
}

svg {
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: block;
}

body.active {
    overflow: hidden;

    -ms-touch-action: none;
    touch-action: none;
}

.main-wrap {
    overflow: hidden;
}

/* ab-test */

[data-ab-test-block] [data-ab-test-contents]+[data-ab-test-contents] {
    display: none;
}

/* up- */

.gapc30 {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.gapr5 {
    row-gap: 5px;
}

/* inner */

@media (max-width: 1024px) {

    .inner500,
    .inner600,
    .inner700,
    .inner800,
    .inner900,
    .inner,
    .inner1100,
    .inner1200,
    .inner1300,
    .inner1400,
    .inner1500 {
        width: 94%;
    }
}



/* font */

.font-gothic {
    font-family: "Noto Sans JP", sans-serif;
}

.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

/* icon */
.link-icon::before,
.link-icon::after {
    content: "□";
    font-size: 80%;
    color: #e60013;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
}

.link-icon::before {
    top: 43%;
    right: -10px;
}

.link-icon::after {
    top: 53%;
    right: -13px;
}

/* show hide */

.show\@pc {
    display: block;
}

.hide\@pc {
    display: none;
}

[data-element-id] .show\@tb {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@tb:after {
    content: "モバイル用";
    display: block;
    padding: 5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: green;
}

[data-element-id] .show\@tb.indention:after {
    content: "モバイル用はここで改行";
}

[data-element-id] .show\@pc.indention:after {
    content: "PC用はここで改行";
    display: block;
    padding: 5px;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: blue;
}

[data-element-id] .show\@sp {
    display: block;
    border: solid 4px green;
    position: relative;
}

[data-element-id] .show\@sp:after {
    content: "モバイル用";
    display: block;
    padding: 5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background: green;
}

[data-element-id] .show\@sp.indention:after {
    content: "モバイル用はここで改行";
}

@media (max-width: 1024px) {
    .show\@tb {
        display: block;
    }

    .hide\@tb {
        display: none;
    }
}

@media (max-width: 599px) {
    .show\@sp {
        display: block !important;
    }

    .hide\@sp {
        display: none !important;
    }
}

.js-h1 {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.js-h1.active {
    opacity: 0;
    position: absolute;
    top: -20%;
    left: 5%;
}

[data-element-id] .js-h1.active {
    opacity: 1;
}

/* ##### フロート float ##### */
.up-fl-left {
    float: left;
}

.up-fl-right {
    float: right;
}

.up-fl-none {
    float: none;
}

.up-flc-left {
    clear: left;
}

.up-flc-rigjt {
    clear: right;
}

.up-flc-both {
    clear: both;
}

.float-box {
    display: block;
}

.float-box::before,
.float-box:after {
    content: "";
    display: block;
    clear: both;
}

.float-box-img {
    float: right;
}

.float-box-title {
    float: left;
}

.float-box-content {
    float: left;
}

.float-box-wrap.-noinner .float-box:nth-child(odd) .noinner {
    margin-left: auto;
}

.float-box-wrap.-noinner .float-box:nth-child(odd) [class*=btn] {
    margin-right: 0;
}

.float-box-wrap.-noinner .float-box:nth-child(even) .noinner {
    margin-right: auto;
}

.float-box-wrap.-noinner .float-box:nth-child(even) [class*=btn] {
    margin-left: 0;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-img {
    float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-title {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(odd) .float-box-content {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-img {
    float: left;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-title {
    float: right;
}

.float-box-wrap.-rowr .float-box:nth-of-type(even) .float-box-content {
    float: right;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(odd) .noinner {
    margin-left: 0;
    margin-right: auto;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(odd) [class*=btn] {
    margin-left: 0;
    margin-right: 0;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(even) .noinner {
    margin-left: auto;
    margin-right: 0;
}

.float-box-wrap.-rowr.-noinner .float-box:nth-child(even) [class*=btn] {
    margin-left: 0;
    margin-right: 0;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-img {
    float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-title {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(odd) .float-box-content {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-img {
    float: left;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-title {
    float: right;
}

.float-box-wrap.-alternate .float-box:nth-of-type(even) .float-box-content {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-img {
    float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-title {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(odd) .float-box-content {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-img {
    float: right;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-title {
    float: left;
}

.float-box-wrap.-alternate.-rowr .float-box:nth-of-type(even) .float-box-content {
    float: left;
}

@media (max-width: 1024px) {
    .up-fl-left\@tb {
        float: left;
    }

    .up-fl-right\@tb {
        float: right;
    }

    .up-fl-none\@tb {
        float: none;
    }

    .up-flc-left\@tb {
        clear: left;
    }

    .up-flc-rigjt\@tb {
        clear: right;
    }

    .up-flc-both\@tb {
        clear: both;
    }
}

@media (max-width: 599px) {
    .up-fl-left\@sp {
        float: left;
    }

    .up-fl-right\@sp {
        float: right;
    }

    .up-fl-none\@sp {
        float: none;
    }

    .up-flc-left\@sp {
        clear: left;
    }

    .up-flc-rigjt\@sp {
        clear: right;
    }

    .up-flc-both\@sp {
        clear: both;
    }
}

/* loading */
#loading {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.loading-img {
    width: 150px;
    max-width: 25%;
    -webkit-transition: 1s linear;
    transition: 1s linear;
    -webkit-animation: 10s linear infinite rotation;
    animation: 10s linear infinite rotation;
}

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

.loaded {
    visibility: hidden;
    opacity: 0;
}

#loading svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 20%;
}

.loading_logo{
  width: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 4;
}

.loading_logo img{
  width: 100%;
  height: auto;
}

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

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

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

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

[data-element-id] #loading {
    width: 500px;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #001ec3;
    position: relative;
    top: 0;
    left: 0;
}

[data-element-id] #loading::before {
    content: "ローディング画面";
    width: calc(100% + 1px);
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    text-align: center;
    background-color: #001ec3;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
}

[data-element-id] .loading-img {
    width: 130px;
    opacity: 1;
}

@media(max-width:1024px) {
    .loading-img {
        max-width: 15%;
    }
}

/* loading end */

/* fead */

.fead-mv.mv {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-mv.other.mv {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.fead-mv.no1.mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fead-mv.no2.mv {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.fead-mv.no3.mv {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.fead-mv.no4.mv {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.fead-mv.no5.mv {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.fead-mv.no6.mv {
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.fead-up.mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fead-up.no1.mv {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.fead-up.no2.mv {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.fead-up.no3.mv {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

.fead-up.no4.mv {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.fead-up.no5.mv {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.fead-up.no6.mv {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.fead-left.other.mv {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fead-order>* {
    opacity: 0;
}

.fead-order>.mv {
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-text>* {
    opacity: 0;
}

.fead-text .mv {
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-text.blur>* {
    opacity: 0;
    -webkit-filter: blur(30px);
    filter: blur(30px);
}

.fead-text .mv {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.fead-clip {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

.fead-clip.mv {
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;

    -webkit-clip-path: polygon(0 0, 200% 0, 200% 100%, 0 100%);
    clip-path: polygon(0 0, 200% 0, 200% 100%, 0 100%);
}

.fead-blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.fead-blur.mv {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.fead-cover:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: #333;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 15;
}

.fead-cover.mv:before {
    width: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.fead-zoomout.mv img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: animationZoom1 5s ease-in-out forwards;
    animation: animationZoom1 5s ease-in-out forwards;
}

/* ##### パンくずリスト breadcrumbs ##### */
.breadcrumbs {
    padding: 30px 0;
}

.breadcrumbs-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.breadcrumbs-list li {
    display: inline;
    font-size: 12px;
    letter-spacing: 1px;
}

.breadcrumbs-list li+li::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding: 20px 0;
        font-size: 14px;
    }

    .breadcrumbs-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start;
    }

    .breadcrumbs-list {
        width: 90%;
    }

    .breadcrumbs li {
        font-size: 12px;
    }

    .breadcrumbs li+li::before {
        width: 8px;
        height: 8px;
        margin: 0 5px 1px;
    }
}

@media (max-width: 599px) {
    .breadcrumbs {
        padding: 15px 0;
        font-size: 12px;
    }

    .breadcrumbs li+li::before {
        width: 6px;
        height: 6px;
    }
}

/* ##### パンくずリスト breadcrumbs ここまで ##### */


/* 画像 */

.img {
    text-align: center;
}

.pic img {
    width: 100%;
}

[class*="up-ofi"] {
    height: 100%;
}

/* color */

.color-black {
    color: #000;
}

.color-black02 {
    color: #363636;
}


.color-white {
    color: #fff;
}

.color-blue {
    color: #33a7ea;
}

/*背景カラー*/

.bgcolor-black {
    background-color: #000;
}

.bgcolor-white {
    background-color: #fff;
}

.bgcolor-yellow {
    background-color: #fff474;
}

.bgcolor-blue {
    background: #33a7ea;
}

.bgcolor-green {
    background: #9ddcb5;
}

.bgcolor-orange {
    background: #f8a98f;
}

.bgcolor-pink {
    background: #ffc0c4;
}

.bgcolor-lightblue {
    background: #9be7ec;
}

.bgcolor-lightblue02 {
    background: #eef9ff;
}

/* bgi */
.bgi01 {
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/bgi/bgi01.webp);
    background-size: cover;
}

.bgi02 {
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/bgi/bgi02.webp);
    background-size: cover;
}

.bgi03 {
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/bgi/bgi03.webp);
    background-size: contain;
    background-repeat: repeat;
}

/* hover */
.hover-p {
    pointer-events: none;
}

[data-element-id] .hover-p {
    pointer-events: auto;
}

.hover-c a {
    pointer-events: auto;
}


/* border-radius */
.br-20 {
    border-radius: 20px;
}

.br-10 {
    border-radius: 10px;
}

/* 共通コンテンツ間隔 */

[class*="section-m"],
[class*="section-p"] {
    --section-xlarge: 150px;
    --section-large: 120px;
    --section-medium: 100px;
    --section-small: 80px;
    --section-xsmall: 60px;
}

.section-my-xlarge {
    margin-top: var(--section-xlarge);
    margin-bottom: var(--section-xlarge);
}

.section-mt-xlarge {
    margin-top: var(--section-xlarge);
}

.section-mb-xlarge {
    margin-bottom: var(--section-xlarge);
}

.section-my-large {
    margin-top: var(--section-large);
    margin-bottom: var(--section-large);
}

.section-mt-large {
    margin-top: var(--section-large);
}

.section-mb-large {
    margin-bottom: var(--section-large);
}

.section-my-medium {
    margin-top: var(--section-medium);
    margin-bottom: var(--section-medium);
}

.section-mt-medium {
    margin-top: var(--section-medium);
}

.section-mb-medium {
    margin-bottom: var(--section-medium);
}

.section-my-small {
    margin-top: var(--section-small);
    margin-bottom: var(--section-small);
}

.section-mt-small {
    margin-top: var(--section-small);
}

.section-mb-small {
    margin-bottom: var(--section-small);
}

.section-my-xsmall {
    margin-top: var(--section-xsmall);
    margin-bottom: var(--section-xsmall);
}

.section-mt-xsmall {
    margin-top: var(--section-xsmall);
}

.section-mb-xsmall {
    margin-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.8);
        margin-bottom: calc(var(--section-large) * 0.8);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.8);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.8);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.8);
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.8);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.8);
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.8);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.8);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-my-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-mt-xlarge {
        margin-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-mb-xlarge {
        margin-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-my-large {
        margin-top: calc(var(--section-large) * 0.6);
        margin-bottom: calc(var(--section-large) * 0.6);
    }

    .section-mt-large {
        margin-top: calc(var(--section-large) * 0.6);
    }

    .section-mb-large {
        margin-bottom: calc(var(--section-large) * 0.6);
    }

    .section-my-medium {
        margin-top: calc(var(--section-medium) * 0.6);
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-mt-medium {
        margin-top: calc(var(--section-medium) * 0.6);
    }

    .section-mb-medium {
        margin-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-my-small {
        margin-top: calc(var(--section-small) * 0.6);
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-mt-small {
        margin-top: calc(var(--section-small) * 0.6);
    }

    .section-mb-small {
        margin-bottom: calc(var(--section-small) * 0.6);
    }

    .section-my-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-mt-xsmall {
        margin-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-mb-xsmall {
        margin-bottom: calc(var(--section-xsmall) * 0.6);
    }
}

.section-py-xlarge {
    padding-top: var(--section-xlarge);
    padding-bottom: var(--section-xlarge);
}

.section-pt-xlarge {
    padding-top: var(--section-xlarge);
}

.section-pb-xlarge {
    padding-bottom: var(--section-xlarge);
}

.section-py-large {
    padding-top: var(--section-large);
    padding-bottom: var(--section-large);
}

.section-pt-large {
    padding-top: var(--section-large);
}

.section-pb-large {
    padding-bottom: var(--section-large);
}

.section-py-medium {
    padding-top: var(--section-medium);
    padding-bottom: var(--section-medium);
}

.section-pt-medium {
    padding-top: var(--section-medium);
}

.section-pb-medium {
    padding-bottom: var(--section-medium);
}

.section-py-small {
    padding-top: var(--section-small);
    padding-bottom: var(--section-small);
}

.section-pt-small {
    padding-top: var(--section-small);
}

.section-pb-small {
    padding-bottom: var(--section-small);
}

.section-py-xsmall {
    padding-top: var(--section-xsmall);
    padding-bottom: var(--section-xsmall);
}

.section-pt-xsmall {
    padding-top: var(--section-xsmall);
}

.section-pb-xsmall {
    padding-bottom: var(--section-xsmall);
}

@media (max-width: 1024px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.8);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.8);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.8);
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.8);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.8);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.8);
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.8);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.8);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.8);
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.8);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.8);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.8);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.8);
    }
}

@media (max-width: 599px) {
    .section-py-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-pt-xlarge {
        padding-top: calc(var(--section-xlarge) * 0.6);
    }

    .section-pb-xlarge {
        padding-bottom: calc(var(--section-xlarge) * 0.6);
    }

    .section-py-large {
        padding-top: calc(var(--section-large) * 0.6);
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-pt-large {
        padding-top: calc(var(--section-large) * 0.6);
    }

    .section-pb-large {
        padding-bottom: calc(var(--section-large) * 0.6);
    }

    .section-py-medium {
        padding-top: calc(var(--section-medium) * 0.6);
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-pt-medium {
        padding-top: calc(var(--section-medium) * 0.6);
    }

    .section-pb-medium {
        padding-bottom: calc(var(--section-medium) * 0.6);
    }

    .section-py-small {
        padding-top: calc(var(--section-small) * 0.6);
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-pt-small {
        padding-top: calc(var(--section-small) * 0.6);
    }

    .section-pb-small {
        padding-bottom: calc(var(--section-small) * 0.6);
    }

    .section-py-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }

    .section-pt-xsmall {
        padding-top: calc(var(--section-xsmall) * 0.6);
    }

    .section-pb-xsmall {
        padding-bottom: calc(var(--section-xsmall) * 0.6);
    }
}



/*===================================
共通タイトル
===================================*/

[class*="ttl-type-"] {
    --ttl-mb-xlarge: 70px;
    --ttl-mb-large: 60px;
    --ttl-mb-medium: 50px;
    --ttl-mb-small: 40px;
    --ttl-mb-xsmall: 30px;
}

/* ttl-type-01 */

.ttl-type-01 {
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 80px;
    color: #33a7ea;
}

.ttl-type-01.white {
    color: #fff;
}

@media (max-width: 1024px) {
    .ttl-type-01 {
        font-size: 60px;
    }
}

@media (max-width: 599px) {
    .ttl-type-01 {
        font-size: 40px;
    }
}

/* ttl-type-02 */

.ttl-type-02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 500;
    font-size: 30px;
    color: #fff;
}

.ttl-type-02 .sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    font-size: 20px;
}

.ttl-type-02 .sub::before {
    content: "";
    width: 1em;
    height: 2px;
    display: block;
    margin-right: 5px;
    background: #fff;
}

@media (max-width: 1024px) {
    /* .ttl-type-01 {
        font-size: 100px;
    } */
}

@media (max-width: 599px) {
    .ttl-type-02 {
        font-size: 26px;
    }

    .ttl-type-02 .sub {
        font-size: 18px;
    }
}

/* ttl-type-03 */

.ttl-type-03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 60px;
}

.ttl-type-03 .en {
    font-family: "Montserrat";
    font-weight: 500;
    color: #33a7ea;
    line-height: 1.2;
}

.ttl-type-03 .ja {
    font-weight: 600;
    font-size: 35%;
}

.ttl-type-03.white {
    color: #fff;
}

.ttl-type-03.white .en {
    color: #fff;
}

@media(max-width:1024px) {
    .ttl-type-03 {
        font-size: 40px;
    }
}

/*  */

.ttl-mb-xlarge {
    margin-bottom: var(--ttl-mb-xlarge);
}

.ttl-mb-large {
    margin-bottom: var(--ttl-mb-large);
}

.ttl-mb-medium {
    margin-bottom: var(--ttl-mb-medium);
}

.ttl-mb-small {
    margin-bottom: var(--ttl-mb-small);
}

.ttl-mb-xsmall {
    margin-bottom: var(--ttl-mb-xsmall);
}

.ttl-mb-none {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.8);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.8);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.8);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.8);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.8);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

@media (max-width: 599px) {
    .ttl-mb-xlarge {
        margin-bottom: calc(var(--ttl-mb-xlarge) * 0.6);
    }

    .ttl-mb-large {
        margin-bottom: calc(var(--ttl-mb-large) * 0.6);
    }

    .ttl-mb-medium {
        margin-bottom: calc(var(--ttl-mb-medium) * 0.6);
    }

    .ttl-mb-small {
        margin-bottom: calc(var(--ttl-mb-small) * 0.6);
    }

    .ttl-mb-xsmall {
        margin-bottom: calc(var(--ttl-mb-xsmall) * 0.6);
    }

    .ttl-mb-none {
        margin-bottom: 0;
    }
}

.ttl-left {
    text-align: left;
}

.ttl-center {
    text-align: center;
}

.ttl-right {
    text-align: right;
}



/*===================================
共通ボタン
===================================*/

[class*="btn-type-"] {
    --btn-mt-xlarge: 70px;
    --btn-mt-large: 60px;
    --btn-mt-medium: 50px;
    --btn-mt-small: 40px;
    --btn-mt-xsmall: 30px;
}

/* btn-type-01 */
.btn-type-01 a {
    min-width: 200px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    border-radius: 50px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #4cbde7), color-stop(80%, #0b8ad4));
    background: linear-gradient(90deg, #4cbde7 10%, #0b8ad4 80%);
    position: relative;
    z-index: 3;
}

.btn-type-01.other a {
    min-width: 240px;
    min-height: 50px;
    font-size: 14px;
    opacity: 1;
    -webkit-transition: 1s;
    transition: 1s;
}

.btn-type-01.other a:hover {
    background: #4cbde7;
    opacity: 1;
}

.btn-type-01 a::after {
    content: "";
    width: 10px;
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/direction/white.webp);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-animation-name: return02;
    animation-name: return02;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: 50%;
    right: 15px;

    aspect-ratio: 8/14;
}

.btn-type-01.other a::after {
    content: none;
}

@media(max-width:599px) {
    .btn-type-01.other a {
        min-width: 150px;
    }
}

/* btn-type-02 */
.btn-type-02>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -ms-flex-align: baseline;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 30px;
    font-family: "Montserrat";
    line-height: 1;
    position: relative;
}

.btn-type-02>*::after {
    content: "";
    width: 8px;
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/direction/white.webp);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 45%;
    right: 0px;

    aspect-ratio: 8/14;
}

/*===================================
共通ブロック
==================================*/



/*===================================
共通要素
===================================*/

/* header */

.header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

[data-element-id].header {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #333;
    position: relative;
    top: auto;
    left: auto;
}

.header h1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 5px;
    font-size: 12px;
    color: #fff;
}

.header.change-color {
    background-color: rgb(255 255 255 / 80%);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.header.change-color.other {
    padding: 20px 0;
}

/* change-color */
.header.change-color #gnav {
    color: #000;
}

.header.change-color #gnav .logo-block .logo img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

@media(max-width:599px) {
    .header.change-color #gnav .barger-body {
        color: #fff;
    }
}

/* header*/
.header .header-common {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
}

.header .header-common .left {
  max-width: 300px;
}

[data-element-id] .header .header-common .left {
    position: absolute;
    top: 10px;
}

.header .header-common .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header .header-common .right .btn-box {
    position: relative;
}

.header .header-common .right .btn-box .tit {
    padding: 3px 20px;
    font-family: "Montserrat";
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    border: 1px solid;
}

.header .header-common .right .btn-box:hover .tit {
    color: #004eaf;
    border: 1px solid #fff;
    background: #fff;
    opacity: 1;
}

.header .header-common .right .btn-box .dropdown {
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    padding: 20px;
    border-radius: 5px;
    background: rgb(0 0 0 / 70%);
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    top: 40px;
    right: -40px;

    row-gap: 20px;
}

[data-element-id] .header .header-common .right .btn-box .dropdown {
    visibility: visible;
    opacity: 1;
    top: auto;
    bottom: 0px;
    left: -220px;
    right: auto;
}

.header .header-common .right .btn-box:hover .dropdown {
    visibility: visible;
    opacity: 1;
}

.header .header-common .right .btn-box .dropdown .item>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
}

/* .header .header-common .right .btn-box .dropdown .item>*:hover {
    opacity: 1;
} */

.header .header-common .right .btn-box .dropdown .item>* .ja {
    font-size: 10px;
}

.header .header-common .right .btn-box .dropdown .item>* .en {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    line-height: 1;
    letter-spacing: 0px;
}

.header .header-common .datattl .dtl {
    width: 100%;
    display: block;
    margin-top: 50px;
    padding: 10px 20px;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    background: #005ab9;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.header .header-common .datattl.sale .dtl {
    background: #b90000;
}

.header .header-common .datattl a:hover {
    color: #005ab9;
    background: #fff;
    opacity: 1;
}

.header .header-common .datattl.sale a:hover {
    color: #b90000;
    background: #fff;
    opacity: 1;
}

.header .header-common .data {
    margin-top: 20px;
}

.header .header-common .dtl a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    padding-left: 2em;
    font-size: 14px;
    position: relative;
}

.header .header-common .dtl a::before {
    content: "";
    width: 12px;
    height: 12px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    position: absolute;
    top: 70%;
    left: 0px;
}

.header .header-common .dtl a .en {
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 200%;
    line-height: 1;
}

@media(max-width:1024px) {
    .header .header-common .left {
        max-width: 200px;
    }

    .header .header-common .right .entry-btn-sp {
        width: 100%;
        margin-top: 20px;
    }

    .header .header-common .right .btn-box>* {
        display: none;
    }

    .header .header-common .item .datattl>* {
        font-size: 18px;
    }

    .header .header-common .item .datattl>* {
        min-width: 200px;
    }

    .header .header-common .item .dtl a {
        width: 200px;
    }
}

@media(max-width:599px) {
    .header .header-common .item .datattl>* {
        font-size: 16px;
    }
}

/* gnav */

#gnav .logo-block .logo img {
    width: 250px;
}

#gnav .barger-body .barger-inner .flex .item .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    padding: 15px;
}

#gnav .barger-body .barger-inner .flex .item .tit .en {
    font-weight: 600;
    font-size: 12px;
    color: #e60013;
}

#gnav .barger-body .barger-inner .flex .item.icon-faq>* {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    color: #ad0707;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 50%;
    background: #fff;
}

.change-color #gnav .barger-body .barger-inner .flex .item.icon-faq>* {
    background: #cecbcb;
}

#gnav .barger-body .barger-inner .flex .item.icon-faq>*:hover {
    color: #fff;
    background: #ad0707;
}

@media(max-width:1024px) {
    #gnav {
        max-width: none;
    }

    #gnav .barger-body .barger-inner .flex .item .tit {
        -webkit-box-align: start;
        align-items: flex-start;
        -ms-flex-align: start;
        padding: 10px 0;
        color: #fff;
    }

    #gnav .barger-body .barger-inner .flex .barger-logo img {
        width: 200px;
    }
}

@media(max-width:599px) {
    #gnav .logo-block .logo img {
        width: 160px;
    }
}

/* dropdown */
#gnav .dropdown {
    position: relative;
}

[data-element-id] #gnav .dropdown>ul {
    width: 100%;
    visibility: visible;
    opacity: 1;
    position: static;
}

#gnav .dropdown>.drop-item {
    width: 45rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    padding: 10px;
    padding: 40px;
    border-radius: 10px;
    background: rgb(0 0 0 / 50%);
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    top: 100%;
    left: 50%;
}

#gnav .dropdown:hover>.drop-item {
    visibility: visible;
    opacity: 1;
}

#gnav .dropdown:hover>.drop-item .title {
    width: 25%;
    color: #fff;
    border-right: 1px solid;
}

#gnav .dropdown>.drop-item ul {
    padding: 0 30px;
}

#gnav .dropdown>.drop-item ul li {
    margin: 0;
}

#gnav .dropdown>.drop-item ul li+li {
    margin-top: 10px;
}

#gnav .dropdown>.drop-item ul li a {
    color: #fff;
    position: relative;
}

#gnav .dropdown>.drop-item ul li a::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    /*アンダーラインがaタグの下端から現れる*/
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
    -webkit-transform-origin: left top;
    transform-origin: left top;
    position: absolute;
    bottom: -1px;
    left: 0;
    /*変形の時間*/
}

#gnav .dropdown>.drop-item ul li a:hover {
    opacity: 1;
}

#gnav .dropdown>.drop-item ul li a:hover::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    /*ホバー後、x軸方向に1（相対値）伸長*/
}

@media (max-width: 1024px) {
    #gnav .dropdown>.drop-item {
        width: 100%;
        display: block;
        visibility: visible;
        padding: 0;
        padding: 0;
        border-radius: 0;
        background: none;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none;
        position: relative;
        top: auto;
        left: auto;
    }

    #gnav .dropdown>.drop-item ul {
        width: 100%;
        visibility: visible;
        margin-bottom: 10px;
        padding: 0;
        background: none;
        opacity: 1;
        position: static;
    }

    #gnav .dropdown>.drop-item ul li a {
        padding-left: 1.5em;
        font-size: 12px;
        color: #969696;
        position: relative;
    }

    #gnav .dropdown>.drop-item ul li a:before {
        content: "∟";
        font-size: 10px;
        line-height: 1.5;
        position: absolute;
        top: 0;
        left: 0;
    }
}


/* footer */
#footer.other {
    padding-top: 80px;
    background: #f1f3f4;
}

#footer .logo {
    max-width: 280px;
}

#footer .sitemap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
}

#footer .sitemap .item .tit {
    font-weight: 700;
    color: #33a7ea;
}

#footer .sitemap .item .dtl {
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #8a8e90;
}

#footer .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

#footer .btn-block .btn>* {
    min-width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 30px 20px 15px;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    /* margin-left: 20px; */
    border: 2px solid;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #4cbde7), color-stop(80%, #0b8ad4));
    background: linear-gradient(90deg, #4cbde7 10%, #0b8ad4 80%);
    position: relative;
}

#footer .copy {
    padding: 60px 0 20px;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    color: #595a5a;
    letter-spacing: 0px;
    text-align: center;
}

@media(max-width:1024px) {
    #footer .sitemap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media(max-width:599px) {
    #footer .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto;
    }

    #footer .btn-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;

        row-gap: 10px;
    }

    #footer .copy {
        padding: 40px 0 20px;
    }
}

/* A-BiSUスライダー用 */

.uk-slideshow {
    height: auto !important;
    position: relative;
}

.uk-slideshow:before {
    content: "";
    display: block;
    padding-top: 60%;
}

[data-element-id] .uk-slideshow>li {
    opacity: 1;
}

.uk-slideshow>li {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
}

.uk-slideshow>li>div {
    height: 100% !important;
}

.uk-slideshow>li>div>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.uk-slideshow+* {
    margin-top: 10px !important;
}

.uk-slider {
    height: 100px;
    margin-left: -10px;
}

.uk-slider li {
    height: 100%;
    padding-left: 10px;
}

.uk-slider li>div {
    height: 100% !important;
}

.uk-slider li>div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

@media (max-width: 1024px) {
    .uk-slider {
        height: 90px;
    }
}

@media (max-width: 599px) {
    .uk-slider {
        height: 80px;
    }

    .uk-slider li {
        width: 33.333%;
    }
}

/* ハンバーガーメニュー  */
.header-toggle {
    width: 50px;
    height: 50px;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    top: 0px;
    right: 0px;
    z-index: 251;
}

.header-toggle .bar {
    width: 30px;
    height: 2px;
    display: block;
    margin-top: -1px;
    padding: 0;
    text-indent: 9999px;
    border-radius: 10px;
    background: transparent;
    -webkit-transition: ease 0.4s;
    transition: ease 0.4s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.header-toggle .bar:before,
.header-toggle .bar:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    border-radius: 10px;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    left: 0;
}

.header-toggle .bar:before {
    top: 5px;
}

.header-toggle .bar:after {
    top: -5px;
}


.header-toggle.active .bar:after,
.header-toggle.active .bar:before {
    width: 28px;
    top: 0;
    left: 0;
}

.header-toggle.active .bar:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header-toggle.active .bar:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header-gnav {
    width: 0%;
    height: 100%;
    display: none;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
    position: fixed;
    top: 0;
    right: 0%;
    z-index: 201;
}

[data-element-id].header-gnav {
    width: 90vw;
    height: auto;
    display: block;
    margin-top: 0px;
    margin-right: auto;
    padding: 10px;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
    position: relative;
    top: 50px;
    right: auto;
}

.header-gnav.active {
    width: 100%;
    display: block;
    display: block;
    opacity: 1;
    right: 0;
}

.header-gnav .g-nav-list {
    width: 80%;
    display: none;
    margin: 5% auto 0;
}

[data-element-id].header-gnav .g-nav-list {
    display: block;
    margin: 0 auto;
}

.header-gnav.active .g-nav-list {
    display: block;
}

.header-gnav .g-nav-list .tit>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
    font-family: "Montserrat";
    font-weight: 600;
    font-size: 44px;
    color: #fff;
    line-height: 1.2;
}

.header-gnav .creative .tit>* {
    color: #005ab9;
}

.header-gnav .sales .tit>* {
    color: #b90000;
}

.header-gnav .g-nav-list .item {
    list-style: none;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    letter-spacing: 2px;
}

[data-element-id] .header-gnav .g-nav-list .item {
    font-size: 18px;
}

.header-gnav .g-nav-list .item.drop ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -ms-flex-align: start;
    margin-bottom: 5px;
    margin-left: 1em;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    position: relative;
}

.header-gnav .g-nav-list .item.drop ul li::before {
    content: "∟";
    margin-right: 5px;
    font-size: 10px;
}

.header-gnav .g-nav-list .item.drop ul li:first-child {
    margin-top: 10px;
}

.header-gnav .g-nav-list .contents .site>*,
#footer .btn-block .btn>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    border: 2px solid;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #4cbde7), color-stop(80%, #0b8ad4));
    background: linear-gradient(90deg, #4cbde7 10%, #0b8ad4 80%);
    position: relative;
}

.header-gnav .g-nav-list .contents .site>* {
    width: 200px;
    margin-left: 20px;
    padding: 15px 30px 15px 15px;
}

#footer .btn-block .btn>* {
    min-width: 250px;
    padding: 20px 30px 20px 20px;
}

.header-gnav .g-nav-list .contents .site>*::after,
#footer .btn-block .btn>*::after {
    content: "";
    width: 8px;
    background-image: url(/import/tenant_3/recruit.unison-planet.com/recruit_renewal/top/images/common/direction/white.webp);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 15px;

    aspect-ratio: 8/14;
}

@media only screen and (max-width: 1024px) {
    .header-gnav.active {
        width: 50%;
        overflow-y: scroll;
    }

    .header-gnav .g-nav-list {
        width: 85%;
        margin: 40px auto 0;
        padding: 40px 0;
    }

    .header-gnav .g-nav-list .tit>* {
        margin-bottom: 10px;
        font-size: 34px;
    }

    .header-gnav .g-nav-list .item {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .header-gnav .g-nav-list .item.drop ul li {
        margin-left: 0em;
        font-size: 12px;
    }

    .header-gnav .g-nav-list .item.drop ul li:first-child {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 599px) {
    .header-gnav.active {
        width: 80%;
    }
}

.overlay.active:after {
    content: "";
    width: 100%;
    height: 100vh;
    background: #000;
    opacity: 0.3;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

/*  */
.top-index-area {
    overflow: hidden;
}

[data-element-id] .pin-spacer {
    height: auto !important;
    padding: 0 !important;
}

[data-element-id] .top-index-area {
    overflow: visible;
    position: relative !important;
}

.top-index-area .top-index-wrap {
    height: 100vh;
    position: relative;
}

[data-element-id] .top-index-area .top-index-wrap {
    height: auto;
}

.top-index-area .top-index-wrap .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
}

[data-element-id] .top-index-area .top-index-wrap .item {
    position: static;
}

.top-index-area .top-index-wrap .index-mv {
    width: 100%;
    height: 100%;
    /* height: 100vh; */
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 15;
}


[data-element-id] .top-index-area .top-index-wrap .index-mv {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.top-index-area .top-index-wrap .index-mv .mv-circle {
    position: absolute;
}

[data-element-id] .top-index-area .top-index-wrap .index-mv .mv-circle {
    -webkit-clip-path: circle(28% at 50% 50%) !important;
    clip-path: circle(28% at 50% 50%) !important;
}

.top-index-area .top-index-wrap .index-mv .mv-circle video {
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.top-index-area .top-index-wrap .index-mv .circle-text {
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id] .top-index-area .top-index-wrap .index-mv .circle-text {
    left: 85%;
}

.top-index-area .top-index-wrap .index-mv .circle-text span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

[data-element-id].top-index-area .top-index-wrap .index-mv .circle-text span {
    -webkit-transform: none;
    transform: none;
    left: 65%;

    scale: 1.5;
}

.top-index-area .top-index-wrap .index-mv .circle-text span img {
    width: 10%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

[data-element-id] .top-index-area .top-index-wrap .index-mv .circle-text span img {
    -webkit-transform: none;
    transform: none;
    position: relative;
    top: auto;
    left: auto;
}

.top-index-area .scroll-deco {
    content: "";
    width: 25px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    position: absolute;
    bottom: 2%;
    left: 50%;
    z-index: 100;
}

.top-index-area .scroll-deco:before {
    content: "";
    width: 4px;
    height: 8px;
    margin-left: -2px;
    border: 1px solid #fff;
    -webkit-animation-name: UpDown;
    animation-name: UpDown;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    position: absolute;
    bottom: calc(2% + 30px);
    left: 50%;
}

@-webkit-keyframes UpDown {

    /* 開始地点 */
    0% {
        /* Y軸0px */
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    /* 終了地点 */
    100% {
        /* Y軸50px */
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes UpDown {

    /* 開始地点 */
    0% {
        /* Y軸0px */
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    /* 終了地点 */
    100% {
        /* Y軸50px */
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

.index-message>* {
    width: 100vw;
    height: 100vh;
    position: relative;
}

[data-element-id] .index-message {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.index-message .bgi {
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    position: absolute;
    top: 0;
    left: 0;
}

.index-message .text-box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300;
    letter-spacing: 0.2em;
}

[data-element-id] .index-message .text-box {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

@media(max-width:1024px) {
    .top-index-area .top-index-wrap .index-mv #mv-video {
        -webkit-clip-path: circle(5.0001% at 50% 50%);
        clip-path: circle(5.0001% at 50% 50%);
    }

    .top-index-area .top-index-wrap .index-mv .circle-text span img {
        width: 13%;
    }

    .index-message .text-box .txt {
        letter-spacing: 0.02em;
    }
}

@media(max-width:599px) {
    .top-index-area .top-index-wrap {
        height: 100dvh;
        height: 100vh;
    }

    .index-message>* {
        height: 100dvh;
        height: 100vh;
    }

    .top-index-area .top-index-wrap .index-mv .circle-text span img {
        width: 20%;
    }

    .index-message .text-box .txt {
        line-height: 2;
    }
}

/* index-which */
[data-element-id] .index-which {
    opacity: 1;
}

.index-which>* {
    width: 100vw;
    height: 100vh;
    position: relative;
}

[data-element-id] .index-which>* {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.index-which .content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 20;
}

.index-which .content .big-tit {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 700;
    font-size: 64px;
    color: #fff;
    text-shadow: 4px 2px #8d8d8d;
    position: absolute !important;
    top: 15%;
    z-index: 21;
}

.index-which .content .big-tit {
    letter-spacing: 3px;
}

[data-element-id] .index-which .content .big-tit {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

[data-element-id] .index-which .content .box {
    opacity: 1 !important;
    -webkit-filter: blur(0) !important;
    filter: blur(0) !important;
}

.index-which .content .box>* {
    width: 60vh;
    height: 60vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 50%;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}

.index-which .content .box.sales>* {
    color: #be004b;
    text-shadow: 2px 2px 2px #fff;
}

.index-which .content .box.creative>* {
    color: #1561b9;
    text-shadow: 2px 2px 2px #fff;
}

.index-which .content .box.sales>*.hover-p:hover {
    background: -webkit-gradient(linear, left top, right top, from(#e3949e), to(#e3b9ba));
    background: linear-gradient(90deg, #e3949e, #e3b9ba);
}

.index-which .content .box.creative>*.hover-p:hover {
    background: -webkit-gradient(linear, left top, right top, from(#a5d3e8), to(#7ba7d8));
    background: linear-gradient(90deg, #a5d3e8, #7ba7d8);
}

.index-which .content .box:last-child {
    margin-left: -5%;
}

.index-which .content .box .tit {
    padding-top: 50px;
    font-size: 38px;
    text-align: center;
}

.index-which .content .box .txt {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
}

.index-which .content .box .btn {
    margin-top: 50px;
    position: relative;
}

.index-which .content .box .btn>* {
    width: 330px;
    display: block;
    padding: 20px 50px 20px 20px;
    border: 1px solid;
}

.index-which .content .box .btn>*::after {
    content: "";
    width: 20px;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation-name: return;
    animation-name: return;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 4;

    aspect-ratio: 22/25;
}

.index-which .content .box.sales .btn>*::after {
    background-image: url(/upload/tenant_3/546dfd355ca3536d5de7c4110a87c3c6.webp);
}

.index-which .content .box.creative .btn>*::after {
    background-image: url(/upload/tenant_3/07d1b1185917b343e8bfe57fadf36ffe.webp);
}

.index-which .content .box .btn>*:hover {
    color: #8d8d8d;
    border: 1px solid #fff;
    background: #fff;
    opacity: 1;
}

.index-which .content .box .btn>*:hover::after {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}

@-webkit-keyframes return {
    50% {
        right: 15px;
    }

    100% {
        right: 10px;
    }
}

@keyframes return {
    50% {
        right: 15px;
    }

    100% {
        right: 10px;
    }
}

.index-which .bgi {
    width: 40%;
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.index-which .bgi.sales {
    left: 0;
}

.index-which .bgi.creative {
    right: 0;
}

.index-which .bgc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@media(max-width:1024px) {
    .index-which .content .box:last-child {
        margin-left: -3%;
    }

    .index-which .content .box>* {
        width: 350px;
        height: 350px;
    }

    .index-which .content .big-tit {
        font-size: 50px;
        top: 15%;
    }

    .index-which .content .box .tit {
        padding-top: 30px;
        font-size: 28px;
    }

    .index-which .content .box .txt {
        font-size: 18px;
    }

    .index-which .content .box .btn {
        margin-top: 30px;
    }

    .index-which .content .box .btn>* {
        width: 240px;
        padding: 10px 20px 10px 10px;
        font-size: 12px;
    }
}

@media(max-width:599px) {
    .index-which {
        height: 100vh;
        height: 100dvh;
    }

    .index-which>* {
        height: 100vh;
        height: 100dvh;
    }

    .index-which .content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .index-which .content .big-tit {
        font-size: 28px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
    }

    .index-which .content .box>* {
        width: 260px;
        height: 260px;
    }

    .index-which .content .box:last-child {
        margin-top: -50px;
        margin-left: 0;
    }

    .index-which .content .box .tit {
        padding-top: 0;
        font-size: 24px;
    }

    .index-which .content .box .txt {
        font-size: 12px;
    }

    .index-which .content .box .btn>* {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 10px 30px 10px 10px;
        font-size: 11px;
    }

    .index-which .content .box .btn>*::after {
        width: 12px;
    }

    .index-which .bgi {
        width: 80%;
    }

    .index-which .bgi.sales {
        width: 60%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0;
        bottom: auto;
    }

    .index-which .bgi.sales::after {
        content: "";
        width: 60%;
        height: 70px;
        margin-top: -70px;
        background: -webkit-gradient(linear, left bottom, left top, from(#eaadab), to(transparent));
        background: linear-gradient(0deg, #eaadab, transparent);
    }

    .index-which .bgi.creative {
        bottom: 0;
    }

    .index-which .bgc {
        width: 130dvh;
        height: 100%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: -50%;
    }
}

/* index-foot */
.index-foot {
    overflow-y: scroll;
    position: absolute;
}

.index-foot>* {
    /* height: 100vh;*/
    width: 100vw;
    color: #fff;
    position: relative;
}

.index-foot .content {
    position: relative;
    z-index: 2;
}

.index-foot .content .box.sales {
    overflow: hidden;
    position: relative;
}

.index-foot .content .box .tit-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}

.index-foot .content .box.sales .tit-circle::before {
    content: "";
    width: calc((100% - 200px) / 5);
    height: 1px;
    background: #fff;
}

.index-foot .content .box .tit-circle::after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
}

.index-foot .content .box.sale .tit-circle::after {
    width: calc((100% - 200px) / 5 * 4);
}

.index-foot .content .box .tit-circle>* {
    width: 200px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid;
    border-radius: 50%;
    position: relative;
}

.index-foot .content .box .tit-circle .en {
    font-family: "Monteserrat";
    font-size: 14px;
}

.index-foot .content .box .tit-circle .ja {
    font-size: 26px;
}

.index-foot .content .box .tit-circle .ja .ls {
    letter-spacing: -5px;
}

.index-foot .content .box .sitemap {
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
}

.index-foot .content .box.sales .sitemap {
    padding-left: calc((100% - 200px) / 8);
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.index-foot .content .box.creative .sitemap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    gap: 30px;
}

.index-foot .content .box .sitemap .tit {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 110%;
}

.index-foot .content .box .sitemap ul {
    padding-left: 10px;
}

.index-foot .content .box.creative .sitemap>*:first-child {
    width: 100%;
}

.index-foot .content .box.creative .sitemap>*:nth-of-type(2n),
.index-foot .content .box.creative .sitemap>*:nth-of-type(3n) {
    width: 40%;
}

.index-foot .content .box.creative .sitemap>*:first-child ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.index-foot .content .box .sitemap ul li>* {
    display: block;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0px;
}

.index-foot .bgc {
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.index-foot .copy {
    margin-top: 70px;
    font-family: "Montserrat";
    text-align: center;
    position: relative;
    z-index: 2;
}

.index-foot .corp-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 50px auto -30px;
}

.index-foot .corp-btn>* {
    width: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    color: #b898be;
    text-align: center;
    border: 1px solid #fff;
    background: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 2;
}

.index-foot .corp-btn>*:hover {
    color: #fff;
    background: transparent;
    opacity: 1;
}

@media(max-width:1024px) {
    .index-foot .content .box .sitemap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .index-foot .content .box .sitemap>*:not(:first-child) {
        margin-top: 30px;
    }

    .index-foot .content .box.creative .sitemap>*:nth-of-type(2n),
    .index-foot .content .box.creative .sitemap>*:nth-of-type(3n) {
        width: 100%;
    }

    .index-foot .content .box.creative .sitemap {
        gap: 0px;
    }

    .index-foot .content .box.creative .sitemap>*:first-child ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media(max-width:599px) {
    .index-foot>* {
        height: 100dvh;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .index-foot .content .box.sales {
        margin-top: -50px;
    }

    .index-foot .content .box .tit-circle::before {
        content: "";
        width: calc((100% - 200px) / 5);
        height: 1px;
        background: #fff;
    }

    .index-foot .content .box .tit-circle>* {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 0.5em 2em;
        line-height: 1;
        border-radius: 0;
    }

    .index-foot .content .box .tit-circle .en {
        display: inline-block;
        margin-left: 1em;
    }

    .index-foot .content .box .sitemap {
        width: 95%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 10px auto 0;
        padding-left: 0;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }

    .index-foot .content .box.sales .sitemap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-left: 0;
        -webkit-column-gap: 0px;
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .index-foot .content .box .sitemap>*:not(:first-child) {
        margin-top: 0px;
    }

    .index-foot .content .box.sales .sitemap>*:first-child {
        width: 34%;
    }

    .index-foot .content .box.sales .sitemap>*:nth-of-type(2n),
    .index-foot .content .box.sales .sitemap>*:nth-of-type(3n) {
        width: 64%;
    }

    .index-foot .content .box.creative .sitemap>*:first-child {
        width: 50%;
    }

    .index-foot .content .box.creative .sitemap>*:nth-of-type(2n),
    .index-foot .content .box.creative .sitemap>*:nth-of-type(3n) {
        width: 50%;
    }

    .index-foot .content .box .sitemap .tit {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .index-foot .content .box .tit-circle .en {
        font-size: 10px;
    }

    .index-foot .content .box .tit-circle .ja {
        font-size: 12px;
    }

    .index-foot .content .box .tit-circle .ja .ls {
        letter-spacing: -2px;
    }

    .index-foot .content .box .sitemap ul {
        padding-left: 0;
    }

    .index-foot .content .box .sitemap ul li>* {
        font-size: 12px;
    }

    .index-foot .corp-btn {
        width: 50%;
        margin: 5px 0 -30px auto;
    }

    .index-foot .corp-btn>* {
        width: 90%;
        padding: 5px;
        font-size: 12px;
    }

    .index-foot .copy {
        margin: 10px;
        font-size: 10px;
        letter-spacing: 0;
        text-align: left;
    }
}

.btn-link-img img {
    width: 15px;
    height: auto;
    margin-left: 10px;
    padding-top: 3px;
}

.index-foot .corp-btn>*:hover .btn-link-img img {
    -webkit-filter: brightness(5);
    filter: brightness(5);
}