@charset "UTF-8";
/*
  Theme Name: 株式会社美光商会
  Author: A&A
  Description: This is the base theme for all the Wordpress projects.
  Version: 1.1
 */
@font-face {
  font-family: "DIN 2014";
  font-weight: 600;
  font-style: normal;
  src: url("fonts/DIN_2014-Demi.woff2") format("woff2");
}
/*******************************************************
 *
 * COMMON
 *
 *******************************************************/
* {
  box-sizing: border-box;
}
*::before, *::after {
  pointer-events: none;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  color: #42434D;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  overflow-y: scroll;
  position: relative;
  padding: 0;
}
@media print, (min-width: 768px) {
  body {
    font-size: 0.8333333333vw;
  }
}
body.fixed {
  height: 100%;
  position: fixed;
  width: 100%;
}
body.is-dropdown-active {
  overflow: hidden;
}

canvas {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 100%;
}
canvas ~ img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}

img, iframe {
  max-width: 100%;
}

img {
  image-rendering: -webkit-optimize-contrast;
  vertical-align: bottom;
}

figure {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  font-size: 3rem;
  margin: 0;
}

a {
  color: #42434D;
}
a, a a:hover {
  text-decoration: none;
  outline: none;
  transition: ease-in-out 0.3s;
}

a:hover {
  opacity: 0.7 !important;
}

input,
textarea,
select {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  font-family: "Noto Sans JP", sans-serif;
}

textarea {
  resize: vertical;
}

.hidden, .hidden--sp {
  display: none !important;
}
@media print, (min-width: 768px) {
  .hidden--sp {
    display: block !important;
  }
  .hidden--sp.inline-block {
    display: inline-block !important;
  }
  .hidden--sp.flexbox {
    display: flex !important;
  }
  .hidden--pc {
    display: none !important;
  }
}

.hideOverflow {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.block {
  display: block;
}

.main {
  overflow-x: clip;
  padding: 60px 0 0 0;
}
@media print, (min-width: 768px) {
  .main {
    padding: 4.6875vw 0 0 0;
  }
}

dl,
dd {
  margin: 0;
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
}

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

.nav-links {
  display: flex;
  justify-content: center;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .nav-links {
    margin-top: 2.34375vw;
  }
}
.nav-links .page-numbers {
  align-items: center;
  background-color: #fff;
  border: 1px solid #0068B2;
  color: #0068B2;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  height: 10.6666666667vw;
  justify-content: center;
  margin-bottom: 2.6666666667vw;
  width: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .nav-links .page-numbers {
    font-size: 1.0416666667vw;
    height: 3.125vw;
    margin-bottom: 0.78125vw;
    width: 3.125vw;
  }
}
.nav-links .page-numbers:not(:last-child) {
  margin-right: 2.6666666667vw;
}
@media print, (min-width: 992px) {
  .nav-links .page-numbers:not(:last-child) {
    margin-right: 1.5625vw;
  }
}
.nav-links .page-numbers:hover {
  background-color: #0068B2;
  color: #fff;
  opacity: 1 !important;
}
.nav-links .page-numbers.current {
  background-color: #0068B2;
  color: #fff;
}
.nav-links .page-numbers.prev, .nav-links .page-numbers.next {
  width: 21.3333333333vw;
}
@media print, (min-width: 768px) {
  .nav-links .page-numbers.prev, .nav-links .page-numbers.next {
    width: 6.25vw;
  }
}
.nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
  padding-top: 0.8vw;
}
@media print, (min-width: 768px) {
  .nav-links .page-numbers.prev i, .nav-links .page-numbers.next i {
    padding-top: 0.234375vw;
  }
}
.nav-links .page-numbers.prev i {
  margin-right: 1.3333333333vw;
}
@media print, (min-width: 768px) {
  .nav-links .page-numbers.prev i {
    margin-right: 0.390625vw;
  }
}
.nav-links .page-numbers.next i {
  margin-left: 1.3333333333vw;
}
@media print, (min-width: 768px) {
  .nav-links .page-numbers.next i {
    margin-left: 0.390625vw;
  }
}

/*******************************************************
 *
 * CONTAINERS & SECTIONS
 *
 *******************************************************/
.container {
  margin: 0 auto;
  padding: 0 5vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .container {
    padding: 0;
    max-width: 81.25vw;
  }
}

@media print, (min-width: 768px) {
  .container--860 {
    max-width: 67.1875vw;
  }
}

.sec {
  padding: 40px 0;
}
@media print, (min-width: 768px) {
  .sec {
    padding: 3.90625vw 0;
  }
}

/*******************************************************
*
* BACKGROUNDS
*
*******************************************************/
.bg-white {
  background: #fff;
}

.bg-gray {
  background: #F6F6F6;
}

.bg-yellow {
  background: #FBFAF6;
}

.bg-skyblue {
  background-color: #EBF8FF;
}

.bg-rainbow {
  background: linear-gradient(180deg, rgba(20, 187, 206, 0.3) 0%, rgba(61, 160, 222, 0.3) 20%, rgba(6, 114, 239, 0.3) 39%, rgba(6, 114, 239, 0.3) 73%, rgba(20, 187, 206, 0.3) 100%);
}

/*******************************************************
*
* TITLES & TEXTS
*
*******************************************************/
.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.color-orange {
  color: #FF7600 !important;
}
.color-blue {
  color: #0068B2;
}

.bold {
  font-weight: 700;
}

.ttl__layout {
  /* &02 {
    border-bottom: 3px solid $color-orange;
    color: $color-blue;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: calculate_lh(28,45);
    margin: 0 auto;
    width: max-content;

    @include breakpoint(pc) {
      border-bottom: vwVal(3,1280) solid $color-orange;
      font-size: vwVal(28,1280);
    }
  } */
  /* &04 {
    color: $color-blue;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    text-align: center;
    width: max-content;

    @include breakpoint(pc) {
      padding: 0 vwVal(20,1280);
    }

    h2 {
      font-size: 2.4rem;
      font-weight: 500;
      line-height: calculate_lh(29,42);
      padding: vwVal(3,375) 0;

      @include breakpoint(pc) {
        font-size: vwVal(29,1280);
        padding: vwVal(5,1280) 0;
      }
    }

    &::before,
    &::after {
      border-bottom: 1px solid $color-orange;
      border-top: 1px solid $color-orange;
      content: '';
      height: 94%;
      position: absolute;
      top: 0;
      width: 17px;

      @include breakpoint(pc) {
        width: vwVal(17,1280);
      }
    }

    &::before {
      border-left: 1px solid $color-orange;
      left: 0;
    }

    &::after {
      border-right: 1px solid $color-orange;
      right: 0;
    }
  } */
}
.ttl__layout01 {
  margin: 0 auto;
  text-align: center;
  width: max-content;
}
@media print, (min-width: 768px) {
  .ttl__layout01 {
    padding: 0 1.5625vw;
  }
}
.ttl__layout01 h2 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .ttl__layout01 h2 {
    font-size: 1.0416666667vw;
  }
}
.ttl__layout01 p {
  color: #0068B2;
  font-family: "Viga", sans-serif;
  font-size: 35px;
  letter-spacing: 0.05em;
  line-height: 1.35;
}
@media print, (min-width: 768px) {
  .ttl__layout01 p {
    font-size: 3.125vw;
  }
}
.ttl__layout02 {
  margin-bottom: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .ttl__layout02 {
    margin-bottom: 3.125vw;
  }
}
.ttl__layout02 img {
  height: auto;
  margin-bottom: 10px;
  width: 25px;
}
@media print, (min-width: 768px) {
  .ttl__layout02 img {
    margin-bottom: 1.0416666667vw;
    width: 2.5vw;
  }
}
.ttl__layout02 h2 {
  color: #0068B2;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.4523809524;
}
@media print, (min-width: 768px) {
  .ttl__layout02 h2 {
    font-size: 2.1875vw;
  }
}
.ttl__layout03 {
  align-items: center;
  border-left: 3px solid;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4545454545;
  padding: 3px 0 4px 10px;
}
@media print, (min-width: 768px) {
  .ttl__layout03 {
    border-left: 0.234375vw solid;
    font-size: 1.71875vw;
    padding: 0.3125vw 0 0.3645833333vw 1.3020833333vw;
  }
}
.ttl__layout03 span {
  font-family: "Barlow", sans-serif;
  font-size: 0.6em;
  font-weight: 500;
  margin-left: 10px;
}
@media print, (min-width: 768px) {
  .ttl__layout03 span {
    font-size: 0.4545454545em;
    margin-left: 1.0416666667vw;
  }
}
.ttl__layout04 {
  background-color: #F8F8F8;
  border-bottom: 2px solid #C8C8C8;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4583333333;
  padding: 10px;
  position: relative;
}
@media print, (min-width: 768px) {
  .ttl__layout04 {
    font-size: 1.25vw;
    padding: 0.625vw 1.0416666667vw;
  }
}
.ttl__layout04::before {
  background-color: #0068B2;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100px;
}
@media print, (min-width: 768px) {
  .ttl__layout04::before {
    width: 15.625vw;
  }
}

/*******************************************************
*
* DROPDOWN MENU
*
*******************************************************/
.dropdown__menu {
  background-color: #0068B2;
  color: #fff;
  left: 0;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  top: 0;
  transform: translate(0, -100%);
  transition: 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  width: 100%;
}
.dropdown__menu.open {
  transform: translateY(0);
  z-index: 1000;
}
.dropdown__menu .container {
  padding-bottom: 50px;
  padding-top: 6.25vw;
}
@media print, (min-width: 768px) {
  .dropdown__menu .container {
    padding-bottom: 7.8125vw;
  }
}
.dropdown__menu a {
  color: #fff;
}
.dropdown__menu .search {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .dropdown__menu .search {
    margin-top: 2.34375vw;
  }
}
.dropdown__menu .search #cse-search-box {
  position: relative;
  width: fit-content;
}
.dropdown__menu .search input[type=text] {
  border: none;
  border-radius: 100vw;
  color: #000;
  font-size: 4.2666666667vw;
  line-height: 1.5;
  padding: 1.3333333333vw 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .dropdown__menu .search input[type=text] {
    font-size: 1.25vw;
    padding: 0.390625vw 1.5625vw;
  }
}
.dropdown__menu .search input[type=text]::placeholder {
  color: #CBCBCB;
}
.dropdown__menu .search input[type=image] {
  background-color: transparent;
  border: none;
  height: 6.1333333333vw;
  position: absolute;
  right: 4vw;
  top: 50%;
  transform: translateY(-50%);
  width: 6.1333333333vw;
}
@media print, (min-width: 768px) {
  .dropdown__menu .search input[type=image] {
    height: 1.796875vw;
    right: 1.171875vw;
    width: 1.796875vw;
  }
}
.dropdown__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.dropdown__head .closeBtn {
  background-color: #fff;
  border-radius: 100vw;
  cursor: pointer;
  height: 30px;
  position: relative;
  width: 30px;
}
@media print, (min-width: 768px) {
  .dropdown__head .closeBtn {
    height: 3.59375vw;
    width: 3.59375vw;
  }
}
.dropdown__head .closeBtn > div {
  background-color: #0068B2;
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  width: 60%;
}
@media print, (min-width: 768px) {
  .dropdown__head .closeBtn > div {
    height: 0.234375vw;
  }
}
.dropdown__head .closeBtn > div:nth-of-type(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.dropdown__head .closeBtn > div:nth-of-type(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.dropdown__logo img {
  width: 130px;
}
@media print, (min-width: 768px) {
  .dropdown__logo img {
    width: 15.625vw;
  }
}
.dropdown__main {
  margin-top: 5.2083333333vw;
  /* .list {
    display: flex;
    flex-wrap: wrap;

    .item {
      padding-right: vwVal(20,1280);
      width: 50%;

      margin-top: 15px;

      @include breakpoint(pc) {
        margin-top: vwVal(15,1280);
      }

      &> a {
        border-bottom: 2px solid #F49C50;
        font-weight: 700;
        padding: 0 3px;

        @include breakpoint(pc) {
          border-bottom: vwVal(2,1280) solid #F49C50;
          font-size: vwVal(20,1280);
          padding: 0 vwVal(5,1280);
        }
      }

      &__service {
        padding-right: 0;
        width: 100%;
      }

      .row {
        display: flex;
        padding-left: vwVal(10,1280);
      }

      &__company {
        .row {
          margin-top: vwVal(12,1280);
        }
      }

      .col {
        padding-right: vwVal(15,1280);
        width: 50%;

        &-w {
          width: 100%;
        }

        li {
          font-size: 1.4rem;
          line-height: 1.2;
          margin-top: 3px;
          padding-left: 10px;
          position: relative;

          @include breakpoint(pc) {
            font-size: vwVal(16,1280);
            margin-top: vwVal(5,1280);
            padding-left: vwVal(20,1280);
          }

          &::before {
            border-bottom: 5px solid transparent;
            border-left: 6px solid #fff;
            border-top: 5px solid transparent;
            content: "";
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);

            @include breakpoint(pc) {
              border-bottom: vwVal(6,1280) solid transparent;
              border-left: vwVal(8,1280) solid #fff;
              border-top: vwVal(6,1280) solid transparent;
            }
          }
        }
      }

      &> p {
        font-size: 1.5rem;
        margin-top: 10px;

        @include breakpoint(pc) {
          font-size: vwVal(18,1280);
        }
      }
    }
  } */
}
@media print, (min-width: 768px) {
  .dropdown__main {
    display: flex;
    justify-content: space-between;
  }
}
.dropdown__main > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .dropdown__main > div {
    width: 50%;
  }
}
.dropdown__main .right {
  margin-top: 20px;
}
@media print, (min-width: 768px) {
  .dropdown__main .right {
    margin-top: 0;
  }
}
.dropdown__main .right .youtube {
  margin-top: 20px;
}
@media print, (min-width: 768px) {
  .dropdown__main .right .youtube {
    margin-top: 2.34375vw;
  }
}
.dropdown__main .right .youtube a {
  border-bottom: 2px solid #F8F600;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4666666667em;
  padding: 0 4px;
}
@media print, (min-width: 768px) {
  .dropdown__main .right .youtube a {
    font-size: 1.5625vw;
    padding: 0 0.4166666667vw;
  }
}
.dropdown__main .list__item {
  margin-top: 20px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item {
    margin-top: 2.34375vw;
  }
}
.dropdown__main .list__item > a {
  border-bottom: 2px solid #F8F600;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4666666667em;
  padding: 0 4px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item > a {
    font-size: 1.5625vw;
    padding: 0 0.4166666667vw;
  }
}
.dropdown__main .list__item:first-of-type {
  margin-top: 0;
}
.dropdown__main .list__item .sublist__item {
  margin-left: 10px;
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item {
    margin-left: 0.7291666667vw;
    margin-top: 1.0416666667vw;
  }
}
.dropdown__main .list__item .sublist__item > a {
  font-size: 14px;
  line-height: 1.4583333333em;
  padding-bottom: 1px;
  padding-left: 15px;
  position: relative;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item > a {
    font-size: 1.25vw;
    padding-bottom: 0.15625vw;
    padding-left: 1.3020833333vw;
  }
}
.dropdown__main .list__item .sublist__item > a::before {
  border-bottom: 6px solid transparent;
  border-left: 8px solid #fff;
  border-top: 6px solid transparent;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item > a::before {
    border-bottom: 0.6770833333vw solid transparent;
    border-left: 0.8333333333vw solid #fff;
    border-top: 0.6770833333vw solid transparent;
  }
}
.dropdown__main .list__item .sublist__item.mt {
  margin-top: 25px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item.mt {
    margin-top: 2.6041666667vw;
  }
}
.dropdown__main .list__item .sublist__item--top {
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item--top {
    margin-top: 1.0416666667vw;
  }
}
.dropdown__main .list__item .sublist__item--top > a {
  font-size: 16px;
  line-height: 1.2962962963em;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item--top > a {
    font-size: 1.40625vw;
  }
}
.dropdown__main .list__item .sublist__item--top.mt {
  margin-top: 25px;
}
@media print, (min-width: 768px) {
  .dropdown__main .list__item .sublist__item--top.mt {
    margin-top: 2.6041666667vw;
  }
}
.dropdown__main.english .list .item:nth-of-type(odd) {
  width: 44%;
}
.dropdown__main.english .list .item:nth-of-type(even) {
  width: 56%;
}
.dropdown__contact {
  margin-top: 35px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .dropdown__contact {
    margin-top: 3.90625vw;
  }
}
.dropdown__contact a {
  background-color: #fff;
  border: 2px solid #fff;
  color: #0068B2;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4864864865em;
  padding: 10px 0;
}
@media print, (min-width: 768px) {
  .dropdown__contact a {
    font-size: 1.9270833333vw;
    padding: 1.1458333333vw 0;
  }
}
.dropdown__contact a:hover {
  background-color: #0068B2;
  color: #fff;
  opacity: 1 !important;
}

/*******************************************************
*
* VERTICAL ENGLISH
*
*******************************************************/
.vertical__companyEn {
  display: none;
  position: relative;
}
@media print, (min-width: 768px) {
  .vertical__companyEn {
    display: block;
  }
}
.vertical__companyEn p {
  font-family: "DIN 2014", "Noto Sans JP", sans-serif;
  font-size: 7.734375vw;
  font-weight: 600;
  color: #C3E0FD;
  left: 0;
  letter-spacing: 0.05em;
  line-height: 0.8;
  mix-blend-mode: multiply;
  opacity: 0.6;
  position: absolute;
  top: -4.6875vw;
  transform: rotate(90deg);
  transform-origin: left bottom;
  width: max-content;
  z-index: 900;
}

.vertical__en {
  display: none;
  position: relative;
}
@media print, (min-width: 768px) {
  .vertical__en {
    display: block;
  }
}
.vertical__en p {
  font-family: "Barlow", sans-serif;
  font-size: 6.7708333333vw;
  font-weight: 900;
  color: #fff;
  left: 0;
  letter-spacing: 0.1em;
  line-height: 1.0769230769;
  mix-blend-mode: soft-light;
  opacity: 0.8;
  position: absolute;
  top: -4.6875vw;
  transform: rotate(90deg);
  transform-origin: left bottom;
  width: max-content;
  z-index: 900;
}

/*******************************************************
*
* BANNER SEC
*
*******************************************************/
.layout__banner {
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 30px 0 22px;
}
@media print, (min-width: 768px) {
  .layout__banner {
    background-size: contain;
    padding: 3.125vw 0 2.2916666667vw;
  }
}
@media print, (min-width: 768px) {
  .layout__banner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.layout__banner ul li {
  margin-top: 20px;
}
@media print, (min-width: 768px) {
  .layout__banner ul li {
    margin-top: 3.4375vw;
    width: 38.90625vw;
  }
}
.layout__banner ul li:nth-of-type(1) {
  margin-top: 0;
}
@media print, (min-width: 768px) {
  .layout__banner ul li:nth-of-type(2) {
    margin-top: 0;
  }
}
.layout__banner ul li img {
  height: auto;
  width: 100%;
}

/*******************************************************
*
* MODAL
*
*******************************************************/
/* モーダルと背景の指定 */
.modal {
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 20px 5vw;
  text-align: center;
  top: 0;
  transition: 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
@media print, (min-width: 768px) {
  .modal {
    padding: 2.0833333333vw 5vw;
  }
}

/* モーダルの擬似要素の指定 */
.modal:before {
  display: inline-block;
  content: "";
  height: 100%;
  margin-left: -0.2em;
  vertical-align: middle;
}

/* クラスが追加された時の指定 */
.modal.is-active {
  opacity: 1;
  visibility: visible;
}

/* モーダルを開くボタンの指定 */
.modal-open {
  cursor: pointer;
}

/* モーダル内側の指定 */
.modal-container {
  display: inline-block;
  max-width: 1050px;
  position: relative;
  vertical-align: middle;
  width: 90%;
}

/* モーダルを閉じるボタンの指定 */
.modal-close {
  align-items: center;
  background: #000;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  height: 30px;
  justify-content: center;
  padding-bottom: 2px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 30px;
}
@media print, (min-width: 768px) {
  .modal-close {
    font-size: 1.8229166667vw;
    height: 3.59375vw;
    padding-bottom: 0.2083333333vw;
    width: 3.59375vw;
  }
}

/* モーダルのコンテンツ部分の指定 */
.modal-content {
  background: #fff;
  padding: 25px 12px;
  text-align: left;
}
@media print, (min-width: 768px) {
  .modal-content {
    padding: 3.125vw 4.1666666667vw;
  }
}

/*******************************************************
*
* HEADER
*
*******************************************************/
.header {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding-left: 15px;
  position: fixed;
  width: 100%;
  z-index: 998;
}
@media print, (min-width: 768px) {
  .header {
    padding-left: 5.2083333333vw;
  }
}
.header .logo {
  line-height: 1;
  width: 139px;
}
@media print, (min-width: 768px) {
  .header .logo {
    width: 8.59375vw;
  }
}
.header .logo a {
  display: block;
}
.header .logo img {
  height: auto;
  width: 100%;
}
.header .menu {
  display: none;
}
@media print, (min-width: 768px) {
  .header .menu {
    display: block;
  }
}
.header .menu__wrap {
  align-items: center;
  display: flex;
}
.header .menu ul {
  display: flex;
  justify-content: flex-end;
}
.header .menu li {
  font-size: 0.8854166667vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.4705882353;
  padding: 0 1.1458333333vw;
}
.header .menu li:not(:last-child) {
  border-right: 1px solid #42434D;
}
.header .menu li.menu__contact {
  letter-spacing: 0.08em;
}
.header .menu li.menu__contact img {
  height: auto;
  margin-right: 0.3645833333vw;
  width: 1.5625vw;
}
.header .hamburger {
  background-color: #0068B2;
  cursor: pointer;
  height: 60px;
  padding: 14.5px 13px;
  width: 60px;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}
@media print, (min-width: 768px) {
  .header .hamburger {
    height: 4.6875vw;
    padding: 1.1328125vw 1.015625vw;
    width: 4.6875vw;
  }
}
.header .hamburger .inner {
  display: block;
  height: 31px;
  position: relative;
  width: 34px;
}
@media print, (min-width: 768px) {
  .header .hamburger .inner {
    height: 2.421875vw;
    width: 2.65625vw;
  }
}
.header .hamburger .inner div {
  background-color: #fff;
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  transition: 0.25s ease-in-out;
  width: 100%;
}
@media print, (min-width: 768px) {
  .header .hamburger .inner div {
    height: 0.390625vw;
  }
}
.header .hamburger .inner div:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}
.header .hamburger .inner div:nth-child(2) {
  top: 13px;
}
@media print, (min-width: 768px) {
  .header .hamburger .inner div:nth-child(2) {
    top: 1.015625vw;
  }
}
.header .hamburger .inner div:nth-child(3) {
  top: 26px;
  transform-origin: left center;
}
@media print, (min-width: 768px) {
  .header .hamburger .inner div:nth-child(3) {
    top: 2.03125vw;
  }
}

/*******************************************************
*
* FOOTER
*
*******************************************************/
.footer {
  background-color: #0068B2;
  color: #fff;
  padding-top: 0;
}
@media print, (min-width: 768px) {
  .footer {
    padding-top: 2.734375vw;
  }
}
.footer .menu--pc {
  display: none;
}
@media print, (min-width: 768px) {
  .footer .menu--pc {
    display: block;
  }
}
.footer .menu--pc ul li {
  font-size: 0.7291666667vw;
  font-weight: 500;
  line-height: 1.5;
  margin: 0.2604166667vw 0;
  padding-left: 0.78125vw;
  position: relative;
  /* &.sns__link {
    font-size: clamp(10px, vwVal(16,1280), 17px);
    letter-spacing: 0.03em;

    img {
      margin: 0.2em 0.4em 0.2em 0;
      width: clamp(1px, vwVal(20,1280), 22px);
    }

    svg {
      margin-left: 0.3em;
      width: clamp(1px, vwVal(10,1280), 12px);

      path {
        fill: #fff;
      }
    }
  } */
}
.footer .menu--pc ul li::before {
  border-bottom: 0.3125vw solid transparent;
  border-left: 0.390625vw solid #fff;
  border-top: 0.3125vw solid transparent;
  content: "";
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.footer .menu--pc ul li.top {
  padding-left: 0;
  margin-bottom: 1.0416666667vw;
}
.footer .menu--pc ul li.top:not(:first-of-type) {
  margin-top: 1.8229166667vw;
}
.footer .menu--pc ul li.top::before {
  display: none;
}
.footer .menu--pc ul li.top--sub {
  padding-left: 0;
  margin-bottom: 0.5208333333vw;
  /* &:not(:first-of-type) {
    margin-top: vwVal(35,1920);
  } */
}
.footer .menu--pc ul li.top--sub::before {
  display: none;
}
.footer .menu--pc ul li.mt {
  margin-top: 1.8229166667vw;
}
.footer .menu--pc ul li.mt--large {
  margin-top: 2.3958333333vw;
}
.footer .menu--pc ul li a {
  align-items: center;
  color: #fff;
  display: flex;
}
.footer .menu--pc ul li.sns__linkList {
  display: flex;
  margin-top: 0.625vw;
}
.footer .menu--pc ul li.sns__linkList::before {
  display: none;
}
.footer .menu--pc ul li.sns__linkList .sns__link {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 1.171875vw;
}
.footer .menu--pc ul li.sns__linkList .sns__link a {
  align-items: center;
  aspect-ratio: 1/1;
  border: 1px solid #fff;
  border-radius: 100vw;
  display: flex;
  justify-content: center;
  width: 3.515625vw;
}
.footer .menu--pc ul li.sns__linkList .sns__link a img {
  width: 1.5625vw;
}
.footer .menu--pc ul li.sns__linkList .sns__link p {
  margin-top: 0.15625vw;
}
.footer .menu--pc ul li.sns__linkList .sns__link:last-of-type {
  margin-right: 0;
}
@media print, (min-width: 768px) {
  .footer .menu--sp {
    display: none;
  }
}
.footer .menu--sp ul {
  display: flex;
  flex-wrap: wrap;
}
.footer .menu--sp ul li {
  border-bottom: 1px solid #fff;
  font-size: 1.2rem;
  font-weight: 500;
  list-style: 1.6666666667;
  width: 50%;
}
.footer .menu--sp ul li:nth-of-type(odd) {
  border-right: 1px solid #fff;
}
.footer .menu--sp ul li a {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 17px 5vw;
}
.footer .menu .inner {
  display: flex;
  justify-content: space-between;
  padding-right: 10.4166666667vw;
  position: relative;
}
.footer .menu .inner .col {
  padding-right: 0.390625vw;
}
.footer .menu .page-top {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: rgba(255, 238, 84, 0.8);
  border-radius: 100vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -4.6875vw;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s ease-in-out;
  width: 8.28125vw;
}
.footer .menu .page-top:hover {
  background-color: rgb(255, 238, 84);
  opacity: 1 !important;
}
.footer .menu .page-top img {
  height: auto;
  width: 1.25vw;
}
.footer .menu .page-top p {
  color: #D9485D;
  font-family: "Viga", sans-serif;
  font-size: 0.9375vw;
  letter-spacing: 0.05em;
  line-height: 1.3333333333em;
  margin-bottom: 0.5208333333vw;
  margin-top: 0.8854166667vw;
}
.footer .bottom {
  padding: 35px 0 20px;
}
@media print, (min-width: 768px) {
  .footer .bottom {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding: 2.9166666667vw 0 1.5625vw;
  }
}
.footer .footer__logo {
  margin-bottom: 25px;
}
@media print, (min-width: 768px) {
  .footer .footer__logo {
    margin-bottom: 0;
  }
}
.footer .footer__logo a {
  display: block;
  margin: 0 auto;
  width: max-content;
}
@media print, (min-width: 768px) {
  .footer .footer__logo a {
    margin: 0;
  }
}
.footer .footer__logo figure {
  margin-left: auto;
  margin-right: auto;
  width: 155px;
}
@media print, (min-width: 768px) {
  .footer .footer__logo figure {
    margin-right: 0.703125vw;
    width: 15.625vw;
  }
}
.footer .footer__logo figure img {
  height: auto;
  width: 100%;
}
.footer .footer__logo p {
  color: #fff;
  font-weight: 500;
  text-align: center;
  width: max-content;
}
@media print, (min-width: 768px) {
  .footer .footer__logo p {
    line-height: 1;
    text-align: left;
  }
}
.footer .copyright {
  font-size: 10px;
  line-height: 1;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer .copyright {
    font-size: 0.625vw;
    text-align: left;
  }
}
.footer .copyright__wrap .policy {
  font-size: clamp(10px, 1.015625vw, 14px);
  font-weight: 300;
  line-height: 1.5;
  margin-bottom: 2.6666666667vw;
  margin-top: 2.6666666667vw;
  position: relative;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer .copyright__wrap .policy {
    margin-bottom: 0.390625vw;
    margin-top: 0;
    padding-left: 0.78125vw;
    text-align: left;
  }
}
.footer .copyright__wrap .policy::before {
  border-bottom: 0.3125vw solid transparent;
  border-left: 0.390625vw solid #fff;
  border-top: 0.3125vw solid transparent;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media print, (min-width: 768px) {
  .footer .copyright__wrap .policy::before {
    content: "";
  }
}
.footer .copyright__wrap .policy a {
  color: #fff;
}
.footer.english .bottom {
  align-items: flex-start;
}
.footer.english .footer__logo a {
  display: block;
}
.footer.english .footer__logo figure {
  margin-left: auto;
  margin-right: auto;
}
@media print, (min-width: 768px) {
  .footer.english .footer__logo figure {
    margin-left: 0;
  }
}
.footer.english .footer__info {
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 7.4666666667vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer.english .footer__info {
    font-size: 1.25vw;
    margin-top: 0;
    text-align: right;
  }
}
.footer.english .copyright {
  margin-top: 7.4666666667vw;
}
@media print, (min-width: 768px) {
  .footer.english .copyright {
    margin-top: 2.1875vw;
  }
}

/*******************************************************
*
* LOWER PAGE
*
*******************************************************/
#innerPage .banner {
  padding: 8vw 0;
}
@media print, (min-width: 768px) {
  #innerPage .banner {
    padding: 3.203125vw 0 2.8125vw;
  }
}

/*==============
 PAGE HEADER
===============*/
.pageHeader .bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.pageHeader .bg img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.pageHeader__layout {
  /* &02 {
    height: vwVal(158,375);

    @include breakpoint(pc) {
      height: vwVal(190,1280);
    }

    .inner {
      color: #fff;
      left: 50%;
      position: absolute;
      text-align: center;
      top: 50%;
      transform: translate(-50%, -50%);

      h1 {
        border-bottom: vwVal(3,375) solid $color-orange;
        font-size: vwVal(24,375);
        font-weight: 500;
        letter-spacing: 0.25em;
        line-height: calculate_lh(28,40);
        margin: vwVal(3,1280) auto 0;
        padding: 0 vwVal(4,1280);
        width: max-content;

        @include breakpoint(pc) {
          border-bottom: vwVal(3,1280) solid $color-orange;
          font-size: vwVal(28,1280);
        }

        span {
          display: inline-block;
          margin-right: -0.25em;
        }
      }
    }
  } */
}
.pageHeader__layout01 {
  height: 42.1333333333vw;
}
@media print, (min-width: 768px) {
  .pageHeader__layout01 {
    height: 26.5625vw;
  }
}
.pageHeader__layout01 .inner {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  /* .icon {
    height: vwVal(50,375);
    margin: 0 auto;
    width: vwVal(57,375);

    @include breakpoint(pc) {
      height: vwVal(50,1280);
      width: vwVal(57,1280);
    }

    img {
      height: auto;
      width: 100%;
    }
  } */
}
.pageHeader__layout01 .inner h1 {
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.45;
  margin: 0 auto;
  width: max-content;
}
@media print, (min-width: 768px) {
  .pageHeader__layout01 .inner h1 {
    font-size: 1.0416666667vw;
  }
}
.pageHeader__layout01 .inner .en {
  font-family: "Viga", sans-serif;
  font-size: 6.6666666667vw;
  letter-spacing: 0.05em;
  line-height: 1.35em;
  margin: 0 auto;
  width: max-content;
}
@media print, (min-width: 768px) {
  .pageHeader__layout01 .inner .en {
    font-size: 3.125vw;
  }
}
.pageHeader__layout02 {
  height: 42.1333333333vw;
}
@media print, (min-width: 768px) {
  .pageHeader__layout02 {
    height: 26.5625vw;
  }
}
.pageHeader__layout02 .inner {
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pageHeader__layout02 .inner .icon {
  height: auto;
  margin: 0 auto 1.0666666667vw;
  width: 9.3333333333vw;
}
@media print, (min-width: 768px) {
  .pageHeader__layout02 .inner .icon {
    height: 3.90625vw;
    margin: 0 auto 0.46875vw;
    width: 3.5416666667vw;
  }
}
.pageHeader__layout02 .inner h1 {
  font-size: 5.3333333333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.45;
  margin: 0 auto;
  width: max-content;
}
@media print, (min-width: 768px) {
  .pageHeader__layout02 .inner h1 {
    font-size: 2.0833333333vw;
  }
}
.pageHeader__layout03 {
  height: 42.1333333333vw;
}
@media print, (min-width: 768px) {
  .pageHeader__layout03 {
    height: 14.84375vw;
  }
}
.pageHeader__layout03 .inner {
  color: #fff;
  font-weight: 700;
  left: 11.71875vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pageHeader__layout03 .inner h1 {
  font-size: 6.4vw;
  letter-spacing: 0.1em;
  line-height: 1.1;
  margin-bottom: 1.0666666667vw;
}
@media print, (min-width: 768px) {
  .pageHeader__layout03 .inner h1 {
    font-size: 2.96875vw;
    margin-bottom: 0.78125vw;
  }
}
.pageHeader__layout03 .inner h1 span {
  font-family: "DIN 2014", "Noto Sans JP", sans-serif;
  font-size: 9.0666666667vw;
  font-weight: 600;
}
@media print, (min-width: 768px) {
  .pageHeader__layout03 .inner h1 span {
    font-size: 3.90625vw;
  }
}
.pageHeader__layout03 .inner > div {
  background-color: #FF8F2E;
  font-size: 3.4666666667vw;
  letter-spacing: 0.1em;
  line-height: 2;
  padding: 0 8.8vw;
  text-align: center;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .pageHeader__layout03 .inner > div {
    font-size: 1.25vw;
    padding: 0 4.296875vw;
  }
}

/*==============
 hr
===============*/
hr.delimiter-line {
  border-top: 1px solid #42434D;
  margin: 13.3333333333vw 0;
}
@media print, (min-width: 768px) {
  hr.delimiter-line {
    margin: 3.90625vw 0;
  }
}

/*==============
 box
===============*/
.box__layout01 {
  background-color: #fff;
  padding: 8vw 5.3333333333vw 8vw;
}
@media print, (min-width: 768px) {
  .box__layout01 {
    padding: 3.125vw 7.03125vw 6.25vw;
  }
}
.box__layout01 h2 + h3 {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .box__layout01 h2 + h3 {
    margin-top: 3.125vw;
  }
}
.box__layout01 h3.ttl + p {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .box__layout01 h3.ttl + p {
    margin-top: 3.125vw;
  }
}
.box__layout01 .cont__row {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row {
    display: flex;
    justify-content: space-between;
    margin-top: 3.125vw;
  }
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .txt {
    width: 39.0625vw;
  }
}
.box__layout01 .cont__row .txt p {
  color: #0068B2;
  letter-spacing: 0.02em;
}
.box__layout01 .cont__row .txt p + p {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .txt p + p {
    margin-top: 2.1875vw;
  }
}
.box__layout01 .cont__row .img {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .img {
    margin-top: 0;
    width: 25vw;
  }
}
.box__layout01 .cont__row .img img {
  height: auto;
  width: 100%;
}
.box__layout01 .cont__row .txt__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* .btn {
    background-color: $color-blue;
    border: 1px solid $color-blue;
    margin-top: vwVal(20,375);
    width: fit-content;

    @include breakpoint(pc) {
      margin-top: vwVal(28,1280);
    }

    a {
      color: #fff;
      display: block;
      padding: 2px 15px 4px 15px;

      &:hover {
        background-color: #fff;
        color: $color-blue;
        opacity: 1 !important;
      }
    }

    & + p {
      margin-top: 1em;
    }
  } */
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .txt__wrap {
    width: 34.6875vw;
  }
}
.box__layout01 .cont__row .txt__wrap p {
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7222222222em;
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .txt__wrap p {
    font-size: 0.9375vw;
  }
}
.box__layout01 .cont__row .txt__wrap p + p {
  margin-top: 1em;
}
.box__layout01 .cont__row .txt__wrap i {
  margin-right: 5px;
}
.box__layout01 .cont__row .tbl {
  font-size: 1.4rem;
}
@media print, (min-width: 768px) {
  .box__layout01 .cont__row .tbl {
    font-size: 1.25vw;
    width: 39.0625vw;
  }
}
.box__layout01 .cont__row .tbl dl {
  border-bottom: 1px solid #707070;
  display: flex;
}
.box__layout01 .cont__row .tbl dl:first-of-type {
  border-top: 1px solid #707070;
}
.box__layout01 .cont__row .tbl dl dt {
  padding: 9px 0 10px 0;
  width: 30%;
}
.box__layout01 .cont__row .tbl dl dd {
  padding: 9px 1.484375vw 10px 0;
  width: 70%;
}
.box__layout01 .tbl {
  font-size: 1.4rem;
}
@media print, (min-width: 768px) {
  .box__layout01 .tbl {
    font-size: 1.25vw;
    width: 39.0625vw;
  }
}
.box__layout01 .tbl dl {
  border-bottom: 1px solid #707070;
  display: flex;
}
.box__layout01 .tbl dl:first-of-type {
  border-top: 1px solid #707070;
}
.box__layout01 .tbl dl dt {
  padding: 9px 0 10px 0;
  width: 30%;
}
.box__layout01 .tbl dl dd {
  padding: 9px 1.484375vw 10px 0;
  width: 70%;
}
.box__layout01 .tbl--wide {
  width: 100%;
}
.box__layout01 .colorArea {
  background-color: #EDF7F9;
  margin-top: 10.6666666667vw;
  padding: 4.5333333333vw 6.6666666667vw 8.8vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .colorArea {
    display: flex;
    justify-content: space-between;
    margin-top: 5.234375vw;
    padding: 1.328125vw 1.953125vw 2.578125vw;
  }
}
.box__layout01 .colorArea .txt {
  line-height: 1.5;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .colorArea .txt {
    margin-top: 1.5625vw;
  }
}
@media print, (min-width: 768px) {
  .box__layout01 .colorArea .txt__wrap {
    width: 37.578125vw;
  }
}
.box__layout01 .colorArea .txt__wrap h3 {
  color: #0068B2;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4545454545;
}
@media print, (min-width: 768px) {
  .box__layout01 .colorArea .txt__wrap h3 {
    font-size: 1.71875vw;
  }
}
.box__layout01 .colorArea .txt__wrap ol {
  padding-left: 1em;
}
.box__layout01 .colorArea .txt__wrap ul {
  list-style: disc;
  padding-left: 1em;
}
.box__layout01 .colorArea .img {
  height: auto;
  margin-top: 4.2666666667vw;
}
@media print, (min-width: 768px) {
  .box__layout01 .colorArea .img {
    margin-top: 1.25vw;
    width: 22.890625vw;
  }
}
.box__layout01 .colorArea .img img {
  height: auto;
  width: 100%;
}
.box__layout02 {
  background-color: #fff;
  border-radius: 2.6666666667vw;
  padding: 8vw 5.3333333333vw 8vw;
}
@media print, (min-width: 768px) {
  .box__layout02 {
    border-radius: 0.78125vw;
    padding: 4.6875vw 7.03125vw 5.46875vw;
  }
}
.box__layout03 {
  background-color: #fff;
  padding: 8vw 5.3333333333vw 8vw;
}
@media print, (min-width: 768px) {
  .box__layout03 {
    padding: 3.125vw 3.515625vw 6.25vw;
  }
}
.box__layout04 {
  background-color: #fff;
  padding: 10.6666666667vw 5.3333333333vw 8vw;
}
@media print, (min-width: 768px) {
  .box__layout04 {
    padding: 7.6041666667vw 7.03125vw 6.25vw;
  }
}

/*==============
 lead
===============*/
.lead__layout01 {
  margin-bottom: 40px;
}
@media print, (min-width: 768px) {
  .lead__layout01 {
    margin-bottom: 3.90625vw;
  }
}
.lead__layout01 p {
  color: #454545;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75em;
}
@media print, (min-width: 768px) {
  .lead__layout01 p {
    font-size: 1.0416666667vw;
    text-align: center;
  }
}
.lead__layout02 {
  margin-top: 15px;
}
@media print, (min-width: 768px) {
  .lead__layout02 {
    margin-top: 1.5625vw;
  }
}
.lead__layout02 p {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.4444444444em;
}
@media print, (min-width: 768px) {
  .lead__layout02 p {
    font-size: 0.9375vw;
    text-align: center;
  }
}
.lead__layout02 p span {
  color: #E04242;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5652173913em;
}
@media print, (min-width: 768px) {
  .lead__layout02 p span {
    font-size: 1.1979166667vw;
  }
}

/*==============
 btn
===============*/
.btn__layout01 a {
  border: 1px solid #E34E33;
  color: #E34E33;
  display: inline-block;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 170px;
}
@media print, (min-width: 768px) {
  .btn__layout01 a {
    font-size: 1.09375vw;
    width: 17.34375vw;
  }
}
.btn__layout01 a:hover {
  background-color: #E34E33;
  color: #fff;
  opacity: 1 !important;
}
.btn__layout02 a {
  background-color: #0068B2;
  border: 1px solid #0068B2;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 3.4444444444em;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 200px;
}
@media print, (min-width: 768px) {
  .btn__layout02 a {
    font-size: 0.9375vw;
    width: 17.34375vw;
  }
}
.btn__layout02 a:hover {
  background-color: #fff;
  color: #0068B2;
  opacity: 1 !important;
}
.btn__layout03 a {
  border: 1px solid #E83E1F;
  color: #E83E1F;
  display: inline-block;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 170px;
}
@media print, (min-width: 768px) {
  .btn__layout03 a {
    font-size: 1.09375vw;
    width: 17.34375vw;
  }
}
.btn__layout03 a:hover {
  background-color: #E83E1F;
  color: #fff;
  opacity: 1 !important;
}

/*==============
 product-tax
===============*/
.product-tax .search-type {
  text-align: center;
}
.product-tax .txt {
  color: #0068B2;
  letter-spacing: 0.02em;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .product-tax .txt {
    margin-top: 3.125vw;
  }
}
.product-tax .children {
  background-color: #F2F2F2;
  margin-top: 6.6666666667vw;
  padding: 4vw;
}
@media print, (min-width: 768px) {
  .product-tax .children {
    margin-top: 3.125vw;
    padding: 1.5625vw;
  }
}
.product-tax .children .ttl a {
  color: #183E77;
  font-weight: 500;
}
.product-tax .children .desc {
  font-weight: 300;
  letter-spacing: 0.02em;
}
.product-tax .children .desc + .ttl {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .product-tax .children .desc + .ttl {
    margin-top: 1.5625vw;
  }
}
.product-tax .product__summary {
  background-color: #EDF7F9;
  margin-top: 6.6666666667vw;
  padding: 4vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__summary {
    margin-top: 3.125vw;
    padding: 1.5625vw;
  }
}
.product-tax .product__summary .ttl {
  color: #0068B2;
  font-size: 1.8rem;
  font-weight: 500;
}
@media print, (min-width: 768px) {
  .product-tax .product__summary .ttl {
    font-size: 1.40625vw;
  }
}
@media print, (min-width: 768px) {
  .product-tax .product__summary ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.product-tax .product__summary ul li {
  padding-bottom: 2px;
  line-height: 1.2;
}
@media print, (min-width: 768px) {
  .product-tax .product__summary ul li {
    padding: 0 0.390625vw;
    border-right: 1px solid #000;
  }
}
.product-tax .product__summary ul li:first-of-type {
  padding-left: 0;
}
.product-tax .product__summary ul li:last-of-type {
  border-right: none;
  padding-right: 0;
}
.product-tax .product__summary ul li a {
  font-size: 1.4rem;
}
@media print, (min-width: 768px) {
  .product-tax .product__summary ul li a {
    font-size: 1.09375vw;
  }
}
.product-tax .product__list {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list {
    margin-top: 3.125vw;
  }
}
.product-tax .product__list .item {
  display: flex;
  justify-content: space-between;
}
.product-tax .product__list .item + .item {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item + .item {
    margin-top: 3.125vw;
  }
}
.product-tax .product__list .item .col:nth-of-type(1) {
  display: none;
  width: 19.53125vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col:nth-of-type(1) {
    display: block;
  }
}
.product-tax .product__list .item .col:nth-of-type(1) img {
  width: 100%;
}
.product-tax .product__list .item .col:nth-of-type(2) {
  width: 100%;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col:nth-of-type(2) {
    width: 42.96875vw;
  }
}
.product-tax .product__list .item .col:nth-of-type(2) .img__wrap {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col:nth-of-type(2) .img__wrap {
    display: none;
    margin-top: 1.5625vw;
  }
}
.product-tax .product__list .item .col:nth-of-type(2) .img__wrap img {
  width: 100%;
}
.product-tax .product__list .item .col h3 {
  border-left: 3px solid #FF7600;
  color: #0068B2;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4545454545;
  padding: 3px 0 4px 10px;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col h3 {
    border-left: 0.234375vw solid #FF7600;
    font-size: 1.71875vw;
    padding: 0.3125vw 0 0.390625vw 1.328125vw;
  }
}
.product-tax .product__list .item .col dl.cat {
  display: flex;
}
.product-tax .product__list .item .col dl.cat dt {
  width: 65px;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col dl.cat dt {
    width: clamp(50px, 5.46875vw, 100px);
  }
}
.product-tax .product__list .item .col dl.cat:first-of-type {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col dl.cat:first-of-type {
    margin-top: 0.78125vw;
  }
}
.product-tax .product__list .item .col .toggle {
  color: #0068B2;
  cursor: pointer;
  margin-left: auto;
  margin-right: 0;
  margin-top: 8vw;
  padding-left: 20px;
  position: relative;
  width: max-content;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col .toggle {
    margin-top: 1.5625vw;
  }
}
.product-tax .product__list .item .col .toggle::before, .product-tax .product__list .item .col .toggle::after {
  background-color: #FF7600;
  content: "";
  position: absolute;
}
.product-tax .product__list .item .col .toggle::before {
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.product-tax .product__list .item .col .toggle::after {
  height: 16px;
  left: 8px;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  transition: 0.3s ease-in-out;
}
.product-tax .product__list .item .col .toggle.open::after {
  height: 0;
}
.product-tax .product__list .item .col .detal {
  display: none;
}
.product-tax .product__list .item .col .detal .tbl {
  font-size: 1.4rem;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col .detal .tbl {
    font-size: 1.09375vw;
    margin-top: 1.5625vw;
  }
}
.product-tax .product__list .item .col .detal .tbl dl {
  border-bottom: none;
  border-top: 1px dotted #707070;
  display: flex;
}
.product-tax .product__list .item .col .detal .tbl dl:last-of-type {
  border-bottom: 1px dotted #707070;
}
.product-tax .product__list .item .col .detal .tbl dl dt {
  padding: 4px 1.484375vw 5px;
  width: 35%;
}
.product-tax .product__list .item .col .detal .tbl dl dd {
  padding: 4px 1.484375vw 5px;
  width: 65%;
}
.product-tax .product__list .item .col .detal .tbl dl dd a {
  color: #0068B2;
}
.product-tax .product__list .item .col .detal .contact {
  border: 1px solid #42434D;
  font-size: 1.4rem;
  margin-top: 8vw;
  padding: 2.6666666667vw 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col .detal .contact {
    font-size: 1.09375vw;
    margin-top: 1.5625vw;
    padding: 0.78125vw 1.171875vw;
  }
}
.product-tax .product__list .item .col .detal .contact .lbl {
  color: #0068B2;
}
.product-tax .product__list .item .col .detal .contact .group {
  font-weight: 500;
}
.product-tax .product__list .item .col .detal .contact a {
  background-color: #0068B2;
  border: 1px solid #0068B2;
  color: #fff;
  display: inline-block;
  margin-top: 1.3333333333vw;
  padding: 0.3125vw 1.171875vw;
}
@media print, (min-width: 768px) {
  .product-tax .product__list .item .col .detal .contact a {
    margin-top: 0.390625vw;
  }
}
.product-tax .product__list .item .col .detal .contact a:hover {
  background-color: #fff;
  color: #0068B2;
  opacity: 1 !important;
}

/*==============
 recruit top area
===============*/
.recruit__topArea {
  padding-top: 4.0625vw;
}
.recruit__topArea .txt {
  color: #0056D8;
  letter-spacing: 0.15em;
  margin-top: 3.046875vw;
}

/*==============
 recruit lower title
===============*/
.recruit__ttl {
  color: #0056D8;
  font-size: 5.8666666667vw;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.380952381;
  text-align: center;
}
@media print, (min-width: 768px) {
  .recruit__ttl {
    font-size: 3.28125vw;
  }
}
@media print, (min-width: 768px) {
  .recruit__ttl .br--sp {
    display: none;
  }
}
.recruit__ttlEn {
  color: #0056D8;
  font-family: "DIN 2014", "Noto Sans JP", sans-serif;
  font-size: 4.8vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
}
@media print, (min-width: 768px) {
  .recruit__ttlEn {
    font-size: 1.796875vw;
  }
}

/*==============
 recruit entry btn
===============*/
.entry__btn {
  margin-top: 50px;
}
@media print, (min-width: 768px) {
  .entry__btn {
    margin-top: 3.125vw;
  }
}
.entry__btn a {
  align-items: center;
  background-color: #F07604;
  border-radius: 2.6666666667vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 16vw;
  justify-content: space-between;
  padding: 0 5.6vw;
}
@media print, (min-width: 768px) {
  .entry__btn a {
    border-radius: 0.78125vw;
    height: 7.109375vw;
    justify-content: center;
    padding: 0 1.640625vw;
  }
}
.entry__btn a svg circle,
.entry__btn a svg rect,
.entry__btn a svg path {
  transition: 0.3s ease-in-out;
}
.entry__btn a svg.icon {
  width: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .entry__btn a svg.icon {
    width: 3.90625vw;
  }
}
.entry__btn a svg.arrow {
  width: 8vw;
}
@media print, (min-width: 768px) {
  .entry__btn a svg.arrow {
    width: 2.34375vw;
  }
}
.entry__btn a p {
  color: #fff !important;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.15em;
  margin: 0 1.171875vw;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .entry__btn a p {
    font-size: 1.40625vw;
  }
}
.entry__btn a:hover {
  background-color: #fff;
  opacity: 1 !important;
}
.entry__btn a:hover svg.icon path,
.entry__btn a:hover svg.icon rect {
  fill: #F07604;
}
.entry__btn a:hover svg.arrow circle {
  fill: #F07604;
}
.entry__btn a:hover svg.arrow path {
  fill: #fff;
}
.entry__btn a:hover p {
  color: #F07604 !important;
}

/*==============
 recruit back btn
===============*/
.recruit_back_btn {
  margin: 13.3333333333vw auto 0;
  max-width: 200px;
  width: 100%;
  /* .arrowBtn__img {
    font-size: 0;
    transform: rotate(180deg);
    width: vwVal(30,375);

    @include breakpoint(pc) {
      width: vwVal(30,1280);
    }
  } */
}
@media print, (min-width: 768px) {
  .recruit_back_btn {
    margin: 4.6875vw auto 0;
    max-width: 19.53125vw;
  }
}
.recruit_back_btn a {
  align-items: center;
  background-color: #0068B2;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #0056D8;
  display: flex;
  justify-content: space-between;
  padding: 12px 45px;
}
@media print, (min-width: 768px) {
  .recruit_back_btn a {
    border-radius: 0.78125vw;
    padding: 1.5625vw 3.515625vw;
  }
}
.recruit_back_btn a:hover {
  background-color: #fff;
  opacity: 1 !important;
}
.recruit_back_btn a:hover p {
  color: #0068B2;
}
.recruit_back_btn a:hover .arrowBtn {
  background-color: #0068B2;
}
.recruit_back_btn a:hover .arrowBtn i {
  color: #fff;
}
.recruit_back_btn p {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1111111111;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruit_back_btn p {
    font-size: 1.40625vw;
    letter-spacing: 0.15em;
  }
}
.recruit_back_btn .arrowBtn {
  align-items: center;
  background-color: #fff;
  border-radius: 100vw;
  color: #0068B2;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  transition: 0.3s ease-in-out;
  width: 20px;
}
@media print, (min-width: 768px) {
  .recruit_back_btn .arrowBtn {
    height: 2.34375vw;
    width: 2.34375vw;
  }
}
.recruit_back_btn .arrowBtn i {
  color: #0068B2;
  font-size: 12px;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruit_back_btn .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}

/*==============
 recruit bottom btn
===============*/
.recruit_bottom_btn {
  margin-top: 13.3333333333vw;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn {
    margin-top: 4.6875vw;
  }
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list {
    display: flex;
    justify-content: space-between;
  }
}
.recruit_bottom_btn .list .item {
  margin-top: 4vw;
  width: 100%;
}
.recruit_bottom_btn .list .item:first-of-type {
  margin-top: 0;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item {
    margin-top: 0;
    width: 25vw;
  }
}
.recruit_bottom_btn .list .item a {
  align-items: center;
  background-color: #fff;
  border-radius: 2.6666666667vw;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 16vw;
  justify-content: space-between;
  padding: 0 5.6vw;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item a {
    border-radius: 0.78125vw;
    height: 7.109375vw;
    padding: 0 1.640625vw;
  }
}
.recruit_bottom_btn .list .item a svg {
  width: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item a svg {
    width: 3.90625vw;
  }
}
.recruit_bottom_btn .list .item a svg path {
  transition: 0.3s ease-in-out;
}
.recruit_bottom_btn .list .item a p {
  color: #0056D8;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.5555555556;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item a p {
    font-size: 1.40625vw;
  }
}
.recruit_bottom_btn .list .item a p.separate-page {
  position: relative;
  width: max-content;
}
.recruit_bottom_btn .list .item a p.separate-page svg {
  height: 2.4vw;
  left: 105%;
  position: absolute;
  top: 15%;
  width: 2.4vw;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item a p.separate-page svg {
    height: 1.40625vw;
    width: 1.40625vw;
  }
}
.recruit_bottom_btn .list .item a .arrowBtn__img {
  width: 8vw;
}
@media print, (min-width: 768px) {
  .recruit_bottom_btn .list .item a .arrowBtn__img {
    width: 2.34375vw;
  }
}
.recruit_bottom_btn .list .item a:hover {
  background-color: #0056D8;
  opacity: 1 !important;
}
.recruit_bottom_btn .list .item a:hover svg path {
  fill: #fff;
}
.recruit_bottom_btn .list .item a:hover p {
  color: #fff;
}
.recruit_bottom_btn .list .item a.nolink:hover {
  background-color: #fff;
}
.recruit_bottom_btn .list .item a.nolink:hover svg path {
  fill: #0056D8;
}
.recruit_bottom_btn .list .item a.nolink:hover p {
  color: #0056D8;
}

.layout01 {
  padding-bottom: 0;
}
.layout01.bottom-bg {
  position: relative;
}
.layout01.bottom-bg::before {
  background-image: linear-gradient(10deg, #e9d7dc, #fff5ee);
  bottom: 0;
  content: "";
  display: none;
  height: 30%;
  position: absolute;
  width: 100%;
  z-index: -1;
}
@media print, (min-width: 992px) {
  .layout01.bottom-bg::before {
    display: block;
  }
}
.layout01 .mainImg {
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  max-width: 600px;
}
@media print, (min-width: 992px) {
  .layout01 .mainImg {
    margin-top: 65px;
  }
}
.layout01 .mainImg img {
  width: 100%;
}
.layout01 .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: center;
}
@media print, (min-width: 992px) {
  .layout01 .list {
    margin-top: 70px;
  }
}
.layout01 .list li {
  width: 50%;
}
@media print, (min-width: 992px) {
  .layout01 .list li {
    width: 26%;
  }
}
.layout01 .list li a {
  display: block;
  overflow: hidden;
  position: relative;
}
.layout01 .list li a img {
  transition: 0.3s ease-in-out;
  width: 100%;
}
.layout01 .list li a img:nth-of-type(2) {
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.layout01 .list li a p {
  color: #fff;
  font-size: clamp(14px, 3.229061554vw, 32px);
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.1em;
  position: absolute;
  text-shadow: 0px 0px 4.6px rgba(0, 0, 0, 0.8);
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: max-content;
}
@media print, (min-width: 992px) {
  .layout01 .list li a p {
    font-size: 1.6666666667vw;
  }
}
.layout01 .list li a p span {
  display: block;
  font-size: 1.614530777vw;
}
@media print, (min-width: 992px) {
  .layout01 .list li a p span {
    font-size: 1.1458333333vw;
  }
}
.layout01 .list li a:hover {
  opacity: 1 !important;
}
.layout01 .list li a:hover img:nth-of-type(1) {
  filter: blur(11px);
  transform: scale(1.1);
}

@media print, (min-width: 768px) {
  .layout02 .row {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
.layout02 .row .img__wrap {
  margin-bottom: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout02 .row .img__wrap {
    margin-bottom: 0;
    width: 32.6041666667vw;
  }
}
.layout02 .row .txt__wrap {
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout02 .row .txt__wrap {
    width: 30.5729166667vw;
  }
}
.layout02 .row .txt__wrap h2 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.59375em;
}
@media print, (min-width: 768px) {
  .layout02 .row .txt__wrap h2 {
    font-size: 1.6666666667vw;
  }
}
.layout02 .row .txt__wrap .txt {
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .layout02 .row .txt__wrap .txt {
    line-height: 2.25em;
    margin-top: 1.5625vw;
  }
}
.layout02 .img__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .layout02 .img__list {
    margin-top: 4.1666666667vw;
  }
}
.layout02 .img__list .img__wrap {
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout02 .img__list .img__wrap {
    width: 21.3541666667vw;
  }
}
.layout02 .img__list .img__wrap:nth-of-type(1) {
  width: 48%;
}
@media print, (min-width: 768px) {
  .layout02 .img__list .img__wrap:nth-of-type(1) {
    width: 21.3541666667vw;
  }
}
.layout02 .img__list .img__wrap:nth-of-type(2) {
  width: 48%;
}
@media print, (min-width: 768px) {
  .layout02 .img__list .img__wrap:nth-of-type(2) {
    width: 21.3541666667vw;
  }
}
.layout02 .img__list .img__wrap:nth-of-type(3) {
  margin-top: 4%;
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout02 .img__list .img__wrap:nth-of-type(3) {
    margin-top: 0;
    width: 21.3541666667vw;
  }
}

.layout03 .group + .group {
  margin-top: 16vw;
}
@media print, (min-width: 768px) {
  .layout03 .group + .group {
    margin-top: 7.8125vw;
  }
}
.layout03 .group__ttl {
  border-left: 3px solid;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4545454545em;
  margin-bottom: 6.6666666667vw;
  padding: 2px 0 2px 12px;
}
@media print, (min-width: 768px) {
  .layout03 .group__ttl {
    font-size: 1.71875vw;
    margin-bottom: 2.6041666667vw;
    padding: 0.3125vw 0 0.3645833333vw 1.3020833333vw;
  }
}
.layout03 .group__ttl.blue {
  border-color: #0068B2;
}
.layout03 .group__ttl.red {
  border-color: #E04242;
}
.layout03 .group__ttl.orange {
  border-color: #F39C12;
}
.layout03 .group__ttl.green {
  border-color: #16A085;
}
.layout03 .group .list .item + .item {
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item + .item {
    margin-top: 4.1666666667vw;
  }
}
.layout03 .group .list .item__ttl {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.44em;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttl {
    font-size: 1.3020833333vw;
  }
}
.layout03 .group .list .item__ttlWrap {
  align-items: flex-end;
  border-bottom: 1px solid;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4vw;
  padding-bottom: 1.0666666667vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap {
    margin-bottom: 1.5625vw;
    padding-bottom: 0.4166666667vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__list {
  display: flex;
}
.layout03 .group .list .item__ttlWrap .sns__item + .sns__item {
  margin-left: 1.3333333333vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item + .sns__item {
    margin-left: 0.5208333333vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item a {
  align-items: center;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0.2666666667vw 0.2666666667vw 0.8vw rgba(0, 0, 0, 0.16);
  display: flex;
  height: 31px;
  justify-content: center;
  overflow: hidden;
  width: 31px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item a {
    box-shadow: 0.1041666667vw 0.1041666667vw 0.3125vw rgba(0, 0, 0, 0.16);
    height: 2.8125vw;
    width: 2.8125vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item a img {
  height: auto;
  width: 18px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item a img {
    width: 1.8229166667vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.youtube img {
  width: 20x;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.youtube img {
    width: 1.25vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.instagram img {
  width: 18px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.instagram img {
    width: 1.1458333333vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.ameblo img {
  width: 28px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.ameblo img {
    width: 2.3958333333vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.x img {
  width: 14px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.x img {
    width: 0.9375vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.tiktok img {
  width: 18px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.tiktok img {
    width: 1.0416666667vw;
  }
}
.layout03 .group .list .item__ttlWrap .sns__item.facebook img {
  width: 11px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item__ttlWrap .sns__item.facebook img {
    width: 0.625vw;
  }
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row {
    display: flex;
    justify-content: space-between;
  }
}
.layout03 .group .list .item .row .mainImg {
  position: relative;
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .mainImg {
    width: 31.9270833333vw;
  }
}
.layout03 .group .list .item .row .mainImg .lbl {
  align-items: center;
  background-color: rgba(0, 104, 178, 0.8);
  color: #fff;
  display: flex;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 12px;
  font-weight: 500;
  height: 60px;
  justify-content: center;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 1.4285714286em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 60px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .mainImg .lbl {
    font-size: 0.7291666667vw;
    height: 4.1666666667vw;
    width: 4.1666666667vw;
  }
}
.layout03 .group .list .item .row .mainImg .lbl.blue {
  background-color: rgba(0, 104, 178, 0.8);
}
.layout03 .group .list .item .row .mainImg .lbl.orange {
  background-color: rgba(255, 152, 3, 0.8);
}
.layout03 .group .list .item .row .serviceImgSlider-js {
  height: fit-content;
  opacity: 0;
  position: relative;
}
.layout03 .group .list .item .row .serviceImgSlider-js.slick-initialized {
  opacity: 1;
}
.layout03 .group .list .item .row .serviceImgSlider-js__item {
  vertical-align: bottom;
}
.layout03 .group .list .item .row .serviceImgSlider-js .slick-dots {
  bottom: 15px;
  display: flex;
  font-size: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .serviceImgSlider-js .slick-dots {
    bottom: 0.78125vw;
  }
}
.layout03 .group .list .item .row .serviceImgSlider-js .slick-dots li:not(:last-of-type) {
  margin-right: 10px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .serviceImgSlider-js .slick-dots li:not(:last-of-type) {
    margin-right: 0.78125vw;
  }
}
.layout03 .group .list .item .row .serviceImgSlider-js .slick-dots li.slick-active button {
  background-color: #fff;
}
.layout03 .group .list .item .row .serviceImgSlider-js .slick-dots button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 100vw;
  color: transparent;
  font-size: 0;
  height: 15px;
  padding: 0;
  width: 15px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .serviceImgSlider-js .slick-dots button {
    height: 0.78125vw;
    width: 0.78125vw;
  }
}
.layout03 .group .list .item .row .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.layout03 .group .list .item .row .cont__layout01 {
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 {
    width: 33.1770833333vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .cont__main {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .cont__main {
    margin-top: 2.03125vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4782608696em;
  margin-bottom: 2.1333333333vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl {
    font-size: 1.1979166667vw;
    margin-bottom: 1.1979166667vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl span {
  margin-left: 2.1333333333vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl span {
    margin-left: 0.78125vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl img {
  height: auto;
  width: 3.2vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .cont__main .cont__ttl img {
    width: 1.1979166667vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .cont__main .txt {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.7777777778em;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .cont__main .txt {
    font-size: 0.9375vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .btn {
  text-align: right;
}
.layout03 .group .list .item .row .cont__layout01 .btn a svg {
  width: 14px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout01 .btn a svg {
    width: 0.8333333333vw;
  }
}
.layout03 .group .list .item .row .cont__layout01 .btn a svg path {
  transition: 0.3s ease-in-out;
}
.layout03 .group .list .item .row .cont__layout01 .btn a:hover {
  background-color: #E83E1F;
}
.layout03 .group .list .item .row .cont__layout01 .btn a:hover svg path {
  fill: #fff;
}
.layout03 .group .list .item .row .cont__layout02 {
  width: 100%;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 {
    width: 30.7291666667vw;
    margin: 0 auto;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main {
    margin-top: 1.5625vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .cont__ttl {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6em;
  margin-bottom: 2.1333333333vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .cont__ttl {
    font-size: 1.0416666667vw;
    margin-bottom: 1.0416666667vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .txt {
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .txt {
    font-size: 0.8333333333vw;
    line-height: 2;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table {
    margin-top: 1.5625vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl {
  display: flex;
  font-size: 13px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl {
    font-size: 0.78125vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl + dl {
  margin-top: 10px;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl + dl {
    margin-top: 1.0416666667vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dt {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4666666667em;
  min-width: 70px;
  width: 24%;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dt {
    min-width: auto;
    width: 4.53125vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dd {
  flex: 1;
  letter-spacing: 0.05em;
  line-height: 1.4666666667em;
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dd .map {
  color: #0068B2;
  font-size: 12px;
  letter-spacing: 0;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dd .map {
    font-size: 0.7291666667vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dd .mapLink {
  color: #0068B2;
  margin-left: 4px;
  text-decoration: underline;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .cont__main .info__table dl dd .mapLink {
    margin-left: 0.2604166667vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .logoImg {
  box-shadow: 0.5333333333vw 0.5333333333vw 2.6666666667vw rgba(0, 0, 0, 0.16);
  margin-top: 4vw;
  width: 46.6666666667vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .logoImg {
    box-shadow: 0.15625vw 0.15625vw 1.0416666667vw rgba(0, 0, 0, 0.16);
    margin-top: 0;
    width: 13.0729166667vw;
  }
}
.layout03 .group .list .item .row .cont__layout02 .ecLink__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4vw;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .ecLink__list {
    gap: 1.3020833333vw;
    margin-top: 0;
  }
}
.layout03 .group .list .item .row .cont__layout02 .ecLink__item {
  box-shadow: 0.15625vw 0.15625vw 0.78125vw rgba(0, 0, 0, 0.16);
  width: calc((100% - 4vw) / 2);
}
@media print, (min-width: 768px) {
  .layout03 .group .list .item .row .cont__layout02 .ecLink__item {
    width: 14.4270833333vw;
  }
}

.layout04 .list .item + .item {
  margin-top: 10.4vw;
}
@media print, (min-width: 768px) {
  .layout04 .list .item + .item {
    margin-top: 4.0625vw;
  }
}
.layout04 .list .item .headline {
  align-items: center;
  display: flex;
  margin-bottom: -18px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .headline {
    margin-bottom: -1.6666666667vw;
  }
}
.layout04 .list .item .headline .num {
  color: #00559F;
  font-family: "Roboto", sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.2;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .headline .num {
    font-size: 5.2083333333vw;
  }
}
.layout04 .list .item .headline .en {
  color: #E04242;
  font-family: "Barlow", sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  margin-left: 10px;
  padding-top: 7px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .headline .en {
    font-size: 0.78125vw;
    margin-left: 0.5208333333vw;
    padding-top: 1.0416666667vw;
  }
}
.layout04 .list .item .cont {
  padding-bottom: 42.6666666667vw;
  position: relative;
  z-index: 0;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont {
    padding-bottom: 4.1666666667vw;
  }
}
.layout04 .list .item .cont__box {
  align-items: center;
  background-color: #fff;
  box-shadow: 0.8vw 0.8vw 2.6666666667vw rgba(0, 0, 0, 0.16);
  display: flex;
  padding: 5.3333333333vw 4vw;
  width: 72vw;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box {
    box-shadow: 0.15625vw 0.15625vw 1.0416666667vw rgba(0, 0, 0, 0.16);
    height: 24.4791666667vw;
    padding: 1.0416666667vw 4.6875vw 1.0416666667vw 3.6458333333vw;
    width: 36.4583333333vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap .ttl {
  font-size: 17px;
  margin-bottom: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap .ttl {
    font-size: 1.6666666667vw;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 1.4375em;
    margin-bottom: 1.5625vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap .txt {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap .txt {
    font-size: 0.78125vw;
    line-height: 2;
  }
}
.layout04 .list .item .cont__box .txt__wrap .txt span.blue {
  color: #00559F;
}
.layout04 .list .item .cont__box .txt__wrap h4 {
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.02em;
  line-height: 1.4em;
  margin: 3.2vw 0 1.6vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap h4 {
    font-size: 0.78125vw;
    margin: 1.3020833333vw 0 0.625vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap h4::before, .layout04 .list .item .cont__box .txt__wrap h4::after {
  background-color: #42434D;
  content: "";
  height: 1px;
  width: 10px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap h4::before, .layout04 .list .item .cont__box .txt__wrap h4::after {
    width: 1.0416666667vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap h4::before {
  margin-right: 6px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap h4::before {
    margin-right: 0.625vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap h4::after {
  margin-left: 6px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap h4::after {
    margin-left: 0.625vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap .license__list {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap .license__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4166666667vw 0;
    justify-content: space-between;
  }
}
.layout04 .list .item .cont__box .txt__wrap .license__item {
  background-color: #EAF2FF;
  color: #0068B2;
  font-size: 12px;
  letter-spacing: 0.03em;
  line-height: 1.4285714286em;
  padding: 3px 7px 4px;
  text-align: center;
  width: 220px;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap .license__item {
    font-size: 0.7291666667vw;
    padding: 0.3645833333vw 0.78125vw 0.4166666667vw;
    width: 13.8020833333vw;
  }
}
.layout04 .list .item .cont__box .txt__wrap .color-box {
  background-color: #EAF2FF;
  color: #0068B2;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.4666666667em;
  margin-top: 15px;
  padding: 3px 15px 4px;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont__box .txt__wrap .color-box {
    font-size: 0.78125vw;
    margin-top: 1.5625vw;
    padding: 0.3645833333vw 1.3020833333vw 0.4166666667vw;
  }
}
.layout04 .list .item .cont .img__wrap {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 72vw;
  z-index: -1;
}
@media print, (min-width: 768px) {
  .layout04 .list .item .cont .img__wrap {
    width: 36.9791666667vw;
  }
}
.layout04 .list .item:nth-of-type(even) .headline {
  margin-left: 7.2vw;
}
@media print, (min-width: 768px) {
  .layout04 .list .item:nth-of-type(even) .headline {
    margin-left: 30.7291666667vw;
  }
}
.layout04 .list .item:nth-of-type(even) .cont__box {
  margin-left: auto;
}
.layout04 .list .item:nth-of-type(even) .cont .img__wrap {
  left: 0;
  right: auto;
}

/*==============
 MAIN TEXT
===============*/
.mainTxt {
  font-family: "游明朝", YuMincho, "Noto Sans JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  line-height: 2;
  padding-bottom: 20px;
  padding-top: 44px;
}
@media print, (min-width: 768px) {
  .mainTxt {
    font-size: 2rem;
  }
}
@media print, (min-width: 992px) {
  .mainTxt {
    font-size: 2.4rem;
  }
}

/*==============
 COMPANY TAB
===============*/
.company-tab {
  margin-bottom: 8vw;
}
@media print, (min-width: 768px) {
  .company-tab {
    margin-bottom: 3.125vw;
  }
}
.company-tab ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.company-tab li {
  background-color: #fff;
  border: 1px solid #0068B2;
  margin-top: 4.5333333333vw;
  width: 42.6666666667vw;
}
@media print, (min-width: 768px) {
  .company-tab li {
    margin-top: 1.328125vw;
    width: 39.0625vw;
  }
}
.company-tab li:nth-of-type(1), .company-tab li:nth-of-type(2) {
  margin-top: 0;
}
.company-tab li a {
  align-items: center;
  color: #0068B2;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  line-height: 1.44;
  padding: 1.6vw 2.6666666667vw 1.6vw 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .company-tab li a {
    font-size: 1.3020833333vw;
    padding: 0.625vw 1.0416666667vw 0.625vw 2.0833333333vw;
  }
}
.company-tab li a::after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  width: max-content;
}
.company-tab li a .pc-only {
  display: none;
}
@media print, (min-width: 768px) {
  .company-tab li a .pc-only {
    display: inline-block;
  }
}
.company-tab li.active {
  background-color: #0068B2;
}
.company-tab li.active a {
  color: #fff;
}

/*==============
 TAB
===============*/
.tab__layout01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: -13px;
}
@media print, (min-width: 768px) {
  .tab__layout01 {
    margin-bottom: -1.3541666667vw;
    margin-top: 1.3020833333vw;
  }
}
.tab__layout01 .tab {
  background-color: #DBDBDB;
  border-bottom: 5px solid #707070;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #333;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.44em;
  padding: 10px 0 10px 0;
  text-align: center;
  width: 42.6666666667vw;
}
@media print, (min-width: 768px) {
  .tab__layout01 .tab {
    border-top-left-radius: 0.78125vw;
    border-top-right-radius: 0.78125vw;
    font-size: 1.3020833333vw;
    padding: 1.0416666667vw 0 0.9895833333vw 0;
    width: 39.0625vw;
  }
}
.tab__layout01 .tab.active {
  background-color: #0068B2;
  border-bottom: 5px solid #F8F600;
  color: #fff;
}
.tab__layout01 .tab:hover {
  opacity: 1 !important;
}

/*==============
 SERVICE BUTTON
===============*/
.serviceBtn {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 9.3333333333vw auto 0;
  width: 270px;
}
@media print, (min-width: 768px) {
  .serviceBtn {
    flex-direction: row;
    margin: 3.90625vw auto 0;
    width: 67.1875vw;
  }
}
.serviceBtn .btn {
  background-color: #fff;
  border-radius: 2.6666666667vw;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
  padding: 13px 35px 14px 66px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn {
    border-radius: 1.0416666667vw;
    padding: 1.40625vw 3.90625vw 1.40625vw 6.875vw;
    width: 20.6770833333vw;
  }
}
.serviceBtn .btn + .btn {
  margin-top: 20px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn + .btn {
    margin-top: 0;
  }
}
.serviceBtn .btn .icon {
  left: 33px;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media print, (min-width: 768px) {
  .serviceBtn .btn .icon {
    left: 3.4375vw;
  }
}
.serviceBtn .btn .icon img {
  height: auto;
  width: 100%;
}
.serviceBtn .btn .txt__wrap .lbl {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.44em;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn .txt__wrap .lbl {
    font-size: 1.3020833333vw;
  }
}
.serviceBtn .btn .txt__wrap .sub {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  line-height: 1.1875em;
  margin-top: 1px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn .txt__wrap .sub {
    margin-top: 0.1041666667vw;
  }
}
.serviceBtn .btn .arrow {
  align-items: center;
  background-color: #0068B2;
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn .arrow {
    height: 2.0833333333vw;
    right: 1.6145833333vw;
    width: 2.0833333333vw;
  }
}
.serviceBtn .btn .arrow img {
  width: 6px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn .arrow img {
    width: 0.5729166667vw;
  }
}
.serviceBtn .btn.ms .icon {
  width: 18px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn.ms .icon {
    width: 1.8229166667vw;
  }
}
.serviceBtn .btn.ms .txt__wrap .sub {
  color: #E34E33;
}
.serviceBtn .btn.ms .arrow {
  background-color: #E34E33;
}
.serviceBtn .btn.md .icon {
  width: 30px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn.md .icon {
    width: 3.1770833333vw;
  }
}
.serviceBtn .btn.md .txt__wrap .sub {
  color: #0082B5;
}
.serviceBtn .btn.md .arrow {
  background-color: #0082B5;
}
.serviceBtn .btn.fb .icon {
  width: 20px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn.fb .icon {
    width: 2.1354166667vw;
  }
}
.serviceBtn .btn.fb .txt__wrap .sub {
  color: #F39C12;
}
.serviceBtn .btn.fb .arrow {
  background-color: #F39C12;
}
.serviceBtn .btn.ec .icon {
  width: 28px;
}
@media print, (min-width: 768px) {
  .serviceBtn .btn.ec .icon {
    width: 2.9166666667vw;
  }
}
.serviceBtn .btn.ec .txt__wrap .sub {
  color: #16A085;
}
.serviceBtn .btn.ec .arrow {
  background-color: #16A085;
}

/*==============
 MOVIE
===============*/
.movie__layout01 .movie {
  margin: 9.3333333333vw auto 0;
  width: 100%;
}
@media print, (min-width: 768px) {
  .movie__layout01 .movie {
    margin: 3.90625vw auto 0;
    width: 58.8541666667vw;
  }
}
.movie__layout01 .movie .video {
  vertical-align: middle;
  width: 100%;
}
.movie__layout01 .btn {
  margin-top: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .movie__layout01 .btn {
    margin-top: 5.2083333333vw;
  }
}

.recruit-entrySec {
  background-color: #FFF957;
  overflow: hidden;
  z-index: 0;
}
.recruit-entrySec .ttl {
  color: #0068B2;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.34;
  margin-bottom: 30px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .ttl {
    font-size: 2.6041666667vw;
    margin-bottom: 4.6875vw;
  }
}
.recruit-entrySec .ttl--en {
  color: transparent;
  -webkit-text-stroke: 1px #0068B2;
  font-family: "Barlow", sans-serif;
  font-size: 21.3333333333vw;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.1em;
  line-height: 1;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: -6vw;
  transform: translateX(-50%);
  z-index: -1;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .ttl--en {
    font-size: 12.65625vw;
    top: -3.4vw;
  }
}
.recruit-entrySec .list {
  display: flex;
  justify-content: space-between;
}
.recruit-entrySec .list .item {
  aspect-ratio: 765/370;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 49%;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item {
    width: 39.84375vw;
  }
}
.recruit-entrySec .list .item a {
  display: block;
  height: 100%;
  padding: 1.6vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item a {
    padding: 0.78125vw;
  }
}
.recruit-entrySec .list .item a:hover {
  opacity: 1 !important;
}
.recruit-entrySec .list .item a:hover .txt__wrap .txt {
  color: #fff;
}
.recruit-entrySec .list .item a:hover .txt__wrap .en {
  color: #fff;
}
.recruit-entrySec .list .item__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  transition: 0.3s ease-in-out;
}
.recruit-entrySec .list .item .txt__wrap {
  text-align: center;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item .txt__wrap {
    width: 23.1770833333vw;
  }
}
.recruit-entrySec .list .item .txt__wrap .txt {
  border-bottom: 1px solid;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4680851064;
  padding-bottom: 5px;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item .txt__wrap .txt {
    border-bottom: 3px solid;
    font-size: 2.4479166667vw;
    padding-bottom: 0.5208333333vw;
  }
}
.recruit-entrySec .list .item .txt__wrap .en {
  font-family: "Barlow", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.2083333333;
  margin-top: 8px;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item .txt__wrap .en {
    font-size: 1.25vw;
    margin-top: 0.78125vw;
  }
}
.recruit-entrySec .list .item.ms a {
  background-color: #FDEBE8;
}
.recruit-entrySec .list .item.ms a .item__inner {
  border: 1px solid #E83E1F;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item.ms a .item__inner {
    border: 2px solid #E83E1F;
  }
}
.recruit-entrySec .list .item.ms a:hover {
  background-color: rgba(232, 62, 31, 0.3);
}
.recruit-entrySec .list .item.ms a:hover .item__inner {
  border-color: #fff;
}
.recruit-entrySec .list .item.md a {
  background-color: #E5F2F8;
}
.recruit-entrySec .list .item.md a .item__inner {
  border: 1px solid #0082B5;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .list .item.md a .item__inner {
    border: 2px solid #0082B5;
  }
}
.recruit-entrySec .list .item.md a:hover {
  background-color: rgba(0, 130, 181, 0.3);
}
.recruit-entrySec .list .item.md a:hover .item__inner {
  border-color: #fff;
}
.recruit-entrySec .btn {
  align-items: center;
  display: flex;
  font-size: 14p;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.32;
  margin: 8vw auto 0;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .btn {
    font-size: 1.3020833333vw;
    margin: 3.6458333333vw auto 0;
  }
}
.recruit-entrySec .btn .arrowBtn {
  align-items: center;
  background-color: #42434D;
  border-radius: 100vw;
  color: #fff;
  display: flex;
  height: 20px;
  justify-content: center;
  margin-left: 20px;
  width: 20px;
}
@media print, (min-width: 768px) {
  .recruit-entrySec .btn .arrowBtn {
    height: 2.34375vw;
    margin-left: 6.1458333333vw;
    width: 2.34375vw;
  }
}
.recruit-entrySec .bg-text {
  color: #FFFFFF;
  bottom: -2.8645833333vw;
  font-family: "Barlow", sans-serif;
  font-size: 14.4791666667vw;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.09em;
  line-height: 1;
  mix-blend-mode: overlay;
  transform: translateX(-50%);
  width: max-content;
  z-index: -1;
}

.recruitment_layout01 .topArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea {
    flex-direction: row;
  }
}
.recruitment_layout01 .topArea .left {
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .left {
    width: 34.8958333333vw;
  }
}
.recruitment_layout01 .topArea .left .lbl {
  border: 1px solid #E04242;
  border-radius: 100vw;
  color: #E04242;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-bottom: 1.6vw;
  padding: 0.2666666667vw 4vw 0.5333333333vw;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .left .lbl {
    font-size: 0.7291666667vw;
    margin-bottom: 0.625vw;
    padding: 0.1041666667vw 0.9375vw 0.15625vw;
  }
}
.recruitment_layout01 .topArea .left .staff {
  border-bottom: 1px solid;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.44;
  padding-bottom: 1.6vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .left .staff {
    font-size: 1.3020833333vw;
    padding-bottom: 0.625vw;
  }
}
.recruitment_layout01 .topArea .left .catch {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .left .catch {
    font-size: 1.0416666667vw;
    margin-top: 1.0416666667vw;
  }
}
.recruitment_layout01 .topArea .left .txt {
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.7333333333;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .left .txt {
    font-size: 0.78125vw;
    margin-top: 1.0416666667vw;
  }
}
.recruitment_layout01 .topArea .right {
  border-radius: 2.6666666667vw;
  margin-top: 5.3333333333vw;
  overflow: hidden;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .topArea .right {
    border-radius: 0.78125vw;
    margin-top: 0;
    width: 27.0833333333vw;
  }
}
.recruitment_layout01 .table {
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table {
    margin-top: 4.1666666667vw;
  }
}
.recruitment_layout01 .table dl {
  border-left: 1px solid #C2C2C2;
  border-right: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl {
    flex-direction: row;
  }
}
.recruitment_layout01 .table dl dt,
.recruitment_layout01 .table dl dd {
  padding: 2.6666666667vw 4.8vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dt,
  .recruitment_layout01 .table dl dd {
    padding: 1.0416666667vw 1.875vw;
  }
}
.recruitment_layout01 .table dl dt {
  background-color: #EFEFEF;
  border-bottom: 1px solid #C2C2C2;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8888888889;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dt {
    border-bottom: 0;
    border-right: 1px solid #C2C2C2;
    font-size: 0.9375vw;
    width: 20.9302325581%;
  }
}
.recruitment_layout01 .table dl dd {
  line-height: 1.75;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd {
    width: 79.0697674419%;
  }
}
.recruitment_layout01 .table dl dd .mb {
  margin-bottom: 1.5em;
}
.recruitment_layout01 .table dl dd ul {
  list-style: disc;
  margin-left: 1.5em;
}
.recruitment_layout01 .table dl dd ul.nodot {
  list-style: none;
  margin-left: 1em;
  text-indent: -1em;
}
.recruitment_layout01 .table dl dd a {
  color: #0068B2;
  text-decoration: underline;
}
.recruitment_layout01 .table dl dd .fw-mid {
  font-weight: 500;
}
.recruitment_layout01 .table dl dd .career-stage {
  margin: 5.3333333333vw 0;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .career-stage {
    margin: 2.0833333333vw 0;
  }
}
.recruitment_layout01 .table dl dd .career-stage .img__wrap {
  overflow-x: scroll;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .career-stage .img__wrap {
    overflow: auto;
  }
}
.recruitment_layout01 .table dl dd .career-stage .img__wrap img {
  max-width: 600px;
  width: auto;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .career-stage .img__wrap img {
    max-width: 100%;
    width: 100%;
  }
}
.recruitment_layout01 .table dl dd .career-stage .txt__wrap {
  background-color: #F5F5F5;
  margin-top: 0.8vw;
  padding: 1.6vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .career-stage .txt__wrap {
    margin-top: 0.2604166667vw;
    padding: 0.625vw;
  }
}
.recruitment_layout01 .table dl dd .career-stage .txt__wrap .txt {
  margin: 0 auto;
  width: fit-content;
}
.recruitment_layout01 .table dl dd .master {
  margin: 6.6666666667vw auto 0;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .master {
    margin: 2.6041666667vw auto 0;
    width: 35.4166666667vw;
  }
}
.recruitment_layout01 .table dl dd .master img {
  margin: 0 auto;
  max-width: 300px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .table dl dd .master img {
    margin: 0;
    max-width: none;
  }
}
.recruitment_layout01 .table dl:last-of-type {
  border-bottom: 1px solid #C2C2C2;
}
.recruitment_layout01 .flow {
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow {
    margin-top: 4.1666666667vw;
  }
}
.recruitment_layout01 .flow .ttl__wrap {
  letter-spacing: 0.05em;
}
.recruitment_layout01 .flow .ttl__wrap .ttl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .ttl__wrap .ttl {
    font-size: 1.0416666667vw;
  }
}
.recruitment_layout01 .flow .ttl__wrap .en {
  color: #0068B2;
  font-family: "Viga", sans-serif;
  font-size: 35px;
  line-height: 1.35;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .ttl__wrap .en {
    font-size: 3.125vw;
  }
}
.recruitment_layout01 .flow .cont {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont {
    flex-direction: column;
    justify-content: baseline;
    margin-top: 3.6458333333vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list {
  flex: 1;
  margin-bottom: 35px;
  margin-top: 35px;
  padding: 0 0 0 10px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list {
    flex: none;
    margin-bottom: 3.8541666667vw;
    margin-top: 0;
    padding: 0 1.25vw 0 2.3958333333vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recruitment_layout01 .flow .cont .flow__list ol.row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol.row {
    flex-direction: row;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li {
  background-color: #fff;
  position: relative;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li {
    width: 11.4583333333vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li::before {
  background-color: #0672EF;
  border: solid 2px #fff;
  border-radius: 100vw;
  content: "";
  display: block;
  height: 18px;
  left: -40.5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li::before {
    border: solid 0.1041666667vw #fff;
    height: 1.3541666667vw;
    left: 50%;
    top: calc(100% + 3.8541666667vw);
    transform: translateX(-50%);
    width: 1.3541666667vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .triangle {
  height: 24px;
  left: -19px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .triangle {
    height: 1.6666666667vw;
    left: 50%;
    top: 99%;
    transform: translateX(-50%);
    width: 1.875vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .triangle > div {
  background-color: #fff;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  display: block;
  height: 100%;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .triangle > div {
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .triangle1 {
  z-index: 2;
}
.recruitment_layout01 .flow .cont .flow__list ol li .triangle2 {
  filter: drop-shadow(0.0520833333vw 0.0520833333vw 0.3125vw rgba(0, 0, 0, 0.16));
  z-index: 0;
}
.recruitment_layout01 .flow .cont .flow__list ol li .box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.16);
  height: 100%;
  letter-spacing: 0.05em;
  padding: 27px 15px 15px;
  position: relative;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .box {
    border-radius: 0.5208333333vw;
    box-shadow: 0.0520833333vw 0.0520833333vw 0.3125vw rgba(0, 0, 0, 0.16);
    padding: 2.8645833333vw 0.625vw 1.5625vw;
    text-align: center;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .box .welcome {
  height: auto;
  left: 52%;
  position: absolute;
  top: -7px;
  transform: rotate(20deg);
  width: 100px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .box .welcome {
    left: -1.5vw;
    top: 0.7vw;
    transform: none;
    width: 6.09375vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .box .num {
  height: 25px;
  left: 15px;
  position: absolute;
  top: 5px;
  transform: translate(0%, -50%);
  width: auto;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .box .num {
    height: 2.6041666667vw;
    left: 50%;
    top: 4%;
    transform: translate(-50%, -50%);
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .box .ttl {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4583333333;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .box .ttl {
    font-size: 1.25vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li .box .txt {
  font-size: 13px;
  line-height: 1.4;
  margin-top: 2.1333333333vw;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li .box .txt {
    font-size: 0.78125vw;
    margin-top: 0.78125vw;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li + li {
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__list ol li + li {
    margin-top: 0;
  }
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(1)::before {
  background-color: #0672EF;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(1) .box {
  background-color: #137DEA;
  color: #fff;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(1) .triangle > div {
  background-color: #137DEA;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(2)::before {
  background-color: #0672EF;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(3)::before {
  background-color: #3DA0DE;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(4)::before {
  background-color: #2AADD6;
}
.recruitment_layout01 .flow .cont .flow__list ol li:nth-of-type(5)::before {
  background-color: #1FB3D2;
}
.recruitment_layout01 .flow .cont .flow__line {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__line {
    flex-direction: row;
  }
}
.recruitment_layout01 .flow .cont .flow__line .start,
.recruitment_layout01 .flow .cont .flow__line .join {
  font-family: "Barlow", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2083333333;
  letter-spacing: 0.08em;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__line .start,
  .recruitment_layout01 .flow .cont .flow__line .join {
    font-size: 1.25vw;
  }
}
.recruitment_layout01 .flow .cont .flow__line .start {
  color: #0672EF;
  margin-bottom: 5px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__line .start {
    margin-bottom: 0;
    margin-right: 1.0416666667vw;
  }
}
.recruitment_layout01 .flow .cont .flow__line .line {
  background: linear-gradient(285deg, #14bbce 0%, #3da0de 52.13%, #0672ef 100%);
  flex: 1;
  width: 5px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__line .line {
    height: 0.2604166667vw;
    width: auto;
  }
}
.recruitment_layout01 .flow .cont .flow__line .join {
  color: #14BBCE;
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .flow .cont .flow__line .join {
    margin-left: 1.0416666667vw;
    margin-top: 0;
  }
}
.recruitment_layout01 .recruitment_entry_btn {
  margin: 8vw auto 0;
  max-width: 200px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .recruitment_entry_btn {
    margin: 6.71875vw auto 0;
    max-width: 19.53125vw;
  }
}
.recruitment_layout01 .recruitment_entry_btn a {
  align-items: center;
  background-color: #0068B2;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #0056D8;
  display: flex;
  justify-content: space-between;
  padding: 12px 45px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .recruitment_entry_btn a {
    border-radius: 0.78125vw;
    padding: 1.5625vw 3.515625vw;
  }
}
.recruitment_layout01 .recruitment_entry_btn a:hover {
  background-color: #fff;
  opacity: 1 !important;
}
.recruitment_layout01 .recruitment_entry_btn a:hover p {
  color: #0068B2;
}
.recruitment_layout01 .recruitment_entry_btn a:hover .arrowBtn {
  background-color: #0068B2;
}
.recruitment_layout01 .recruitment_entry_btn a:hover .arrowBtn i {
  color: #fff;
}
.recruitment_layout01 .recruitment_entry_btn p {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1111111111;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .recruitment_entry_btn p {
    font-size: 1.40625vw;
    letter-spacing: 0.15em;
  }
}
.recruitment_layout01 .recruitment_entry_btn .arrowBtn {
  align-items: center;
  background-color: #fff;
  border-radius: 100vw;
  color: #0068B2;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  transition: 0.3s ease-in-out;
  width: 20px;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .recruitment_entry_btn .arrowBtn {
    height: 2.34375vw;
    width: 2.34375vw;
  }
}
.recruitment_layout01 .recruitment_entry_btn .arrowBtn i {
  color: #0068B2;
  font-size: 12px;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .recruitment_layout01 .recruitment_entry_btn .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}

/*******************************************************
*
* TOP PAGE
*
*******************************************************/
.topMV__carousel {
  opacity: 0;
  position: relative;
  transition: opacity 0.1s linear;
}
.topMV__carousel.slick-initialized {
  opacity: 1;
}
.topMV__item {
  height: 90.6666666667vw;
  vertical-align: middle;
}
@media print, (min-width: 768px) {
  .topMV__item {
    height: 57.8125vw;
  }
}
.topMV__item a:hover {
  opacity: 1 !important;
}
.topMV__item img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  width: 100%;
}
.topMV__item img.topMV__img--pc {
  display: none;
}
@media print, (min-width: 768px) {
  .topMV__item img.topMV__img--pc {
    display: block;
  }
}
@media print, (min-width: 768px) {
  .topMV__item img.topMV__img--sp {
    display: none;
  }
}
.topMV .scroll {
  color: #0068B2;
  display: block;
  font-family: "Viga", sans-serif;
  font-size: 0.78125vw;
  letter-spacing: 0.1em;
  line-height: 1.3333333333;
  padding: 0.78125vw 1.875vw 0.625vw;
  text-align: center;
}
.topMV .scroll p {
  margin-bottom: 0.4166666667vw;
}
.topMV .scroll img {
  height: auto;
  transition: 0.3s ease-in-out;
  width: 0.9375vw;
}
.topMV .scroll:hover {
  opacity: 1 !important;
}
.topMV .scroll:hover img {
  transform: translateY(2px);
}
.topMV .scroll__wrap {
  background-color: rgba(255, 238, 84, 0.8);
  bottom: 0;
  display: none;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media print, (min-width: 768px) {
  .topMV .scroll__wrap {
    display: block;
  }
}
.topMV .slick-dots {
  bottom: 17px;
  display: flex;
  font-size: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media print, (min-width: 768px) {
  .topMV .slick-dots {
    bottom: 5.46875vw;
  }
}
.topMV .slick-dots li:not(:last-of-type) {
  margin-right: 10px;
}
@media print, (min-width: 768px) {
  .topMV .slick-dots li:not(:last-of-type) {
    margin-right: 0.78125vw;
  }
}
.topMV .slick-dots li.slick-active button {
  background-color: #42434D;
}
.topMV .slick-dots button {
  background-color: #fff;
  border: none;
  border-radius: 100vw;
  color: transparent;
  font-size: 0;
  height: 10px;
  padding: 0;
  width: 10px;
}
@media print, (min-width: 768px) {
  .topMV .slick-dots button {
    height: 0.78125vw;
    width: 0.78125vw;
  }
}
.topMV .slide-arrow {
  bottom: 20px;
  cursor: pointer;
  height: 32px;
  position: absolute;
  transform: translateY(-50%);
  width: 16px;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .topMV .slide-arrow {
    bottom: 2.03125vw;
    height: 2.5vw;
    transform: none;
    width: 1.25vw;
  }
}
.topMV .slide-arrow.prev-arrow {
  left: 5vw;
  transform: scale(-1, 1) translateY(-50%);
}
@media print, (min-width: 768px) {
  .topMV .slide-arrow.prev-arrow {
    left: 7.8125vw;
    transform: scale(-1, 1);
  }
}
.topMV .slide-arrow.next-arrow {
  right: 5vw;
}
@media print, (min-width: 768px) {
  .topMV .slide-arrow.next-arrow {
    right: 7.8125vw;
  }
}
.topMV .slide-arrow img {
  height: auto;
  width: 100%;
}
.topMV .anniv {
  display: none;
}
@media print, (min-width: 768px) {
  .topMV .anniv {
    bottom: 6.25vw;
    display: block;
    left: 6.640625vw;
    position: absolute;
    width: clamp(0px, 9.609375vw, 140px);
  }
}
.topMV .anniv a:hover {
  opacity: 1 !important;
}
.topMV .anniv img {
  height: auto;
  width: 100%;
}

.topCaution {
  padding: 40px 0 20px;
}
@media print, (min-width: 768px) {
  .topCaution {
    padding: 4.1666666667vw 0 2.8645833333vw;
  }
}
.topCaution .modal-open {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin: 0 auto;
  width: 100%;
}
@media print, (min-width: 768px) {
  .topCaution .modal-open {
    align-items: normal;
    background-color: #FFEDEF;
    border-radius: 100vw;
    flex-direction: row;
    width: 54.6875vw;
  }
}
.topCaution .modal-open .ttl {
  background-color: #D92B44;
  border-radius: 100vw;
  color: #fff;
  font-size: 16px;
  line-height: 1.4444444444;
  margin-bottom: 10px;
  padding: 5px 20px;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .topCaution .modal-open .ttl {
    font-size: 0.9375vw;
    margin-bottom: 0;
    padding: 1.1979166667vw 2.03125vw 1.1458333333vw;
    width: auto;
  }
}
.topCaution .modal-open .txt {
  background-color: #FFEDEF;
  border-radius: 10px;
  flex: 1;
  font-size: 13px;
  line-height: 1.4;
  padding: 10px 30px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-open .txt {
    border-radius: 100vw;
    font-size: 0.78125vw;
    padding: 1.3020833333vw 4.1666666667vw 1.3020833333vw 1.8229166667vw;
  }
}
.topCaution .modal-open .icon {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  right: 8px;
  width: 15px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-open .icon {
    right: 1.5625vw;
    width: 0.9895833333vw;
  }
}
.topCaution .modal-close {
  background-color: #D92B44;
}
.topCaution .modal-content {
  border-radius: 1.0416666667vw;
}
.topCaution .modal-content .ttl {
  color: #E04242;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4666666667;
  margin-bottom: 20px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .ttl {
    font-size: 1.5625vw;
    margin-bottom: 2.6041666667vw;
  }
}
.topCaution .modal-content .txt {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-bottom: 20px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .txt {
    font-size: 0.78125vw;
    line-height: 2.0666666667;
    margin-bottom: 2.0833333333vw;
  }
}
.topCaution .modal-content .txt a {
  color: #0068B2;
  text-decoration: underline;
}
.topCaution .modal-content h3 {
  color: #D92B44;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content h3 {
    font-size: 1.0416666667vw;
  }
}
.topCaution .modal-content .dashed-line {
  background-size: 6px 1px;
  background-image: linear-gradient(to right, #42434D 3px, transparent 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  height: 1px;
  margin: 7px 0;
  width: 100%;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .dashed-line {
    background-size: 10px 1px;
    background-image: linear-gradient(to right, #42434D 5px, transparent 5px);
    margin: 0.78125vw 0;
  }
}
.topCaution .modal-content .list__item {
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  padding-left: 1em;
  position: relative;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .list__item {
    font-size: 0.78125vw;
  }
}
.topCaution .modal-content .list__item::before {
  content: "・";
  left: 0;
  position: absolute;
}
.topCaution .modal-content .list__item a {
  color: #0068B2;
  font-weight: 500;
}
.topCaution .modal-content .list__item a .url {
  color: #42434D;
  font-size: 0.8666666667em;
  font-weight: 400;
  word-break: break-all;
}
.topCaution .modal-content .list__item a .icon {
  width: 12px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .list__item a .icon {
    vertical-align: baseline;
    width: 0.8333333333vw;
  }
}
.topCaution .modal-content .list__item + .list__item {
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .list__item + .list__item {
    margin-top: 1.0416666667vw;
  }
}
.topCaution .modal-content .list__item .sublist {
  line-height: 1.4;
  margin-left: 0.5em;
  margin-top: 2px;
}
@media print, (min-width: 768px) {
  .topCaution .modal-content .list__item .sublist {
    line-height: 2.2;
    margin-left: 1em;
    margin-top: 0.2604166667vw;
  }
}

.topService .desc__wrap {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.4444444444em;
  margin-bottom: 30px;
  margin-top: 15px;
}
@media print, (min-width: 768px) {
  .topService .desc__wrap {
    font-size: 0.9375vw;
    margin-bottom: 3.125vw;
    margin-top: 1.5625vw;
    text-align: center;
  }
}
.topService .row {
  margin-top: 40px;
}
@media print, (min-width: 768px) {
  .topService .row {
    margin-top: 1.5625vw;
  }
}
.topService .row:nth-of-type(2) {
  margin-top: 28px;
}
@media print, (min-width: 768px) {
  .topService .row:nth-of-type(2) {
    margin-top: 3.125vw;
  }
}
.topService .row .head {
  position: relative;
}
.topService .row .head::before, .topService .row .head::after {
  background-color: #EBF8FF;
  content: "";
  display: block;
  height: 133.3333333333vw;
  position: absolute;
  right: 0;
  top: 36px;
  z-index: -1;
}
@media print, (min-width: 768px) {
  .topService .row .head::before, .topService .row .head::after {
    height: 22.2395833333vw;
    top: 3.4375vw;
  }
}
.topService .row .head::before {
  width: 100%;
}
@media print, (min-width: 768px) {
  .topService .row .head::before {
    width: 39.0625vw;
  }
}
.topService .row .head::after {
  display: none;
  transform: translate(99%);
  width: 50vw;
}
@media print, (min-width: 768px) {
  .topService .row .head::after {
    display: block;
  }
}
.topService .row .head .inner {
  overflow: hidden;
  text-align: center;
}
@media print, (min-width: 768px) {
  .topService .row .head .inner {
    margin-left: auto;
    margin-right: 0;
    width: 31.25vw;
  }
}
.topService .row .head .num {
  color: #0068B2;
  font-family: "Roboto", sans-serif;
  font-size: 70px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2076923077em;
  margin-bottom: 5px;
  overflow: hidden;
}
@media print, (min-width: 768px) {
  .topService .row .head .num {
    font-size: 6.7708333333vw;
    margin-bottom: 1.5104166667vw;
  }
}
.topService .row .head .num span {
  display: inline-block;
}
.topService .row .head .num span.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topService .row .head .num span.animation-js.animate {
  transform: translateY(0);
}
.topService .row .head .ttl {
  align-items: center;
  color: #0068B2;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.topService .row .head .ttl__wrap.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topService .row .head .ttl__wrap.animation-js.animate {
  transform: translateY(0);
}
.topService .row .head .ttl h3 {
  border-bottom: 3px solid #FFF727;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4666666667;
  padding: 0 3px;
  width: max-content;
}
@media print, (min-width: 768px) {
  .topService .row .head .ttl h3 {
    font-size: 1.5625vw;
    padding: 0 0.2604166667vw;
  }
}
.topService .row .head .ttl p {
  font-family: "Barlow", sans-serif;
  font-size: 27px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
@media print, (min-width: 768px) {
  .topService .row .head .ttl p {
    font-size: 3.125vw;
  }
}
.topService .row .img {
  height: 46.4vw;
  margin-top: 20px;
  width: 66.1333333333vw;
}
@media print, (min-width: 768px) {
  .topService .row .img {
    height: 25vw;
    margin-top: -7.8125vw;
    width: 55.46875vw;
  }
}
.topService .row .img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.topService .row .img.animation-js {
  overflow: hidden;
  position: relative;
  transform: translateX(-101%);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.topService .row .img.animation-js::before {
  background-color: #2299ff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(0);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s;
  width: 100%;
}
.topService .row .img.animation-js.animate {
  transform: translateX(0);
}
.topService .row .img.animation-js.animate::before {
  transform: translateX(100%);
}
.topService .row .dtl {
  margin-top: -48px;
  overflow: hidden;
}
@media print, (min-width: 768px) {
  .topService .row .dtl {
    margin-top: -14.6875vw;
  }
}
.topService .row .dtl .box {
  background-color: #fff;
  margin-left: auto;
  margin-right: 0;
  min-height: 240px;
  padding: 20px;
  position: relative;
  width: 297px;
}
@media print, (min-width: 768px) {
  .topService .row .dtl .box {
    min-height: auto;
    padding: 2.8125vw 2.1875vw 3.125vw 2.1875vw;
    width: 39.0625vw;
  }
}
.topService .row .dtl .box.animation-js {
  overflow: hidden;
  position: relative;
  transform: translateX(107%);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
@media print, (min-width: 768px) {
  .topService .row .dtl .box.animation-js {
    transform: translateX(101%);
  }
}
.topService .row .dtl .box.animation-js::before {
  background-color: #F8F600;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(0);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s;
  width: 100%;
}
.topService .row .dtl .box.animation-js.animate {
  transform: translateX(0);
}
.topService .row .dtl .box.animation-js.animate::before {
  transform: translateX(-100%);
}
.topService .row .dtl .txt {
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 1.7222222222;
}
@media print, (min-width: 768px) {
  .topService .row .dtl .txt {
    font-size: 0.9375vw;
  }
}
.topService .row .dtl .btn {
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .topService .row .dtl .btn {
    margin-top: 3.5416666667vw;
  }
}
.topService .row .dtl .btn a {
  border: 1px solid #0FA21A;
  color: #0FA21A;
  display: inline-block;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 170px;
}
@media print, (min-width: 768px) {
  .topService .row .dtl .btn a {
    font-size: 1.09375vw;
    width: 17.34375vw;
  }
}
.topService .row .dtl .btn a:hover {
  background-color: #0FA21A;
  color: #fff;
  opacity: 1 !important;
}
.topService .row--left .head::before, .topService .row--left .head::after {
  left: 0;
}
.topService .row--left .head::after {
  transform: translate(-99%);
  width: 50vw;
}
.topService .row--left .head .inner {
  margin-left: 0;
  margin-right: auto;
}
.topService .row--left .img {
  margin-left: auto;
  margin-right: 0;
}
.topService .row--left .img.animation-js {
  transform: translateX(101%);
}
.topService .row--left .img.animation-js.animate::before {
  transform: translateX(-100%);
}
.topService .row--left .dtl .box {
  margin-left: 0;
  margin-right: auto;
}
.topService .row--left .dtl .box.animation-js {
  transform: translateX(-107%);
}
@media print, (min-width: 768px) {
  .topService .row--left .dtl .box.animation-js {
    transform: translateX(-101%);
  }
}
.topService .row--left .dtl .box.animation-js.animate::before {
  transform: translateX(100%);
}
@media print, (min-width: 768px) {
  .topService .row--04 .head .inner {
    margin-left: -4.1666666667vw;
    width: 35.4166666667vw;
  }
}

.topInformation {
  background-color: #F5F5F5;
}
.topInformation .list {
  margin-top: 40px;
}
@media print, (min-width: 768px) {
  .topInformation .list {
    margin-top: 4.375vw;
  }
}
.topInformation .list .item {
  align-items: center;
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media print, (min-width: 768px) {
  .topInformation .list .item {
    flex-wrap: nowrap;
    padding: 20px 1.015625vw;
  }
}
.topInformation .list .item:last-of-type {
  border-bottom: 1px solid #707070;
}
.topInformation .list .item .date {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4782608696em;
  margin-right: 2.03125vw;
}
@media print, (min-width: 768px) {
  .topInformation .list .item .date {
    font-size: 1.1979166667vw;
  }
}
.topInformation .list .item .cat {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  width: 125px;
}
@media print, (min-width: 768px) {
  .topInformation .list .item .cat {
    font-size: 1.0416666667vw;
    line-height: 2.0833333333vw;
    margin-right: 4.1666666667vw;
    width: 9.7395833333vw;
  }
}
.topInformation .list .item .ttl {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
  margin-top: 12px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .topInformation .list .item .ttl {
    font-size: 1.0416666667vw;
    margin-top: 0;
    width: max-content;
  }
}
.topInformation .list .item .ttl a {
  display: inline-block;
}
.topInformation .btn {
  margin-top: 35px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .topInformation .btn {
    margin-top: 3.90625vw;
  }
}
.topInformation .btn a {
  border: 1px solid #0068B2;
  color: #0068B2;
  display: inline-block;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 198px;
}
@media print, (min-width: 768px) {
  .topInformation .btn a {
    font-size: 1.09375vw;
    width: 17.34375vw;
  }
}
.topInformation .btn a:hover {
  background-color: #0068B2;
  color: #fff;
  opacity: 1 !important;
}

.topRecruit {
  background: linear-gradient(250deg, #14bbce 0%, #3da0de 52.13%, #0672ef 100%);
  padding: 45px 0;
}
@media print, (min-width: 768px) {
  .topRecruit {
    padding: 3.515625vw 0;
  }
}
.topRecruit .inner {
  position: relative;
}
.topRecruit .cont {
  color: #fff;
}
.topRecruit .cont .wrap {
  overflow: hidden;
}
.topRecruit h2 {
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .topRecruit h2 {
    font-size: 1.0416666667vw;
  }
}
.topRecruit h2.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topRecruit h2.animation-js.animate {
  transform: translateY(0);
}
.topRecruit .en {
  font-family: "Viga", sans-serif;
  font-size: 8.2666666667vw;
  letter-spacing: 0.05em;
  line-height: 1.35em;
}
@media print, (min-width: 768px) {
  .topRecruit .en {
    font-size: 3.125vw;
  }
}
.topRecruit .en.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topRecruit .en.animation-js.animate {
  transform: translateY(0);
}
.topRecruit .challenge {
  height: auto;
  left: 16.1vw;
  top: -12.2vw;
  width: 30vw;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .topRecruit .challenge {
    left: 13.1vw;
    top: -2.2vw;
    width: 12.4479166667vw;
  }
}
.topRecruit .txt {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin-top: 18vw;
}
@media print, (min-width: 768px) {
  .topRecruit .txt {
    font-size: 1.0416666667vw;
    margin-top: 0.78125vw;
  }
}
.topRecruit .txt br {
  display: none;
}
@media print, (min-width: 768px) {
  .topRecruit .txt br {
    display: block;
  }
}
.topRecruit figure {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 50.6666666667vw;
}
@media print, (min-width: 768px) {
  .topRecruit figure {
    width: 39.0625vw;
  }
}
.topRecruit figure .wrap.animation-js {
  overflow: hidden;
  position: relative;
  transform: translateX(-101%);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.topRecruit figure .wrap.animation-js::before {
  background-color: #F8F600;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(0);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s;
  width: 100%;
}
.topRecruit figure .wrap.animation-js.animate {
  transform: translateX(0);
}
.topRecruit figure .wrap.animation-js.animate::before {
  transform: translateX(100%);
}
.topRecruit figure img {
  height: auto;
  width: 100%;
}
.topRecruit .btn {
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .topRecruit .btn {
    display: flex;
    margin-top: 3.125vw;
  }
}
.topRecruit .btn a {
  align-items: center;
  border: 1px solid #FFEE54;
  color: #FFEE54;
  display: flex;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  margin: 0 auto;
  text-align: center;
  width: 198px;
}
@media print, (min-width: 768px) {
  .topRecruit .btn a {
    font-size: 1.09375vw;
    margin: 0;
    width: 17.34375vw;
  }
}
.topRecruit .btn a .instagram__icon {
  margin-right: 0.625vw;
  width: 18px;
}
@media print, (min-width: 768px) {
  .topRecruit .btn a .instagram__icon {
    width: 1.71875vw;
  }
}
.topRecruit .btn a .link__icon {
  margin-left: 0.625vw;
  width: 12px;
}
@media print, (min-width: 768px) {
  .topRecruit .btn a .link__icon {
    width: 0.9375vw;
  }
}
.topRecruit .btn a svg path {
  fill: #F49C50;
  transition: 0.3s ease-in-out;
}
.topRecruit .btn a:hover {
  background-color: #FFEE54;
  color: #0068B2;
  opacity: 1 !important;
}
.topRecruit .btn a:hover svg path {
  fill: #fff;
}

.topSponsor {
  background-color: #3D7E7C;
  margin-top: 7.8125vw;
  padding: 45px 0;
}
@media print, (min-width: 768px) {
  .topSponsor {
    padding: 3.515625vw 0;
  }
}
.topSponsor .inner {
  position: relative;
}
.topSponsor .cont {
  color: #fff;
}
@media print, (min-width: 768px) {
  .topSponsor .cont {
    padding-left: 49.4791666667vw;
  }
}
.topSponsor .cont .wrap {
  overflow: hidden;
}
.topSponsor h2 {
  font-size: 4.2666666667vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
  padding-left: 53vw;
}
@media print, (min-width: 768px) {
  .topSponsor h2 {
    font-size: 1.0416666667vw;
    padding-left: 0;
  }
}
.topSponsor h2.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topSponsor h2.animation-js.animate {
  transform: translateY(0);
}
.topSponsor .en {
  font-family: "Viga", sans-serif;
  font-size: 8.2666666667vw;
  letter-spacing: 0.05em;
  line-height: 1.35em;
  padding-left: 53vw;
}
@media print, (min-width: 768px) {
  .topSponsor .en {
    font-size: 3.125vw;
    padding-left: 0;
  }
}
.topSponsor .en.animation-js {
  transform: translateY(100%);
  transition: 0.5s ease-in-out;
}
.topSponsor .en.animation-js.animate {
  transform: translateY(0);
}
.topSponsor .txt {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin-top: 18vw;
}
@media print, (min-width: 768px) {
  .topSponsor .txt {
    font-size: 1.0416666667vw;
    margin-top: 0.78125vw;
  }
}
.topSponsor .txt br {
  display: none;
}
@media print, (min-width: 768px) {
  .topSponsor .txt br {
    display: block;
  }
}
.topSponsor figure {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 50.6666666667vw;
}
@media print, (min-width: 768px) {
  .topSponsor figure {
    width: 39.0625vw;
  }
}
.topSponsor figure .wrap.animation-js {
  overflow: hidden;
  position: relative;
  transform: translateX(-101%);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.topSponsor figure .wrap.animation-js::before {
  background-color: #F8F600;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(0);
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s;
  width: 100%;
}
.topSponsor figure .wrap.animation-js.animate {
  transform: translateX(0);
}
.topSponsor figure .wrap.animation-js.animate::before {
  transform: translateX(100%);
}
.topSponsor figure img {
  height: auto;
  width: 100%;
}
.topSponsor .btn {
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .topSponsor .btn {
    display: flex;
    margin-top: 3.125vw;
  }
}
.topSponsor .btn a {
  align-items: center;
  border: 1px solid #FFEE54;
  color: #FFEE54;
  display: flex;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  margin: 0 auto;
  text-align: center;
  width: 198px;
}
@media print, (min-width: 768px) {
  .topSponsor .btn a {
    font-size: 1.09375vw;
    margin: 0;
    width: 17.34375vw;
  }
}
.topSponsor .btn a:nth-of-type(1) {
  margin-bottom: 10px;
}
@media print, (min-width: 768px) {
  .topSponsor .btn a:nth-of-type(1) {
    margin-bottom: 0;
  }
}
.topSponsor .btn a .instagram__icon {
  margin-right: 0.625vw;
  width: 18px;
}
@media print, (min-width: 768px) {
  .topSponsor .btn a .instagram__icon {
    width: 1.71875vw;
  }
}
.topSponsor .btn a .link__icon {
  margin-left: 0.625vw;
  width: 12px;
}
@media print, (min-width: 768px) {
  .topSponsor .btn a .link__icon {
    width: 0.9375vw;
  }
}
.topSponsor .btn a svg path {
  fill: #F49C50;
  transition: 0.3s ease-in-out;
}
.topSponsor .btn a:hover {
  background-color: #FFEE54;
  color: #3D7E7C;
  opacity: 1 !important;
}
.topSponsor .btn a:hover svg path {
  fill: #fff;
}

.topBanner {
  background-image: url("images/top/banner/banner_bg.jpg");
  background-image: image-set(url("images/top/banner/banner_bg.jpg") 1x, url("images/top/banner/banner_bg@2x.jpg") 2x);
  padding: 40px 0 30px;
}
@media print, (min-width: 768px) {
  .topBanner {
    padding: 7.5520833333vw 0 1.7708333333vw;
  }
}
.topBanner .eruboshi {
  align-items: flex-start;
  display: flex;
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .topBanner .eruboshi {
    margin-top: 3.125vw;
  }
}
.topBanner .eruboshi .img__wrap {
  width: 85px;
}
@media print, (min-width: 768px) {
  .topBanner .eruboshi .img__wrap {
    width: 6.6666666667vw;
  }
}
.topBanner .eruboshi .txt__wrap {
  flex: 1;
  margin-left: 10px;
}
@media print, (min-width: 768px) {
  .topBanner .eruboshi .txt__wrap {
    margin-left: 1.0416666667vw;
  }
}
.topBanner .eruboshi .txt__wrap .txt {
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}
@media print, (min-width: 768px) {
  .topBanner .eruboshi .txt__wrap .txt {
    font-size: 0.7291666667vw;
  }
}
.topBanner .eruboshi .txt__wrap .txt + .txt {
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .topBanner .eruboshi .txt__wrap .txt + .txt {
    margin-top: 0.7291666667vw;
  }
}

/*******************************************************
 *
 * 404 PAGE
 *
 *******************************************************/
.page-404 {
  margin-top: 5rem;
  min-height: 350px;
  padding: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.page-404 h2 {
  font-size: 6rem;
  font-weight: 100;
  letter-spacing: 0.2em;
  color: orange;
}

/*******************************************************
*
* SERVICE
*
*******************************************************/
.page-service .serviceSec {
  padding: 40px 0;
}
@media print, (min-width: 768px) {
  .page-service .serviceSec {
    padding: 2.6041666667vw 0;
  }
}
.page-service .serviceSec .item01 .ttl {
  border-color: #E34E33;
}
.page-service .serviceSec .item01 .ttl span {
  color: #E34E33;
}
.page-service .serviceSec .item02 .ttl {
  border-color: #0082B5;
}
.page-service .serviceSec .item02 .ttl span {
  color: #0082B5;
}
.page-service .serviceSec .item02 .btn a {
  border: 1px solid #0082B5;
  color: #0082B5;
}
.page-service .serviceSec .item02 .btn a:hover {
  background-color: #0082B5;
  color: #fff;
}
.page-service .serviceSec .item03 .ttl {
  border-color: #F39C12;
}
.page-service .serviceSec .item03 .ttl span {
  color: #F39C12;
}
.page-service .serviceSec .item03 .btn a {
  border: 1px solid #F39C12;
  color: #F39C12;
}
.page-service .serviceSec .item03 .btn a:hover {
  background-color: #F39C12;
  color: #fff;
}
.page-service .serviceSec .item04 .ttl {
  border-color: #16A085;
}
.page-service .serviceSec .item04 .ttl span {
  color: #16A085;
}
.page-service .serviceSec .item04 .btn a {
  border: 1px solid #16A085;
  color: #16A085;
}
.page-service .serviceSec .item04 .btn a:hover {
  background-color: #16A085;
  color: #fff;
}
.page-service .serviceSec .btn {
  margin-top: 8vw;
}

/*******************************************************
*
* MOBILE SOLUTION
*
*******************************************************/
.page-ms .msSec .history {
  z-index: 0;
}
.page-ms .msSec .history .timeline {
  margin-top: 9.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline {
    margin-top: 3.6458333333vw;
  }
}
.page-ms .msSec .history .timeline .milestone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  position: relative;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone {
    flex-direction: row;
    padding-left: 0;
  }
}
.page-ms .msSec .history .timeline .milestone.animation-js {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.page-ms .msSec .history .timeline .milestone.animation-js .icon::before {
  transform: translate(0, -50%);
  transition: 0.5s ease-in-out;
}
.page-ms .msSec .history .timeline .milestone.animation-js .icon::after {
  left: 0;
  transition: 0.5s ease-in-out;
}
.page-ms .msSec .history .timeline .milestone.animation-js.animate {
  opacity: 1;
}
.page-ms .msSec .history .timeline .milestone.animation-js.animate .icon::before {
  transform: translate(-100%, -50%);
}
.page-ms .msSec .history .timeline .milestone.animation-js.animate .icon::after {
  left: -1.5625vw;
}
.page-ms .msSec .history .timeline .milestone .date {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 45px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .date {
    line-height: 1.125em;
    font-size: 4.1666666667vw;
  }
}
.page-ms .msSec .history .timeline .milestone .date__wrap {
  display: flex;
  flex: 1;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .date__wrap {
    justify-content: flex-end;
    padding: 0 3.125vw 3.125vw 0;
  }
}
.page-ms .msSec .history .timeline .milestone .icon {
  align-items: center;
  background-color: #0068B2;
  border-radius: 100%;
  display: flex;
  height: 45px;
  justify-content: center;
  position: relative;
  width: 45px;
  z-index: 0;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon {
    height: 4.6875vw;
    width: 4.6875vw;
  }
}
.page-ms .msSec .history .timeline .milestone .icon__wrap {
  height: 100%;
  left: 0;
  padding: 0 0 15px;
  position: absolute;
  top: 0;
  z-index: 0;
  /* &::before,
  &::after {
    border-left: 1px dashed #BBBBBB;
    content: '';
    //height: 50%;
    height: 100%;
    left: 50%;
    position: absolute;
    width: 1px;
    z-index: -1;
  } */
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon__wrap {
    height: auto;
    padding: 0 0 3.125vw;
    position: relative;
  }
}
.page-ms .msSec .history .timeline .milestone .icon__wrap::before {
  top: 0;
}
.page-ms .msSec .history .timeline .milestone .icon__wrap::after {
  border-left: 1px dashed #BBBBBB;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  width: 1px;
  z-index: -1;
}
.page-ms .msSec .history .timeline .milestone .icon__wrap::after {
  bottom: 0;
}
.page-ms .msSec .history .timeline .milestone .icon img {
  height: auto;
}
.page-ms .msSec .history .timeline .milestone .icon.flag img {
  margin: 3% 0 0 9%;
  width: 13px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon.flag img {
    width: 1.3020833333vw;
  }
}
.page-ms .msSec .history .timeline .milestone .icon.phone img {
  width: 11px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon.phone img {
    width: 1.1458333333vw;
  }
}
.page-ms .msSec .history .timeline .milestone .icon.home img {
  width: 18px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon.home img {
    width: 1.8229166667vw;
  }
}
.page-ms .msSec .history .timeline .milestone .icon.move img {
  width: 16px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon.move img {
    width: 1.6666666667vw;
  }
}
.page-ms .msSec .history .timeline .milestone .icon::before, .page-ms .msSec .history .timeline .milestone .icon::after {
  background-color: #0068B2;
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  transform: translate(-100%, -50%);
  z-index: -1;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .icon::before, .page-ms .msSec .history .timeline .milestone .icon::after {
    display: block;
  }
}
.page-ms .msSec .history .timeline .milestone .icon::before {
  height: 1px;
  left: 0;
  width: 1.5625vw;
}
.page-ms .msSec .history .timeline .milestone .icon::after {
  border-radius: 100%;
  height: 5px;
  left: -1.5625vw;
  width: 5px;
}
.page-ms .msSec .history .timeline .milestone .txt {
  letter-spacing: 0.05em;
  line-height: 2;
}
.page-ms .msSec .history .timeline .milestone .txt__wrap {
  display: flex;
  flex: 1;
  padding-bottom: 15px;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone .txt__wrap {
    align-items: center;
    padding: 0 0 3.125vw 3.125vw;
  }
}
.page-ms .msSec .history .timeline .milestone .txt .red {
  color: #E04242;
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even) {
  flex-direction: column;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even) .date__wrap {
  justify-content: flex-start;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:nth-of-type(even) .date__wrap {
    padding: 0 0 3.125vw 3.125vw;
  }
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even) .icon::before {
  left: 100%;
  transform: translate(0, -50%);
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even) .icon::after {
  left: calc(100% + 1.5625vw);
  transform: translate(0, -50%);
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:nth-of-type(even) .txt__wrap {
    justify-content: flex-end;
    padding: 0 3.125vw 3.125vw 0;
  }
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even).animation-js .icon::before {
  transform: translate(-100%, -50%);
  transition: 0.5s ease-in-out;
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even).animation-js .icon::after {
  left: calc(100% - 5px);
  transition: 0.5s ease-in-out;
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even).animation-js.animate .icon::before {
  transform: translate(0, -50%);
}
.page-ms .msSec .history .timeline .milestone:nth-of-type(even).animation-js.animate .icon::after {
  left: calc(100% + 1.5625vw);
}
.page-ms .msSec .history .timeline .milestone:first-of-type .icon__wrap::before {
  display: none;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:last-of-type .date__wrap {
    padding-bottom: 1.5625vw;
  }
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:last-of-type .icon__wrap {
    padding-bottom: 1.5625vw;
  }
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .timeline .milestone:last-of-type .txt__wrap {
    padding-bottom: 1.5625vw;
  }
}
.page-ms .msSec .history .chiba-illust {
  bottom: 0;
  height: auto;
  right: 0;
  width: 50.6666666667vw;
  z-index: -1;
}
@media print, (min-width: 768px) {
  .page-ms .msSec .history .chiba-illust {
    width: 24.6354166667vw;
  }
}

/*******************************************************
*
* MOBILE SOLUTION SHOP
*
*******************************************************/
.page-ms-shop .ms-shopSec .layout03 .btn {
  margin-top: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-ms-shop .ms-shopSec .layout03 .btn {
    margin-top: 5.2083333333vw;
  }
}

/*******************************************************
*
* MOBILE DEVICE
*
*******************************************************/
@media print, (min-width: 768px) {
  .page-md .mdSec .layout02 .row .img__wrap {
    width: 30.78125vw;
  }
}
.page-md .mdSec .ourjob .layout04 {
  margin-top: 3.7333333333vw;
}
@media print, (min-width: 768px) {
  .page-md .mdSec .ourjob .layout04 {
    margin-top: 1.4583333333vw;
  }
}

/*******************************************************
*
* MOBILE DEVICE LIST
*
*******************************************************/
.page-md-list .md-listSec .lead__layout01 p {
  text-align: left;
}
.page-md-list .md-listSec .md-contact {
  margin: 140px 0 0;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact {
    margin: 10.0520833333vw auto 0;
    width: 55.46875vw;
  }
}
.page-md-list .md-listSec .md-contact .row {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row {
    flex-direction: row;
  }
}
.page-md-list .md-listSec .md-contact .row .info__wrap {
  position: relative;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info__wrap {
    width: 24.7395833333vw;
  }
}
.page-md-list .md-listSec .md-contact .row .info__wrap .ttl {
  font-size: 18px;
  letter-spacing: 0.05em;
  margin: 0 0 12px 10px;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info__wrap .ttl {
    font-size: 1.0416666667vw;
    margin: 0 0 1.3020833333vw 1.0416666667vw;
  }
}
.page-md-list .md-listSec .md-contact .row .info__wrap .ttl .ja {
  font-weight: 500;
  line-height: 1.45em;
}
.page-md-list .md-listSec .md-contact .row .info__wrap .ttl .en {
  color: #0068B2;
  font-family: "Barlow", sans-serif;
  font-size: 0.75em;
  font-weight: 60;
  line-height: 1.2em;
  margin-left: 6px;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info__wrap .ttl .en {
    margin-left: 0.625vw;
  }
}
.page-md-list .md-listSec .md-contact .row .info__wrap .fukidashi {
  height: auto;
  position: absolute;
  right: -12px;
  top: -110px;
  width: 175px;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info__wrap .fukidashi {
    left: 14.4vw;
    right: auto;
    top: -5vw;
    width: 10.3125vw;
  }
}
.page-md-list .md-listSec .md-contact .row .info dl {
  display: flex;
  letter-spacing: 0.05em;
}
.page-md-list .md-listSec .md-contact .row .info dl dt {
  border-bottom: 1px solid #0068B2;
  color: #0068B2;
  line-height: 1.5em;
  padding: 6px 10px;
  width: 21.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info dl dt {
    padding: 0.6770833333vw 1.0416666667vw;
    width: 6.25vw;
  }
}
.page-md-list .md-listSec .md-contact .row .info dl dd {
  border-bottom: 1px solid #A5A5A5;
  flex: 1;
  font-size: 0.875em;
  line-height: 1.4285714286em;
  padding: 8px 10px;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .info dl dd {
    padding: 0.78125vw 1.0416666667vw;
  }
}
.page-md-list .md-listSec .md-contact .row .img__wrap {
  margin-top: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-md-list .md-listSec .md-contact .row .img__wrap {
    margin-top: 0;
    width: 27.6041666667vw;
  }
}

/*******************************************************
*
* FOOD BEVERAGE
*
*******************************************************/
.page-fb .fbSec .layout03 .group .list .item .row .cont__layout02 .cont__main {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .page-fb .fbSec .layout03 .group .list .item .row .cont__layout02 .cont__main {
    margin-top: 0;
  }
}
.page-fb .fbSec .layout03 .group .list .item .row .cont__layout02 .logoImg {
  margin-top: 1.9791666667vw;
}

/*******************************************************
*
* ELECTRONIC COMMERCE
*
*******************************************************/
@media print, (min-width: 768px) {
  .page-ec .ecSec .layout03 .group .list .item .row .cont__layout02 {
    width: 30.15625vw;
  }
}
.page-ec .ecSec .layout03 .group .list .item .row .cont__layout02 .cont__main {
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .page-ec .ecSec .layout03 .group .list .item .row .cont__layout02 .cont__main {
    margin-top: 0;
  }
}
.page-ec .ecSec .layout03 .group .list .item .row .cont__layout02 .logoImg {
  margin-top: 1.9791666667vw;
}
.page-ec .ecSec .layout03 .group .list .item .row .serviceImgSlider-js .slick-dots li.slick-active button {
  background-color: #42434D;
}
.page-ec .ecSec .layout03 .group .list .item .row .serviceImgSlider-js .slick-dots button {
  border: 1px solid #42434D;
}
.page-ec .ecSec .layout03 .group .list .item .row .mainImg {
  border: 1px solid #A8A8A8;
}
@media print, (min-width: 768px) {
  .page-ec .ecSec .layout03 .group .list .item:nth-of-type(3) .row .cont__layout02 .ecLink__list {
    flex-direction: column;
  }
}

/*******************************************************
*
* MESSAGE
*
*******************************************************/
.page-message .messageSec .message .row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 8vw auto 0;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row {
    flex-direction: row;
    margin: 3.125vw auto 0;
    width: 54.7916666667vw;
  }
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col01 {
    width: 26.3020833333vw;
  }
}
.page-message .messageSec .message .row .col01 .catch {
  color: #0068B2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4571428571em;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col01 .catch {
    font-size: 1.8229166667vw;
  }
}
.page-message .messageSec .message .row .col01 .txt {
  letter-spacing: 0.05em;
  line-height: 2.125em;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col01 .txt {
    margin-top: 1.5625vw;
  }
}
.page-message .messageSec .message .row .col01 .name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.45;
  margin-top: 2.6666666667vw;
  text-align: right;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col01 .name {
    font-size: 0.7291666667vw;
    margin-top: 2.6041666667vw;
  }
}
.page-message .messageSec .message .row .col01 .name .txt01 {
  margin-right: 1.0666666667vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col01 .name .txt01 {
    margin-right: 0.4166666667vw;
  }
}
.page-message .messageSec .message .row .col01 .name .txt02 {
  font-size: 1.4285714286em;
}
.page-message .messageSec .message .row .col02 {
  margin-top: 9.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .message .row .col02 {
    width: 22.3958333333vw;
    margin-top: 0;
  }
}
.page-message .messageSec .belief .companyName {
  margin: 8vw auto 0;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .companyName {
    margin: 3.125vw auto 0;
    width: 46.875vw;
  }
}
.page-message .messageSec .belief .yurai {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Noto Sans JP", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.4259259259;
  margin-top: 4vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .yurai {
    font-size: 1.8229166667vw;
    margin-top: 1.3020833333vw;
  }
}
.page-message .messageSec .belief .yurai .big {
  font-size: 1.5428571429em;
}
.page-message .messageSec .belief .row {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row {
    flex-direction: row;
    margin-top: 6.25vw;
  }
}
.page-message .messageSec .belief .row .col01 {
  margin: 0 auto;
  width: 60%;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row .col01 {
    margin: 0;
    width: 25.2604166667vw;
  }
}
.page-message .messageSec .belief .row .col02 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row .col02 {
    margin-top: 0;
    width: 35.5729166667vw;
  }
}
.page-message .messageSec .belief .row .col02 .list .item {
  color: #0068B2;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.375;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row .col02 .list .item {
    font-size: 1.25vw;
  }
}
.page-message .messageSec .belief .row .col02 .list .item + .item {
  margin-top: 3.2vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row .col02 .list .item + .item {
    margin-top: 1.3020833333vw;
  }
}
.page-message .messageSec .belief .row .col02 .list .item .num {
  font-size: 1.6666666667em;
}
.page-message .messageSec .belief .row .col02 .list .item .yellow {
  background-color: #FFFD2C;
  display: inline-block;
}
.page-message .messageSec .belief .row .col02 .txt {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.9166666667;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-message .messageSec .belief .row .col02 .txt {
    font-size: 1.25vw;
    margin-top: 3.6458333333vw;
  }
}

/*******************************************************
*
* HISTORY
*
*******************************************************/
.page-history .history__tbl {
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #c2c2c2;
  font-size: 14px;
  margin-top: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-history .history__tbl {
    font-size: 1.25vw;
    margin-top: 3.125vw;
  }
}
.page-history .history__tbl tr:nth-of-type(odd) {
  background-color: #efefef;
}
.page-history .history__tbl tr.bg_g {
  background-color: #efefef;
}
.page-history .history__tbl th,
.page-history .history__tbl td {
  border: 1px solid #c2c2c2;
  font-weight: 500;
  vertical-align: top;
}
.page-history .history__tbl th {
  text-align: left;
  padding: 4px 5px;
  width: 25%;
}
@media print, (min-width: 768px) {
  .page-history .history__tbl th {
    padding: 0.6770833333vw 0.4166666667vw;
    width: 20%;
  }
}
.page-history .history__tbl td {
  letter-spacing: 0.05em;
  padding: 4px 5px;
  width: 75%;
}
@media print, (min-width: 768px) {
  .page-history .history__tbl td {
    padding: 0.6770833333vw 0.625vw;
    width: 80%;
  }
}

/*******************************************************
*
* PROFILE
*
*******************************************************/
.page-profile .tbl {
  font-size: 13px;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-profile .tbl {
    font-size: 1.25vw;
    margin-top: 3.125vw;
  }
}
.page-profile .tbl dl dt {
  width: 35%;
}
@media print, (min-width: 768px) {
  .page-profile .tbl dl dt {
    width: 30%;
  }
}
.page-profile .tbl dl dd {
  width: 65%;
}
@media print, (min-width: 768px) {
  .page-profile .tbl dl dd {
    width: 70%;
  }
}

/*******************************************************
*
* ACCESS
*
*******************************************************/
.page-access {
  /* .tbl {
    font-size: 13px;
    margin-top: vwVal(30,375);

    @include breakpoint(pc) {
      font-size: vwVal(24,1920);
      margin-top: vwVal(60,1920);
    }
  } */
}
.page-access .company {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-access .company {
    flex-direction: row;
    margin-top: 3.125vw;
    width: 51.0416666667vw;
  }
}
.page-access .company__info {
  align-items: center;
  display: flex;
}
@media print, (min-width: 768px) {
  .page-access .company__info {
    justify-content: center;
    width: 50%;
  }
}
.page-access .company__infoInner .logoImg {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-access .company__infoInner .logoImg {
    width: 15.2083333333vw;
  }
}
.page-access .company__infoInner .address {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.4285714286;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-access .company__infoInner .address {
    font-size: 1.09375vw;
    margin-top: 1.0416666667vw;
  }
}
.page-access .company__infoInner .tel {
  color: #0068B2;
  display: block;
  font-family: "DIN 2014", "Noto Sans JP", sans-serif;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.2916666667;
  margin-top: 0.8vw;
}
@media print, (min-width: 768px) {
  .page-access .company__infoInner .tel {
    font-size: 2.5vw;
    margin-top: 0.3125vw;
  }
}
.page-access .company__infoInner .tel .lbl {
  font-size: 0.5208333333em;
}
.page-access .company__img {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-access .company__img {
    margin-top: 0;
    width: 50%;
  }
}
.page-access .googlemap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-access .googlemap {
    margin-top: 3.125vw;
    width: 51.0416666667vw;
  }
}
.page-access .googlemap iframe {
  aspect-ratio: 980/550;
  height: 100%;
  width: 100%;
}
.page-access .method {
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-access .method {
    margin-top: 1.8229166667vw;
  }
}
.page-access .method .list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-access .method .list {
    flex-direction: row;
    width: 51.0416666667vw;
  }
}
.page-access .method .list .item {
  padding-top: 4.5333333333vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item {
    padding-top: 0.8854166667vw;
    width: 16.25vw;
  }
}
.page-access .method .list .item + .item {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item + .item {
    margin-top: 0;
  }
}
.page-access .method .list .item__inner {
  background-color: #F5FCFF;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
  height: 100%;
  padding: 5.6vw 3.2vw 4vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner {
    padding: 2.2395833333vw 1.3020833333vw 1.5104166667vw;
  }
}
.page-access .method .list .item__inner .ttl {
  color: #0068B2;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner .ttl {
    font-size: 0.9375vw;
  }
}
.page-access .method .list .item__inner .txt__wrap {
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-top: 3.2vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner .txt__wrap {
    margin-top: 1.3020833333vw;
  }
}
.page-access .method .list .item__inner .txt__wrap .headline .lbl {
  background-color: #FFEE54;
  color: #0068B2;
  display: inline-block;
  font-size: 1.0666666667;
  line-height: 1.6;
  margin-right: 1.3333333333vw;
  padding: 0 1.6vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner .txt__wrap .headline .lbl {
    margin-right: 0.46875vw;
    padding: 0 0.625vw;
  }
}
.page-access .method .list .item__inner .txt__wrap .headline + .txt {
  margin-top: 1.0666666667vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner .txt__wrap .headline + .txt {
    margin-top: 0.4166666667vw;
  }
}
.page-access .method .list .item__inner .txt__wrap .txt + .headline {
  margin-top: 2.4vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item__inner .txt__wrap .txt + .headline {
    margin-top: 0.8854166667vw;
  }
}
.page-access .method .list .item .icon {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.page-access .method .list .item .icon.car {
  width: 10.4vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item .icon.car {
    width: 2.03125vw;
  }
}
.page-access .method .list .item .icon.train {
  width: 7.7333333333vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item .icon.train {
    width: 1.5104166667vw;
  }
}
.page-access .method .list .item .icon.bus {
  width: 12.5333333333vw;
}
@media print, (min-width: 768px) {
  .page-access .method .list .item .icon.bus {
    width: 2.4479166667vw;
  }
}

/*******************************************************
*
* SDGs
*
*******************************************************/
.page-sdgs .sdgs .container {
  text-align: center;
}
.page-sdgs .sdgs h1 {
  color: #0068B2;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4523809524;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs h1 {
    font-size: 3.28125vw;
  }
}
.page-sdgs .sdgs-logo {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs-logo {
    margin-top: 2.1875vw;
  }
}
.page-sdgs .sdgs-logo img {
  height: auto;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs-logo img {
    width: 37.5vw;
  }
}
.page-sdgs .sdgs-icons {
  margin-top: 5.8666666667vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs-icons {
    margin-top: 2.5vw;
  }
}
.page-sdgs .sdgs-icons img {
  height: auto;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs-icons img {
    width: 60.9375vw;
  }
}
.page-sdgs .sdgs .btn {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs .btn {
    margin-top: 5.078125vw;
  }
}
.page-sdgs .sdgs .btn a {
  background-color: #0FA21A;
  border: 1px solid #0FA21A;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  position: relative;
  width: 200px;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs .btn a {
    font-size: 1.5625vw;
    line-height: 4.375vw;
    width: 27.890625vw;
  }
}
.page-sdgs .sdgs .btn a::before {
  align-items: center;
  background-color: #fff;
  border-radius: 100vw;
  color: #0FA21A;
  content: "\f054";
  display: flex;
  font-family: "Font Awesome 6 Free";
  font-size: 0.8em;
  font-weight: 900;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in-out;
  width: 20px;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs .btn a::before {
    height: 2.34375vw;
    right: 2.34375vw;
    width: 2.34375vw;
  }
}
.page-sdgs .sdgs .btn a:hover {
  background-color: #fff;
  color: #0FA21A;
  opacity: 1 !important;
}
.page-sdgs .sdgs .btn a:hover::before {
  background-color: #0FA21A;
  color: #fff;
}
.page-sdgs .sdgs .txt {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4285714286;
  margin-top: 6.6666666667vw;
  text-align: left;
}
@media print, (min-width: 768px) {
  .page-sdgs .sdgs .txt {
    font-size: 1.4583333333vw;
    margin-top: 2.6041666667vw;
    text-align: center;
  }
}
.page-sdgs .effort .cont + .cont {
  margin-top: 10.6951871658vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont + .cont {
    margin-top: 3.125vw;
  }
}
.page-sdgs .effort .cont h2 {
  border-left: 1.8666666667vw solid #0FA21A;
  background-color: #0068B2;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  padding: 8px 10px 8px 16px;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont h2 {
    border-left: 0.546875vw solid #0FA21A;
    font-size: 1.71875vw;
    line-height: 1.8181818182;
    padding: 0 0 0 1.484375vw;
  }
}
.page-sdgs .effort .cont .row {
  margin-top: 8vw;
  /* .img__wrap {
    margin-bottom: vwVal(30,375);

    @include breakpoint(pc) {
      margin-bottom: 0;
    }

    img {
      width: 100%;
    }
  } */
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row {
    display: flex;
    justify-content: space-between;
    margin-top: 4.21875vw;
  }
}
.page-sdgs .effort .cont .row .col {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col {
    width: 39.0625vw;
  }
}
.page-sdgs .effort .cont .row .col.img__block .img__wrap + .img__wrap {
  margin-top: 3.2vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col.img__block .img__wrap + .img__wrap {
    margin-top: 1.3020833333vw;
  }
}
.page-sdgs .effort .cont .row .col .txt__wrap {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col .txt__wrap {
    margin-top: 0.78125vw;
  }
}
.page-sdgs .effort .cont .row .col dl dt {
  border-bottom: 1px solid #707070;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  padding-bottom: 2.1333333333vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col dl dt {
    font-size: 1.5625vw;
    padding-bottom: 0.78125vw;
    padding-right: 1.40625vw;
  }
}
.page-sdgs .effort .cont .row .col dl dd {
  margin-top: 3.2vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col dl dd {
    margin-top: 1.3020833333vw;
  }
}
.page-sdgs .effort .cont .row .col dl dd ul li {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
  margin-left: 1em;
  text-indent: -1em;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col dl dd ul li {
    font-size: 1.0416666667vw;
  }
}
.page-sdgs .effort .cont .row .col dl dd .txt {
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.125;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col dl dd .txt {
    margin-top: 1.5625vw;
    padding-right: 0.6770833333vw;
  }
}
.page-sdgs .effort .cont .row .col dl dd.mt0 {
  margin-top: 0;
}
.page-sdgs .effort .cont .row .col dl + dl {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col dl + dl {
    margin-top: 2.5vw;
  }
}
.page-sdgs .effort .cont .row .col .icon__wrap {
  display: grid;
  gap: 2.1333333333vw;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont .row .col .icon__wrap {
    gap: 0.8333333333vw;
    margin-top: 3.6458333333vw;
  }
}
.page-sdgs .effort .cont:nth-of-type(even) .row {
  flex-direction: row-reverse;
}
.page-sdgs .effort .cont + .cont {
  margin-top: 16vw;
}
@media print, (min-width: 768px) {
  .page-sdgs .effort .cont + .cont {
    margin-top: 7.8125vw;
  }
}

/*******************************************************
*
* INFORMATION
*
*******************************************************/
.single-information .information .head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .single-information .information .head {
    margin-bottom: 2.0833333333vw;
  }
}
.single-information .information .head .date {
  font-family: "Jost", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45em;
  margin-right: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-information .information .head .date {
    font-size: 1.0416666667vw;
    margin-right: 1.09375vw;
  }
}
.single-information .information .head .cat {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 26px;
  text-align: center;
  width: 125px;
}
@media print, (min-width: 768px) {
  .single-information .information .head .cat {
    font-size: 1.0416666667vw;
    line-height: 2.0833333333vw;
    width: 9.7395833333vw;
  }
}
.single-information .information .head .ttl {
  border-color: #0068B2;
  margin-top: 2.1333333333vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-information .information .head .ttl {
    margin-top: 0.8333333333vw;
  }
}
.single-information .information .content {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media print, (min-width: 768px) {
  .single-information .information .content {
    font-size: 1.25em;
  }
}
.single-information .information .content a {
  color: #0068B2;
  text-decoration: underline;
  word-break: break-all;
}
.single-information .information .content h1, .single-information .information .content h2, .single-information .information .content h3, .single-information .information .content h4 {
  font-size: revert;
  margin: revert;
}
.single-information .information .content ul {
  list-style: revert;
  margin: revert;
  padding: revert;
}
.single-information .information .content p + p {
  margin-top: 1em;
}
.single-information .information .article-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-information .information .article-nav {
    margin-top: 0.78125vw;
  }
}
.single-information .information .article-nav p {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}
@media print, (min-width: 768px) {
  .single-information .information .article-nav p {
    font-size: 1.171875vw;
  }
}
.single-information .information .article-nav p a {
  color: #0068B2;
}

.post-type-archive-information .information .list {
  margin-top: 40px;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .list {
    margin-top: 4.375vw;
  }
}
.post-type-archive-information .information .list .item {
  align-items: center;
  border-top: 1px solid #707070;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .list .item {
    flex-wrap: nowrap;
    padding: 20px 1.015625vw;
  }
}
.post-type-archive-information .information .list .item:last-of-type {
  border-bottom: 1px solid #707070;
}
.post-type-archive-information .information .list .item .date {
  font-family: "Jost", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4782608696em;
  margin-right: 2.03125vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .list .item .date {
    font-size: 1.1979166667vw;
  }
}
.post-type-archive-information .information .list .item .cat {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  width: 125px;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .list .item .cat {
    font-size: 1.0416666667vw;
    line-height: 2.0833333333vw;
    margin-right: 4.1666666667vw;
    width: 9.7395833333vw;
  }
}
.post-type-archive-information .information .list .item .ttl {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
  margin-top: 12px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .list .item .ttl {
    font-size: 1.0416666667vw;
    margin-top: 0;
    width: max-content;
  }
}
.post-type-archive-information .information .list .item .ttl a {
  display: inline-block;
}
.post-type-archive-information .information .not {
  font-weight: 500;
  text-align: center;
}
@media print, (min-width: 768px) {
  .post-type-archive-information .information .not {
    margin-top: 3.125vw;
  }
}

/*******************************************************
*
* RECRUIT
*
*******************************************************/
.page-recruit {
  /* 動画ライトボックス用モーダル（4K等の大解像度動画も画面に収める） */
}
.page-recruit .pageHeader {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader {
    display: block;
  }
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader .row {
    display: flex;
  }
}
.page-recruit .pageHeader .row .col {
  position: relative;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader .row .col {
    width: 33.3333333333%;
  }
}
.page-recruit .pageHeader .row .col img {
  width: 100%;
}
.page-recruit .pageHeader .row .col .wrap {
  left: 50%;
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  width: max-content;
}
.page-recruit .pageHeader .row .col .wrap img {
  height: 17.3333333333vw;
  width: auto;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader .row .col .wrap img {
    height: 6.71875vw;
  }
}
.page-recruit .pageHeader .row .col .wrap p {
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.page-recruit .pageHeader .row .col .wrap p.txt01 {
  font-size: 14.4vw;
  line-height: 1.462962963;
  margin: 0 auto;
  width: max-content;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader .row .col .wrap p.txt01 {
    font-size: 4.21875vw;
  }
}
.page-recruit .pageHeader .row .col .wrap p.txt02 {
  font-size: 4.8vw;
  line-height: 1.4444444444;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader .row .col .wrap p.txt02 {
    font-size: 1.40625vw;
  }
}
.page-recruit .pageHeader .row:nth-of-type(1) {
  order: 2;
}
.page-recruit .pageHeader .row:nth-of-type(3) {
  order: 3;
}
.page-recruit .pageHeader__main {
  align-items: center;
  background: linear-gradient(245deg, #14BBCE, #3DA0DE 45%, #0068B2);
  order: 1;
  padding: 2.6666666667vw 0 4vw;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main {
    display: flex;
    justify-content: center;
    padding: 0.78125vw 0;
  }
}
.page-recruit .pageHeader__main h1 {
  margin-left: auto;
  margin-right: auto;
  width: 74.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main h1 {
    margin-left: 0;
    margin-right: 2.6041666667vw;
    width: 49.4791666667vw;
  }
}
.page-recruit .pageHeader__main h1 img {
  width: 100%;
}
.page-recruit .pageHeader__main div {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.6666666667vw;
  width: 74.6666666667vw;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main div {
    margin-left: 0;
    margin-right: 0;
    margin-top: -2.6041666667vw;
    width: 32.8125vw;
  }
}
.page-recruit .pageHeader__main div img {
  width: 100%;
}
.page-recruit .pageHeader__main p {
  color: #fff;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main p {
    text-align: left;
  }
}
.page-recruit .pageHeader__main p.txt01 {
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main p.txt01 {
    font-size: 1.328125vw;
    letter-spacing: 0.2em;
    line-height: 2.1176470588;
    margin-top: 0;
  }
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main p.txt01 br {
    display: none;
  }
}
.page-recruit .pageHeader__main p.txt02 {
  font-size: 5.3333333333vw;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-top: 2.6666666667vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-recruit .pageHeader__main p.txt02 {
    font-size: 2.578125vw;
    margin-top: 0;
  }
}
.page-recruit .bg {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.page-recruit .bg::before {
  aspect-ratio: 2087/1281;
  background-image: url("images/recruit/line.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 50%;
  opacity: 0.6;
  position: absolute;
  top: -10%;
  transform: translateX(-50%) rotate(5deg);
  width: 105vw;
  z-index: -1;
}
.page-recruit .bg::after {
  aspect-ratio: 2087/1281;
  background-image: url("images/recruit/line.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 3%;
  content: "";
  left: 40%;
  opacity: 0.4;
  position: absolute;
  transform: scale(-1, 1) rotate(15deg) translateX(50%);
  z-index: -1;
  width: 125vw;
}
.page-recruit .bg__line {
  height: auto;
  position: absolute;
  mix-blend-mode: screen;
  z-index: -1;
}
.page-recruit .bg__line img {
  width: 100%;
}
.page-recruit .bg__line:nth-of-type(1) {
  left: -23.4375vw;
  opacity: 0.4;
  top: 31.25vw;
  width: 155.390625vw;
}
@media print, (min-width: 768px) {
  .page-recruit .container--860 {
    max-width: 67.1875vw;
  }
}
.page-recruit .layout01 .en {
  color: #0068B2;
  font-family: "Viga", sans-serif;
  font-size: 20px;
  letter-spacing: 0.1em;
  line-height: 1.3714285714;
}
@media print, (min-width: 768px) {
  .page-recruit .layout01 .en {
    font-size: 1.8229166667vw;
  }
}
.page-recruit .layout01 h2 {
  color: #0068B2;
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.4545454545;
}
@media print, (min-width: 768px) {
  .page-recruit .layout01 h2 {
    font-size: 2.8645833333vw;
  }
}
.page-recruit .layout01 h2 br {
  display: none;
}
@media print, (min-width: 768px) {
  .page-recruit .layout01 h2 br {
    display: block;
  }
}
.page-recruit .layout01 .txt {
  color: #0068B2;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .page-recruit .layout01 .txt {
    font-size: 1.0416666667vw;
    margin-top: 1.5625vw;
    width: 23.1770833333vw;
  }
}
.page-recruit .layout01 .lbl {
  border-bottom: 1px solid #0056D8;
  color: #0056D8;
  font-size: 4.5333333333vw;
  font-weight: 500;
  line-height: 1.45;
  padding-bottom: 0.859375vw;
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .layout01 .lbl {
    font-size: 1.5625vw;
    margin-top: 0.9375vw;
  }
}
.page-recruit .layout02 {
  display: flex;
  justify-content: space-between;
}
.page-recruit .layout02 .item {
  position: relative;
  width: 48%;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item {
    width: 21.171875vw;
  }
}
.page-recruit .layout02 .item a {
  background-color: #fff;
  border-radius: 4vw;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  color: #0068B2;
  display: flex;
  flex-direction: column;
  height: 42.6666666667vw;
  justify-content: space-between;
  padding: 6.6666666667vw 2.6666666667vw 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item a {
    border-radius: 1.171875vw;
    height: 22.5520833333vw;
    padding: 4.296875vw 2.34375vw 2.1875vw;
  }
}
.page-recruit .layout02 .item a svg {
  height: auto;
}
.page-recruit .layout02 .item a svg path,
.page-recruit .layout02 .item a svg circle {
  transition: 0.3s ease-in-out;
}
.page-recruit .layout02 .item a:hover {
  opacity: 1 !important;
}
.page-recruit .layout02 .item a:not(.nolink):hover {
  background-color: #0068B2;
}
.page-recruit .layout02 .item a:not(.nolink):hover svg path,
.page-recruit .layout02 .item a:not(.nolink):hover svg circle {
  fill: #fff;
}
.page-recruit .layout02 .item a:not(.nolink):hover svg .initWhite {
  fill: #0068B2;
}
.page-recruit .layout02 .item a:not(.nolink):hover .txt {
  color: #fff;
}
.page-recruit .layout02 .item .img__wrap {
  align-items: center;
  display: flex;
  height: 17.3333333333vw;
  justify-content: center;
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item .img__wrap {
    height: 8.59375vw;
  }
}
.page-recruit .layout02 .item .img__wrap img {
  height: auto;
  width: 100%;
}
.page-recruit .layout02 .item .txt {
  font-size: 3.4666666667vw;
  font-weight: 600;
  line-height: 1.4444444444;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item .txt {
    letter-spacing: 0.07em;
    font-size: 1.40625vw;
  }
}
.page-recruit .layout02 .item .arrowBtn {
  align-items: center;
  background-color: #F8F600;
  border-radius: 100vw;
  bottom: 2.6666666667vw;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  position: absolute;
  right: 2.6666666667vw;
  width: 20px;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item .arrowBtn {
    bottom: 2.109375vw;
    height: 2.34375vw;
    position: absolute;
    right: 2.03125vw;
    width: 2.34375vw;
  }
}
.page-recruit .layout02 .item .arrowBtn i {
  font-size: 12px;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}
.page-recruit .layout02 .item .arrowBtn__img {
  bottom: 2.6666666667vw;
  height: 5.3333333333vw;
  line-height: 0;
  position: absolute;
  right: 2.6666666667vw;
  width: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .layout02 .item .arrowBtn__img {
    bottom: 2.109375vw;
    height: 2.34375vw;
    position: absolute;
    right: 2.03125vw;
    width: 2.34375vw;
  }
}
.page-recruit .layout02 .item .arrowBtn__img img {
  width: 100%;
}
.page-recruit .layout03 {
  /* .lbl{
    border-bottom: 1px solid #0056D8;
    color: #0056D8;
    font-size: vwVal(17,375);
    font-weight: 500;
    line-height: calculate_lh(20,29);
    padding-bottom: vwVal(11,1280);
    margin-top: vwVal(20,375);

    @include breakpoint(pc) {
      font-size: vwVal(20,1280);
      margin-top: vwVal(12,1280);
    }
  } */
}
.page-recruit .layout03 .sub {
  color: #0068B2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .page-recruit .layout03 .sub {
    font-size: 1.0416666667vw;
  }
}
.page-recruit .layout03 h2 {
  color: #0068B2;
  font-family: "Viga", sans-serif;
  font-size: 34px;
  letter-spacing: 0.05em;
  line-height: 1.35;
}
@media print, (min-width: 768px) {
  .page-recruit .layout03 h2 {
    font-size: 3.125vw;
  }
}
.page-recruit .layout03 h2 br {
  display: none;
}
@media print, (min-width: 768px) {
  .page-recruit .layout03 h2 br {
    display: block;
  }
}
.page-recruit .layout03 .txt {
  color: #0068B2;
  font-size: 1.0416666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-top: 1.5625vw;
  width: 23.1770833333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row {
    display: flex;
    justify-content: space-between;
  }
}
.page-recruit .interview .row .col {
  position: relative;
}
.page-recruit .interview .row .col:nth-of-type(1) {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(1) {
    width: 24.3229166667vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(1)::before {
  background-image: url("images/recruit/interview_bg_icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 38.6666666667vw;
  position: absolute;
  right: 0;
  top: 0;
  width: 26.6666666667vw;
  z-index: -1;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(1)::before {
    height: 21.875vw;
    width: 15.078125vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(1) .btn {
  margin-top: 6.6666666667vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(1) .btn {
    margin-top: 3.6458333333vw;
    text-align: left;
  }
}
.page-recruit .interview .row .col:nth-of-type(1) .btn a {
  background-color: #FFEE54;
  color: #0068B2;
  display: inline-block;
  font-family: "Viga", sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 40px;
  text-align: center;
  width: 200px;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(1) .btn a {
    font-size: 1.09375vw;
    line-height: 3.2291666667vw;
    width: 17.34375vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(1) .btn a:hover {
  background-color: #0068B2;
  color: #FFEE54;
  opacity: 1 !important;
}
.page-recruit .interview .row .col:nth-of-type(2) {
  margin-top: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) {
    margin-top: 0;
    width: 38.671875vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .interview-js {
  opacity: 0;
}
.page-recruit .interview .row .col:nth-of-type(2) .interview-js.slick-initialized {
  opacity: 1;
}
.page-recruit .interview .row .col:nth-of-type(2) .list {
  border-radius: 5.3333333333vw;
  overflow: hidden;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list {
    border-radius: 1.5625vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .item {
  vertical-align: middle;
}
.page-recruit .interview .row .col:nth-of-type(2) .list .item img {
  width: 100%;
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots {
  bottom: 15px;
  display: flex;
  font-size: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots {
    bottom: 2.0833333333vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots li:not(:last-of-type) {
  margin-right: 10px;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots li:not(:last-of-type) {
    margin-right: 0.78125vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots li.slick-active button {
  background-color: #F8F600;
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots button {
  background-color: transparent;
  border: 1px solid #F8F600;
  border-radius: 100vw;
  color: transparent;
  font-size: 0;
  height: 15px;
  padding: 0;
  width: 15px;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slick-dots button {
    height: 0.78125vw;
    width: 0.78125vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow {
  cursor: pointer;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow {
    height: 2.5vw;
    width: 1.25vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow.prev-arrow {
  left: 2vw;
  transform: scale(-1, 1) translateY(-50%);
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow.prev-arrow {
    left: 1.484375vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow.next-arrow {
  right: 2vw;
}
@media print, (min-width: 768px) {
  .page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow.next-arrow {
    right: 1.484375vw;
  }
}
.page-recruit .interview .row .col:nth-of-type(2) .list .slide-arrow img {
  height: auto;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .row {
    display: flex;
    justify-content: space-between;
  }
}
.page-recruit .topMessage .row .img__wrap {
  border-radius: 5.3333333333vw;
  margin-bottom: auto;
  margin-top: 8vw;
  overflow: hidden;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .row .img__wrap {
    border-radius: 1.5625vw;
    margin-top: 0;
    width: 11.71875vw;
  }
}
.page-recruit .topMessage .row .img__wrap img {
  width: 100%;
}
.page-recruit .topMessage .row .col {
  border-bottom: 2px solid #fff;
  padding-bottom: 5.3333333333vw;
  position: relative;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .row .col {
    padding-bottom: 0;
    width: 46.09375vw;
  }
}
.page-recruit .topMessage .row .col::before {
  background-image: url("images/recruit/who_bg_icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 39.4666666667vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 53.3333333333vw;
  z-index: -1;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .row .col::before {
    height: 13.359375vw;
    left: 92%;
    width: 17.96875vw;
  }
}
.page-recruit .topMessage .list {
  margin-top: 9.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .list {
    justify-content: space-evenly;
    margin-top: 3.75vw;
  }
}
.page-recruit .topMessage .list .item:nth-of-type(1) .img__wrap {
  width: 12vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .list .item:nth-of-type(1) .img__wrap {
    width: 7.109375vw;
  }
}
.page-recruit .topMessage .list .item:nth-of-type(2) .img__wrap {
  width: 13.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .list .item:nth-of-type(2) .img__wrap {
    width: 6.09375vw;
  }
}
.page-recruit .topMessage .list .item:nth-of-type(3) .img__wrap {
  width: 16vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .list .item:nth-of-type(3) .img__wrap {
    width: 8.203125vw;
  }
}
.page-recruit .topMessage .message {
  color: #0068B2;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .message {
    font-size: 1.0416666667vw;
    line-height: 2;
    margin-top: 2.34375vw;
  }
}
.page-recruit .topMessage .name {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.45;
  margin-top: 2.6666666667vw;
  text-align: right;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .name {
    font-size: 1.0416666667vw;
    margin-top: 1.0416666667vw;
  }
}
.page-recruit .topMessage .name .txt01 {
  font-size: 0.7em;
  margin-right: 1.0666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .topMessage .name .txt01 {
    margin-right: 0.4166666667vw;
  }
}
.page-recruit .environment .ttl__wrap {
  text-align: center;
}
.page-recruit .environment .ttl__wrap .txt {
  text-align: left;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .ttl__wrap .txt {
    text-align: center;
  }
}
.page-recruit .environment .list {
  display: grid;
  gap: 8vw;
  grid-template-columns: 1fr;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .list {
    gap: 1.875vw;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 2.890625vw;
  }
}
.page-recruit .environment .list .item .img__wrap {
  border-radius: 4vw;
  box-shadow: 0.2666666667vw 0.2666666667vw 0.8vw rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .list .item .img__wrap {
    border-radius: 0.78125vw;
    box-shadow: 0.1041666667vw 0.1041666667vw 0.3125vw rgba(0, 0, 0, 0.16);
  }
}
.page-recruit .environment .list .item .txt__wrap {
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .list .item .txt__wrap {
    margin-top: 1.0416666667vw;
    padding: 0 0.2604166667vw;
  }
}
.page-recruit .environment .list .item .txt__wrap .ttl {
  color: #0068B2;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.07em;
  line-height: 1.44;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .list .item .txt__wrap .ttl {
    font-size: 1.3020833333vw;
  }
}
.page-recruit .environment .list .item .txt__wrap .txt {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.75;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .environment .list .item .txt__wrap .txt {
    margin-top: 0.78125vw;
  }
}
.page-recruit .recruitment {
  /* モバイルのみ：動画サムネ2つを上にまとめ、その下にボタン（orderで並び替え） */
}
@media (max-width: 767px) {
  .page-recruit .recruitment .container--860 {
    display: flex;
    flex-direction: column;
  }
  .page-recruit .recruitment .container--860 > .ttl__wrap {
    order: 0;
  }
  .page-recruit .recruitment .container--860 > div.recruit-video__wrap:nth-of-type(2) {
    order: 1;
  }
  .page-recruit .recruitment .container--860 > div.recruit-video__wrap:nth-of-type(3) {
    order: 2;
  }
  .page-recruit .recruitment .container--860 > ul.list:nth-of-type(1) {
    order: 3;
  }
  .page-recruit .recruitment .container--860 > ul.list:nth-of-type(2) {
    order: 4;
  }
}
.page-recruit .recruitment .ttl__wrap {
  text-align: center;
}
.page-recruit .recruitment .ttl__wrap .txt {
  text-align: left;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .ttl__wrap .txt {
    text-align: center;
  }
}
.page-recruit .recruitment .recruit-video__caption {
  margin-top: 3.2vw;
  font-size: 3.2vw;
  color: #666;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .recruit-video__caption {
    margin-top: 1.25vw;
    font-size: 1.09375vw;
  }
}
.page-recruit .recruitment .recruit-video__wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .recruit-video__wrap {
    gap: 2.34375vw;
    margin-top: 3.125vw;
  }
}
.page-recruit .recruitment .recruit-video__thumb {
  display: block;
  flex: 0 1 50%;
  max-width: 50%;
  width: 100%;
}
.page-recruit .recruitment .recruit-video__thumb img {
  display: block;
  height: auto;
  width: 100%;
}
.page-recruit .recruitment .list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6.6666666667vw;
  /* MS・MD説明会用資料の2つ並びだけ space-between（.list--space-between を付与した ul のみ） */
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list {
    flex-direction: row;
    margin-top: 4.21875vw;
  }
}
.page-recruit .recruitment .list.list--space-between {
  justify-content: space-between;
}
.page-recruit .recruitment .list .item {
  width: 100%;
  /* .arrowBtn__img {
    line-height: 0;
    height: vwVal(20,375);
    width: vwVal(20,375);

    @include breakpoint(pc) {
      height: vwVal(30,1280);
      width: vwVal(30,1280);
    }

    img {
      width: 100%;
    }
  } */
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item {
    width: 32.03125vw;
  }
}
.page-recruit .recruitment .list .item + .item {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item + .item {
    margin-top: 0;
  }
}
.page-recruit .recruitment .list .item a {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  color: #0068B2;
  display: flex;
  justify-content: space-between;
  min-height: 65px;
  padding: 4vw 4vw 4vw 5.3333333333vw;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a {
    border-radius: 1.171875vw;
    min-height: auto;
    padding: 1.5625vw 1.40625vw 1.5625vw 2.8125vw;
  }
}
.page-recruit .recruitment .list .item a:hover {
  background-color: #0068B2;
  opacity: 1 !important;
}
.page-recruit .recruitment .list .item a:hover .btn__inner .img__wrap svg {
  /* 電気工事士アイコン（電球）のホバー色反転 */
}
.page-recruit .recruitment .list .item a:hover .btn__inner .img__wrap svg .initWhite {
  fill: #0068B2;
}
.page-recruit .recruitment .list .item a:hover .btn__inner .img__wrap svg .initBlue {
  fill: #fff;
}
.page-recruit .recruitment .list .item a:hover .btn__inner .img__wrap svg .icon-light-blue {
  fill: #fff;
}
.page-recruit .recruitment .list .item a:hover .btn__inner .img__wrap svg .icon-light-white {
  fill: #0068B2;
}
.page-recruit .recruitment .list .item a:hover .btn__inner p {
  color: #fff;
}
.page-recruit .recruitment .list .item a .btn__inner {
  align-items: center;
  display: flex;
}
.page-recruit .recruitment .list .item a .btn__inner .icon {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 30px;
  justify-content: center;
  margin-right: 15px;
  width: 30px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner .icon {
    height: 3.1770833333vw;
    margin-right: 1.5625vw;
    width: 3.1770833333vw;
  }
}
.page-recruit .recruitment .list .item a .btn__inner .img__wrap {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner .img__wrap {
    height: 3.1770833333vw;
  }
}
.page-recruit .recruitment .list .item a .btn__inner .img__wrap svg {
  height: 100%;
  max-width: 100%;
  vertical-align: bottom;
  width: auto;
}
.page-recruit .recruitment .list .item a .btn__inner .img__wrap svg path,
.page-recruit .recruitment .list .item a .btn__inner .img__wrap svg rect {
  transition: 0.3s ease-in-out;
}
.page-recruit .recruitment .list .item a .btn__inner .img__wrap.phone {
  width: 18px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner .img__wrap.phone {
    width: 1.8229166667vw;
  }
}
.page-recruit .recruitment .list .item a .btn__inner .img__wrap.car {
  width: 30px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner .img__wrap.car {
    width: 3.1770833333vw;
  }
}
.page-recruit .recruitment .list .item a .btn__inner p {
  color: #0068B2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.4444444444;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner p {
    font-size: 1.40625vw;
    letter-spacing: 0.15em;
  }
}
.page-recruit .recruitment .list .item a .btn__inner p.txt02 {
  font-family: "Barlow", sans-serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-left: 3px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item a .btn__inner p.txt02 {
    font-size: 0.78125vw;
    margin-left: 0.3125vw;
  }
}
.page-recruit .recruitment .list .item:nth-of-type(3), .page-recruit .recruitment .list .item:nth-of-type(4), .page-recruit .recruitment .list .item:nth-of-type(5) {
  margin-top: 1.796875vw;
}
.page-recruit .recruitment .list .item .arrowBtn {
  align-items: center;
  background-color: #F8F600;
  border-radius: 100vw;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  width: 20px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item .arrowBtn {
    height: 2.34375vw;
    width: 2.34375vw;
  }
}
.page-recruit .recruitment .list .item .arrowBtn i {
  font-size: 12px;
}
@media print, (min-width: 768px) {
  .page-recruit .recruitment .list .item .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}
.page-recruit .recruitment .list--center {
  justify-content: center;
}
.page-recruit .js-recruit-video-modal {
  z-index: 10000;
  overflow: auto;
  padding: 10px;
  box-sizing: border-box;
}
.page-recruit .js-recruit-video-modal .modal-container--video {
  box-sizing: border-box;
  max-width: min(90vw, 1200px);
  max-height: 90vh;
  width: 100%;
}
.page-recruit .js-recruit-video-modal .modal-content--video {
  box-sizing: border-box;
  padding: 0;
  background: #000;
  overflow: hidden;
  max-width: 100%;
  max-height: 85vh;
}
.page-recruit .js-recruit-video-modal .modal-content--video video {
  display: block;
  max-width: 100% !important;
  max-height: 85vh !important;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  vertical-align: top;
}
.page-recruit .js-recruit-video-modal .modal-close {
  right: -10px;
  top: -10px;
  z-index: 1;
}
@media print, (min-width: 768px) {
  .page-recruit .js-recruit-video-modal .modal-close {
    right: -1.0416666667vw;
    top: -1.0416666667vw;
  }
}
.page-recruit .contact {
  background-color: #fff;
  padding-top: 5.46875vw;
  position: relative;
}
.page-recruit .contact .container {
  padding-bottom: 4.6875vw;
}
.page-recruit .contact .row {
  margin-top: 7.2vw;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5625vw;
  }
}
.page-recruit .contact .row .col {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .row .col {
    width: 32.03125vw;
  }
}
.page-recruit .contact .row .col .txt {
  font-weight: 500;
  color: #0068B2;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .row .col .txt br {
    display: none;
  }
}
.page-recruit .contact .row .col .tel {
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.4230769231;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .row .col .tel {
    font-size: 2.03125vw;
  }
}
.page-recruit .contact .row .col:nth-of-type(2) {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .row .col:nth-of-type(2) {
    margin-top: 0;
  }
}
.page-recruit .contact .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.3333333333vw;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .btn {
    margin-top: 3.046875vw;
    width: 25vw;
  }
}
.page-recruit .contact .btn a {
  border: 1px solid #FF7600;
  color: #FF7600;
  display: block;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 10.6666666667vw;
  text-align: center;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit .contact .btn a {
    font-size: 1.09375vw;
    line-height: 3.125vw;
  }
}
.page-recruit .contact .btn a:hover {
  background-color: #FF7600;
  color: #fff;
  opacity: 1 !important;
}
.page-recruit .banner {
  background-color: #fff;
  position: relative;
}

/*******************************************************
*
* STAFF
*
*******************************************************/
@media print, (min-width: 768px) {
  .single-staff .staff .info {
    display: flex;
    justify-content: space-between;
  }
}
.single-staff .staff .info__detail {
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail {
    width: 22.3958333333vw;
  }
}
.single-staff .staff .info__detail .comment {
  color: #0068B2;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7435897436;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail .comment {
    font-size: 2.03125vw;
  }
}
.single-staff .staff .info__detail .entry {
  color: #0068B2;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5333333333;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail .entry {
    font-size: 1.1458333333vw;
    margin-top: 1.5625vw;
  }
}
.single-staff .staff .info__detail .group {
  background-color: #F8F600;
  border-radius: 100vw;
  color: #0068B2;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.2272727273;
  margin-top: 0.78125vw;
  padding: 1.3333333333vw 5.3333333333vw;
  width: max-content;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail .group {
    font-size: 1.1458333333vw;
    line-height: 1.2272727273em;
    min-width: 15.625vw;
    padding: 0.5208333333vw 1.8229166667vw;
  }
}
.single-staff .staff .info__detail .name {
  color: #0056D8;
  font-size: 20px;
  font-weight: 700;
  line-height: 0.9375;
  margin-top: 4vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail .name {
    font-size: 2.5vw;
    margin-top: 1.171875vw;
  }
}
.single-staff .staff .info__detail .name_en {
  color: #0068B2;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4166666667;
  margin-top: 2.9333333333vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info__detail .name_en {
    font-size: 2.5vw;
    margin-top: 1.1458333333vw;
  }
}
.single-staff .staff .info .img__wrap {
  margin-top: 5.3333333333vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info .img__wrap {
    margin-top: 0;
    width: 31.71875vw;
  }
}
.single-staff .staff .info .img__wrap img {
  border-radius: 2.6666666667vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .staff .info .img__wrap img {
    border-radius: 0.78125vw;
  }
}
.single-staff .staff .qa {
  margin-top: 9.3333333333vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa {
    margin-top: 2.734375vw;
  }
}
.single-staff .staff .qa dl {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl {
    margin-top: 2.65625vw;
  }
}
.single-staff .staff .qa dl:first-of-type {
  margin-top: 0;
}
.single-staff .staff .qa dl .question {
  align-items: center;
  color: #0068B2;
  display: flex;
}
.single-staff .staff .qa dl .question .mark {
  font-size: 8vw;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.1481481481;
  margin-right: 1.3333333333vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl .question .mark {
    font-size: 4.21875vw;
    margin-right: 1.5625vw;
  }
}
.single-staff .staff .qa dl .question .txt {
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.15;
  padding-top: 1.3333333333vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl .question .txt {
    font-size: 1.5625vw;
    padding-top: 0.78125vw;
  }
}
.single-staff .staff .qa dl .answer {
  align-items: flex-start;
  border: 3px solid;
  border-radius: 2.6666666667vw;
  display: flex;
  margin-top: 4vw;
  padding: 2.6666666667vw 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl .answer {
    align-items: center;
    border: 5px solid;
    border-radius: 0.78125vw;
    margin-left: 8.59375vw;
    margin-top: 0.3125vw;
    padding: 1.3020833333vw 1.5625vw 1.3020833333vw 2.265625vw;
  }
}
.single-staff .staff .qa dl .answer .mark {
  font-size: 5.3333333333vw;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.2083333333;
  margin-right: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl .answer .mark {
    font-size: 2.5vw;
    margin-right: 1.875vw;
  }
}
.single-staff .staff .qa dl .answer .txt {
  font-size: 3.7333333333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4375;
}
@media print, (min-width: 768px) {
  .single-staff .staff .qa dl .answer .txt {
    font-size: 1.0416666667vw;
  }
}
.single-staff .staff .qa dl:nth-of-type(1) .answer {
  color: #8D35C4;
}
.single-staff .staff .qa dl:nth-of-type(2) .answer {
  color: #30B2AD;
}
.single-staff .staff .qa dl:nth-of-type(3) .answer {
  color: #61BC4A;
}
.single-staff .staff .qa dl:nth-of-type(4) .answer {
  color: #FA9F42;
}
.single-staff .staff .qa dl:nth-of-type(5) .answer {
  color: #EA4949;
}
.single-staff .staff .qa dl:nth-of-type(6) .answer {
  color: #E557BF;
}
.single-staff .staff .work__img {
  margin-top: 10.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff .work__img {
    margin-top: 5.625vw;
  }
}
.single-staff .staff .work__img img {
  border-radius: 2.6666666667vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .staff .work__img img {
    border-radius: 0.78125vw;
  }
}
.single-staff .staff hr {
  background-color: #707070;
  border: 0;
  height: 1px;
  margin-bottom: 1.6vw;
  margin-top: 9.8666666667vw;
}
@media print, (min-width: 768px) {
  .single-staff .staff hr {
    margin-bottom: 0.46875vw;
    margin-top: 2.890625vw;
  }
}
.single-staff .staff .article-nav {
  display: flex;
  justify-content: space-between;
}
.single-staff .staff .article-nav p {
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.4;
}
@media print, (min-width: 768px) {
  .single-staff .staff .article-nav p {
    font-size: 1.3020833333vw;
  }
}
.single-staff .staff .article-nav p a {
  color: #0068B2;
}
.single-staff .contact {
  background-color: #fff;
  padding-top: 16vw;
  position: relative;
}
@media print, (min-width: 768px) {
  .single-staff .contact {
    padding-top: 5.46875vw;
  }
}
.single-staff .contact .row {
  margin-top: 7.2vw;
}
@media print, (min-width: 768px) {
  .single-staff .contact .row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5625vw;
  }
}
.single-staff .contact .row .col {
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .contact .row .col {
    width: 32.03125vw;
  }
}
.single-staff .contact .row .col .txt {
  font-weight: 500;
  color: #0068B2;
}
@media print, (min-width: 768px) {
  .single-staff .contact .row .col .txt br {
    display: none;
  }
}
.single-staff .contact .row .col .tel {
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.4230769231;
}
@media print, (min-width: 768px) {
  .single-staff .contact .row .col .tel {
    font-size: 2.03125vw;
  }
}
.single-staff .contact .row .col:nth-of-type(2) {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .single-staff .contact .row .col:nth-of-type(2) {
    margin-top: 0;
  }
}
.single-staff .contact .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.3333333333vw;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .single-staff .contact .btn {
    margin-top: 3.046875vw;
    width: 25vw;
  }
}
.single-staff .contact .btn a {
  border: 1px solid #FF7600;
  color: #FF7600;
  display: block;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 10.6666666667vw;
  text-align: center;
  width: 100%;
}
@media print, (min-width: 768px) {
  .single-staff .contact .btn a {
    font-size: 1.09375vw;
    line-height: 3.125vw;
  }
}
.single-staff .contact .btn a:hover {
  background-color: #FF7600;
  color: #fff;
  opacity: 1 !important;
}

.post-type-archive-staff .main {
  overflow: hidden;
}
.post-type-archive-staff .layout03 .sub {
  color: #0068B2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .layout03 .sub {
    font-size: 1.0416666667vw;
  }
}
.post-type-archive-staff .layout03 h2 {
  color: #0068B2;
  font-family: "Viga", sans-serif;
  font-size: 34px;
  letter-spacing: 0.05em;
  line-height: 1.35;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .layout03 h2 {
    font-size: 3.125vw;
  }
}
.post-type-archive-staff .layout03 h2 br {
  display: none;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .layout03 h2 br {
    display: block;
  }
}
.post-type-archive-staff .layout03 .txt {
  color: #0068B2;
  font-size: 1.0416666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-top: 1.5625vw;
  width: 23.1770833333vw;
}
.post-type-archive-staff .staff .lead__layout01 {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.post-type-archive-staff .staff .lead__layout01 p {
  text-align: left;
}
.post-type-archive-staff .staff__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 3.125vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list {
    justify-content: flex-start;
  }
}
.post-type-archive-staff .staff__list .item {
  width: 42.6666666667vw;
}
.post-type-archive-staff .staff__list .item:nth-of-type(n+3) {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item {
    margin-right: 3.125vw;
    width: 17.96875vw;
  }
  .post-type-archive-staff .staff__list .item:nth-of-type(n+3) {
    margin-top: 0;
  }
  .post-type-archive-staff .staff__list .item:nth-of-type(4n) {
    margin-right: 0;
  }
  .post-type-archive-staff .staff__list .item:nth-of-type(n+5) {
    margin-top: 3.4375vw;
  }
}
.post-type-archive-staff .staff__list .item a {
  background-color: #fff;
  border-radius: 2.6666666667vw;
  display: block;
  height: 100%;
  outline: 4px solid transparent;
  outline-offset: -4px;
  padding: 4vw 3.2vw;
  position: relative;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a {
    border-radius: 0.78125vw;
    padding: 1.25vw 1.8229166667vw 1.8229166667vw;
  }
}
.post-type-archive-staff .staff__list .item a .comment {
  color: #0068B2;
  font-size: 3.7333333333vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  min-height: 6em;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .comment {
    font-size: 1.09375vw;
    min-height: 4.5em;
  }
}
.post-type-archive-staff .staff__list .item a .img__wrap {
  height: 29.3333333333vw;
  margin: 2.6666666667vw auto 0;
  width: 29.3333333333vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .img__wrap {
    height: 9.765625vw;
    margin: 1.015625vw auto 0;
    width: 9.765625vw;
  }
}
.post-type-archive-staff .staff__list .item a .img__wrap img {
  border-radius: 100vw;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.post-type-archive-staff .staff__list .item a .info {
  min-height: 5em;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .info {
    min-height: 4.5em;
    margin-top: 1.328125vw;
  }
}
.post-type-archive-staff .staff__list .item a .entry {
  color: #0068B2;
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .entry {
    font-size: 0.9375vw;
  }
}
.post-type-archive-staff .staff__list .item a .group {
  color: #0068B2;
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .group {
    font-size: 0.9375vw;
  }
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .group br {
    display: none;
  }
}
.post-type-archive-staff .staff__list .item a .yakushoku {
  color: #0068B2;
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .yakushoku {
    font-size: 0.9375vw;
  }
}
.post-type-archive-staff .staff__list .item a .name {
  color: #0068B2;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1.1428571429;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .name {
    font-size: 1.09375vw;
    margin-top: 0.78125vw;
  }
}
.post-type-archive-staff .staff__list .item a .name_en {
  color: #0068B2;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.4666666667;
  margin-top: 2.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .name_en {
    font-size: 1.5625vw;
    margin-top: 0.9895833333vw;
  }
}
.post-type-archive-staff .staff__list .item a .arrowBtn__img {
  bottom: 3.2vw;
  position: absolute;
  right: 4vw;
  width: 8vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .arrowBtn__img {
    bottom: 2.109375vw;
    right: 1.71875vw;
    width: 2.34375vw;
  }
}
.post-type-archive-staff .staff__list .item a .arrowBtn__img img {
  width: 100%;
}
.post-type-archive-staff .staff__list .item a .arrowBtn {
  align-items: center;
  background-color: #F8F600;
  border-radius: 100vw;
  bottom: 2.6666666667vw;
  color: #0068B2;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  position: absolute;
  right: 2.6666666667vw;
  width: 20px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .arrowBtn {
    bottom: 1.8229166667vw;
    height: 2.34375vw;
    position: absolute;
    right: 1.5625vw;
    width: 2.34375vw;
  }
}
.post-type-archive-staff .staff__list .item a .arrowBtn i {
  font-size: 12px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .staff__list .item a .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}
.post-type-archive-staff .staff__list .item a:hover {
  opacity: 1 !important;
  outline-color: #0068B2;
}
.post-type-archive-staff .recruitment {
  padding-bottom: 20vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment {
    padding-bottom: 7.8125vw;
  }
}
.post-type-archive-staff .recruitment .ttl__wrap {
  text-align: center;
}
.post-type-archive-staff .recruitment .ttl__wrap .txt {
  text-align: left;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .ttl__wrap .txt {
    text-align: center;
  }
}
.post-type-archive-staff .recruitment .list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list {
    flex-direction: row;
    margin-top: 4.21875vw;
  }
}
.post-type-archive-staff .recruitment .list .item {
  width: 100%;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item {
    width: 32.03125vw;
  }
}
.post-type-archive-staff .recruitment .list .item + .item {
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item + .item {
    margin-top: 0;
  }
}
.post-type-archive-staff .recruitment .list .item a {
  align-items: center;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  color: #0068B2;
  display: flex;
  justify-content: space-between;
  min-height: 65px;
  padding: 4vw 4vw 4vw 5.3333333333vw;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a {
    border-radius: 1.171875vw;
    min-height: auto;
    padding: 1.5625vw 1.40625vw 1.5625vw 2.8125vw;
  }
}
.post-type-archive-staff .recruitment .list .item a:hover {
  background-color: #0068B2;
  opacity: 1 !important;
}
.post-type-archive-staff .recruitment .list .item a:hover .btn__inner .img__wrap svg .initWhite {
  fill: #0068B2;
}
.post-type-archive-staff .recruitment .list .item a:hover .btn__inner .img__wrap svg .initBlue {
  fill: #fff;
}
.post-type-archive-staff .recruitment .list .item a:hover .btn__inner p {
  color: #fff;
}
.post-type-archive-staff .recruitment .list .item a .btn__inner {
  align-items: center;
  display: flex;
}
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap {
  height: auto;
  margin-right: 15px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap {
    margin-right: 1.5625vw;
  }
}
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap svg {
  vertical-align: bottom;
  height: auto;
  width: 100%;
}
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap svg path,
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap svg rect {
  transition: 0.3s ease-in-out;
}
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap.phone {
  width: 18px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap.phone {
    width: 1.8229166667vw;
  }
}
.post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap.car {
  width: 30px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a .btn__inner .img__wrap.car {
    width: 3.1770833333vw;
  }
}
.post-type-archive-staff .recruitment .list .item a .btn__inner p {
  color: #0068B2;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  line-height: 1.4444444444;
  transition: 0.3s ease-in-out;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a .btn__inner p {
    font-size: 1.40625vw;
    letter-spacing: 0.15em;
  }
}
.post-type-archive-staff .recruitment .list .item a .btn__inner p.txt02 {
  font-family: "Barlow", sans-serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-left: 3px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item a .btn__inner p.txt02 {
    font-size: 0.78125vw;
    margin-left: 0.3125vw;
  }
}
.post-type-archive-staff .recruitment .list .item:nth-of-type(3), .post-type-archive-staff .recruitment .list .item:nth-of-type(4), .post-type-archive-staff .recruitment .list .item:nth-of-type(5) {
  margin-top: 1.796875vw;
}
.post-type-archive-staff .recruitment .list .item .arrowBtn {
  align-items: center;
  background-color: #F8F600;
  border-radius: 100vw;
  display: flex;
  height: 20px;
  justify-content: center;
  line-height: 0;
  width: 20px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item .arrowBtn {
    height: 2.34375vw;
    width: 2.34375vw;
  }
}
.post-type-archive-staff .recruitment .list .item .arrowBtn i {
  font-size: 12px;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .recruitment .list .item .arrowBtn i {
    font-size: 1.0416666667vw;
  }
}
.post-type-archive-staff .contact {
  background-color: #fff;
  padding-top: 16vw;
  position: relative;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact {
    padding-top: 5.46875vw;
  }
}
.post-type-archive-staff .contact .row {
  margin-top: 7.2vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5625vw;
  }
}
.post-type-archive-staff .contact .row .col {
  width: 100%;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .row .col {
    width: 32.03125vw;
  }
}
.post-type-archive-staff .contact .row .col .txt {
  font-weight: 500;
  color: #0068B2;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .row .col .txt br {
    display: none;
  }
}
.post-type-archive-staff .contact .row .col .tel {
  font-size: 6.9333333333vw;
  font-weight: 700;
  line-height: 1.4230769231;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .row .col .tel {
    font-size: 2.03125vw;
  }
}
.post-type-archive-staff .contact .row .col:nth-of-type(2) {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .row .col:nth-of-type(2) {
    margin-top: 0;
  }
}
.post-type-archive-staff .contact .btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.3333333333vw;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .btn {
    margin-top: 3.046875vw;
    width: 25vw;
  }
}
.post-type-archive-staff .contact .btn a {
  border: 1px solid #FF7600;
  color: #FF7600;
  display: block;
  font-size: 3.7333333333vw;
  font-weight: 500;
  line-height: 10.6666666667vw;
  text-align: center;
  width: 100%;
}
@media print, (min-width: 768px) {
  .post-type-archive-staff .contact .btn a {
    font-size: 1.09375vw;
    line-height: 3.125vw;
  }
}
.post-type-archive-staff .contact .btn a:hover {
  background-color: #FF7600;
  color: #fff;
  opacity: 1 !important;
}

/*******************************************************
*
* RECRUITMENT MS
*
*******************************************************/
.page-recruitment-ms .recruitment_layout01 .topArea .left .lbl {
  border: 1px solid #E04242;
  color: #E04242;
}

/*******************************************************
*
* RECRUITMENT MD
*
*******************************************************/
.page-recruitment-md .recruitment_layout01 .topArea .left .lbl {
  border: 1px solid #00559F;
  color: #00559F;
}

/*******************************************************
*
* RECRUIT MESSAGE
*
*******************************************************/
.page-recruit-message .ttl__layout03 {
  border-color: #0068B2;
}
.page-recruit-message .parentsSec .row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row {
    flex-direction: row;
    margin-top: 2.6041666667vw;
  }
}
.page-recruit-message .parentsSec .row .left {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row .left {
    width: 35.7291666667vw;
  }
}
.page-recruit-message .parentsSec .row .left .catch {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.44;
  margin-bottom: 4vw;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row .left .catch {
    font-size: 1.3020833333vw;
    margin-bottom: 1.5625vw;
  }
}
.page-recruit-message .parentsSec .row .left .txt {
  letter-spacing: 0.05em;
  line-height: 2;
}
.page-recruit-message .parentsSec .row .left .name {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.45;
  margin-top: 0.5333333333vw;
  text-align: right;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row .left .name {
    font-size: 1.0416666667vw;
    margin-top: 0.2604166667vw;
  }
}
.page-recruit-message .parentsSec .row .left .name .txt01 {
  font-size: 0.7em;
  margin-right: 6px;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row .left .name .txt01 {
    margin-right: 0.4166666667vw;
  }
}
.page-recruit-message .parentsSec .row .right {
  margin-top: 8vw;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-recruit-message .parentsSec .row .right {
    margin-top: 0;
    width: 25vw;
  }
}
.page-recruit-message .supportSec .lead {
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top: 6.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-recruit-message .supportSec .lead {
    margin-top: 2.6041666667vw;
  }
}
.page-recruit-message .supportSec .feature {
  margin-top: 17.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-recruit-message .supportSec .feature {
    margin-top: 6.7708333333vw;
  }
}
.page-recruit-message .supportSec .feature .layout04 .list .item .headline .num {
  color: #0068B2;
}
.page-recruit-message .supportSec .feature .layout04 .list .item .headline .en {
  color: #E557BF;
}
.page-recruit-message .supportSec .btn {
  margin-top: 13.3333333333vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-recruit-message .supportSec .btn {
    margin-top: 6.25vw;
  }
}
.page-recruit-message .supportSec .btn a {
  font-size: 15px;
  min-width: 280px;
}
@media print, (min-width: 768px) {
  .page-recruit-message .supportSec .btn a {
    font-size: 0.9375vw;
    min-width: auto;
  }
}

/*******************************************************
*
* CONTACT
*
*******************************************************/
.page-contact .contact {
  /* h2 {
    text-align: center;
    width: fit-content;

    br {
      @include breakpoint(pc) {
        display: none;
      }
    }

    & + div {
      margin-top: vwVal(25,375);

      @include breakpoint(pc) {
        margin-top: vwVal(40,1280);
      }
    }
  } */
}
.page-contact .contact .mw_wp_form_input .confirm-page {
  display: none !important;
}
.page-contact .contact .mw_wp_form_confirm .input-page {
  display: none !important;
}
.page-contact .contact .mw_wp_form_confirm .mw_wp_form__item .input-field .note {
  display: none;
}
.page-contact .contact .mw_wp_form__info {
  margin-top: 13.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__info {
    margin-top: 3.90625vw;
  }
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}
.page-contact .contact .mw_wp_form__item + .mw_wp_form__item {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__item + .mw_wp_form__item {
    margin-top: 2.34375vw;
  }
}
.page-contact .contact .mw_wp_form__item:not(:first-of-type):not(:last-of-type) {
  align-items: center;
}
.page-contact .contact .mw_wp_form__item .head {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 5px;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__item .head {
    font-size: 1.0416666667vw;
    justify-content: space-between;
    margin-bottom: 0;
    width: 16.9791666667vw;
  }
}
@media (min-width: 576px) {
  .page-contact .contact .mw_wp_form__item .input-field {
    width: 43.6458333333vw;
  }
}
.page-contact .contact .mw_wp_form__item .input-field .note {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 3px;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__item .input-field .note {
    font-size: 0.7291666667vw;
    margin-top: 0.2604166667vw;
  }
}
.page-contact .contact .mw_wp_form__btn {
  margin: 10.6666666667vw auto 0;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__btn {
    margin: 3.125vw auto 0;
    width: 19.53125vw;
  }
}
.page-contact .contact .mw_wp_form__btn input[type=submit] {
  background-color: #0FA21A;
  border: 1px solid #0FA21A;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 4vw 2.6666666667vw;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__btn input[type=submit] {
    font-size: 1.0416666667vw;
    padding: 1.171875vw 0.78125vw;
  }
}
.page-contact .contact .mw_wp_form__btn input[type=submit]:hover {
  background-color: #fff;
  color: #0FA21A;
}
.page-contact .contact .mw_wp_form__btn.back input[type=submit] {
  background-color: #707070;
  border: 1px solid #707070;
}
.page-contact .contact .mw_wp_form__btn.back input[type=submit]:hover {
  background-color: #fff;
  color: #707070;
}
.page-contact .contact .mw_wp_form__agreement {
  font-size: 16px;
  margin-top: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-contact .contact .mw_wp_form__agreement {
    font-size: 1.0416666667vw;
    margin-top: 2.34375vw;
  }
}
.page-contact .contact .mw_wp_form__agreement .mwform-checkbox-field-text a {
  text-decoration: underline;
}
.page-contact .contact .required {
  background-color: #D92B44;
  color: #fff;
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1.5;
  margin-left: 2.6666666667vw;
  padding: 0.2666666667vw 1.3333333333vw 0.5333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .required {
    font-size: 0.9375vw;
    margin-left: 0.78125vw;
    padding: 0.078125vw 0.390625vw 0.15625vw;
  }
}
.page-contact .contact .txt__wrap .txt {
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 4.8vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .txt__wrap .txt {
    font-size: 1.0416666667vw;
    margin-bottom: 1.8229166667vw;
  }
}
.page-contact .contact .txt__wrap .required {
  margin-left: 0;
  margin-right: 5px;
}
@media print, (min-width: 768px) {
  .page-contact .contact .txt__wrap .required {
    margin-right: 0.2604166667vw;
  }
}
.page-contact .contact .txt__wrap .otherLink {
  color: #0FA21A;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media print, (min-width: 768px) {
  .page-contact .contact .txt__wrap .otherLink {
    font-size: 1.0416666667vw;
  }
}
.page-contact .contact input[type=text],
.page-contact .contact input[type=email],
.page-contact .contact textarea {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 14px;
  padding: 8px 16px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-contact .contact input[type=text],
  .page-contact .contact input[type=email],
  .page-contact .contact textarea {
    font-size: 0.8333333333vw;
  }
}
.page-contact .contact input[type=text]::placeholder,
.page-contact .contact input[type=email]::placeholder,
.page-contact .contact textarea::placeholder {
  color: #AAAAAA;
}
.page-contact .contact select {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 8px 16px;
}
@media print, (min-width: 768px) {
  .page-contact .contact select {
    font-size: 0.8333333333vw;
  }
}
.page-contact .contact .mwform-checkbox-field label,
.page-contact .contact .mwform-radio-field label {
  align-items: center;
  display: inline-flex;
}
.page-contact .contact .mwform-checkbox-field input,
.page-contact .contact .mwform-radio-field input {
  margin-bottom: 0;
  margin-top: 0;
}
.page-contact .contact .officeLink {
  color: #0068B2;
}
.page-contact .contact .officeLink__wrap {
  display: inline-block;
  padding-left: 0.9375vw;
  position: relative;
}
.page-contact .contact .officeLink__wrap::before {
  border-bottom: 0.46875vw solid transparent;
  border-left: 0.625vw solid #0068B2;
  border-top: 0.46875vw solid transparent;
  content: "";
  font-size: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-contact .contact .privacyArea {
  margin-top: 2.34375vw;
}
.page-contact .contact .privacyArea .txt a {
  color: #0068B2;
}
.page-contact .contact .privacyLink {
  color: #0068B2;
  font-size: 1.8rem;
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .page-contact .contact .privacyLink {
    font-size: 1.40625vw;
  }
}
.page-contact .contact .complete__id {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-contact .contact .complete__id {
    font-size: 1.5625vw;
  }
}
.page-contact .contact .complete__id span {
  color: #0068B2;
}
.page-contact .contact .complete__message {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-contact .contact .complete__message {
    margin-top: 2.34375vw;
  }
}

/*******************************************************
*
* CONTACT RECRUIT
*
*******************************************************/
.page-contact-recruit .contact-recruit {
  /* h2 {
    text-align: center;
    width: fit-content;

    br {
      @include breakpoint(pc) {
        display: none;
      }
    }

    & + div {
      margin-top: vwVal(25,375);

      @include breakpoint(pc) {
        margin-top: vwVal(40,1280);
      }
    }
  } */
}
.page-contact-recruit .contact-recruit .mw_wp_form_input .confirm-page {
  display: none !important;
}
.page-contact-recruit .contact-recruit .mw_wp_form_confirm .input-page {
  display: none !important;
}
.page-contact-recruit .contact-recruit .mw_wp_form_confirm .mw_wp_form__item .input-field .note {
  display: none;
}
.page-contact-recruit .contact-recruit .mw_wp_form__info {
  margin-top: 13.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__info {
    margin-top: 3.90625vw;
  }
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item + .mw_wp_form__item {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item + .mw_wp_form__item {
    margin-top: 2.34375vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item:not(:first-of-type):not(:last-of-type) {
  align-items: center;
}
.page-contact-recruit .contact-recruit .mw_wp_form__item .head {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 5px;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .head {
    font-size: 1.0416666667vw;
    justify-content: space-between;
    margin-bottom: 0;
    width: 16.9791666667vw;
  }
}
@media (min-width: 576px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .input-field {
    width: 43.6458333333vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .note {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 3px;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .note {
    font-size: 0.7291666667vw;
    margin-top: 0.2604166667vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .shop {
  margin-top: 8px;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .shop {
    margin-top: 0.78125vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .sp-vertical > span {
  display: block;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .sp-vertical > span {
    display: inline;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .sp-vertical > span + span {
  margin-left: 0;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__item .input-field .sp-vertical > span + span {
    margin-left: 10px;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__btn {
  margin: 10.6666666667vw auto 0;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__btn {
    margin: 3.125vw auto 0;
    width: 19.53125vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__btn input[type=submit] {
  background-color: #0FA21A;
  border: 1px solid #0FA21A;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 4vw 2.6666666667vw;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__btn input[type=submit] {
    font-size: 1.0416666667vw;
    padding: 1.171875vw 0.78125vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__btn input[type=submit]:hover {
  background-color: #fff;
  color: #0FA21A;
}
.page-contact-recruit .contact-recruit .mw_wp_form__btn.back input[type=submit] {
  background-color: #707070;
  border: 1px solid #707070;
}
.page-contact-recruit .contact-recruit .mw_wp_form__btn.back input[type=submit]:hover {
  background-color: #fff;
  color: #707070;
}
.page-contact-recruit .contact-recruit .mw_wp_form__agreement {
  font-size: 16px;
  margin-top: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .mw_wp_form__agreement {
    font-size: 1.0416666667vw;
    margin-top: 2.34375vw;
  }
}
.page-contact-recruit .contact-recruit .mw_wp_form__agreement .mwform-checkbox-field-text a {
  text-decoration: underline;
}
.page-contact-recruit .contact-recruit .required {
  background-color: #D92B44;
  color: #fff;
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1.5;
  margin-left: 2.6666666667vw;
  padding: 0.2666666667vw 1.3333333333vw 0.5333333333vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .required {
    font-size: 0.9375vw;
    margin-left: 0.78125vw;
    padding: 0.078125vw 0.390625vw 0.15625vw;
  }
}
.page-contact-recruit .contact-recruit .txt__wrap .txt {
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 4.8vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .txt__wrap .txt {
    font-size: 1.0416666667vw;
    margin-bottom: 1.8229166667vw;
  }
}
.page-contact-recruit .contact-recruit .txt__wrap .txt .marker {
  background: linear-gradient(to bottom, transparent 70%, #F8F600 70%, #F8F600 100%);
}
.page-contact-recruit .contact-recruit .txt__wrap .required {
  margin-left: 0;
  margin-right: 5px;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .txt__wrap .required {
    margin-right: 0.2604166667vw;
  }
}
.page-contact-recruit .contact-recruit .txt__wrap .otherLink {
  color: #0FA21A;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .txt__wrap .otherLink {
    font-size: 1.0416666667vw;
  }
}
.page-contact-recruit .contact-recruit input[type=text],
.page-contact-recruit .contact-recruit input[type=email],
.page-contact-recruit .contact-recruit textarea {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 14px;
  padding: 8px 16px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit input[type=text],
  .page-contact-recruit .contact-recruit input[type=email],
  .page-contact-recruit .contact-recruit textarea {
    font-size: 0.8333333333vw;
  }
}
.page-contact-recruit .contact-recruit input[type=text]::placeholder,
.page-contact-recruit .contact-recruit input[type=email]::placeholder,
.page-contact-recruit .contact-recruit textarea::placeholder {
  color: #AAAAAA;
}
.page-contact-recruit .contact-recruit select {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 14pxrem;
  margin-bottom: 5px;
  padding: 8px 16px;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit select {
    font-size: 0.8333333333vw;
  }
}
.page-contact-recruit .contact-recruit .mwform-checkbox-field label,
.page-contact-recruit .contact-recruit .mwform-radio-field label {
  align-items: center;
  display: inline-flex;
}
.page-contact-recruit .contact-recruit .mwform-checkbox-field input,
.page-contact-recruit .contact-recruit .mwform-radio-field input {
  margin-bottom: 0;
  margin-top: 0;
}
.page-contact-recruit .contact-recruit .officeLink {
  color: #0068B2;
}
.page-contact-recruit .contact-recruit .officeLink__wrap {
  display: inline-block;
  padding-left: 0.9375vw;
  position: relative;
}
.page-contact-recruit .contact-recruit .officeLink__wrap::before {
  border-bottom: 0.46875vw solid transparent;
  border-left: 0.625vw solid #0068B2;
  border-top: 0.46875vw solid transparent;
  content: "";
  font-size: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-contact-recruit .contact-recruit .privacyArea {
  margin-top: 2.34375vw;
}
.page-contact-recruit .contact-recruit .privacyArea .txt a {
  color: #0068B2;
}
.page-contact-recruit .contact-recruit .privacyLink {
  color: #0068B2;
  font-size: 1.8rem;
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .privacyLink {
    font-size: 1.40625vw;
  }
}
.page-contact-recruit .contact-recruit .complete__id {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .complete__id {
    font-size: 1.5625vw;
  }
}
.page-contact-recruit .contact-recruit .complete__id span {
  color: #0068B2;
}
.page-contact-recruit .contact-recruit .complete__message {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-contact-recruit .contact-recruit .complete__message {
    margin-top: 2.34375vw;
  }
}

/*******************************************************
*
* ACTION PLAN
*
*******************************************************/
.page-actionplan .actionplanSec .ttl__layout03 {
  border-color: #0068B2;
  color: #0068B2;
}
.page-actionplan .actionplanSec .plan + .plan {
  margin-top: 20vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan + .plan {
    margin-top: 7.8125vw;
  }
}
.page-actionplan .actionplanSec .plan .row {
  display: flex;
  flex-direction: column;
  margin-bottom: 9.3333333333vw;
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .row {
    flex-direction: row;
    margin-bottom: 3.90625vw;
    margin-top: 2.0833333333vw;
  }
}
.page-actionplan .actionplanSec .plan .row .left {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .row .left {
    width: 38.1770833333vw;
  }
}
.page-actionplan .actionplanSec .plan .row .left .txt {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 2;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .row .left .txt {
    font-size: 0.9375vw;
  }
}
.page-actionplan .actionplanSec .plan .row .right {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .row .right {
    flex: 1;
    margin-top: 0;
  }
}
.page-actionplan .actionplanSec .plan .row .right .img__wrap {
  margin: 0 auto;
  width: 198px;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .row .right .img__wrap {
    width: 10.3125vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item + .item {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item + .item {
    margin-top: 3.125vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item .txt {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item .txt {
    margin-top: 2.0833333333vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item .cont {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item .cont {
    margin-top: 2.34375vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item .cont .blueBox {
  background-color: #EBF8FF;
  color: #0068B2;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4444444444;
  padding: 10px;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item .cont .blueBox {
    font-size: 0.9375vw;
    padding: 0.625vw 1.0416666667vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku {
  margin: 15px 6px 0;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item .cont .taisaku {
    margin: 1.5625vw 0.625vw 0;
  }
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku__ttl {
  letter-spacing: 0.05em;
  line-height: 1.5;
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku__list {
  margin-top: 8px;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .list .item .cont .taisaku__list {
    margin-top: 0.78125vw;
  }
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku__item {
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku__item + .taisaku__item {
  margin-top: 0.5208333333vw;
}
.page-actionplan .actionplanSec .plan .list .item .cont .taisaku__item::before {
  color: #0068B2;
  content: "●";
  margin-right: 0.5em;
}
.page-actionplan .actionplanSec .plan .lead {
  margin: 5.3333333333vw 0 8vw;
}
@media print, (min-width: 768px) {
  .page-actionplan .actionplanSec .plan .lead {
    margin: 2.0833333333vw 0 3.125vw;
  }
}

/*******************************************************
*
* PRIVACY POLICY
*
*******************************************************/
.page-privacy .privacySec {
  letter-spacing: 0.08em;
  line-height: 1.875;
}
.page-privacy .privacySec .ttl__layout03 {
  border-color: #0068B2;
  color: #0068B2;
}
.page-privacy .privacySec .lead {
  margin-top: 12px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .lead {
    margin-top: 1.1979166667vw;
  }
}
.page-privacy .privacySec .list {
  margin-top: 40px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list {
    margin-top: 4.1666666667vw;
  }
}
.page-privacy .privacySec .list .item + .item {
  margin-top: 30px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list .item + .item {
    margin-top: 3.125vw;
  }
}
.page-privacy .privacySec .list .item .cont {
  margin-top: 10px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list .item .cont {
    margin-top: 1.0416666667vw;
  }
}
.page-privacy .privacySec .list .item .cont .sublist {
  margin-top: 15px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list .item .cont .sublist {
    margin-top: 1.5625vw;
  }
}
.page-privacy .privacySec .list .item .cont .sublist__item + .sublist__item {
  margin-top: 12px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list .item .cont .sublist__item + .sublist__item {
    margin-top: 1.8229166667vw;
  }
}
.page-privacy .privacySec .list .item .cont .sublist h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 6px;
}
@media print, (min-width: 768px) {
  .page-privacy .privacySec .list .item .cont .sublist h4 {
    font-size: 0.9375vw;
    margin-bottom: 0.625vw;
  }
}

/*******************************************************
*
* REFORM RENOVATION
*
*******************************************************/
.header--reform {
  color: #000;
  letter-spacing: 0.04em;
}
.header--reform .img__wrap {
  height: 520px;
}
@media print, (min-width: 768px) {
  .header--reform .img__wrap {
    height: auto;
  }
}
.header--reform .img__wrap img {
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
@media print, (min-width: 768px) {
  .header--reform .img__wrap img {
    height: auto;
    object-fit: cover;
  }
}
.header--reform .txt__wrap {
  left: 10.6666666667vw;
  top: 130px;
}
@media print, (min-width: 768px) {
  .header--reform .txt__wrap {
    left: 5.2083333333vw;
    top: 17.2916666667vw;
  }
}
.header--reform .txt__wrap h1 {
  display: grid;
  gap: 7px;
}
@media print, (min-width: 768px) {
  .header--reform .txt__wrap h1 {
    gap: 1.09375vw;
  }
}
.header--reform .txt__wrap h1 span {
  background-color: #C8A163;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4418604651;
  padding: 6px 10px;
  width: fit-content;
}
@media print, (min-width: 768px) {
  .header--reform .txt__wrap h1 span {
    font-size: 2.2395833333vw;
    padding: 0.625vw 1.0416666667vw;
  }
}
.header--reform .txt__wrap .txt {
  color: #fff;
  font-size: 10px;
  line-height: 2;
  margin-top: 30px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
@media print, (min-width: 768px) {
  .header--reform .txt__wrap .txt {
    font-size: 0.9895833333vw;
    margin-top: 3.125vw;
    text-shadow: none;
  }
}

.footer--reform {
  padding-top: 35px;
  position: relative;
}
@media print, (min-width: 768px) {
  .footer--reform {
    padding-top: 3.90625vw;
  }
}
.footer--reform .inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .footer--reform .inner {
    flex-direction: row;
    width: 67.1875vw;
  }
}
.footer--reform .col1 .logo {
  height: auto;
  margin: 0 auto;
  width: 150px;
}
@media print, (min-width: 768px) {
  .footer--reform .col1 .logo {
    margin: 0;
    width: 14.84375vw;
  }
}
.footer--reform .col1 .txt {
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-top: 10px;
}
@media print, (min-width: 768px) {
  .footer--reform .col1 .txt {
    margin-top: 1.0416666667vw;
  }
}
.footer--reform .col2 {
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer--reform .col2 {
    margin-right: 1.5625vw;
    margin-top: 0;
    text-align: left;
  }
}
.footer--reform .col2 .txt01 {
  font-weight: 500;
}
.footer--reform .col2 .txt02 {
  margin-top: 2px;
}
@media print, (min-width: 768px) {
  .footer--reform .col2 .txt02 {
    margin-top: 0.2604166667vw;
  }
}
.footer--reform .col3 {
  margin-top: 10px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer--reform .col3 {
    margin-top: 0;
    text-align: left;
    padding-bottom: 1.0416666667vw;
  }
}
.footer--reform .col3 .tel a {
  color: #C8A163;
  font-family: "Manrope", sans-serif;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.3777777778;
}
@media print, (min-width: 768px) {
  .footer--reform .col3 .tel a {
    font-size: 2.34375vw;
  }
}
.footer--reform .col3 .tel a span {
  font-size: 0.5333333333em;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-right: 3px;
}
@media print, (min-width: 768px) {
  .footer--reform .col3 .tel a span {
    margin-right: 0.3645833333vw;
  }
}
.footer--reform .col3 .txt {
  letter-spacing: 0.08em;
  line-height: 1.5;
}
@media print, (min-width: 768px) {
  .footer--reform .col3 .txt {
    margin-top: -0.3125vw;
  }
}
.footer--reform .line {
  background-color: #707070;
  display: none;
  height: 88px;
  margin: 0 3.125vw;
  width: 1px;
}
@media print, (min-width: 768px) {
  .footer--reform .line {
    display: block;
  }
}
.footer--reform .instagram {
  align-items: center;
  border-radius: 100vw;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 45px;
  justify-content: center;
  margin: 15px auto 20px;
  overflow: hidden;
  width: 45px;
}
@media print, (min-width: 768px) {
  .footer--reform .instagram {
    box-shadow: 0.1041666667vw 0.1041666667vw 0.3125vw rgba(0, 0, 0, 0.16);
    height: 2.8125vw;
    margin: 3.6458333333vw auto 1.5625vw;
    width: 2.8125vw;
  }
}
.footer--reform .instagram a {
  font-size: 0;
}
.footer--reform .instagram img {
  height: auto;
  width: 25px;
}
@media print, (min-width: 768px) {
  .footer--reform .instagram img {
    width: 1.1458333333vw;
  }
}
.footer--reform .page-top {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: rgba(200, 161, 99, 0.8);
  border-radius: 100vw;
  color: #fff;
  display: none;
  flex-direction: column;
  justify-content: center;
  margin-top: -2.0833333333vw;
  position: absolute;
  right: 9.375vw;
  top: 0;
  transition: 0.3s ease-in-out;
  width: 8.28125vw;
}
@media print, (min-width: 768px) {
  .footer--reform .page-top {
    display: flex;
  }
}
.footer--reform .page-top:hover {
  background-color: rgb(200, 161, 99);
  opacity: 1 !important;
}
.footer--reform .page-top img {
  height: auto;
  width: 1.25vw;
}
.footer--reform .page-top p {
  color: #fff;
  font-family: "Viga", sans-serif;
  font-size: 0.9375vw;
  letter-spacing: 0.05em;
  line-height: 1.3333333333em;
  margin-bottom: 0.5208333333vw;
  margin-top: 0.8854166667vw;
}
.footer--reform .bottom {
  background-color: #231816;
  padding: 8px 0;
}
@media print, (min-width: 768px) {
  .footer--reform .bottom {
    padding: 0.8333333333vw 0;
  }
}
.footer--reform .bottom .copyright {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.05em;
  line-height: 1.4166666667;
  text-align: center;
}
@media print, (min-width: 768px) {
  .footer--reform .bottom .copyright {
    font-size: 0.625vw;
  }
}

.page-reform {
  color: #000;
  padding-top: 0;
}
.page-reform .ttl__layout01 p {
  color: #CF9F58;
}
.page-reform .firstSec {
  margin-top: -64px;
  padding-bottom: 80px;
  padding-top: 0;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec {
    margin-top: -8.6458333333vw;
    padding-bottom: 9.0104166667vw;
  }
}
.page-reform .firstSec::before {
  background-color: #fff;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  height: 65px;
  margin-bottom: -5px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec::before {
    height: 8.6979166667vw;
  }
}
.page-reform .firstSec .ttl {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6666666667;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec .ttl {
    font-size: 1.5625vw;
  }
}
.page-reform .firstSec .ttl span {
  color: #D19B4B;
}
.page-reform .firstSec .txt {
  letter-spacing: 0.1em;
  line-height: 2.125;
  margin-top: 30px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec .txt {
    margin-top: 3.125vw;
  }
}
.page-reform .firstSec .illust_01 {
  bottom: 22px;
  left: 6vw;
  width: 56px;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec .illust_01 {
    bottom: auto;
    left: 16vw;
    top: 12vw;
    width: 10.3125vw;
  }
}
.page-reform .firstSec .illust_02 {
  bottom: 17px;
  right: 6vw;
  width: 86px;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec .illust_02 {
    bottom: auto;
    left: 69vw;
    right: auto;
    top: 21vw;
    width: 13.9583333333vw;
  }
}
.page-reform .firstSec .svg-txt {
  bottom: 72px;
  right: 4.6vw;
  width: 73px;
}
@media print, (min-width: 768px) {
  .page-reform .firstSec .svg-txt {
    bottom: auto;
    left: 73vw;
    right: auto;
    top: 16.5vw;
    width: 12.2916666667vw;
  }
}
.page-reform .serviceSec {
  background-color: #F0EBDB;
  padding: 50px 0 75px;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec {
    padding: 5.2083333333vw 0 7.8125vw;
  }
}
.page-reform .serviceSec .inner {
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .inner {
    width: 67.1875vw;
  }
}
.page-reform .serviceSec .layout04 .list .item .headline .num {
  color: #AC8141;
}
.page-reform .serviceSec .layout04 .list .item .headline .en {
  color: #325E35;
}
.page-reform .serviceSec .layout04 .list .item .cont {
  padding-bottom: 47vw;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .layout04 .list .item .cont {
    padding-bottom: 4.1666666667vw;
  }
}
.page-reform .serviceSec .layout04 .list .item .cont__box {
  width: 78vw;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .layout04 .list .item .cont__box {
    width: 36.4583333333vw;
  }
}
.page-reform .serviceSec .layout04 .list .item .cont__box .txt__wrap .txt {
  font-weight: 400;
}
.page-reform .serviceSec .layout04 .list .item .cont__box .txt__wrap .brown {
  color: #AC8141;
}
.page-reform .serviceSec .layout04 .list .item .cont__box .txt__wrap ul {
  list-style: disc;
  margin-left: 1.5em;
}
.page-reform .serviceSec .layout04 .list .item .cont__box .nonslip {
  bottom: -10vw;
  height: auto;
  left: 60vw;
  width: 33vw;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .layout04 .list .item .cont__box .nonslip {
    bottom: auto;
    left: 24.2vw;
    top: 20.2vw;
    width: 14.375vw;
  }
}
.page-reform .serviceSec .layout04 .list .item .img__wrap {
  width: 78vw;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .layout04 .list .item .img__wrap {
    width: 36.9791666667vw;
  }
}
.page-reform .serviceSec .layout04 .list .item:nth-of-type(even) .headline {
  margin-left: 11.5vw;
}
@media print, (min-width: 768px) {
  .page-reform .serviceSec .layout04 .list .item:nth-of-type(even) .headline {
    margin-left: 30.7291666667vw;
  }
}
.page-reform .pickupSec {
  padding: 75px 0;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec {
    padding: 7.8125vw 0;
  }
}
.page-reform .pickupSec .row {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 50px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row {
    flex-direction: row;
    margin-top: 5.2083333333vw;
  }
}
.page-reform .pickupSec .row .left {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .left {
    gap: 0.78125vw;
    width: 34.6354166667vw;
  }
}
.page-reform .pickupSec .row .left .img__wrap {
  width: 100%;
}
.page-reform .pickupSec .row .left .medal {
  height: auto;
  left: -10px;
  top: -30px;
  width: 80px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .left .medal {
    left: -2vw;
    top: -4vw;
    width: 8.59375vw;
  }
}
.page-reform .pickupSec .row .right {
  margin-top: 30px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right {
    margin-right: 2.9166666667vw;
    margin-top: 0;
    width: 35.4166666667vw;
  }
}
.page-reform .pickupSec .row .right h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.75;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right h3 {
    font-size: 1.6666666667vw;
  }
}
.page-reform .pickupSec .row .right .txt {
  letter-spacing: 0.05em;
  line-height: 2;
  margin-top: 15px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .txt {
    margin-top: 2.0833333333vw;
    width: 31.25vw;
  }
}
.page-reform .pickupSec .row .right .box {
  border: 1px dashed #AC8141;
  margin-top: 15px;
  padding: 12px 10px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box {
    margin-top: 1.8229166667vw;
    padding: 1.3020833333vw 0.5208333333vw 1.3020833333vw 2.0833333333vw;
  }
}
.page-reform .pickupSec .row .right .box h4 {
  color: #325E35;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3888888889;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box h4 {
    font-size: 0.9375vw;
  }
}
.page-reform .pickupSec .row .right .box .list {
  margin-top: 10px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box .list {
    margin-top: 1.0416666667vw;
  }
}
.page-reform .pickupSec .row .right .box .list .item {
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.4285714286;
  padding-left: 20px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box .list .item {
    font-size: 0.7291666667vw;
    padding-left: 1.5625vw;
  }
}
.page-reform .pickupSec .row .right .box .list .item + .item {
  margin-top: 5px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box .list .item + .item {
    margin-top: 0.5208333333vw;
  }
}
.page-reform .pickupSec .row .right .box .list .item img {
  height: auto;
  left: 0;
  top: 3px;
  width: 13px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box .list .item img {
    top: 0.1041666667vw;
    width: 0.9895833333vw;
  }
}
.page-reform .pickupSec .row .right .box .list .item span {
  background-color: #F0EBDB;
  color: #325E35;
  font-weight: 600;
}
.page-reform .pickupSec .row .right .box .window {
  bottom: -33px;
  right: -5px;
  width: 50px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .row .right .box .window {
    bottom: auto;
    left: 33vw;
    right: auto;
    top: 9vw;
    width: 5.3125vw;
  }
}
.page-reform .pickupSec .btn {
  margin-top: 65px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .btn {
    margin-top: 7.8125vw;
  }
}
.page-reform .pickupSec .btn a {
  background-color: #325E35;
  border: 1px solid #325E35;
  color: #fff;
  display: inline-block;
  font-family: "Viga", sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2.9523809524;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 170px;
}
@media print, (min-width: 768px) {
  .page-reform .pickupSec .btn a {
    font-size: 1.09375vw;
    width: 17.34375vw;
  }
}
.page-reform .pickupSec .btn a:hover {
  background-color: transparent;
  color: #325E35;
  opacity: 1 !important;
}
.page-reform .worksSec {
  background-color: #F0EBDB;
  padding: 50px 0 50px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec {
    padding: 5.2083333333vw 0 7.8125vw;
  }
}
.page-reform .worksSec .ttl {
  margin-bottom: 40px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .ttl {
    margin-bottom: 4.1666666667vw;
  }
}
.page-reform .worksSec .work {
  background-color: #fff;
  padding: 30px 25px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work {
    padding: 4.1666666667vw 7.03125vw;
  }
}
.page-reform .worksSec .work + .work {
  margin-top: 50px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work + .work {
    margin-top: 5.2083333333vw;
  }
}
.page-reform .worksSec .work .row {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row {
    flex-direction: row;
  }
}
.page-reform .worksSec .work .row .left {
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .left {
    width: 33.59375vw;
  }
}
.page-reform .worksSec .work .row .left .list {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 10px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .left .list {
    gap: 0.78125vw;
    margin-top: 0.78125vw;
  }
}
.page-reform .worksSec .work .row .left .note {
  color: #676767;
  font-size: 12px;
  letter-spacing: 0.05em;
  line-height: 1.4285714286;
  margin-top: 7px;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .left .note {
    font-size: 0.7291666667vw;
    margin-top: 0.78125vw;
  }
}
.page-reform .worksSec .work .row .right {
  margin-top: 30px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right {
    margin-top: 0;
    width: 29.53125vw;
  }
}
.page-reform .worksSec .work .row .right .en {
  color: #325E35;
  font-family: "Barlow", sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right .en {
    font-size: 1.0416666667vw;
  }
}
.page-reform .worksSec .work .row .right h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.44;
  margin-top: 8px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right h3 {
    font-size: 1.3020833333vw;
    margin-top: 0.78125vw;
  }
}
.page-reform .worksSec .work .row .right .txt {
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-top: 8px;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right .txt {
    margin-top: 0.78125vw;
  }
}
.page-reform .worksSec .work .row .right table {
  border-collapse: collapse;
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 10px;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right table {
    line-height: 2.25;
    margin-top: 1.0416666667vw;
  }
}
.page-reform .worksSec .work .row .right table tr {
  border-bottom: 1px dashed #C8A163;
}
.page-reform .worksSec .work .row .right table tr th,
.page-reform .worksSec .work .row .right table tr td {
  font-size: 13px;
  padding: 7px 0;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right table tr th,
  .page-reform .worksSec .work .row .right table tr td {
    font-size: 0.8333333333vw;
    padding: 0.625vw 0;
  }
}
.page-reform .worksSec .work .row .right table tr th {
  font-weight: 500;
  text-align: left;
  width: 40%;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right table tr th {
    width: 35%;
  }
}
.page-reform .worksSec .work .row .right table tr td {
  width: 60%;
}
@media print, (min-width: 768px) {
  .page-reform .worksSec .work .row .right table tr td {
    width: 65%;
  }
}
.page-reform .makerSec {
  padding: 50px 0;
}
@media print, (min-width: 768px) {
  .page-reform .makerSec {
    padding: 5.2083333333vw 0;
  }
}
.page-reform .makerSec .ttl {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.45;
  padding-bottom: 5px;
  position: relative;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .makerSec .ttl {
    font-size: 2.0833333333vw;
    padding-bottom: 1.0416666667vw;
  }
}
.page-reform .makerSec .ttl::before {
  background-color: #CF9F58;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 40px;
}
@media print, (min-width: 768px) {
  .page-reform .makerSec .ttl::before {
    height: 3px;
    width: 3.1770833333vw;
  }
}
.page-reform .makerSec .list {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 25px;
}
@media print, (min-width: 768px) {
  .page-reform .makerSec .list {
    gap: 0.9375vw;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-top: 2.6041666667vw;
  }
}
.page-reform .contactSec {
  background-color: #F0EBDB;
  padding: 50px 0;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec {
    padding: 5.2083333333vw 0 7.8125vw;
  }
}
.page-reform .contactSec .inner {
  margin: 0 auto;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .inner {
    width: 67.1875vw;
  }
}
.page-reform .contactSec .cont {
  margin-top: 40px;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .cont {
    margin-top: 4.1666666667vw;
  }
}
.page-reform .contactSec .mw_wp_form_input .confirm-page {
  display: none !important;
}
.page-reform .contactSec .mw_wp_form_confirm .input-page {
  display: none !important;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__item {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}
.page-reform .contactSec .mw_wp_form__item + .mw_wp_form__item {
  margin-top: 5.3333333333vw;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__item + .mw_wp_form__item {
    margin-top: 2.34375vw;
  }
}
.page-reform .contactSec .mw_wp_form__item:not(:first-of-type):not(:last-of-type) {
  align-items: center;
}
.page-reform .contactSec .mw_wp_form__item .head {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  margin-bottom: 5px;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__item .head {
    font-size: 1.0416666667vw;
    justify-content: space-between;
    margin-bottom: 0;
    width: 16.9791666667vw;
  }
}
@media (min-width: 576px) {
  .page-reform .contactSec .mw_wp_form__item .input-field {
    width: 43.6458333333vw;
  }
}
.page-reform .contactSec .mw_wp_form__item .input-field .note {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 3px;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__item .input-field .note {
    font-size: 0.7291666667vw;
    margin-top: 0.2604166667vw;
  }
}
.page-reform .contactSec .mw_wp_form__btn {
  margin: 10.6666666667vw auto 0;
  width: 66.6666666667vw;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__btn {
    margin: 3.125vw auto 0;
    width: 19.53125vw;
  }
}
.page-reform .contactSec .mw_wp_form__btn input[type=submit] {
  background-color: #325E35;
  border: 1px solid #325E35;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  padding: 4vw 2.6666666667vw;
  text-align: center;
  transition: 0.3s ease-in-out;
  width: 100%;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__btn input[type=submit] {
    font-size: 1.0416666667vw;
    padding: 1.171875vw 0.78125vw;
  }
}
.page-reform .contactSec .mw_wp_form__btn input[type=submit]:hover {
  background-color: #fff;
  color: #325E35;
}
.page-reform .contactSec .mw_wp_form__btn.back input[type=submit] {
  background-color: #707070;
  border: 1px solid #707070;
}
.page-reform .contactSec .mw_wp_form__btn.back input[type=submit]:hover {
  background-color: #fff;
  color: #707070;
}
.page-reform .contactSec .mw_wp_form__agreement {
  font-size: 16px;
  margin-top: 8vw;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .mw_wp_form__agreement {
    font-size: 1.0416666667vw;
    margin-top: 2.34375vw;
  }
}
.page-reform .contactSec .mw_wp_form__agreement .mwform-checkbox-field-text a {
  text-decoration: underline;
}
.page-reform .contactSec .required {
  background-color: #D92B44;
  color: #fff;
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1.5;
  margin-left: 2.6666666667vw;
  padding: 0.2666666667vw 1.3333333333vw 0.5333333333vw;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .required {
    font-size: 0.9375vw;
    margin-left: 0.78125vw;
    padding: 0.078125vw 0.390625vw 0.15625vw;
  }
}
.page-reform .contactSec .txt__wrap .txt {
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 4.8vw;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .txt__wrap .txt {
    font-size: 1.0416666667vw;
    margin-bottom: 1.8229166667vw;
  }
}
.page-reform .contactSec .txt__wrap .required {
  margin-left: 0;
  margin-right: 5px;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .txt__wrap .required {
    margin-right: 0.2604166667vw;
  }
}
.page-reform .contactSec .txt__wrap .otherLink {
  color: #0FA21A;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .txt__wrap .otherLink {
    font-size: 1.0416666667vw;
  }
}
.page-reform .contactSec input[type=text],
.page-reform .contactSec input[type=email],
.page-reform .contactSec textarea {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 1.6rem;
  padding: 8px 16px;
  width: 100%;
}
.page-reform .contactSec input[type=text]::placeholder,
.page-reform .contactSec input[type=email]::placeholder,
.page-reform .contactSec textarea::placeholder {
  color: #AAAAAA;
}
.page-reform .contactSec select {
  border-color: #C3C3C3;
  border-radius: 5px;
  font-size: 1.6rem;
  margin-bottom: 5px;
  padding: 8px 16px;
}
.page-reform .contactSec .mwform-checkbox-field input,
.page-reform .contactSec .mwform-radio-field input {
  margin-bottom: 0;
  margin-top: 0;
}
.page-reform .contactSec .officeLink {
  color: #0068B2;
}
.page-reform .contactSec .officeLink__wrap {
  display: inline-block;
  padding-left: 0.9375vw;
  position: relative;
}
.page-reform .contactSec .officeLink__wrap::before {
  border-bottom: 0.46875vw solid transparent;
  border-left: 0.625vw solid #0068B2;
  border-top: 0.46875vw solid transparent;
  content: "";
  font-size: 0;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.page-reform .contactSec .privacyArea {
  margin-top: 2.34375vw;
}
.page-reform .contactSec .privacyArea .txt a {
  color: #0068B2;
}
.page-reform .contactSec .privacyLink {
  color: #0068B2;
  font-size: 1.8rem;
  font-weight: 700;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .privacyLink {
    font-size: 1.40625vw;
  }
}
.page-reform .contactSec .complete__id {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .complete__id {
    font-size: 1.5625vw;
  }
}
.page-reform .contactSec .complete__id span {
  color: #0068B2;
}
.page-reform .contactSec .complete__message {
  margin-top: 8vw;
}
@media print, (min-width: 768px) {
  .page-reform .contactSec .complete__message {
    margin-top: 2.34375vw;
  }
}