@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap");
@import url("https://cdn.jsdelivr.net/npm/gen-interface-jp@0.1.9/400.css");
@import url("https://cdn.jsdelivr.net/npm/gen-interface-jp@0.1.9/500.css");
@import url("https://cdn.jsdelivr.net/npm/gen-interface-jp@0.1.9/700.css");
:root {
  /*===================== Color =====================*/
  --color-newgraduate: #009EED;
  --color-halfway: #F68732;
  --color-chubase: #E23737;
  --color-lexus: #D3B49D;
  --color-hacbase: #495F75;
  --color-gr-garage: #5E5E5E;
  --color-daihatsupark: #FF0101;
  --color-green01: #00A68D;
  --color-green02: #E5F7F5;
  --color-green03: #D2EEE3;
  --color-gray01: #CECECE;
  --color-gray02: #F6F6F6;
  --color-gray03: #CDCDCD;
  --color-gray-gradient: linear-gradient(90deg, rgba(248, 247, 247, 1), rgba(228, 228, 228, 1));
  /*===================== Font =====================*/
  --font-gen-interface: "Gen Interface JP", sans-serif;
  --font-barlow: "Barlow", sans-serif;
  --font-inter: "Inter", sans-serif;
  /*===================== イージング =====================*/
  --ease-bounce-s:linear(0, 0.271 8.8%, 0.542 19.9%, 0.837 34.2%, 1 44.7%, 0.943 51.1%, 0.925 57.5%, 0.937 63.1%, 1 77.4%, 0.991 84.2%, 1);
  --ease-bounce:linear(0, 0.247 13.2%, 0.415 20.5%, 0.624 27.4%, 1 37.8%, 0.794 44.9%, 0.747 47.9%, 0.731 50.8%, 0.744 53.5%, 0.785 56.4%, 0.999 65.5%, 0.927 69.6%, 0.904 73.4%, 0.921 77%, 1 84.5%, 0.981 89.4%, 1);
}

/*======================= SP-VW =======================*/
/*======================= PC-VW =======================*/
/*------ 使用例 ------
.text {
	font-size: spvw(16);
}
*/
/*===================== 見出し =====================*/
/*=== PC ===*/
/*=== SP ===*/
/*===================== 本文 =====================*/
/*=== PC ===*/
/*=== SP ===*/
/*===================== 英語 =====================*/
/*=== PC ===*/
/*=== SP ===*/
/*================================= アニメーション =================================*/
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes big {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
/*===================== マウスオーバー =====================*/
/*===================== ヘッダー 白 =====================*/
body {
  width: 100%;
  font-family: "Gen Interface JP", sans-serif;
  color: #1F1F1F;
  font-weight: 400;
  font-size: 3.8vw;
  font-feature-settings: "palt";
  line-height: 1.8em;
  letter-spacing: 0;
  overflow-x: hidden;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    width: 100%;
    position: relative;
  }
}

a[href*="tel:"] {
  color: #1F1F1F;
}
@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

.smp-block {
  display: block;
}
@media screen and (min-width: 768px) {
  .smp-block {
    display: none;
  }
}

.pc-block {
  display: none;
}
@media screen and (min-width: 768px) {
  .pc-block {
    display: block;
  }
}

.pcm-block {
  display: none;
}
@media screen and (min-width: 1000px) {
  .pcm-block {
    display: block;
  }
}

button {
  cursor: pointer;
  font: inherit;
  color: #000;
}

.ast {
  font-size: 0.6em;
  vertical-align: 0.44em;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 768px) {
  .inline-block {
    display: inline-block;
  }
}

svg {
  display: block;
}

a {
  color: #000;
}

main.is-active::after {
  opacity: 1;
}
main::after {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
  width: 100vw;
  height: 100vh;
  transition: all 0.3s;
  pointer-events: none;
  opacity: 0;
}

/*========================== ボタン ドット ==========================*/
.m-btn-dots {
  display: inline-block;
  background-color: #E7E7E7;
  border-radius: 50em;
  position: relative;
  width: 1em;
  height: 1em;
  overflow: hidden;
}
.m-btn-dots::after {
  content: "";
  display: block;
  width: 12%;
  height: 12%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50em;
  background-color: var(--color-green01);
  transition: all 0.3s;
}
.m-btn-dots img {
  display: block;
  transition: all 0.3s;
  transform: translate(-100%, 0);
}

/*========================== ボタン 矢印 ==========================*/
.m-arrow {
  display: inline-block;
  overflow: hidden;
  position: relative;
  border: solid 1px;
  border-radius: 50em;
  width: 1em;
}
.m-arrow svg {
  transition: all 0.3s;
}
.m-arrow svg:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-120%, 0);
}
.m-arrow svg path {
  transition: all 0.3s;
}

/*========================== フッター ==========================*/
#l-footer {
  color: #fff;
  margin-top: calc(110 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer {
    margin-top: calc(200 / 1366 * 100vw);
  }
}
#l-footer a {
  color: #fff;
}
#l-footer .entry-slide-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  color: #000;
  margin-bottom: calc(26 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer .entry-slide-wrapper {
    margin-bottom: calc(29 / 1366 * 100vw);
  }
}
#l-footer .entry-slide-wrapper div.entry-slide {
  display: flex;
  width: 500%;
}
@media screen and (min-width: 768px) {
  #l-footer .entry-slide-wrapper div.entry-slide {
    width: 280%;
  }
}
#l-footer .entry-slide-wrapper .slider {
  animation: scroll-left 40s infinite linear 0.5s both;
  display: flex;
}
#l-footer .entry-slide-wrapper .slide {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#l-footer .entry-slide-wrapper .slide .txt {
  display: block;
  line-height: 0.8em;
  font-family: var(--font-barlow);
  font-size: calc(80 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer .entry-slide-wrapper .slide .txt {
    font-size: calc(165 / 1366 * 100vw);
  }
}
#l-footer .entry-slide-wrapper .slide picture {
  display: block;
  width: calc(115 / 375 * 100vw);
  margin-top: 2vw;
}
@media screen and (min-width: 768px) {
  #l-footer .entry-slide-wrapper .slide picture {
    margin-top: 0.8vw;
    width: calc(310 / 1366 * 100vw);
  }
}
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#l-footer div.recruit-link-wrap a {
  display: block;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a {
    width: 33.3333333333%;
  }
}
#l-footer div.recruit-link-wrap a:hover .m-btn-dots::after {
  transform: translate(-50%, -50%) scale(0);
}
#l-footer div.recruit-link-wrap a:hover .m-btn-dots img {
  transform: translate(0%, 0);
}
#l-footer div.recruit-link-wrap a:hover::after {
  opacity: 0;
}
#l-footer div.recruit-link-wrap a:hover .recruit-link-img img {
  transform: scale(1.05);
}
#l-footer div.recruit-link-wrap a.link01 {
  color: #fff;
}
#l-footer div.recruit-link-wrap a.link02 .recruit-link-txt, #l-footer div.recruit-link-wrap a.link03 .recruit-link-txt {
  color: #000;
}
#l-footer div.recruit-link-wrap a.link02::after, #l-footer div.recruit-link-wrap a.link03::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
#l-footer div.recruit-link-wrap a.link02::after {
  background-color: #66D1C1;
}
#l-footer div.recruit-link-wrap a.link03::after {
  background-color: #59B2A5;
}
#l-footer div.recruit-link-wrap a .txt-wrap {
  position: absolute;
  z-index: 1;
  top: calc(22 / 375 * 100vw);
  left: calc(22 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a .txt-wrap {
    top: calc(48 / 1366 * 100vw);
    left: calc(50 / 1366 * 100vw);
  }
}
#l-footer div.recruit-link-wrap a .txt-wrap .recruit-link-txt {
  font-weight: 500;
  font-size: calc(25 / 375 * 100vw);
  line-height: 1.52em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a .txt-wrap .recruit-link-txt {
    font-weight: 500;
    font-size: max(10px, 30 / 1366 * 100vw);
    line-height: 1.4em;
    letter-spacing: 0;
  }
}
#l-footer div.recruit-link-wrap a .txt-wrap .recruit-link-txt .m-btn-dots {
  margin-left: 0.2em;
  transform: translate(0, 0.15em);
}
#l-footer div.recruit-link-wrap a .txt-wrap .mynavi-logo {
  width: calc(120 / 375 * 100vw);
  margin-top: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a .txt-wrap .mynavi-logo {
    width: calc(130 / 1366 * 100vw);
    margin-top: calc(30 / 1366 * 100vw);
  }
}
#l-footer div.recruit-link-wrap a .txt-wrap .mynavi-logo-ten {
  width: calc(120 / 375 * 100vw);
  margin-top: calc(10 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a .txt-wrap .mynavi-logo-ten {
    width: calc(130 / 1366 * 100vw);
    margin-top: calc(30 / 1366 * 100vw);
  }
}
#l-footer div.recruit-link-wrap a .txt-wrap .form-txt {
  margin-top: calc(10 / 375 * 100vw);
  font-weight: 400;
  font-size: calc(14 / 375 * 100vw);
  line-height: 2em;
  letter-spacing: 0;
  color: #000;
}
@media screen and (min-width: 768px) {
  #l-footer div.recruit-link-wrap a .txt-wrap .form-txt {
    font-weight: 400;
    font-size: max(10px, 16 / 1366 * 100vw);
    line-height: 2.12em;
    letter-spacing: 0;
    line-height: 1.2em;
    margin-top: calc(30 / 1366 * 100vw);
  }
}
#l-footer div.recruit-link-wrap a .recruit-link-img img {
  transition: all 0.3s;
}
#l-footer div.instagram-link-wrap {
  background-color: #5A5A5A;
  padding: calc(58 / 375 * 100vw) calc(24 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.instagram-link-wrap {
    padding: calc(91 / 1366 * 100vw) calc(70 / 1366 * 100vw) calc(73 / 1366 * 100vw);
  }
}
#l-footer div.instagram-link-wrap div.txt-wrap a {
  transition: all 0.3s;
  font-weight: 500;
  font-size: calc(25 / 375 * 100vw);
  line-height: 1.52em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #l-footer div.instagram-link-wrap div.txt-wrap a {
    font-weight: 500;
    font-size: max(10px, 30 / 1366 * 100vw);
    line-height: 1.4em;
    letter-spacing: 0;
  }
}
#l-footer div.instagram-link-wrap div.txt-wrap a:hover .m-btn-dots::after {
  transform: translate(-50%, -50%) scale(0);
}
#l-footer div.instagram-link-wrap div.txt-wrap a:hover .m-btn-dots img {
  transform: translate(0%, 0);
}
#l-footer div.instagram-link-wrap div.txt-wrap a:hover {
  color: var(--color-green01);
}
#l-footer div.instagram-link-wrap div.txt-wrap a .m-btn-dots {
  margin-left: 0.2em;
  transform: translate(0, 0.15em);
}
#l-footer div.instagram-link-wrap div.txt-wrap p {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  #l-footer div.instagram-link-wrap div.txt-wrap p {
    margin-top: 2em;
    font-weight: 400;
    font-size: max(10px, 16 / 1366 * 100vw);
    line-height: 2.12em;
    letter-spacing: 0;
  }
}
#l-footer div.page-link-wrap {
  background-color: #5A5A5A;
  display: flex;
  flex-direction: column;
  border-top: solid 1px #A4A2A2;
  padding: calc(33 / 375 * 100vw) calc(24 / 375 * 100vw) calc(58 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: calc(63 / 1366 * 100vw) calc(70 / 1366 * 100vw);
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner {
  display: contents;
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner {
    display: block;
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner div.logo-wrap {
  width: calc(200 / 375 * 100vw);
  margin-bottom: calc(33 / 375 * 100vw);
  order: 1;
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner div.logo-wrap {
    width: calc(256 / 1366 * 100vw);
    margin-bottom: calc(33 / 1366 * 100vw);
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner div.logo-wrap a {
  display: block;
}
#l-footer div.page-link-wrap div.page-link-l-inner div.logo-wrap a.recruit-txt {
  font-family: var(--font-barlow);
  margin-top: 0.4em;
  line-height: 1.2em;
  font-weight: 600;
  font-size: calc(18 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner div.logo-wrap a.recruit-txt {
    margin-top: 0.2em;
    font-size: calc(25 / 1366 * 100vw);
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner ul {
  order: 3;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1em;
       column-gap: 1em;
  margin-top: calc(25 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner ul {
    display: block;
    margin-top: 0;
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner ul li {
  font-weight: 400;
  font-size: calc(11 / 375 * 100vw);
  line-height: 1.45em;
  letter-spacing: 0;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner ul li {
    font-weight: 400;
    font-size: max(10px, 14 / 1366 * 100vw);
    line-height: 2em;
    letter-spacing: 0;
    margin-bottom: 0;
  }
}
#l-footer div.page-link-wrap div.page-link-l-inner ul li a {
  text-decoration: underline;
  transition: all 0.3s;
}
#l-footer div.page-link-wrap div.page-link-l-inner ul li a:hover {
  color: var(--color-green01);
}
#l-footer div.page-link-wrap div.page-link-l-inner p.copyright-txt {
  order: 4;
  font-weight: 400;
  font-size: calc(11 / 375 * 100vw);
  line-height: 1.45em;
  letter-spacing: 0;
  margin-top: calc(25 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-l-inner p.copyright-txt {
    font-weight: 400;
    font-size: max(10px, 11 / 1366 * 100vw);
    line-height: 1.45em;
    letter-spacing: 0;
    margin-top: 2em;
  }
}
#l-footer div.page-link-wrap div.page-link-r-inner {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: calc(14 / 375 * 100vw);
  line-height: 2em;
  letter-spacing: 0;
  -moz-column-gap: calc(19 / 375 * 100vw);
       column-gap: calc(19 / 375 * 100vw);
  order: 2;
}
@media screen and (min-width: 768px) {
  #l-footer div.page-link-wrap div.page-link-r-inner {
    font-weight: 500;
    font-size: max(10px, 18 / 1366 * 100vw);
    line-height: 1.83em;
    letter-spacing: 0;
    -moz-column-gap: calc(54 / 1366 * 100vw);
         column-gap: calc(54 / 1366 * 100vw);
  }
}
#l-footer div.page-link-wrap div.page-link-r-inner ul li {
  margin-bottom: 0.4em;
}
#l-footer div.page-link-wrap div.page-link-r-inner ul li a {
  transition: all 0.3s;
}
#l-footer div.page-link-wrap div.page-link-r-inner ul li a:hover {
  color: var(--color-green01);
}

/*========================== ヘッダー ==========================*/
#l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  box-sizing: border-box;
  width: 100%;
  padding: calc(15 / 375 * 100vw);
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  #l-header {
    padding: calc(30 / 1366 * 100vw);
  }
}
#l-header.is-active-bg {
  background: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#l-header.is-active {
  background: rgba(255, 255, 255, 0);
  padding: calc(32 / 375 * 100vw) calc(25 / 375 * 100vw);
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
@media screen and (min-width: 768px) {
  #l-header.is-active {
    padding: calc(30 / 1366 * 100vw);
  }
}
#l-header.is-active::after {
  opacity: 0.5;
  pointer-events: fill;
}
#l-header.is-active div.hd-r-wrap button span:nth-of-type(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(23deg);
}
#l-header.is-active div.hd-r-wrap button span:nth-of-type(2) {
  opacity: 0;
}
#l-header.is-active div.hd-r-wrap button span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-23deg);
}
#l-header.is-active div.l-header-menu {
  opacity: 1;
  pointer-events: fill;
  transform: scale(1);
}
#l-header::after {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background: #01352D;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}
#l-header div.l-header-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#l-header div.hd-logo-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(163 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.hd-logo-wrap {
    width: calc(449 / 1366 * 100vw);
  }
}
#l-header div.hd-logo-wrap a {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #l-header div.hd-logo-wrap a.hd-logo {
    width: 56%;
  }
}
#l-header div.hd-logo-wrap a.hd-recruiting {
  font-family: var(--font-barlow);
  font-weight: 600;
  font-size: calc(14 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.hd-logo-wrap a.hd-recruiting {
    font-size: calc(25 / 1366 * 100vw);
  }
}
#l-header div.hd-r-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(140 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.hd-r-wrap {
    width: calc(307 / 1366 * 100vw);
  }
}
#l-header div.hd-r-wrap a {
  display: block;
  text-align: center;
  background-color: #000;
  box-sizing: border-box;
  color: #fff;
  border: solid 1px #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(71 / 375 * 100vw);
  height: calc(45 / 375 * 100vw);
  font-family: var(--font-barlow);
  font-weight: 600;
  font-size: max(10px, 16 / 375 * 100vw);
  line-height: 2.12em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #l-header div.hd-r-wrap a {
    width: calc(196 / 1366 * 100vw);
    height: calc(45 / 1366 * 100vw);
    font-family: var(--font-barlow);
    font-weight: 600;
    font-size: max(10px, 30 / 1366 * 100vw);
    line-height: 1.13em;
    letter-spacing: 0;
    line-height: 1.2em;
    border-radius: calc(3 / 1366 * 100vw);
    transition: all 0.3s;
    z-index: 0;
    position: relative;
  }
  #l-header div.hd-r-wrap a:hover::before {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  #l-header div.hd-r-wrap a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FA4D2A;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s;
    border-radius: calc(3 / 1366 * 100vw);
  }
}
@media screen and (min-width: 768px) {
  #l-header div.hd-r-wrap a .inner {
    transition: all 0.3s;
    position: relative;
    z-index: 1;
  }
}
#l-header div.hd-r-wrap button {
  display: block;
  background-color: #BBBBBB;
  box-sizing: border-box;
  border: solid 1px #fff;
  position: relative;
  width: calc(62 / 375 * 100vw);
  height: calc(45 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.hd-r-wrap button {
    width: calc(90 / 1366 * 100vw);
    height: calc(45 / 1366 * 100vw);
    border-radius: calc(3 / 1366 * 100vw);
    transition: all 0.3s;
  }
  #l-header div.hd-r-wrap button:hover {
    background-color: var(--color-green01);
  }
}
#l-header div.hd-r-wrap button span {
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 61%;
  height: calc(2 / 375 * 100vw);
  border-radius: 50em;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  #l-header div.hd-r-wrap button span {
    width: 44%;
    height: calc(2 / 1366 * 100vw);
  }
}
#l-header div.hd-r-wrap button span:nth-of-type(1) {
  top: 35%;
}
#l-header div.hd-r-wrap button span:nth-of-type(2) {
  top: 50%;
}
#l-header div.hd-r-wrap button span:nth-of-type(3) {
  top: 65%;
}
#l-header div.l-header-menu {
  position: fixed;
  top: calc(15 / 375 * 100vw);
  left: calc(10 / 375 * 100vw);
  width: calc(354 / 375 * 100vw);
  max-height: calc(100vh - 30 / 375 * 100vw);
  background-color: #fff;
  box-sizing: border-box;
  padding: calc(104 / 375 * 100vw) calc(21 / 375 * 100vw) calc(48 / 375 * 100vw);
  border-radius: calc(4 / 375 * 100vw);
  overflow-y: scroll;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu {
    top: calc(104 / 1366 * 100vw);
    left: auto;
    right: calc(30 / 1366 * 100vw);
    width: max(354px, 354 / 1366 * 100vw);
    height: max(506px, 506 / 1366 * 100vw);
    height: auto;
    min-width: 300px;
    min-height: 350px;
    max-height: none;
    padding: max(18px, 18 / 1366 * 100vw) max(20px, 20 / 1366 * 100vw) max(40px, 40 / 1366 * 100vw) max(20px, 20 / 1366 * 100vw);
    overflow: visible;
    border-radius: calc(4 / 1366 * 100vw);
    transform: scale(0.94);
  }
}
#l-header div.l-header-menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: 500;
  font-size: calc(14 / 375 * 100vw);
  line-height: 2em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu ul {
    font-weight: 500;
    font-size: max(10px, 14 / 1366 * 100vw);
    line-height: 2em;
    letter-spacing: 0;
    font-size: max(13px, 14 / 1366 * 100vw);
  }
}
#l-header div.l-header-menu ul li {
  text-align: left;
  width: 50%;
  margin-bottom: 0.4em;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu ul li {
    margin-bottom: 0.2em;
  }
}
#l-header div.l-header-menu ul li a {
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu ul li a:hover {
    color: var(--color-green01);
  }
  #l-header div.l-header-menu ul li a:hover .m-arrow svg:nth-of-type(1) {
    transform: translate(120%, 0);
  }
  #l-header div.l-header-menu ul li a:hover .m-arrow svg:nth-of-type(2) {
    transform: translate(0, 0);
  }
  #l-header div.l-header-menu ul li a:hover path {
    fill: var(--color-green01);
  }
}
#l-header div.l-header-menu ul .m-arrow {
  transform: translate(0, 0.2em);
}
#l-header div.l-header-menu div.entry-box {
  margin-top: calc(30 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box {
    margin-top: calc(30 / 1366 * 100vw);
  }
}
#l-header div.l-header-menu div.entry-box p {
  font-family: var(--font-barlow);
  font-weight: 600;
  font-size: max(10px, 30 / 375 * 100vw);
  line-height: 1.13em;
  letter-spacing: 0;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box p {
    font-family: var(--font-barlow);
    font-weight: 600;
    font-size: max(10px, 30 / 1366 * 100vw);
    line-height: 1.13em;
    letter-spacing: 0;
    font-size: max(30px, 30 / 1366 * 100vw);
  }
}
#l-header div.l-header-menu div.entry-box a {
  display: block;
  font-weight: 500;
  font-size: calc(30 / 375 * 100vw);
  line-height: 1.4em;
  letter-spacing: 0;
  border-radius: calc(3 / 375 * 100vw);
  padding: 0.4em;
  box-sizing: border-box;
  margin-bottom: calc(5 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box a {
    font-weight: 500;
    font-size: max(10px, 25 / 1366 * 100vw);
    line-height: 1.52em;
    letter-spacing: 0;
    border-radius: 3px;
    margin-bottom: calc(5 / 1366 * 100vw);
    padding: 0.3em 0.4em;
    font-size: max(23px, 25 / 1366 * 100vw);
    transition: all 0.3s;
  }
  #l-header div.l-header-menu div.entry-box a:hover .m-btn-dots::after {
    transform: translate(-50%, -50%) scale(0);
  }
  #l-header div.l-header-menu div.entry-box a:hover .m-btn-dots img {
    transform: translate(0%, 0);
  }
}
#l-header div.l-header-menu div.entry-box a:nth-of-type(1) {
  background-color: var(--color-green01);
  color: #fff;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box a:nth-of-type(1):hover {
    opacity: 0.7;
  }
}
#l-header div.l-header-menu div.entry-box a:nth-of-type(2) {
  background-color: #66D1C1;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box a:nth-of-type(2):hover {
    opacity: 0.7;
  }
}
#l-header div.l-header-menu div.entry-box a:nth-of-type(3) {
  background-color: #59B2A5;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu div.entry-box a:nth-of-type(3):hover {
    opacity: 0.7;
  }
}
#l-header div.l-header-menu div.entry-box a:nth-of-type(3) {
  margin-bottom: 0;
}
#l-header div.l-header-menu div.entry-box a .small {
  font-size: 0.44em;
  vertical-align: 0.5em;
  margin-left: 1em;
}
#l-header div.l-header-menu div.entry-box a .mynavi {
  display: inline-block;
  width: 3.6em;
  margin: 0 0.15em;
  transform: translate(0, 18%);
}
#l-header div.l-header-menu div.entry-box a .mynavi-ten {
  display: inline-block;
  width: 3.6em;
  margin: 0 0.15em;
  transform: translate(0, 14%);
}
#l-header div.l-header-menu div.entry-box a .m-btn-dots {
  width: 0.7em;
  height: 0.7em;
}
#l-header div.l-header-menu a.inst-link {
  display: block;
  font-weight: 500;
  font-size: calc(14 / 375 * 100vw);
  line-height: 2em;
  letter-spacing: 0;
  margin-top: calc(45 / 375 * 100vw);
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu a.inst-link {
    font-weight: 500;
    font-size: max(10px, 14 / 1366 * 100vw);
    line-height: 2em;
    letter-spacing: 0;
    font-size: max(14px, 14 / 1366 * 100vw);
    margin-top: calc(32 / 1366 * 100vw);
  }
  #l-header div.l-header-menu a.inst-link:hover {
    color: var(--color-green01);
  }
  #l-header div.l-header-menu a.inst-link:hover .m-btn-dots::after {
    transform: translate(-50%, -50%) scale(0);
  }
  #l-header div.l-header-menu a.inst-link:hover .m-btn-dots img {
    transform: translate(0%, 0);
  }
}
#l-header div.l-header-menu a.inst-link .m-btn-dots {
  margin-left: 0.4em;
}
@media screen and (min-width: 768px) {
  #l-header div.l-header-menu a.inst-link .m-btn-dots {
    transform: translate(0, 0.2em);
  }
}

/*========================== 下層 body ==========================*/
.l-page-wrap {
  background: linear-gradient(180deg, rgba(19, 213, 142, 0.15), rgba(111, 223, 122, 0.15));
}

/*========================== 下層 タイトル ==========================*/
.l-page-title-block {
  margin: auto;
  padding: calc(100 / 375 * 100vw) 0 0;
  width: 88%;
}
@media screen and (min-width: 768px) {
  .l-page-title-block {
    padding: calc(195 / 1366 * 100vw) 0 0;
    width: 90%;
  }
}
.l-page-title-block .en {
  display: block;
  color: #B1B1B1;
  margin-bottom: 1em;
  font-weight: 500;
  font-size: calc(18 / 375 * 100vw);
  line-height: 1.83em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .l-page-title-block .en {
    font-weight: 500;
    font-size: max(10px, 18 / 1366 * 100vw);
    line-height: 1.83em;
    letter-spacing: 0;
  }
}
.l-page-title-block h1 {
  font-weight: 500;
  font-size: calc(30 / 375 * 100vw);
  line-height: 1.4em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .l-page-title-block h1 {
    font-weight: 500;
    font-size: max(10px, 45 / 1366 * 100vw);
    line-height: 1.5em;
    letter-spacing: 0;
  }
}
.l-page-title-block h1 .txt {
  display: inline-block;
  position: relative;
  padding: 0 0.8em;
}
.l-page-title-block h1 .txt .kakko {
  display: block;
  width: 0.4em;
  height: 0.4em;
  position: absolute;
}
.l-page-title-block h1 .txt .kakko.left {
  top: 0;
  left: 0;
  border-top: solid 0.14em var(--color-green01);
  border-left: solid 0.14em var(--color-green01);
}
.l-page-title-block h1 .txt .kakko.right {
  bottom: 0;
  right: 0;
  border-bottom: solid 0.14em var(--color-green01);
  border-right: solid 0.14em var(--color-green01);
}

/*========================== 下層 コンテンツ 枠 ==========================*/
.l-page-cont-block {
  box-sizing: border-box;
  padding: 0 calc(23 / 375 * 100vw);
}
@media screen and (min-width: 768px) {
  .l-page-cont-block {
    padding: 0 calc(68 / 1366 * 100vw);
  }
}
.l-page-cont-block.right-pd-none {
  padding-right: 0;
}
.l-page-cont-block.white {
  background-color: #fff;
}
.l-page-cont-block.border-top {
  border-top: solid 1px var(--color-gray01);
}/*# sourceMappingURL=common.css.map */