@charset "UTF-8";
:root {
  /*===================== Color =====================*/
  --color-main: #1F1F1F;
  --color-brand-site-base: #161616;
  --color-safety: #FF665E;
  --color-local: #558EDB;
  --color-fun: #FFBC07;
  --color-future: #33EE87;
  --color-rewarding: #A97FFB;
  --color-customer: #FFACD6;
  --color-cs: #FFACD6;
  /*===================== Font =====================*/
  --font-montserrat: "Montserrat", sans-serif;
  --font-unbounded: "Unbounded", sans-serif;
  --font-aboreto: "Aboreto", system-ui;
  /*===================== イージング =====================*/
  --ease-bounce-s:linear(0, 0.271 8.8%, 0.542 19.9%, 0.837 34.2%, 1 44.7%, 0.943 51.1%, 0.925 57.5%, 0.937 63.1%, 1 77.4%, 0.991 84.2%, 1);
  --ease-bounce:linear(0, 0.247 13.2%, 0.415 20.5%, 0.624 27.4%, 1 37.8%, 0.794 44.9%, 0.747 47.9%, 0.731 50.8%, 0.744 53.5%, 0.785 56.4%, 0.999 65.5%, 0.927 69.6%, 0.904 73.4%, 0.921 77%, 1 84.5%, 0.981 89.4%, 1);
}

/*======================= SP-VW =======================*/
/*======================= PC-VW =======================*/
/*------ 使用例 ------
.text {
	font-size: spvw(16);
}
*/
/*================================= アニメーション =================================*/
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes big {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rotate360-right {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360-left {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes fuwafuwa-up {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -70%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fuwafuwa-down {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 70%);
  }
  100% {
    transform: translate(0, 0);
  }
}
:root {
  --base-sp-width: 86%;
  --wrapper-sp-width: 94%;
  --content-sp-width: 92%;
  --base-pc-width: 85%;
  --wrapper-pc-width: 97%;
  --content-pc-width: 89%;
}

main {
  overflow: hidden;
  padding-top: calc(93 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main {
    padding-top: calc(162 / 1366 * 100vw);
  }
}

.--color-red {
  color: #FF0303;
}

.safety {
  --main-color: var(--color-safety);
}

.local {
  --main-color: var(--color-local);
}

.fun {
  --main-color: var(--color-fun);
}

.future {
  --main-color: var(--color-future);
}

.rewarding {
  --main-color: var(--color-rewarding);
}

.customer {
  --main-color: var(--color-customer);
}

.cs {
  --main-color: #FFEDF6;
}

main.future .page-heading .page__title .ja .motto-illust, main.local .page-heading .page__title .ja .motto-illust {
  right: 7vw;
}
@media screen and (min-width: 768px) {
  main.future .page-heading .page__title .ja .motto-illust, main.local .page-heading .page__title .ja .motto-illust {
    right: 0;
  }
}

.page-heading {
  width: var(--base-sp-width);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page-heading {
    width: var(--base-pc-width);
  }
}
.page-heading .page__title .en {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--font-unbounded);
  letter-spacing: 0.05em;
  color: var(--main-color);
  margin-bottom: 1.5em;
  font-size: calc(14 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-heading .page__title .en {
    font-size: calc(25 / 1366 * 100vw);
  }
}
.page-heading .page__title .en .icon {
  display: inline-block;
  width: 1.8em;
  margin-right: 0.6em;
}
.page-heading .page__title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--main-color), -1px 1px 0 var(--main-color), -1px -1px 0 var(--main-color), 1px -1px 0 var(--main-color);
}
.page-heading .page__title .ja {
  display: inline-block;
  line-height: 1.11em;
  font-weight: 500;
  position: relative;
  font-size: calc(45 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-heading .page__title .ja {
    font-size: calc(80 / 1366 * 100vw);
    letter-spacing: 0.05em;
  }
}
.page-heading .page__title .ja .motto-illust {
  display: block;
  position: absolute;
  top: 50%;
  right: 2vw;
  transform: translate(120%, -50%);
  width: auto;
  height: calc(95 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-heading .page__title .ja .motto-illust {
    right: 0;
    width: auto;
    height: calc(158 / 1366 * 100vw);
  }
}
.page-heading .page__title .ja .motto-illust img {
  width: auto;
  height: 100%;
}
.page-heading .page__title .ja .color {
  color: var(--main-color);
}
.page-heading .page__title_sub {
  line-height: 1.2em;
  margin-top: calc(48 / 375 * 100vw);
  font-size: calc(20 / 375 * 100vw);
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-heading .page__title_sub {
    font-size: calc(24 / 1366 * 100vw);
    margin-top: calc(75 / 1366 * 100vw);
  }
}
.page-heading .page__read {
  margin-top: 1.2em;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .page-heading .page__read {
    margin-top: 1em;
    text-align: left;
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}

.sec-container {
  margin-top: calc(71 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .sec-container {
    margin-top: calc(143 / 1366 * 100vw);
  }
}

.page-wrapper {
  width: var(--wrapper-sp-width);
  margin-left: auto;
  padding: calc(35 / 375 * 100vw) 0 calc(35 / 375 * 100vw) calc(29 / 375 * 100vw);
  background-color: var(--main-color);
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .page-wrapper {
    width: var(--wrapper-pc-width);
    padding: calc(50 / 1366 * 100vw) calc(70 / 1366 * 100vw);
  }
}

.page-content {
  width: 100%;
  margin-left: auto;
  padding: calc(30 / 375 * 100vw);
  background-color: #fff;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .page-content {
    width: 100%;
    padding: calc(50 / 1366 * 100vw);
    margin-inline: auto;
  }
}
.page-content + .page-content {
  margin-top: calc(7 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-content + .page-content {
    margin-top: calc(10 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  .page-content .page-content-inner {
    display: flex;
    justify-content: flex-start;
    gap: calc(48 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  .page-content .page-content-image {
    width: calc(357 / 1366 * 100vw);
    flex-shrink: 0;
  }
}
.page-content .page-content__title {
  margin-top: calc(17 / 375 * 100vw);
  color: var(--main-color);
  font-size: calc(24 / 375 * 100vw);
  line-height: 1.33;
  letter-spacing: 0.02em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .page-content .page-content__title {
    margin-top: 0;
    font-size: calc(34 / 1366 * 100vw);
  }
}
.page-content .page-content-text {
  margin-top: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text {
    margin-top: calc(27 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text.--col {
    display: flex;
    justify-content: flex-start;
    gap: calc(30 / 1366 * 100vw);
  }
}
.page-content .page-content-text-ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.3;
  letter-spacing: 0.02em;
  margin-bottom: 1em;
  margin-top: 1em;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text-ul {
    width: 58%;
    gap: 0;
    margin-bottom: 0.6em;
    font-size: max(10px, 16 / 1366 * 100vw);
  }
}
.page-content .page-content-text-ul li {
  margin-bottom: 0.6em;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text-ul li:nth-of-type(odd) {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text-ul li:nth-of-type(even) {
    width: 60%;
  }
}
.page-content .page-content-text-ul li::before {
  content: "";
  display: inline-block;
  width: calc(6 / 375 * 100vw);
  height: calc(6 / 375 * 100vw);
  margin-right: calc(8 / 375 * 100vw);
  background-color: var(--main-color);
  border-radius: 50%;
  color: var(--main-color);
  transform: translate(0, -0.1em);
}
@media screen and (min-width: 768px) {
  .page-content .page-content-text-ul li::before {
    width: 0.3em;
    height: 0.3em;
    margin-right: 8px;
    transform: translate(0, -0.15em);
  }
}
.page-content .page-content__read {
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.77;
  letter-spacing: 0.02em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .page-content .page-content__read {
    font-size: max(10px, 16 / 1366 * 100vw);
  }
}
.page-content .page-content-badge {
  width: 85%;
  margin-inline: auto;
  margin-top: calc(22 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-content .page-content-badge {
    margin-top: 0;
    width: calc(154 / 1366 * 100vw);
    margin-inline: 0;
    flex-shrink: 0;
  }
}
.page-content .page-content-table {
  margin-top: calc(25 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table {
    margin-top: calc(48 / 1366 * 100vw);
  }
}
.page-content .page-content-table table caption {
  position: relative;
  margin-bottom: calc(20 / 375 * 100vw);
  font-size: calc(16 / 375 * 100vw);
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table table caption {
    margin-bottom: calc(25 / 1366 * 100vw);
    font-size: max(10px, 16 / 1366 * 100vw);
  }
}
.page-content .page-content-table table caption .txt {
  position: relative;
  padding-right: calc(15 / 375 * 100vw);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table table caption .txt {
    padding-right: calc(23 / 1366 * 100vw);
  }
}
.page-content .page-content-table table caption::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--color-main);
}
.page-content .page-content-table table tbody tr th, .page-content .page-content-table table tbody tr td {
  padding-bottom: calc(30 / 375 * 100vw);
  font-size: calc(14 / 375 * 100vw);
  line-height: 1.44;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table table tbody tr th, .page-content .page-content-table table tbody tr td {
    padding-bottom: calc(30 / 1366 * 100vw);
    font-size: max(10px, 16 / 1366 * 100vw);
  }
}
.page-content .page-content-table table tbody tr th {
  font-weight: 700;
  padding-right: calc(20 / 375 * 100vw);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table table tbody tr th {
    padding-right: calc(25 / 1366 * 100vw);
    padding-left: 4.5em;
  }
}
.page-content .page-content-table .page-content-table-list li + li {
  margin-top: calc(13 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table .page-content-table-list li + li {
    margin-top: calc(13 / 1366 * 100vw);
  }
}
.page-content .page-content-table .page-content-table-list li .em {
  font-size: 1.125em;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .page-content .page-content-table .page-content-button {
    margin-left: 4.5em;
  }
}

a.page-content-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.3s;
  background-color: var(--main-color);
  border-radius: 50em;
  line-height: 1.2em;
  color: #fff;
  padding: 0.8em 1.2em;
  margin-top: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  a.page-content-button {
    border: solid 2px var(--main-color);
    width: calc(296 / 1366 * 100vw);
    font-size: max(10px, 16 / 1366 * 100vw);
    margin-top: calc(35 / 1366 * 100vw);
  }
  a.page-content-button:hover .m-btn-arrow svg:nth-of-type(1) {
    transform: translate(120%, -120%);
  }
  a.page-content-button:hover .m-btn-arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
  a.page-content-button:hover {
    background: #fff;
    color: var(--main-color);
  }
  a.page-content-button:hover path {
    stroke: var(--main-color);
  }
}
@media screen and (min-width: 768px) {
  a.page-content-button .m-btn-arrow {
    width: 0.8em;
  }
}
a.page-content-button path {
  stroke: #fff;
}

.page-pageNation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: calc(20 / 375 * 100vw);
  margin-top: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-pageNation {
    gap: calc(30 / 1366 * 100vw);
    margin-right: 0;
  }
}
.page-pageNation li {
  font-family: var(--font-unbounded);
  color: #fff;
  font-size: calc(18 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-pageNation li {
    font-size: calc(27 / 1366 * 100vw);
  }
}
.page-pageNation li a {
  color: currentColor;
}
.page-pageNation li.is-current {
  color: var(--color-main);
}
.page-pageNation li.m-btm-square,
.page-pageNation li .m-btm-square {
  width: calc(32 / 375 * 100vw);
  height: calc(32 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .page-pageNation li.m-btm-square,
  .page-pageNation li .m-btm-square {
    width: calc(38 / 1366 * 100vw);
    height: calc(38 / 1366 * 100vw);
  }
}
.page-pageNation li.m-btm-square .arrow,
.page-pageNation li .m-btm-square .arrow {
  width: auto;
}

/*
.sec-initiative {
    margin-top: spvw(95);

    @include mq(pc) {
        margin-top: pcvw(150);
    }

    .initiative__title {
        width: var(--base-sp-width);
        margin-bottom: spvw(15);
        margin-inline: auto;
        font-weight: 500;
        font-size: spvw(30);

        @include mq(pc) {
            width: var(--base-pc-width);
            margin-bottom: pcvw(28);
            font-size: pcvw(47);
        }
    }
}

.initiative-slide {
    .m-btn-square-slide-wrap{
        display: flex;
        gap: spvw(10);

        @include mq(pc) {
            gap: pcvw(20);
        }
    }

    .slick-slide {
        margin: 0 4px;
    }

    .slick-list {
        margin: 0 -4px;
        overflow: visible;
    }

    .splide {
        position: relative;
    }

    .splide__arrows {
        position: absolute;
        top: spvw(-13);
        right: spvw(23);
        translate: 0 -100%;

        @include mq(pc) {
            top: pcvw(-21);
            right: pcvw(95);
        }
    }

    .splide__track {
        padding-block: spvw(29);
        border-top: 1px solid var(--color-main);
        border-bottom: 1px solid var(--color-main);

        @include mq(pc) {
            padding-block: pcvw(50);
        }
    }

    .splide__slide {
        background: #fff;
        border-radius: 5px;
        display: flex;
        flex-direction: column;

        @include mq(pc) {
            width: calc(100% / 5);
        }

    }

    .initiative-post {
        display: block;

        @include mq(pc) {
            &:hover {
                img {
                    transform: scale(0.92);
                }
            }
        }

        .tag {
            display: flex;
            justify-content: flex-start;
            gap: 3vw;
            margin-block: spvw(18) spvw(15);

            @include mq(pc) {
                margin-block: pcvw(18) pcvw(15);
            }

            li {
                padding: 0.4em;
                border: 1px solid #000;
                border-radius: 3px;
                font-size: spvw(11);
                letter-spacing: 0.02em;
                line-height: 1;
                font-weight: 500;

                @include mq(pc) {
                    font-size: max(10px,pcvw(11));
                }

                &::before {
                    content: "";
                    display: inline-block;
                    margin-right: 0.3em;
                    width: 1em;
                    height: 1em;
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center;
                    vertical-align: bottom;
                }

                &.safety {
                    color: var(--color-safety);
                    border-color: var(--color-safety);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-safety.svg);
                    }
                }

                &.local {
                    color: var(--color-local);
                    border-color: var(--color-local);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-local.svg);
                    }
                }

                &.fun {
                    color: var(--color-fun);
                    border-color: var(--color-fun);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-fun.svg);
                    }
                }

                &.future {
                    color: var(--color-future);
                    border-color: var(--color-future);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-future.svg);
                    }
                }

                &.rewarding {
                    color: var(--color-rewarding);
                    border-color: var(--color-rewarding);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-rewarding.svg);
                    }
                }

                &.customer {
                    color: var(--color-customer);
                    border-color: var(--color-customer);

                    &::before {
                        background-image: url(../myimg/top/motto-icon-customer.svg);
                    }
                }
            }
        }

        .title {
            font-weight: 500;
            font-size: spvw(14);
            line-height: 1.57;
            letter-spacing: 0.02em;

            @include mq(pc) {
                font-size: max(10px,pcvw(14));
            }
        }

        .time {
            color: #ABAAAA;
            font-weight: 500;
            font-size: spvw(11);
            letter-spacing: 0.02em;

            @include mq(pc) {
                font-size: max(10px,pcvw(11));
            }
        }

        img {
            transition: all 0.3s;
        }
    }
}*/
.other-menu {
  margin: calc(87 / 375 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  .other-menu {
    margin: calc(148 / 1366 * 100vw) 0 0;
  }
}
.other-menu .other-menu__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: var(--base-sp-width);
  margin-inline: auto;
  line-height: 0.8;
  font-family: var(--font-unbounded);
  font-size: calc(30 / 375 * 100vw);
  color: var(--color-main);
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .other-menu .other-menu__title {
    width: var(--base-pc-width);
    font-size: calc(47 / 1366 * 100vw);
  }
}
.other-menu .other-menu__title .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-main), -1px 1px 0 var(--color-main), -1px -1px 0 var(--color-main), 1px -1px 0 var(--color-main);
}

.other-menu-list {
  border-top: 1px solid var(--color-main);
}
.other-menu-list li {
  border-bottom: 1px solid #C9C9C9;
}
.other-menu-list li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: var(--base-sp-width);
  margin-inline: auto;
  padding-block: calc(16 / 375 * 100vw);
  font-size: calc(25 / 375 * 100vw);
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .other-menu-list li a {
    width: 76%;
    padding-block: calc(25 / 1366 * 100vw);
    font-size: calc(44 / 1366 * 100vw);
  }
  .other-menu-list li a:hover .other-menu-box::after {
    transform: translate(0, 10%);
  }
}
.other-menu-list li .icon {
  flex-shrink: 0;
  width: calc(42 / 375 * 100vw);
  margin-top: 0.3em;
}
@media screen and (min-width: 768px) {
  .other-menu-list li .icon {
    width: calc(60 / 1366 * 100vw);
    margin-top: 0.3em;
  }
}
.other-menu-list li .title .en {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-family: var(--font-unbounded);
  letter-spacing: 0.05em;
  color: var(--color-main);
  font-size: calc(14 / 375 * 100vw);
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  .other-menu-list li .title .en {
    font-size: max(10px, 14 / 1366 * 100vw);
  }
}
.other-menu-list li .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-main), -1px 1px 0 var(--color-main), -1px -1px 0 var(--color-main), 1px -1px 0 var(--color-main);
}
.other-menu-list li .title .ja {
  display: inline-block;
  line-height: 1.11em;
  font-weight: 500;
  position: relative;
  font-size: calc(28 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .other-menu-list li .title .ja {
    font-size: calc(47 / 1366 * 100vw);
    letter-spacing: 0.05em;
  }
}
.other-menu-list li .title .ja .color {
  color: var(--color-main);
}
.other-menu-list li .m-btn-arrow {
  margin-top: 0.6em;
}
@media screen and (min-width: 768px) {
  .other-menu-list li .m-btn-arrow {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 768px) {
  .other-menu-list li .other-menu-box {
    position: relative;
  }
  .other-menu-list li .other-menu-box:after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
    position: absolute;
    bottom: 0;
    right: -20%;
    width: calc(50 / 1366 * 100vw);
    height: calc(131 / 1366 * 100vw);
    transform: translate(0, 120%);
    transition: all 0.3s;
  }
}
.other-menu-list li.safety .other-menu-box::after {
  background-image: url("../myimg/top/motto-illust-safety.webp");
}
.other-menu-list li.safety .title .en {
  color: var(--color-safety);
}
.other-menu-list li.safety .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-safety), -1px 1px 0 var(--color-safety), -1px -1px 0 var(--color-safety), 1px -1px 0 var(--color-safety);
}
.other-menu-list li.safety .title .ja .color {
  color: var(--color-safety);
}
.other-menu-list li.local .other-menu-box::after {
  width: calc(82 / 1366 * 100vw);
  right: -30%;
  background-image: url("../myimg/top/motto-illust-local.webp");
}
.other-menu-list li.local .title .en {
  color: var(--color-local);
}
.other-menu-list li.local .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-local), -1px 1px 0 var(--color-local), -1px -1px 0 var(--color-local), 1px -1px 0 var(--color-local);
}
.other-menu-list li.local .title .ja .color {
  color: var(--color-local);
}
.other-menu-list li.fun .other-menu-box::after {
  width: calc(95 / 1366 * 100vw);
  right: -28%;
  background-image: url("../myimg/top/motto-illust-fun.webp");
}
.other-menu-list li.fun .title .en {
  color: var(--color-fun);
}
.other-menu-list li.fun .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-fun), -1px 1px 0 var(--color-fun), -1px -1px 0 var(--color-fun), 1px -1px 0 var(--color-fun);
}
.other-menu-list li.fun .title .ja .color {
  color: var(--color-fun);
}
.other-menu-list li.future .other-menu-box::after {
  width: calc(75 / 1366 * 100vw);
  background-image: url("../myimg/top/motto-illust-future.webp");
}
.other-menu-list li.future .title .en {
  color: var(--color-future);
}
.other-menu-list li.future .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-future), -1px 1px 0 var(--color-future), -1px -1px 0 var(--color-future), 1px -1px 0 var(--color-future);
}
.other-menu-list li.future .title .ja .color {
  color: var(--color-future);
}
.other-menu-list li.rewarding .other-menu-box::after {
  width: calc(75 / 1366 * 100vw);
  background-image: url("../myimg/top/motto-illust-rewarding.webp");
}
.other-menu-list li.rewarding .title .en {
  color: var(--color-rewarding);
}
.other-menu-list li.rewarding .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-rewarding), -1px 1px 0 var(--color-rewarding), -1px -1px 0 var(--color-rewarding), 1px -1px 0 var(--color-rewarding);
}
.other-menu-list li.rewarding .title .ja .color {
  color: var(--color-rewarding);
}
.other-menu-list li.customer .other-menu-box::after {
  width: calc(75 / 1366 * 100vw);
  background-image: url("../myimg/top/motto-illust-customer.webp");
}
.other-menu-list li.customer .title .en {
  color: var(--color-customer);
}
.other-menu-list li.customer .title .en .border {
  margin-left: 0.4em;
  color: #fff;
  text-shadow: 1px 1px 0 var(--color-customer), -1px 1px 0 var(--color-customer), -1px -1px 0 var(--color-customer), 1px -1px 0 var(--color-customer);
}
.other-menu-list li.customer .title .ja .color {
  color: var(--color-customer);
}

.other-menu-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .other-menu-box {
    gap: calc(24 / 1366 * 100vw);
  }
}

/*================================================= CSページ =================================================*/
main.cs {
  overflow: clip;
}
main.cs section.sec-container {
  margin-top: 0;
}
main.cs div.page-cs-content {
  background: #fff;
}
main.cs div.lead-cont {
  box-sizing: border-box;
  border-bottom: solid 1px #C2C2C2;
  padding: calc(38 / 375 * 100vw) calc(28 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.lead-cont {
    padding: calc(70 / 1366 * 100vw) calc(70 / 1366 * 100vw) calc(99 / 1366 * 100vw) calc(70 / 1366 * 100vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.cs div.lead-cont h1 {
  font-weight: 500;
  color: var(--color-cs);
  line-height: 1.2em;
  font-size: calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.lead-cont h1 {
    width: 22%;
    font-size: max(10px, 34 / 1366 * 100vw);
  }
}
main.cs div.lead-cont p {
  margin-top: 1em;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.cs div.lead-cont p {
    margin-top: 0;
    width: 78%;
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.cs-cont {
  box-sizing: border-box;
  border-bottom: solid 1px #C2C2C2;
  padding: calc(42 / 375 * 100vw) calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont {
    padding: calc(99 / 1366 * 100vw) calc(70 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.cs-cont-lead-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.cs div.cs-cont div.cs-cont-lead-box h2 {
  color: var(--color-cs);
  font-size: calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.cs-cont-lead-box h2 {
    font-size: calc(24 / 1366 * 100vw);
    width: 29%;
  }
}
main.cs div.cs-cont div.cs-cont-lead-box p {
  margin-top: 1em;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.cs-cont-lead-box p {
    width: 71%;
    margin-top: 0;
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.cs-cont div.sticky-area {
  position: relative;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: calc(51 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-img-wrap {
  margin: calc(57 / 375 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-img-wrap {
    margin: 0;
    width: 43.4%;
    position: sticky;
    top: 10vw;
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img {
  transition: all 0.3s;
}
main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img02, main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img03, main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img04 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img02.is-active, main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img03.is-active, main.cs div.cs-cont div.sticky-area div.sticky-img-wrap div.sticky-img04.is-active {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap {
    width: 47.4%;
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box {
  margin-bottom: calc(55 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box {
    margin-bottom: calc(88 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box:last-child {
  margin-bottom: 0;
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 {
    margin-bottom: calc(25 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .number {
  font-family: var(--font-unbounded);
  width: 20%;
  color: #fff;
  letter-spacing: 0.06em;
  font-size: calc(25 / 375 * 100vw);
  font-weight: 400;
  text-shadow: 1px 1px 0 #D9D9D9, -1px 1px 0 #D9D9D9, -1px -1px 0 #D9D9D9, 1px -1px 0 #D9D9D9;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .number {
    width: 18%;
    font-size: max(10px, 40 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .txt {
  width: 80%;
  font-size: calc(19 / 375 * 100vw);
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .txt {
    width: 82%;
    font-size: calc(28 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .txt span {
  display: block;
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .en {
  display: block;
  font-family: var(--font-unbounded);
  font-weight: 400;
  line-height: 1.2em;
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .en .color {
  display: inline-block;
  color: var(--color-cs);
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .ja {
  color: var(--color-cs);
  font-weight: 500;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.2em;
  margin-top: 0.6em;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box h3 .ja {
    margin-top: 0.6em;
    font-size: max(10px, 18 / 1366 * 100vw);
  }
}
main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box p {
  text-align: justify;
  word-break: break-all;
  margin-top: 1.6em;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.cs div.cs-cont div.sticky-area div.sticky-box-wrap div.sticky-box p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.deign-cont {
  box-sizing: border-box;
  padding: calc(42 / 375 * 100vw) calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont {
    padding: calc(99 / 1366 * 100vw) calc(70 / 1366 * 100vw);
  }
}
main.cs div.deign-cont div.deign-cont-lead-box {
  margin-bottom: calc(45 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.deign-cont-lead-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc(99 / 1366 * 100vw);
  }
}
main.cs div.deign-cont div.deign-cont-lead-box h2 {
  color: var(--color-cs);
  font-size: calc(24 / 375 * 100vw);
  font-weight: 500;
  line-height: 1.62em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.deign-cont-lead-box h2 {
    font-size: calc(24 / 1366 * 100vw);
    width: 29%;
  }
}
main.cs div.deign-cont div.deign-cont-lead-box p {
  margin-top: 1em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.deign-cont-lead-box p {
    width: 71%;
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.deign-cont div.madisonblue-box {
  box-sizing: border-box;
  background-color: #E6EAEF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% + 24 / 375 * 100vw);
  padding: calc(32 / 375 * 100vw) calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box {
    width: 100%;
    padding: calc(57 / 1366 * 100vw) calc(85 / 1366 * 100vw);
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-img {
  width: 42%;
  margin: 0 auto calc(21 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-img {
    width: 19.4%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap {
    width: 77%;
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.body-txt {
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.body-txt {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.name-txt {
  margin-top: 1em;
  font-weight: 400;
  font-size: calc(16 / 375 * 100vw);
  line-height: 1.8em;
  letter-spacing: 0.02em;
  font-weight: bold;
  line-height: 1em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.name-txt {
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.03em;
    font-size: clamp(10px, 18 / 1366 * 100vw, 24px);
    font-weight: bold;
    line-height: 1em;
    margin-top: 1.4em;
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.name-txt .small {
  display: block;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap p.name-txt .small {
    font-size: 0.72em;
    font-weight: 400;
    margin-right: 1em;
    display: inline-block;
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a {
  /*display: flex;
  justify-content: space-between;
  align-items: center;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0.3em 1.2em 0;
  height: calc(56 / 375 * 100vw);
  background: #fff;
  border-radius: calc(23 / 375 * 100vw);
  transition: 0.3s ease all;
  margin-top: calc(19 / 375 * 100vw);
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  line-height: 1em;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a {
    padding: calc(11 / 1366 * 100vw) calc(18 / 1366 * 100vw);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
    border-radius: 50em;
    width: 28em;
    margin-top: calc(14 / 1366 * 100vw);
    border: solid 2px #fff;
    transition: all 0.3s;
  }
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a:hover {
    border: solid 2px #08294D;
  }
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a:hover .m-btn-arrow svg:nth-of-type(1) {
    transform: translate(120%, -120%);
  }
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a:hover .m-btn-arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .txt-wrap {
  display: block;
  line-height: 1em;
  background: #f00;
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .logo {
  display: inline-block;
  width: 11em;
  line-height: 1em;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .logo {
    margin-right: 1em;
    margin-bottom: 0;
    width: 11em;
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .txt {
  line-height: 1em;
  display: inline-block;
  transform: translate(0, -0.2em);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .txt {
    transform: translate(0, 0);
  }
}
main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .m-btn-arrow {
  width: 1.2em;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.madisonblue-box div.madisonblue-txt-wrap a .m-btn-arrow {
    width: 1em;
  }
}
main.cs div.deign-cont div.detail-box {
  box-sizing: border-box;
  background-color: #F8F8F8;
  width: calc(100% + 24 / 375 * 100vw);
  padding: calc(32 / 375 * 100vw) calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box {
    width: 100%;
    padding: calc(65 / 1366 * 100vw) calc(88 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner.detail-box-inner02 {
  margin-top: calc(65 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner.detail-box-inner02 {
    margin-top: calc(65 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner.detail-box-inner02 div.detail-img {
    order: -1;
    width: 44%;
  }
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner.detail-box-inner02 div.detail-txt-wrap {
    width: 40%;
    padding-left: 0;
    padding-right: 7%;
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner.detail-box-inner02 div.detail-txt-wrap h3 {
  left: auto;
  right: 0;
}
main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap {
  position: relative;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap {
    width: 52%;
    padding-left: 7%;
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap h3 {
  font-family: var(--font-unbounded);
  color: #DAE5EB;
  font-size: calc(30 / 375 * 100vw);
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap h3 {
    width: 10%;
    writing-mode: vertical-lr;
    position: absolute;
    top: 0;
    left: 0;
    font-size: calc(41 / 1366 * 100vw);
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap h4 {
  font-weight: 500;
  margin-bottom: 1em;
  line-height: 1.4em;
  font-size: calc(18 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap h4 {
    font-size: max(10px, 24 / 1366 * 100vw);
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap p {
  text-align: justify;
  word-break: break-all;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-txt-wrap p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
  }
}
main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-img {
  margin-top: calc(31 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.cs div.deign-cont div.detail-box div.detail-box-inner div.detail-img {
    width: 31%;
    margin-top: 0;
  }
}

/*================================================= ユニフォーム ページ =================================================*/
main.uniform {
  /*.hero-area{
      .hero-img{
          width: 30%;
          position: relative;
          overflow: hidden;
          &::after{
              content: "";
              display: block;
              width: 150%;
              height: 30%;
              position: absolute;
              bottom: -40%;
              filter: blur(10px);
              left: 0;
              background: linear-gradient(150deg, #bdf600 0%, #ff4958 100%);
              opacity: 0.4;
              transform: rotate(45deg);
              animation: Grad 7s infinite alternate cubic-bezier(.76,.01,.23,.99);
              @keyframes Grad {
                  0% {
                      -webkit-filter: hue-rotate(0deg);
                      filter: hue-rotate(0deg) blur(50px);
                  }

                  100% {
                      -webkit-filter: hue-rotate(360deg);
                      filter: hue-rotate(360deg) blur(50px);
                  }
              }
          }
      }
  }*/
}
main.uniform .main-lead {
  font-weight: 400;
  font-size: calc(16 / 375 * 100vw);
  line-height: 1.8em;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  main.uniform .main-lead {
    font-size: calc(16 / 1366 * 100vw);
    line-height: 3em;
  }
}
main.uniform .sec-uniform-wrap {
  position: relative;
  margin-top: calc(237 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap {
    margin-top: calc(327 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  align-items: flex-end;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: auto;
  transform: translate(0, -100%);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons {
    width: 78.4%;
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn {
  width: 33.3333333333%;
  background: #F1F1F1;
  box-sizing: border-box;
  border: solid 1px #CFCFCF;
  transition: all 0.3s;
  position: relative;
  height: calc(108 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(164 / 1366 * 100vw);
    padding-bottom: calc(25 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn::after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  position: absolute;
  top: 0;
  left: 50%;
  background: #000;
  transition: all 0.3s;
  transform: translate(-50%, -100%);
  height: 0;
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.united-arrows .logo {
  width: calc(106 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.united-arrows .logo {
    width: calc(285 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.madisonblue .logo {
  width: calc(95 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.madisonblue .logo {
    width: calc(221 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.freshservice .logo {
  width: calc(94 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.freshservice .logo {
    width: calc(182 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.is-active {
  background-color: #fff;
  border-bottom: solid 0px rgba(207, 207, 207, 0);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.is-active {
    height: calc(183 / 1366 * 100vw);
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.is-active::after {
  height: calc(8 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.is-active::after {
    height: 8px;
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn.is-active p {
  color: #000;
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn .logo {
  margin: 0 auto 2vw;
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn .logo {
    height: calc(50 / 1366 * 100vw);
    margin: 0 auto;
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p {
  color: #C6C6C6;
  font-size: calc(18 / 375 * 100vw);
  line-height: 1em;
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p {
    font-size: calc(28 / 1366 * 100vw);
    line-height: 1.2em;
  }
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p span {
  display: block;
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p .en {
  font-family: var(--font-aboreto);
  letter-spacing: 0.05em;
}
main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p .ja {
  font-size: calc(11 / 375 * 100vw);
  line-height: 1.2em;
  margin-top: 0.32em;
}
@media screen and (min-width: 768px) {
  main.uniform .sec-uniform-wrap div.tab-buttons .js-tab-btn p .ja {
    font-size: calc(14 / 1366 * 100vw);
    margin-top: 0;
  }
}
main.uniform section.sec-uniform {
  box-sizing: border-box;
  background-image: url(../myimg/uniform/uniform-bg_sp.webp);
  background-size: cover;
  display: none;
  opacity: 0;
  padding: calc(60 / 375 * 100vw) calc(30 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform {
    background-image: url(../myimg/uniform/uniform-bg_pc.webp);
    padding: calc(135 / 1366 * 100vw) 0 calc(135 / 1366 * 100vw) calc(51 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform.is-active {
  display: block;
  animation: fade 0.4s ease forwards;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc(38 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box {
  margin-bottom: calc(40 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box {
    width: 47.8%;
    margin-bottom: 0;
  }
}
main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box:nth-of-type(1) h4 {
  width: calc(250 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box:nth-of-type(1) h4 {
    width: calc(250 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box:nth-of-type(2) h4 {
  width: calc(272 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box:nth-of-type(2) h4 {
    width: calc(272 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box h4 {
  margin-bottom: calc(20 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box h4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
    height: calc(40 / 1366 * 100vw);
    margin-bottom: calc(15 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box p {
  text-align: justify;
  word-break: break-all;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-box-wrap div.brand-box p {
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
  }
}
main.uniform section.sec-uniform#sales div.brand-link {
  background-color: #EEEEEE;
  padding: calc(24 / 375 * 100vw) calc(29 / 375 * 100vw);
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-link {
    text-align: center;
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
    padding: calc(13 / 1366 * 100vw) 0;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-link p {
    display: inline-block;
  }
}
main.uniform section.sec-uniform#sales div.brand-link a {
  display: block;
  background-color: #000000;
  color: #fff;
  line-height: 1em;
  width: calc(125 / 375 * 100vw);
  margin: auto;
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  padding: 0.2em 1em;
  box-sizing: border-box;
  margin-top: calc(15 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-link a {
    width: auto;
    display: inline-block;
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
    padding: 0.4em 1.2em;
    margin-left: 1em;
    margin-top: 0;
  }
}
main.uniform section.sec-uniform#sales div.brand-link a .arrow {
  position: relative;
  display: inline-block;
  width: 0.4em;
  margin-left: 2em;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#sales div.brand-link a .arrow {
    margin-left: 1em;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
main.uniform section.sec-uniform#cs div.brand-box div.brand-img {
  width: calc(146 / 375 * 100vw);
  margin: 0 auto calc(25 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box div.brand-img {
    width: 18%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap {
    width: 78%;
  }
}
main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.name-txt {
  font-weight: 400;
  line-height: 2em;
  letter-spacing: 0.03em;
  font-size: calc(18 / 375 * 100vw);
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.name-txt {
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.03em;
    font-size: clamp(10px, 18 / 1366 * 100vw, 24px);
    line-height: 1.2em;
    font-weight: bold;
  }
}
main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.name-txt .small {
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.name-txt .small {
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
  }
}
main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.brand-txt {
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  margin-top: 0.8em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#cs div.brand-box div.brand-txt-wrap p.brand-txt {
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
    margin-top: 1em;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#service div.uniform-title-wrap div.design-box {
    width: calc(356 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#service div.brand-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
main.uniform section.sec-uniform#service div.brand-box div.brand-img {
  width: calc(213 / 375 * 100vw);
  margin: 0 auto calc(30 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#service div.brand-box div.brand-img {
    width: 22%;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#service div.brand-box div.brand-txt-wrap {
    width: 73%;
  }
}
main.uniform section.sec-uniform#service div.brand-box div.brand-txt-wrap p.brand-txt {
  font-weight: 400;
  font-size: calc(13 / 375 * 100vw);
  line-height: 1.76em;
  letter-spacing: 0.02em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform#service div.brand-box div.brand-txt-wrap p.brand-txt {
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap {
  margin-bottom: calc(65 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 96%;
    margin-bottom: calc(72 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap h2 {
  font-size: calc(50 / 375 * 100vw);
  margin-bottom: calc(45 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap h2 {
    line-height: 1em;
    font-size: calc(90 / 1366 * 100vw);
    margin-bottom: 0;
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap h2 span {
  display: block;
}
main.uniform section.sec-uniform div.uniform-title-wrap h2 .ja {
  font-weight: 400;
  line-height: 1.2em;
  margin-bottom: 1em;
  font-size: calc(16 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap h2 .ja {
    font-size: calc(18 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap h2 .en {
  font-weight: 400;
  line-height: 1em;
  font-family: var(--font-aboreto);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap h2 .en {
    line-height: 0.76em;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap div.design-box {
    width: calc(449 / 1366 * 100vw);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap div.design-box h4 {
  font-size: calc(14 / 375 * 100vw);
  font-weight: 400;
  line-height: 1em;
  font-family: var(--font-aboreto);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap div.design-box h4 {
    font-size: calc(14 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap {
  box-sizing: border-box;
  position: relative;
  padding-top: calc(20 / 375 * 100vw);
  margin-top: calc(15 / 375 * 100vw);
  width: calc(202 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap {
    border-bottom: none;
    border-left: solid 1px #000;
    width: 68%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 5%;
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap::after {
  content: "";
  display: block;
  width: calc(20 / 375 * 100vw);
  height: calc(1 / 375 * 100vw);
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap::after {
    content: none;
  }
}
main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap div.logo-img {
  margin-bottom: 5%;
}
main.uniform section.sec-uniform div.uniform-title-wrap div.design-box div.logo-wrap div.logo-img:last-child {
  margin-bottom: 0;
}
main.uniform section.sec-uniform div.uniform-lead-box {
  margin-bottom: calc(75 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-lead-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc(138 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-lead-box p {
  text-align: justify;
  word-break: break-all;
  font-weight: 400;
  font-size: calc(16 / 375 * 100vw);
  line-height: 1.8em;
  letter-spacing: 0.02em;
  margin-bottom: calc(40 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-lead-box p {
    font-weight: 400;
    font-size: clamp(10px, 16 / 1366 * 100vw, 20px);
    line-height: 1.8em;
    letter-spacing: 0.02em;
    width: 19.6%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-lead-box div.uniform-img-wrap {
    width: 76.4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.uniform section.sec-uniform div.uniform-lead-box div.uniform-img-wrap div.uniform-img {
  margin-bottom: calc(6 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-lead-box div.uniform-img-wrap div.uniform-img {
    width: 49.4%;
  }
}
main.uniform section.sec-uniform div.uniform-box {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: calc(51 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-box h3 {
  font-family: var(--font-aboreto);
  line-height: 1.2em;
  font-size: calc(24 / 375 * 100vw);
  font-weight: 400;
  margin-bottom: 1.6em;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box h3 {
    margin-bottom: 0;
    font-size: max(10px, 23 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box div.uniform-box-inner {
    width: 75.4%;
  }
}
main.uniform section.sec-uniform div.uniform-box.point {
  margin-bottom: calc(75 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box.point {
    margin-bottom: calc(76 / 1366 * 100vw);
  }
}
main.uniform section.sec-uniform div.uniform-box.point .splide__track {
  overflow: visible;
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow {
  background: none;
  border-radius: 0;
  top: -10vw;
  transform: translate(0);
  width: calc(22 / 375 * 100vw);
  height: calc(22 / 375 * 100vw);
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow.splide__arrow--next {
  left: auto;
  right: 0;
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow.splide__arrow--prev {
  left: auto;
  right: 14vw;
  transform: rotate(180deg);
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow::before, main.uniform section.sec-uniform div.uniform-box.point .splide__arrow::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.08em;
  background: #000;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 100px;
  transform: translate(0, -50%) rotate(22deg);
  transform-origin: calc(100% - 0.04em) 50%;
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow::after {
  transform: rotate(-22deg);
}
main.uniform section.sec-uniform div.uniform-box.point .splide__arrow svg {
  display: none;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box.point ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
main.uniform section.sec-uniform div.uniform-box.point ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box.point ul li {
    width: 29%;
  }
}
main.uniform section.sec-uniform div.uniform-box.point ul li .number {
  position: absolute;
  color: #9C9C9C;
  top: 0;
  left: 3%;
  font-family: var(--font-aboreto);
  line-height: 1em;
  font-size: calc(60 / 375 * 100vw);
  transform: translate(0, -40%);
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box.point ul li .number {
    font-size: calc(60 / 1366 * 100vw);
    transform: translate(0, -50%);
    left: 0;
  }
}
main.uniform section.sec-uniform div.uniform-box.point ul li p.point-txt {
  margin-top: 1em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  main.uniform section.sec-uniform div.uniform-box.point ul li p.point-txt {
    font-weight: 400;
    font-size: clamp(10px, 13 / 1366 * 100vw, 18px);
    line-height: 1.76em;
    letter-spacing: 0.02em;
  }
}/*# sourceMappingURL=page.css.map */