@charset "UTF-8";
@font-face {
  font-family: "notoSans";
  font-weight: 300;
  src: url(../font/NotoSansJP-Light.ttf) format("truetype");
}
@font-face {
  font-family: "notoSans";
  font-weight: 400;
  src: url(../font/NotoSansJP-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "notoSans";
  font-weight: 500;
  src: url(../font/NotoSansJP-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "notoSans";
  font-weight: 600;
  src: url(../font/NotoSansJP-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "notoSans";
  font-weight: 700;
  src: url(../font/NotoSansJP-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "notoSans";
  font-weight: 800;
  src: url(../font/NotoSansJP-ExtraBold.ttf) format("truetype");
}
@font-face {
  font-family: "josefin";
  font-weight: 400;
  src: url(../font/JosefinSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "josefin";
  font-weight: 300;
  src: url(../font/JosefinSans-Light.ttf) format("truetype");
}
/*------------------
　　共通設定
------------------*/
body {
  font-size: var(--fontSize_pc20);
  font-family: "notoSans", sans-serif;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: 0.15em;
  background-color: #08085F;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; /* Safari */
}

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

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

.t-upper {
  text-transform: uppercase;
}

input[type=text], input[type=email], input[type=tel], textarea {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  padding: 18px 45px;
  letter-spacing: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #A3AFAC;
}

input::placeholder,
textarea::placeholder {
  color: #A3AFAC;
}

input[type=radio] {
  position: relative;
  background-color: #fff;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  margin-right: 18px;
}
input[type=radio]::before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: transparent;
  content: "";
}

input[type=radio]:checked::before {
  background: #08085F;
}

input[type=checkbox] {
  position: relative;
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 20px;
  border-radius: 0;
}

input[type=checkbox]:checked::before {
  position: absolute;
  top: 2px;
  left: 8px;
  transform: rotate(50deg);
  width: 7px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
}

select {
  min-width: 16.48em;
  padding: 18px 85px 18px 40px;
  border: none;
  font-size: var(--fontSize_pc25);
  font-weight: inherit;
  font-family: inherit;
  color: #1E1E3C;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.selectWrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.selectWrap::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
  width: 30px;
  height: 25px;
  background: #08085F;
  -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
          clip-path: polygon(0 0, 100% 0%, 50% 100%);
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

textarea {
  min-height: 294px;
}

label {
  display: flex;
  align-items: center;
}
label.center {
  justify-content: center;
}

picture img, picture source {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (min-width: 1025px) {
  .tb {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .n_tb {
    display: none;
  }
  select {
    padding: 9px 41px 9px 12px;
    font-size: var(--fontSize_sp14);
  }
  .selectWrap::before {
    width: 22px;
    height: 18px;
    right: 10px;
  }
  input[type=text], input[type=email], input[type=tel], textarea {
    padding: 8px 12px;
  }
  input[type=radio] {
    width: 14px;
    height: 14px;
    margin-right: 16px;
  }
  input[type=radio]::before {
    width: 7.5px;
    height: 7.5px;
    top: 3px;
    left: 3px;
  }
  input[type=checkbox] {
    width: 14px;
    height: 14px;
  }
  input[type=checkbox]:checked::before {
    top: 0px;
    left: 4px;
    width: 4px;
    height: 7px;
  }
}
@media only screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}
/*------------------
  フォントサイズ管理
------------------*/
:root {
  --fontSize_pc13: clamp(11px, 0.67708333vw, 15px);
  --fontSize_pc14: clamp(12px, 0.7291666vw, 16px);
  --fontSize_pc15: clamp(13px, 0.78125vw, 17px);
  --fontSize_pc16: clamp(15px, 0.83333vw, 18px);
  --fontSize_pc17: clamp(15px, 0.88541666vw, 19px);
  --fontSize_pc18: clamp(14px, 0.9375vw, 22px);
  --fontSize_pc19: clamp(14px, 0.98958333vw, 23px);
  --fontSize_pc20: clamp(15px, 1.0416666vw, 26px);
  --fontSize_pc21: clamp(15px, 1.09375vw, 27px);
  --fontSize_pc22: clamp(15px, 1.1458333vw, 28px);
  --fontSize_pc23: clamp(15px, 1.19791vw, 28px);
  --fontSize_pc24: clamp(16px, 1.25vw, 30px);
  --fontSize_pc25: clamp(16px, 1.30208333vw, 31px);
  --fontSize_pc26: clamp(18px, 1.35416666vw, 32px);
  --fontSize_pc27: clamp(18px, 1.40625vw, 32px);
  --fontSize_pc28: clamp(20px, 1.458333vw, 34px);
  --fontSize_pc29: clamp(20px, 1.51041666vw, 34px);
  --fontSize_pc30: clamp(20px, 1.5625vw, 34px);
  --fontSize_pc31: clamp(18px, 1.6145833vw, 36px);
  --fontSize_pc32: clamp(22px, 1.6666vw, 36px);
  --fontSize_pc33: clamp(22px, 1.71875vw, 38px);
  --fontSize_pc34: clamp(24px, 1.7708333vw, 38px);
  --fontSize_pc35: clamp(20px, 1.8229166vw, 38px);
  --fontSize_pc36: clamp(26px, 1.875vw, 38px);
  --fontSize_pc37: clamp(26px, 1.927vw, 38px);
  --fontSize_pc38: clamp(26px, 1.9792vw, 40px);
  --fontSize_pc39: clamp(28px, 2.03125vw, 42px);
  --fontSize_pc40: clamp(28px, 2.083333vw, 48px);
  --fontSize_pc41: clamp(30px, 2.1354166vw, 48px);
  --fontSize_pc42: clamp(30px, 2.1875vw, 50px);
  --fontSize_pc43: clamp(30px, 2.2395833vw, 52px);
  --fontSize_pc44: clamp(30px, 2.291666vw, 52px);
  --fontSize_pc45: clamp(30px, 2.34375vw, 54px);
  --fontSize_pc46: clamp(30px, 2.3958333vw, 54px);
  --fontSize_pc47: clamp(30px, 2.44791666vw, 56px);
  --fontSize_pc48: clamp(30px, 2.5vw, 58px);
  --fontSize_pc49: clamp(30px, 2.552vw, 58px);
  --fontSize_pc50: clamp(32px, 2.60416666vw, 60px);
  --fontSize_pc52: clamp(32px, 2.708333vw, 60px);
  --fontSize_pc53: clamp(32px, 2.76041666vw, 63px);
  --fontSize_pc55: clamp(32px, 2.8645vw, 65px);
  --fontSize_pc59: clamp(32px, 3.7291666vw, 65px);
  --fontSize_pc60: clamp(40px, 3.125vw, 72px);
  --fontSize_pc66: clamp(45px, 3.4375vw, 78px);
  --fontSize_pc70: clamp(42px, 3.64583333vw, 82px);
  --fontSize_pc73: clamp(52px, 3.8vw, 85px);
  --fontSize_pc80: clamp(70px, 4.167vw, 90px);
  --fontSize_pc83: clamp(70px, 4.322196666vw, 90px);
  --fontSize_pc89: clamp(55px, 4.635416666vw, 100px);
  --fontSize_pc100: clamp(70px, 5.20833vw, 120px);
  --fontSize_pc110: clamp(70px, 5.729166vw, 130px);
  --fontSize_pc130: clamp(70px, 6.770833vw, 150px);
  --fontSize_sp10: clamp(10px, 2.5641vw, 14px);
  --fontSize_sp11: clamp(11px, 2.82051vw, 14px);
  --fontSize_sp12: clamp(10px, 3.076923vw, 15px);
  --fontSize_sp13: clamp(13px, 3.333333vw, 18px);
  --fontSize_sp14: clamp(13px, 3.58974vw, 17px);
  --fontSize_sp15: clamp(14px, 3.8461538vw, 22px);
  --fontSize_sp16: clamp(15px, 4.102564102vw, 19px);
  --fontSize_sp17: clamp(15px, 4.3589vw, 20px);
  --fontSize_sp18: clamp(16px, 4.6153846vw, 28px);
  --fontSize_sp19: clamp(16px, 4.8718vw, 22px);
  --fontSize_sp20: clamp(18px, 5.1282vw, 24px);
  --fontSize_sp21: clamp(19px, 5.3846153vw, 26px);
  --fontSize_sp22: clamp(20px, 5.641025vw, 27px);
  --fontSize_sp23: clamp(21px, 5.897435vw, 35px);
  --fontSize_sp24: clamp(22px, 6.15384615vw, 29px);
  --fontSize_sp25: clamp(23px, 6.41vw, 35px);
  --fontSize_sp26: clamp(24px, 6.66666666vw, 32px);
  --fontSize_sp27: clamp(25px, 6.923vw, 35px);
  --fontSize_sp30: clamp(28px, 7.6923076vw, 36px);
  --fontSize_sp32: clamp(28px, 8.2051282051vw, 38px);
  --fontSize_sp35: clamp(30px, 8.9743vw, 42px);
  --fontSize_sp38: clamp(36px, 9.743589vw, 70px);
  --fontSize_sp40: clamp(38px, 10.25641vw, 50px);
  --fontSize_sp45: clamp(43px, 11.53846153vw, 55px);
  --fontSize_sp48: clamp(43px, 12.3077vw, 60px);
  --fontSize_sp50: clamp(48px, 12.82051282vw, 60px);
  --fontSize_sp60: clamp(58px, 15.38461538vw, 78px);
  --fontSize_sp77: clamp(75px, 19.743589vw, 100px);
}

/*===============================
         bl-rctLink
===============================*/
.bl-rctLink {
  width: 15em;
  height: 3em;
  border-radius: 30px;
  font-size: var(--fontSize_pc15);
  color: #08085F;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E8E85B;
  border: 1px solid #fff;
  letter-spacing: 0.05em;
}
@media only screen and (min-width: 1025px) {
  .bl-rctLink {
    transition: 0.2s;
  }
  .bl-rctLink:hover {
    background-color: #08085F;
    color: #fff;
    border: 1px solid #fff;
  }
}

@media only screen and (max-width: 1600px) {
  .bl-rctLink {
    width: 13.5em;
  }
}
@media only screen and (max-width: 1024px) {
  .bl-rctLink {
    width: 100%;
    font-size: var(--fontSize_sp12);
    height: 2.75em;
  }
}
/*===============================
         bl-entryLink
===============================*/
.bl-entryLink {
  width: 8.5em;
  height: 3em;
  font-size: var(--fontSize_pc15);
  text-transform: uppercase;
  border-radius: 30px;
  background-color: #2C425D;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
@media only screen and (min-width: 1025px) {
  .bl-entryLink {
    transition: 0.2s;
  }
  .bl-entryLink:hover {
    background-color: #fff;
    border: 1px solid #2C425D;
    color: #2C425D;
  }
}

@media only screen and (max-width: 1024px) {
  .bl-entryLink {
    width: 100%;
    font-size: var(--fontSize_sp12);
    height: 2.75em;
  }
}
/*===============================
              bl-bg
===============================*/
.bl-bgWrap {
  position: relative;
}

.bl-bg_blue {
  position: absolute;
  z-index: -2;
  bottom: 0;
  left: 0;
  height: calc(100% + 60.56vh);
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 13.333vw, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 13.333vw, 100% 100%, 0 100%);
  background-image: linear-gradient(#2D2D93, #08085F);
}
.bl-bg_blue._lower {
  height: calc(100% + 300px);
}

.bl-bg_gray {
  position: absolute;
  z-index: -2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  -webkit-clip-path: polygon(0 16.1vw, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 16.1vw, 100% 0, 100% 100%, 0 100%);
  background-color: #2A384A;
}
.bl-bg_gray._lower {
  height: 100%;
}
.bl-bg_gray._entry {
  height: calc(100% - 600px);
}
.bl-bg_gray._confirm {
  height: calc(100% - 800px);
}

@media only screen and (max-width: 1024px) {
  .bl-bg_blue {
    height: calc(100% + 20vw);
  }
  .bl-bg_blue._lower {
    height: calc(100% + 100px);
  }
  .bl-bg_gray {
    height: 100%;
  }
  .bl-bg_gray._confirm, .bl-bg_gray._entry {
    height: calc(100% - 240px);
  }
}
/*===============================
          bl-arrowBtn
===============================*/
.bl-arrowBtn {
  position: relative;
  width: 4.427vw;
  min-width: 42px;
  max-width: 100px;
  height: 4.427vw;
  min-height: 42px;
  max-height: 100px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #08085F;
}
.bl-arrowBtn img {
  position: absolute;
  width: 37.65%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.bl-arrowBtn img._hover {
  opacity: 0;
}
@media only screen and (min-width: 1025px) {
  .bl-arrowBtn {
    transition: 0.2s;
  }
  .bl-arrowBtn img {
    transition: 0.2s;
  }
  .bl-arrowBtn:hover {
    background-color: #08085F;
    border: 1px solid #fff;
  }
  .bl-arrowBtn:hover img._hover {
    opacity: 1;
  }
  .bl-arrowBtn:hover img._normal {
    opacity: 0;
  }
}
.bl-arrowBtn._blue {
  background-color: #08085F;
}

@media only screen and (max-width: 1024px) {
  .bl-arrowBtn._white img._hover {
    opacity: 0;
  }
  .bl-arrowBtn._white img._normal {
    opacity: 1;
  }
}
/*===============================
          bl-lowerSecTtl
===============================*/
.bl-lowerSecTtl_en {
  font-size: var(--fontSize_pc35);
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  line-height: 1;
  background: linear-gradient(#D8D8D8, #2C2C92);
  background: -webkit-linear-gradient(#D8D8D8, #2C2C92);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
}

.bl-lowerSecTtl_jp {
  font-size: var(--fontSize_pc70);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1;
}
.bl-lowerSecTtl_jp span {
  font-size: var(--fontSize_pc45);
}
.bl-lowerSecTtl_jp span._inlineBlock {
  font-size: inherit;
  display: inline-block;
}
.bl-lowerSecTtl_jp._s {
  font-size: clamp(32px, 3.3vw, 65px);
  letter-spacing: 0.02em;
}
.bl-lowerSecTtl_jp ._works {
  font-size: var(--fontSize_pc30);
  letter-spacing: 0.02em;
  padding-left: 16px;
}

.bl-lowerSec_sTxt {
  font-size: var(--fontSize_pc22);
}
.bl-lowerSec_sTxt._l {
  font-size: var(--fontSize_pc25);
}

@media only screen and (max-width: 1024px) {
  .bl-lowerSecTtl_jp {
    font-size: var(--fontSize_sp27);
  }
  .bl-lowerSecTtl_jp span {
    font-size: var(--fontSize_sp18);
  }
  .bl-lowerSecTtl_jp span._s {
    font-size: var(--fontSize_sp15);
  }
  .bl-lowerSecTtl_jp ._works {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.02em;
    padding-left: 0;
  }
  .bl-lowerSecTtl_en {
    font-size: var(--fontSize_sp18);
  }
  .bl-lowerSec_sTxt._l {
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  .bl-lowerSecTtl_jp._s {
    font-size: var(--fontSize_sp25);
    letter-spacing: 0.055em;
  }
  .bl-lowerSecTtl_jp._s._spL {
    font-size: var(--fontSize_sp30);
  }
}
/*===============================
        bl-lowerTxtSlide
===============================*/
.bl-lowerTxtSlide_hide {
  width: 100%;
  overflow: hidden;
}

.bl-lowerTxtSlide_wrap {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.bl-lowerTxtSlide_txt {
  font-size: 8vw;
  font-family: "josefin", sans-serif;
  line-height: 1.1;
  letter-spacing: -0.05em;
  opacity: 0.25;
  background: linear-gradient(#D8D8D8, #2C2C92);
  background: -webkit-linear-gradient(#D8D8D8, #2C2C92);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 5vw;
  animation: infinity-scroll-left 30s infinite linear 0.5s both;
}

@media only screen and (max-width: 1024px) {
  .bl-lowerTxtSlide_txt {
    font-size: 15vw;
  }
}
/*===============================
        bl-lowerTxtSlide
===============================*/
.bl-markerTxt {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.bl-markerTxt::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1em;
  background-color: rgba(255, 255, 255, 0.2);
  bottom: -0.2em;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 1024px) {
  .bl-markerTxt {
    margin-left: 20px;
  }
}
/*===============================
          md-head
===============================*/
.md-head_right, .md-head_left {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.md-head_right {
  right: 2.1875vw;
}

.md-head_left {
  left: 2.1875vw;
}

.md-head_logoWrap {
  display: flex;
  align-items: center;
  height: 100%;
}

.md-head_logo {
  width: 13vw;
  max-width: 250px;
  margin-right: 1.5625vw;
}

.md-head_logoTxt {
  font-size: var(--fontSize_pc25);
  font-family: "josefin", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.008em;
}

.md-head_snsLink {
  margin-left: 1.5625vw;
  display: flex;
  align-items: center;
  height: 100%;
}
.md-head_snsLink a._youtube {
  width: 32px;
}
.md-head_snsLink a._instagram {
  width: 25px;
}
.md-head_snsLink a._facebook {
  width: 22px;
}
.md-head_snsLink a + a {
  margin-left: 14px;
}

.md-head_linkWrap {
  padding-right: 25px;
  display: flex;
  align-items: center;
  height: 100%;
}
.md-head_link {
  position: relative;
  font-size: var(--fontSize_pc15);
  letter-spacing: 0.052em;
  display: flex;
  align-items: center;
}
.md-head_link img{
  width: 12px;
  margin-left: 6px;
}
.md-head_link + .md-head_link {
  margin-left: 1.46vw;
}
.md-head_link::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
}
@media only screen and (min-width: 1025px) {
  .md-head_link::before {
    transition: 0.2s;
  }
  .md-head_link:hover::before {
    transform: none;
  }
}

.md-head_recuitLinkWrap {
  padding-right: 28px;
  display: flex;
  align-items: center;
}

.md-head_recruitLink + .md-head_recruitLink {
  margin-left: 15px;
}

.md-head_entryWrap {
  padding-left: 28px;
  border-left: 2px solid #fff;
}

.md-head_openIcon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 25px;
  height: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transform: translateY(-50%);
}
.md-head_openIcon span {
  width: 100%;
  height: 1.5px;
  background-color: #fff;
  transform-origin: left;
  transition: 0.5s;
}
.md-head_openIcon.js-menu_open span:first-child {
  transform: rotate(30.1deg) translateY(1px);
}
.md-head_openIcon.js-menu_open span:nth-child(2) {
  transform: scaleX(0);
}
.md-head_openIcon.js-menu_open span:last-child {
  transform: rotate(-30.1deg) translateY(-1px);
}

@media only screen and (max-width: 1600px) {
  .md-head_logoWrap {
    flex-direction: column;
    justify-content: center;
    align-items: end;
  }
  .md-head_logo {
    margin-right: 0;
  }
  .md-head_logoTxt {
    font-size: var(--fontSize_pc18);
  }
}
@media only screen and (min-width: 1281px) {
  .md-head_openIcon {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .md-head_right {
    display: none;
  }
  .md-head_snsLink {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .md-head_openIcon {
    right: 2.1875vw;
    width: 40px;
    height: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .md-head_logoWrap {
    flex-direction: row;
    align-items: center;
  }
  .md-head_left {
    left: 20px;
  }
  .md-head_logo {
    width: 168px;
  }
  .md-head_logoTxt {
    font-size: 14px;
    margin-left: 10px;
  }
  .md-head_snsLink {
    display: none;
  }
}
/*===============================
          md-openNav
===============================*/
.md-openNav {
  position: fixed;
  z-index: 9;
  background-color: #08085F;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  display: flex;
  flex-direction: column;
}

.md-openNav_pageNavWrap {
  flex: 1;
  padding: 24px 20px 30px 20px;
  overflow: auto;
}

.md-openNav_pageNav + .md-openNav_pageNav {
  margin-top: 50px;
}
.md-openNav_pageNav ._topWrap {
  position: relative;
}
.md-openNav_pageNav ._top {
  font-size: var(--fontSize_sp25);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
.md-openNav_pageNav ._bgTxt {
  position: absolute;
  font-size: var(--fontSize_sp30);
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  opacity: 0.18;
  top: calc(var(--fontSize_sp30) * -0.5);
  left: 0;
}
.md-openNav_pageNav ._lowerWrap {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
}
.md-openNav_pageNav ._lowerWrap a {
  margin-right: 25px;
  font-size: var(--fontSize_pc12);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 2.5;
}
.md-openNav_pageNav ._lowerWrap._works {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row: auto;
}
.md-openNav_pageNav ._lowerWrap._works a {
  margin-right: 0;
}
.md-openNav_pageNav ._openIcon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.md-openNav_pageNav ._openIcon span {
  position: absolute;
  width: 90%;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.md-openNav_pageNav ._openIcon span:last-child {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: 0.3s;
}
.md-openNav_pageNav ._openIcon.active span:last-child {
  transform: translate(-50%, -50%);
}

.md-openNav_snsLink {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-openNav_snsLink a + a {
  margin-left: 26px;
}
.md-openNav_snsLink ._youtube {
  width: 28px;
}
.md-openNav_snsLink ._instagram {
  width: 20px;
}
.md-openNav_snsLink ._facebook {
  width: 18px;
}

.md-openNav_coLink {
  display: block;
  width: 250px;
  margin: 20px auto 0 auto;
}

.md-openNav_bottomWrap {
  margin-top: 58px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 5px 20px 5px 44px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.md-openNav_bottomWrap ._policy {
  display: flex;
  align-items: center;
}
.md-openNav_bottomWrap ._policy img {
  width: 10px;
  height: 10px;
}
.md-openNav_bottomWrap ._txt {
  font-family: "josefin", sans-serif;
}

@media only screen and (min-width: 1281px) {
  .md-openNav {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  .md-openNav {
    padding-top: 130px;
  }
  .md-openNav_pageNavWrap {
    width: 60%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 769px) {
  .md-openNav_pageNavWrap {
    width: 80%;
    margin: 0 auto;
  }
}
/*===============================
          md-topFv
===============================*/
.md-topFv_bgWrap {
  position: relative;
  width: 100%;
  height: 90vh;
}
.md-topFv_bgWrap picture {
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.md-topFv_lTxt {
  position: absolute;
  bottom: 20px;
  left: 2.4vw;
  font-size: var(--fontSize_pc130);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0;
  height: calc(var(--fontSize_pc130) * 0.45);
}

.md-topFv_play {
  position: absolute;
  width: 12.765em;
  height: 2.47em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 22px;
  border: 1px solid #fff;
  font-size: var(--fontSize_pc17);
  letter-spacing: 0.052em;
  bottom: 5vh;
  right: 2.92vw;
}
.md-topFv_play span {
  padding-left: 1em;
}
.md-topFv_play::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 12px;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
  left: 14.75%;
  top: 50%;
  transform: translateY(-50%);
}

.md-topFv_bottomTxt {
  text-align: right;
  padding-right: 2.92vw;
  margin-top: 34px;
  font-size: var(--fontSize_pc34);
  font-family: "josefin", sans-serif;
  letter-spacing: 0.008em;
  line-height: 1;
}

@media only screen and (max-width: 1400px) {
  .md-topFv_play {
    width: 11em;
    bottom: 3vh;
    right: 2.92vw;
  }
  .md-topFv_play::before {
    left: 10%;
  }
}
@media only screen and (max-width: 1024px) {
  .md-topFv_bgWrap {
    height: 100%;
  }
  .md-topFv_spTxtWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .md-topFv_lTxt {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    font-size: var(--fontSize_sp50);
    line-height: 1.4;
    text-align: center;
    bottom: auto;
    left: auto;
  }
  .md-topFv_bottomTxt {
    text-align: center;
    font-size: var(--fontSize_sp19);
    margin-top: 12px;
    letter-spacing: 0.05em;
  }
  .md-topFv_play {
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 34px;
    font-size: 9px;
    width: 110px;
    height: 26px;
  }
  .md-topFv_play::before {
    width: 7px;
    height: 9px;
    left: 16px;
  }
}
/*===============================
          md-topMsg
===============================*/
.md-topMsg_leftTxt {
  position: absolute;
  top: 0;
  left: 0;
  writing-mode: vertical-lr;
  font-size: 13.4vw;
  letter-spacing: -0.05em;
  font-family: "josefin", sans-serif;
  opacity: 0.25;
  line-height: 1;
}

.md-topMsg_txtWrap {
  padding-top: 16.5vh;
  font-size: var(--fontSize_pc30);
  line-height: 1.67;
}

.md-topMsg_lTxt {
  padding-top: 78px;
  font-size: var(--fontSize_pc110);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

.md-topMsg_picWrap {
  position: absolute;
  z-index: -1;
  height: calc(100% - 52px);
  width: 56.8vw;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
}
.md-topMsg_picWrap div {
  position: relative;
  width: calc(33.3333% - 1.458vw);
  height: 100%;
}
.md-topMsg_picWrap picture {
  position: absolute;
  display: block;
  width: 100%;
  height: 75.7%;
}
.md-topMsg_picWrap ._2 picture {
  top: 50%;
  transform: translateY(-50%);
}
.md-topMsg_picWrap ._3 picture {
  bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .md-topMsg_leftTxt {
    top: 50px;
    font-size: 29.5vw;
    left: -0.25em;
  }
  .md-topMsg_txtWrap {
    padding-top: 0;
    padding-left: 19.2vw;
    font-size: var(--fontSize_sp15);
  }
  .md-topMsg_lTxt {
    font-size: var(--fontSize_sp23);
    padding-top: 30px;
    padding-left: 19.2vw;
  }
  .md-topMsg_picWrap {
    position: relative;
    margin: 38px auto 0 auto;
    width: 84.1vw;
    height: 68.7vw;
  }
  .md-topMsg_picWrap picture {
    height: 85.8%;
  }
}
/*===============================
          md-topMsg
===============================*/
.md-topAbt_ttlWrap {
  position: relative;
  padding-top: 6vw;
}

.md-topAbt_ttlBg {
  position: absolute;
  z-index: -1;
  font-size: 13.4vw;
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  opacity: 0.25;
  line-height: 1;
  top: 0;
}

.md-topAbt_ttl {
  font-size: var(--fontSize_pc100);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.052em;
  text-align: center;
}

.md-topAbt_topTxt {
  font-size: var(--fontSize_pc25);
  letter-spacing: 0.15em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.md-topAbt_bgWrap {
  position: relative;
  margin-top: 70px;
}

.md-topAbt_boxWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 32px;
  margin-top: 70px;
}

.md-topAbt_box {
  position: relative;
  padding: 14.0625vw 10vw 38px 3.125vw;
  overflow: hidden;
}
.md-topAbt_box::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.47;
}
.md-topAbt_box._1 {
  grid-column: 1/3;
  grid-row: 1/2;
}
.md-topAbt_box._2 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.md-topAbt_box._3 {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media only screen and (min-width: 1025px) {
  .md-topAbt_box {
    transition: 0.2s;
  }
  .md-topAbt_box::before {
    transition: 0.2s;
  }
  .md-topAbt_box:hover .bl-arrowBtn.md-topAbt_arrow {
    background-color: #08085F;
    border: 1px solid #fff;
  }
  .md-topAbt_box:hover .bl-arrowBtn.md-topAbt_arrow img._normal {
    opacity: 0;
  }
  .md-topAbt_box:hover .bl-arrowBtn.md-topAbt_arrow img._hover {
    opacity: 1;
  }
  .md-topAbt_box:hover .md-topAbt_boxBg {
    transform: scale(1.1);
  }
  .md-topAbt_box:hover::before {
    opacity: 0.6;
  }
}

.md-topAbt_boxBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.2s;
}
.md-topAbt_boxBg picture {
  display: block;
  width: 100%;
  height: 100%;
}

.md-topAbt_numWrap, .md-topAbt_lTxt, .md-topAbt_sTxt, .md-topAbt_arrow {
  position: relative;
  z-index: 2;
}

.md-topAbt_numWrap {
  display: flex;
  font-family: "josefin", sans-serif;
  align-items: center;
  margin-bottom: 16px;
  line-height: 1;
}
.md-topAbt_numWrap ._num {
  font-size: var(--fontSize_pc52);
  letter-spacing: 0;
  padding-right: 20px;
  border-right: 1px solid #fff;
}
.md-topAbt_numWrap ._en {
  font-size: var(--fontSize_pc29);
  letter-spacing: -0.05em;
  padding-left: 20px;
  text-transform: uppercase;
}

.md-topAbt_lTxt {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  font-size: var(--fontSize_pc70);
  line-height: 1;
  margin-bottom: 22px;
}

.md-topAbt_sTxt {
  font-size: var(--fontSize_pc20);
  line-height: 1.25;
}

.bl-arrowBtn.md-topAbt_arrow {
  position: absolute;
  right: 2.917vw;
  bottom: 38px;
}

@media only screen and (max-width: 1024px) {
  .md-topAbt_ttlWrap {
    padding-top: calc(var(--fontSize_sp60) * 0.5);
  }
  .md-topAbt_ttlBg {
    font-size: var(--fontSize_sp60);
    left: 50%;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content;
  }
  .md-topAbt_ttl {
    font-size: var(--fontSize_sp30);
  }
  .md-topAbt_topTxt {
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 26px;
  }
  .md-topAbt_boxWrap {
    display: block;
    margin-top: 36px;
  }
  .md-topAbt_box {
    display: block;
    padding: 28px 20px;
    height: 69vw;
    display: flex;
    flex-direction: column;
    justify-content: end;
    max-height: 400px;
  }
  .md-topAbt_box + .md-topAbt_box {
    margin-top: 20px;
  }
  .md-topAbt_numWrap {
    margin-bottom: 12px;
  }
  .md-topAbt_numWrap ._num {
    font-size: var(--fontSize_sp30);
    padding-right: 10px;
  }
  .md-topAbt_numWrap ._en {
    font-size: var(--fontSize_sp15);
    padding-left: 10px;
  }
  .md-topAbt_lTxt {
    font-size: var(--fontSize_sp25);
    letter-spacing: 0.05em;
    margin-bottom: 14px;
  }
  .md-topAbt_sTxt {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
  .bl-arrowBtn.md-topAbt_arrow {
    bottom: 0;
    right: 0;
  }
  .md-topAbt_boxBg ._1 img, .md-topAbt_boxBg ._1 source {
    -o-object-position: 36% 50%;
       object-position: 36% 50%;
  }
}
/*===============================
        md-top_stickyWrap
===============================*/
.md-topFlexWrap {
  display: flex;
}
.md-topFlexWrap._reverse {
  flex-direction: row-reverse;
}

.md-topRct_txtWrap {
  position: relative;
  flex: 1;
  margin-right: 9.2vw;
}
.md-topRct_txtWrap._reverse {
  margin-right: 0;
  margin-left: 9.2vw;
}

.md-topRct_picWrap {
  width: 40.1vw;
}

.md-topRct_ttlWrap {
  position: relative;
}

.md-topRct_ttl {
  font-size: var(--fontSize_pc100);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.052em;
  padding-top: 11.5vw;
}

.md-topRct_ttlBg {
  position: absolute;
  font-size: 9.21875vw;
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  line-height: 0.9;
  opacity: 0.25;
  top: 0;
}

.md-topRct_mTxt {
  margin-top: 60px;
  font-size: var(--fontSize_pc34);
  letter-spacing: 0.15em;
}

.md-topRct_sTxt {
  margin-top: 32px;
  font-size: var(--fontSize_pc22);
  letter-spacing: 0.15em;
}

.md-topRct_pic {
  position: sticky;
  display: block;
  width: 100%;
  height: 79.8vh;
  right: 0;
  top: 120px;
}
.md-topRct_pic picture {
  position: absolute;
  width: 100%;
  height: 100%;
}

.md-topRct_arrow.bl-arrowBtn {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .md-topRct_txtWrap {
    margin-right: 0;
  }
  .md-topRct_txtWrap._reverse {
    margin-left: 0;
  }
  .md-topFlexWrap {
    display: block;
  }
  .md-topRct_ttl {
    font-size: var(--fontSize_sp30);
    padding-top: calc(var(--fontSize_sp60) * 0.6);
    text-align: center;
  }
  .md-topRct_ttl._s {
    padding-top: calc(var(--fontSize_sp48) * 0.5);
  }
  .md-topRct_ttlBg {
    font-size: var(--fontSize_sp60);
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
  }
  .md-topRct_ttlBg._s {
    font-size: var(--fontSize_sp48);
    width: -moz-max-content;
    width: max-content;
    text-align: center;
  }
  .md-topRct_picWrap {
    width: 100%;
    margin-top: 26px;
    height: 52.3vw;
    max-height: 350px;
  }
  .md-topRct_mTxt {
    font-size: var(--fontSize_sp18);
    margin-top: 26px;
  }
  .md-topRct_sTxt {
    margin-top: 22px;
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.05em;
  }
}
/*===============================
        md-footEntry
===============================*/
.md-footEntry_picHide {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: -1;
}

.md-footEntry_picWrap {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: calc(50% - 9px);
  transform: rotate(-9deg) translateY(-50%);
  margin: 0 auto;
}

.md-footEntry_pic {
  display: flex;
}
.md-footEntry_pic picture {
  width: 19.9vw;
  margin-right: 20px;
}
.md-footEntry_pic picture._wide {
  width: 26.3vw;
}
.md-footEntry_pic._left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.md-footEntry_pic._right {
  animation: infinity-scroll-right 80s infinite linear 0.5s both;
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.md-footEntry_contWrap {
  position: relative;
  z-index: 2;
  text-align: center;
}

.md-footEntry_lTxtWrap {
  position: relative;
  padding-top: 8vw;
}

.md-footEntry_lTxt {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  font-size: var(--fontSize_pc89);
  letter-spacing: 0;
  line-height: 1.4;
}

.md-footEntry_lTxtBg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9.21875vw;
  font-family: "josefin", sans-serif;
  opacity: 0.2;
}

.md-footEntry_sTxt {
  margin-top: 78px;
  font-size: var(--fontSize_pc26);
  letter-spacing: 0.05em;
}

.md-footEntry_btnWrap {
  margin-top: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-footEntry_btn {
  position: relative;
  width: 12.14em;
  height: 2.57em;
  font-size: var(--fontSize_pc35);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #08085F;
  padding-left: 3.14em;
  display: flex;
  align-items: center;
  border-radius: 100px;
  border: 2px solid #fff;
  background-color: #E8E85B;
}
.md-footEntry_btn + .md-footEntry_btn {
  margin-left: 6.46vw;
}
@media only screen and (min-width: 1025px) {
  .md-footEntry_btn {
    transition: 0.2s;
  }
  .md-footEntry_btn:hover {
    color: #fff;
    background-color: #08085F;
  }
}

.bl-arrowBtn.md-footEntry_arrow {
  position: absolute;
  width: 3.23vw;
  height: 3.23vw;
  min-width: 30px;
  min-height: 30px;
  max-width: 80px;
  max-height: 80px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
  .md-footEntry_lTxtBg {
    font-size: var(--fontSize_sp60);
  }
  .md-footEntry_lTxt {
    font-size: var(--fontSize_sp25);
    line-height: 1.48;
  }
  .md-footEntry_lTxtWrap {
    padding-top: calc(var(--fontSize_sp60) * 0.95);
  }
  .md-footEntry_sTxt {
    margin-top: 22px;
    font-size: var(--fontSize_sp13);
  }
  .md-footEntry_btnWrap {
    margin-top: 40px;
    display: block;
  }
  .md-footEntry_btn {
    width: calc(100% - 40px);
    margin: 0 auto;
    font-size: var(--fontSize_sp18);
    padding-left: 5.56em;
    height: 2.94em;
    max-width: 500px;
  }
  .md-footEntry_btn._mid {
    background-color: #E8E85B;
    border: 2px solid #fff;
  }
  .md-footEntry_btn + .md-footEntry_btn {
    margin-left: auto;
    margin-top: 25px;
  }
  .md-footEntry_pic picture {
    width: 51.3vw;
  }
  .md-footEntry_pic picture._wide {
    width: 68.5vw;
  }
  .md-footEntry_picWrap {
    transform: rotate(-9deg) translateY(-53vw);
  }
}
/*===============================
        md-footEntry
===============================*/
.md-foot_logoWrap {
  display: flex;
  align-items: end;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.md-foot_logo {
  width: 36.7vw;
  margin-right: 2.3vw;
}
.md-foot_logo img {
  width: 100%;
}

.md-foot_logoTxt {
  font-size: var(--fontSize_pc53);
  letter-spacing: 0.008em;
  font-family: "josefin", sans-serif;
  text-transform: uppercase;
}

.md-foot_linkWrap {
  margin-top: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fontSize_pc15);
}
.md-foot_linkWrap a + a,
.md-foot_linkWrap a + button {
  margin-left: 1.67vw;
}

@media only screen and (min-width: 1025px) {
  .md-foot_linkWrap ._hover {
    position: relative;
  }
  .md-foot_linkWrap ._hover::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transition: 0.2s;
  }
  .md-foot_linkWrap ._hover:hover::before {
    transform: scaleX(1);
  }
}
.md-foot_snsLinkWrap {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.md-foot_snsLinkWrap p {
  margin-right: 2.7vw;
  font-size: var(--fontSize_pc15);
}
.md-foot_snsLinkWrap a + a {
  margin-left: 38px;
}
.md-foot_snsLinkWrap ._youtube {
  width: 52px;
}
.md-foot_snsLinkWrap ._instagram {
  width: 38px;
}
.md-foot_snsLinkWrap ._facebook {
  width: 34px;
}

.md-foot_lTxt {
  margin-top: 120px;
  font-size: var(--fontSize_pc100);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
}

.md-foot_coLink {
  position: relative;
  display: block;
  margin: 60px auto 0 auto;
  width: 26vw;
  height: 4.8vw;
  min-width: 250px;
  min-height: 46px;
}
.md-foot_coLink img {
  position: absolute;
  width: 100%;
}
.md-foot_coLink img._hover {
  opacity: 0;
}
.md-foot_coLink ._logo {
  position: absolute;
  width: 14.2%;
  right: 4.3%;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1025px) {
  .md-foot_coLink img {
    transition: 0.5s;
  }
  .md-foot_coLink:hover img._hover {
    opacity: 1;
  }
  .md-foot_coLink:hover ._logo {
    transform: translateY(-50%) rotateY(180deg);
  }
}

.md-foot_bottomTxt {
  margin-top: 14.6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--fontSize_pc17);
  letter-spacing: 0.05em;
  padding: 30px 7.1% 0 7.1%;
  border-top: 0.5px solid #fff;
}
.md-foot_bottomTxt ._policy {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  color: #C1C1C1;
}
.md-foot_bottomTxt ._policy img {
  width: 18px;
  margin-left: 4px;
}
.md-foot_bottomTxt p {
  font-family: "josefin", sans-serif;
}

.md-foot_slideTxtHide {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  opacity: 0.45;
}

.md-foot_slideTxtWrap {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  transform: translateY(18%);
}
.md-foot_slideTxtWrap img {
  margin-right: 14.375vw;
  width: 104.2vw;
  animation: infinity-scroll-left 40s infinite linear 0.5s both;
}

@media only screen and (max-width: 1024px) {
  .md-foot_slideTxtHide {
    opacity: 0.52;
  }
  .md-foot_slideTxtWrap img {
    width: 150vw;
    animation: infinity-scroll-left 30s infinite linear 0.5s both;
  }
  .md-foot_logoWrap {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .md-foot_logo {
    width: 100%;
    margin-right: 0;
    max-width: 500px;
  }
  .md-foot_logoTxt {
    font-size: var(--fontSize_sp20);
  }
  .md-foot_linkWrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    row-gap: 22px;
    -moz-column-gap: 12px;
         column-gap: 12px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.05em;
    text-align: center;
  }
  .md-foot_linkWrap a + a,
  .md-foot_linkWrap a + button {
    margin-left: 0;
  }
  .md-foot_snsLinkWrap p {
    font-size: var(--fontSize_sp10);
    margin-right: 36px;
  }
  .md-foot_snsLinkWrap a + a {
    margin-left: 34px;
  }
  .md-foot_snsLinkWrap ._youtube {
    width: 37px;
  }
  .md-foot_snsLinkWrap ._instagram {
    width: 27px;
  }
  .md-foot_snsLinkWrap ._facebook {
    width: 24px;
  }
  .md-foot_snsLinkWrap {
    padding: 10px 0;
  }
  .md-foot_lTxt {
    font-size: var(--fontSize_sp30);
    margin-top: 45px;
  }
  .md-foot_bottomTxt {
    margin-top: 96px;
    padding: 5px 20px 0 44px;
    font-size: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
/*===============================
        md-lowerTop
===============================*/
.md-lowerTop_contWrap {
  display: flex;
  align-items: center;
}

.md-lowerTop_txtWrap {
  flex: 1;
}

.md-lowerTop_ttl_en {
  font-size: var(--fontSize_pc35);
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  line-height: 1;
  background: linear-gradient(#D8D8D8, #2C2C92);
  background: -webkit-linear-gradient(#D8D8D8, #2C2C92);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.md-lowerTop_ttl_jp {
  font-size: var(--fontSize_pc89);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.052em;
}

.md-lowerTop_lTxt {
  font-size: var(--fontSize_pc55);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 94px;
}

.md-lowerTop_sTxt {
  margin-top: 56px;
  font-size: var(--fontSize_pc25);
}

.md-lowerTop_picWrap {
  width: 35.5vw;
}
.md-lowerTop_picWrap picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .md-lowerTop_ttl_jp {
    font-size: var(--fontSize_sp30);
    margin-top: 4px;
  }
  .md-lowerTop_ttl_en {
    font-size: var(--fontSize_sp25);
  }
  .md-lowerTop_contWrap {
    display: block;
  }
  .md-lowerTop_picWrap {
    width: 100%;
    height: 51.3vw;
    max-height: 300px;
    margin-top: 30px;
  }
  .md-lowerTop_picWrap._mid img, .md-lowerTop_picWrap._mid source {
    -o-object-position: 50% 30%;
       object-position: 50% 30%;
  }
  .md-lowerTop_lTxt {
    margin-top: 50px;
    font-size: var(--fontSize_sp23);
  }
  .md-lowerTop_sTxt {
    font-size: var(--fontSize_sp13);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 22px;
  }
}
/*===============================
         md-abtData
===============================*/
.md-abtData_ttlWrap {
  display: flex;
  align-items: end;
  margin-bottom: 94px;
}

.md-abtData_ttlLeft {
  margin-right: 6vw;
}

.md-abtData_ttlRight {
  flex: 1;
}

@media only screen and (max-width: 1024px) {
  .md-abtData_ttlWrap {
    display: block;
    margin-bottom: 34px;
  }
  .md-abtData_ttlRight {
    margin-top: 26px;
  }
}
/*===============================
         md-abt_lowerTtl
===============================*/
.md-abt_lowerTtl_en {
  position: relative;
  font-size: var(--fontSize_pc25);
  font-family: "josefin", sans-serif;
  opacity: 0.5;
  padding-left: 18px;
  line-height: 1;
  letter-spacing: -0.05em;
  margin-bottom: 8px;
}
.md-abt_lowerTtl_en::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
}

.md-abt_lowerTtl_jp {
  font-size: var(--fontSize_pc50);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
}
.md-abt_lowerTtl_jp._bar {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.md-abt_lowerTtl_jp._bar::before {
  position: absolute;
  content: "";
  display: block;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

@media only screen and (max-width: 1024px) {
  .md-abt_lowerTtl_en {
    font-size: var(--fontSize_sp13);
    padding-left: 10px;
  }
  .md-abt_lowerTtl_en::before {
    width: 4px;
    height: 4px;
  }
  .md-abt_lowerTtl_jp {
    font-size: var(--fontSize_sp23);
  }
}
/*===============================
         md-abtData
===============================*/
.md-abtData_boxWrap {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}

.md-abtData_box {
  width: calc(33.333% - 2.7vw);
  display: flex;
  flex-direction: column;
  padding: 42px 1.875vw;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 9px 0px rgba(255, 255, 255, 0.36);
  color: #08085F;
}
.md-abtData_box:nth-child(3n), .md-abtData_box:nth-child(3n-1) {
  margin-left: 4.05vw;
}
.md-abtData_box:nth-child(n+4) {
  margin-top: 50px;
}

.md-abtData_boxUpper {
  font-size: var(--fontSize_pc30);
  height: 2.6em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 3px solid #08085F;
}

.md-abtData_boxTtl {
  line-height: 1.3;
  flex: 1;
}
.md-abtData_boxTtl span {
  font-size: var(--fontSize_pc20);
  display: inline-block;
}

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

.md-abtData_boxLower {
  padding-top: 44px;
  font-size: var(--fontSize_pc110);
  font-family: "josefin", sans-serif;
  letter-spacing: 0;
  text-align: center;
  line-height: 1;
}
.md-abtData_boxLower span {
  font-family: "notoSans", sans-serif;
  font-size: var(--fontSize_pc30);
  padding: 0 12px;
}

.md-abtData_contWrap + .md-abtData_contWrap {
  margin-top: 122px;
}

.md-abtData_flexBottomTxt {
  font-size: var(--fontSize_pc20);
  margin-top: 30px;
  text-align: right;
}

.md-abtData_bottomHide {
  margin-top: 114px;
}

@media only screen and (max-width: 1280px) {
  .md-abtData_box {
    width: calc(33.333% - 14px);
  }
  .md-abtData_box:nth-child(3n), .md-abtData_box:nth-child(3n-1) {
    margin-left: 21px;
  }
  .md-abtData_box:nth-child(n+4) {
    margin-top: 30px;
  }
  .md-abtData_boxLower span {
    padding: 0 6px;
  }
  .md-abtData_boxTtl._s {
    font-size: var(--fontSize_pc24);
  }
}
@media only screen and (max-width: 1024px) {
  .md-abtData_box {
    width: calc(50% - 5px);
    padding: 12px;
  }
  .md-abtData_box:nth-child(3n), .md-abtData_box:nth-child(3n-1) {
    margin-left: 0;
  }
  .md-abtData_box:nth-child(2n) {
    margin-left: 10px;
  }
  .md-abtData_box:nth-child(n+4) {
    margin-top: 0;
  }
  .md-abtData_box:nth-child(n+3) {
    margin-top: 16px;
  }
  .md-abtData_boxTtl {
    font-size: var(--fontSize_sp13);
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .md-abtData_boxUpper {
    padding-bottom: 8px;
    height: 2.2em;
  }
  .md-abtData_boxLower {
    padding-top: 22px;
    font-size: var(--fontSize_sp40);
  }
  .md-abtData_boxLower span {
    font-size: var(--fontSize_sp10);
    padding: 0 4px;
  }
  .md-abtData_boxTtl._spSTxt,
  .md-abtData_boxTtl span,
  .md-abtData_boxTtl._s {
    font-size: var(--fontSize_sp12);
  }
  .md-abtData_boxTtl._s {
    letter-spacing: 0.02em;
  }
  .md-abtData_contWrap + .md-abtData_contWrap {
    margin-top: 50px;
  }
  .md-abtData_boxWrap {
    margin-top: 25px;
  }
  .md-abtData_flexBottomTxt {
    text-align: left;
    font-size: var(--fontSize_sp11);
    font-weight: 400;
    margin-top: 16px;
  }
  .md-abtData_bottomHide {
    margin-top: 48px;
  }
  .md-abtData_boxImg {
    height: 90%;
    margin-left: 10px;
  }
}
/*===============================
         md-abtTr
===============================*/
.md-abtTr_ttlWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 72px;
}

.md-abtTr_ttlRight {
  width: 51.875vw;
  height: 18vw;
}

.md-abtTr_ttlLeft {
  flex: 1;
}

.md-abtTr_ttlSTxt {
  margin-top: 45px;
}

.md-abtTr_sTxt {
  margin-top: 65px;
  font-size: var(--fontSize_pc22);
  font-weight: 400;
  line-height: 2;
}

.md-abtTr_boxWrap {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
}

.md-abtTr_box {
  width: calc(33.333% - 2.7vw);
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 9px 0px rgba(255, 255, 255, 0.36);
  padding: 50px 36px 32px 36px;
  color: #08085F;
}

.md-abtTr_numWrap {
  display: flex;
  align-items: center;
  height: 2.8em;
  font-size: var(--fontSize_pc35);
  font-weight: 700;
  line-height: 1.4;
}
.md-abtTr_numWrap ._num {
  font-family: "josefin", sans-serif;
  font-size: var(--fontSize_pc70);
  padding-right: 1.45vw;
  letter-spacing: 0;
  height: 100%;
  border-right: 1px solid #08085F;
  line-height: 1;
  display: flex;
  align-items: center;
  padding-top: 0.2em;
}
.md-abtTr_numWrap ._ttl {
  padding-left: 1.45vw;
  letter-spacing: 0.05em;
}

.md-abtTr_boxPic {
  margin-top: 32px;
}

.md-abtTr_boxTxt {
  margin-top: 20px;
  font-weight: 400;
}

.md-abtTr_contWrap + .md-abtTr_contWrap {
  margin-top: 140px;
}

.md-abtTr_flexWrap {
  margin-top: 70px;
}

.md-abtTr_flex {
  display: flex;
}
.md-abtTr_flex + .md-abtTr_flex {
  margin-top: 108px;
}

.md-abtTr_flexPic {
  width: 38.125vw;
  margin-right: 4.8vw;
}

.md-abtTr_flexTxtWrap {
  flex: 1;
}

.md-abtTr_flexCheckTxt {
  display: flex;
  align-items: center;
}
.md-abtTr_flexCheckTxt ._check {
  width: 56px;
  margin-right: 22px;
}
.md-abtTr_flexCheckTxt ._txt {
  font-size: var(--fontSize_pc35);
}

.md-abtTr_flex_sTxt {
  padding-left: 78px;
  margin-top: 20px;
  font-weight: 300;
}

.md-abtTr_flexBox {
  margin-top: 44px;
}

.md-abtTr_flexBox_lTxt {
  position: relative;
  font-size: var(--fontSize_pc35);
  padding-left: 78px;
  margin-bottom: 20px;
}
.md-abtTr_flexBox_lTxt::before {
  position: absolute;
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #fff;
  left: 0;
  top: 50%;
}
.md-abtTr_flexBox_lTxt::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% - 64px - var(--fontSize_pc35) * 9);
  top: 50%;
  height: 1px;
  right: 0;
  background-color: #fff;
}

.md-abtTr_flexBox_txtWrap {
  padding: 0 20px 40px 78px;
}

.md-abtTr_flexBox {
  position: relative;
  border-bottom: 1px solid #fff;
}
.md-abtTr_flexBox::before, .md-abtTr_flexBox::after {
  position: absolute;
  display: block;
  content: "";
  height: calc(100% - var(--fontSize_pc35) * 0.8);
  bottom: 0;
  width: 1px;
  background-color: #fff;
}
.md-abtTr_flexBox::before {
  left: 0;
}
.md-abtTr_flexBox::after {
  right: 0;
}

.md-abtTr_flexBox_sTxt {
  position: relative;
  font-weight: 300;
}
.md-abtTr_flexBox_sTxt + .md-abtTr_flexBox_sTxt {
  margin-top: 1.6em;
}

@media only screen and (max-width: 1600px) {
  .md-abtTr_box {
    width: calc(33.333% - 2vw);
  }
}
@media only screen and (max-width: 1400px) {
  .md-abtTr_box {
    width: calc(33.333% - 14px);
    padding: 50px 20px 42px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .md-abtTr_numWrap ._num {
    padding-right: 14px;
  }
  .md-abtTr_numWrap ._ttl {
    padding-left: 13px;
  }
  .md-abtTr_flexCheckTxt ._check {
    width: 30px;
  }
  .md-abtTr_flex_sTxt {
    padding-left: 52px;
  }
  .md-abtTr_flexBox_txtWrap {
    padding: 0 20px 40px 52px;
  }
}
@media only screen and (max-width: 1024px) {
  .md-abtTr_flexWrap {
    margin-top: 30px;
  }
  .md-abtTr_ttlWrap {
    display: block;
    margin-bottom: 50px;
  }
  .md-abtTr_ttlSTxt {
    margin-top: 24px;
    font-size: var(--fontSize_sp13);
    font-weight: 400;
    letter-spacing: 0.05em;
  }
  .md-abtTr_ttlRight {
    margin-top: 24px;
    width: 100%;
    height: 47.4vw;
    max-height: 250px;
  }
  .md-abt_lowerTtl_jp._bar::before {
    bottom: -8px;
  }
  .md-abtTr_sTxt {
    margin-top: 30px;
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: inherit;
  }
  .md-abtTr_boxWrap {
    margin-top: 30px;
    display: block;
  }
  .md-abtTr_box {
    width: 100%;
    padding: 30px 20px;
  }
  .md-abtTr_numWrap ._num {
    font-size: var(--fontSize_sp30);
    padding-right: 10px;
    height: auto;
  }
  .md-abtTr_numWrap ._ttl {
    padding-left: 10px;
  }
  .md-abtTr_numWrap {
    font-size: var(--fontSize_sp18);
    font-weight: 600;
    letter-spacing: 0.052em;
  }
  .md-abtTr_boxPic {
    margin-top: 14px;
  }
  .md-abtTr_boxTxt {
    margin-top: 20px;
    font-size: var(--fontSize_sp12);
    font-weight: 500;
    letter-spacing: 0.055em;
  }
  .md-abtTr_box + .md-abtTr_box {
    margin-top: 30px;
  }
  .md-abtTr_contWrap + .md-abtTr_contWrap {
    margin-top: 50px;
  }
  .md-abtTr_flex {
    display: block;
  }
  .md-abtTr_flexPic {
    width: 100%;
    height: 53.8vw;
    max-height: 300px;
  }
  .md-abtTr_flexCheckTxt {
    margin-top: 22px;
    align-items: start;
  }
  .md-abtTr_flexCheckTxt ._check {
    width: 20px;
    padding-top: calc(var(--fontSize_sp18) * 0.3);
    margin-right: 10px;
  }
  .md-abtTr_flexCheckTxt ._txt {
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.052em;
  }
  .md-abtTr_flex_sTxt {
    margin-top: 12px;
    padding-left: 30px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
  }
  .md-abtTr_flexBox {
    margin-top: 34px;
  }
  .md-abtTr_flexBox_lTxt {
    padding-left: 30px;
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.055em;
    margin-bottom: 18px;
  }
  .md-abtTr_flexBox_lTxt::before {
    width: 20px;
  }
  .md-abtTr_flexBox_lTxt::after {
    width: calc(100% - 30px - var(--fontSize_sp18) * 9);
  }
  .md-abtTr_flexBox_txtWrap {
    padding: 0 20px 20px 34px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
  }
  .md-abtTr_flex + .md-abtTr_flex {
    margin-top: 46px;
  }
}
/*===============================
         md-abtBen
===============================*/
.md-abtBen_ttlWrap {
  text-align: center;
}

.md-abtBen_ttlSTxt {
  margin-top: 48px;
}

.md-abtBen_boxWrap {
  margin-top: 72px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.md-abtBen_box {
  width: calc(25% - 1.1vw);
  color: #08085F;
  box-shadow: 5px 5px 9px 0px rgba(255, 255, 255, 0.36);
  display: flex;
  flex-direction: column;
}
.md-abtBen_box:nth-child(n+5) {
  margin-top: 45px;
}

.md-abtBen_boxUpper {
  background-color: #fff;
  height: 3.66em;
  font-size: var(--fontSize_pc35);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-abtBen_boxLower {
  font-weight: 400;
  padding: 36px 1.8vw;
  background-color: rgba(255, 255, 255, 0.9);
  min-height: 8em;
  flex: 1;
}

@media only screen and (max-width: 1024px) {
  .md-abtBen_ttlSTxt {
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 24px;
  }
  .md-abtBen_boxWrap {
    margin-top: 30px;
    display: block;
  }
  .md-abtBen_box {
    width: 100%;
  }
  .md-abtBen_box:nth-child(n+5) {
    margin-top: 0;
  }
  .md-abtBen_box + .md-abtBen_box {
    margin-top: 25px;
  }
  .md-abtBen_boxUpper {
    position: relative;
    font-size: var(--fontSize_sp18);
    font-weight: 600;
    letter-spacing: 0.052em;
    height: 3.11em;
    justify-content: start;
    padding-left: 20px;
  }
  .md-abtBen_boxLower {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
    font-weight: 500;
    padding: 25px 20px;
    min-height: unset;
  }
  .md-abtBen_open {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
  }
  .md-abtBen_open span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #08085F;
  }
  .md-abtBen_open span:last-child {
    transform: rotate(90deg);
    transition: 0.3s;
  }
  .md-abtBen_open.active span:last-child {
    transform: none;
  }
}
/*===============================
         md-abtChart
===============================*/
.md-abtChart_ttlSTxt {
  margin-top: 48px;
}

.md-abtChart_treeWrap {
  margin-top: 80px;
}
.md-abtChart_treeWrap span {
  position: relative;
  display: block;
  width: 14.85em;
  height: 3.7em;
  font-size: var(--fontSize_pc26);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.md-abtChart_treeWrap span._columnTop {
  height: 4.77em;
}
.md-abtChart_treeWrap span._columnLow {
  height: 2.85em;
}

._row1 span {
  margin: 0 auto;
  background-color: #08085F;
}
._row1 span::before {
  position: absolute;
  content: "";
  display: block;
  height: 56px;
  width: 0.7px;
  bottom: -56px;
  left: 50%;
  background-color: #fff;
}

._row2, ._row3 {
  display: grid;
  grid-template-columns: repeat(3, calc(14.85 * var(--fontSize_pc26)));
  grid-template-rows: 1fr;
  grid-column-gap: 4.0625vw;
  grid-row-gap: 0px;
  margin-top: 56px;
  justify-content: center;
}

._row2 span {
  background-color: #071C6D;
}
._row2 ._1 {
  grid-area: 1/2/2/3;
}
._row2 ._1::before {
  position: absolute;
  content: "";
  display: block;
  height: 0.7px;
  width: 4.0625vw;
  top: 50%;
  right: -4.0625vw;
  background-color: #fff;
}
._row2 ._1::after {
  position: absolute;
  content: "";
  display: block;
  height: calc(118px + var(--fontSize_pc26) * 3.7);
  width: 0.7px;
  bottom: 0;
  transform: translateY(100%);
  left: 50%;
  background-color: #fff;
}
._row2 ._2 {
  grid-area: 1/3/2/4;
}

._row3 span {
  background-color: #052273;
  grid-area: 1/3/2/4;
}
._row3 span::before {
  position: absolute;
  content: "";
  display: block;
  height: 0.7px;
  width: calc(4.0625vw + var(--fontSize_pc26) * 14.85 / 2);
  top: 50%;
  left: 0;
  background-color: #fff;
  transform: translateX(-100%);
}

._row4 {
  position: relative;
  margin-top: 156px;
  display: grid;
  grid-template-columns: repeat(4, calc(14.85 * var(--fontSize_pc26)));
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
}
._row4::before {
  position: absolute;
  content: "";
  display: block;
  top: -94px;
  width: calc(100% - var(--fontSize_pc26) * 14.85);
  height: 0.7px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
}

._columnTop {
  text-align: center;
  margin-bottom: 40px;
}
._columnTop._1 {
  background-color: #022C7E;
}
._columnTop._2 {
  background-color: #033689;
}
._columnTop._3 {
  background-color: #004498;
}
._columnTop._4 {
  background-color: #155DB5;
}
._columnTop::before {
  position: absolute;
  content: "";
  display: block;
  top: -94px;
  left: 50%;
  height: 94px;
  width: 0.7px;
  background-color: #fff;
}

._columnLow + ._columnLow {
  margin-top: 48px;
}
._columnLow._1 {
  border: 4px solid #022C7E;
  background-color: rgba(2, 44, 126, 0.25);
}
._columnLow._2 {
  border: 4px solid #033689;
  background-color: rgba(3, 54, 137, 0.25);
}
._columnLow._3 {
  border: 4px solid #004498;
  background-color: rgba(0, 68, 152, 0.25);
}
._columnLow._4 {
  border: 4px solid #155DB5;
  background-color: rgba(21, 93, 181, 0.25);
}

@media only screen and (min-width: 1281) {
  .md-abtChart_treeWrap span._columnLow br {
    display: none;
  }
}
@media only screen and (max-width: 1280px) {
  .md-abtChart_treeWrap span {
    width: 12em;
    height: 3em;
    font-size: var(--fontSize_pc20);
  }
  .md-abtChart_treeWrap span._columnTop {
    height: 4.2em;
  }
  .md-abtChart_treeWrap span._columnLow {
    height: 4em;
    text-align: center;
  }
  ._row2, ._row3 {
    display: grid;
    grid-template-columns: repeat(3, calc(12 * var(--fontSize_pc20)));
    grid-template-rows: 1fr;
    grid-column-gap: 3vw;
  }
  ._row2 ._1::before {
    height: 0.7px;
    width: 3vw;
    right: -3vw;
  }
  ._row2 ._1::after {
    height: calc(118px + var(--fontSize_pc20) * 3);
  }
  ._row3 span::before {
    width: calc(3vw + var(--fontSize_pc20) * 12 / 2);
  }
  ._row4 {
    grid-template-columns: repeat(4, calc(12 * var(--fontSize_pc20)));
  }
  ._row4::before {
    width: calc(100% - var(--fontSize_pc20) * 12);
  }
}
@media only screen and (max-width: 1024px) {
  .swiper-slide.md-abtChart_treeWrap {
    width: -moz-max-content;
    width: max-content;
  }
  .md-abtChart_treeWrap span {
    width: 30vw;
  }
  ._row1 span {
    margin-right: auto;
    margin-left: 0;
  }
  ._row2, ._row3 {
    margin-top: 24px;
    grid-template-columns: repeat(4, 30vw);
    grid-column-gap: 8.5vw;
  }
  ._row2 ._1 {
    grid-area: 1/2/2/1;
  }
  ._row2 ._2 {
    grid-area: 1/3/2/2;
  }
  ._row2 ._1::before {
    width: 8.5vw;
    right: -8.5vw;
  }
  ._row3 span {
    grid-area: 1/3/2/2;
  }
  ._row3 span::before {
    width: 23.5vw;
  }
  ._row4 {
    grid-template-columns: repeat(4, 30vw);
    margin-top: 70px;
  }
  ._row4::before {
    width: calc(100% - 30vw);
    top: -35px;
  }
  ._columnTop::before {
    height: 35px;
    top: -35px;
  }
  .md-abtChart_treeWrap {
    margin-top: 50px;
  }
  .md-abtChart_treeWrap span {
    font-size: var(--fontSize_sp14);
    height: 2.86em;
  }
  .md-abtChart_treeWrap span._columnTop {
    height: 3.7em;
  }
  .md-abtChart_treeWrap span._columnLow {
    height: 3em;
    font-size: var(--fontSize_sp11);
    letter-spacing: 0.055em;
  }
  ._columnLow + ._columnLow {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .md-abtChart_treeWrap span {
    width: 42vw;
  }
  ._row2, ._row3 {
    grid-template-columns: repeat(4, 42vw);
  }
  ._row2 ._1::before {
    width: 8.5vw;
    right: -8.5vw;
  }
  ._row3 span::before {
    width: 29.5vw;
  }
  ._row4 {
    grid-template-columns: repeat(4, 42vw);
  }
  ._row4::before {
    width: calc(100% - 42vw);
  }
  ._columnTop {
    margin-bottom: 20px;
  }
}
/*===============================
         md-works
===============================*/
.md-works_ttlWrap {
  position: relative;
  cursor: pointer;
  padding-right: 40px;
}

.md-works_open {
  bottom: calc(var(--fontSize_pc70) / 2);
  transform: translateY(50%);
}

.md-worksTop_txtSlide {
  padding-top: 105px;
}

.md-works_ttlSTxt {
  margin-top: 34px;
}

.md-works_flexWrap {
  display: flex;
  margin-top: 50px;
  padding-bottom: 86px;
}

.md-works_picWrap {
  position: relative;
  margin-right: 6.46vw;
}
.md-works_picWrap picture {
  position: sticky;
  display: block;
  width: 36.2vw;
  height: 28.4vw;
  top: 150px;
  left: 0;
}

.md-works_txtWrap {
  flex: 1;
}

.md-works_flexTtl {
  font-size: var(--fontSize_pc35);
  line-height: 1.4;
  margin-bottom: 40px;
}

.md-works_flex_sTxt {
  margin-bottom: 35px;
  font-weight: 400;
}
.md-works_flex_sTxt ._flex {
  display: flex;
}
.md-works_flex_sTxt ._flex span:last-child {
  flex: 1;
}

.md-works_flexBox_lTxt {
  position: relative;
  font-size: var(--fontSize_pc35);
  padding-left: 64px;
  margin-bottom: 20px;
}
.md-works_flexBox_lTxt::before {
  position: absolute;
  content: "";
  display: block;
  width: 52px;
  height: 1px;
  background-color: #fff;
  left: 0;
  top: 50%;
}
.md-works_flexBox_lTxt::after {
  position: absolute;
  content: "";
  display: block;
  width: 60%;
  top: 50%;
  height: 1px;
  right: 0;
  background-color: #fff;
}

.md-works_flexBox_txtWrap {
  padding: 0 20px 35px 42px;
  position: relative;
}
.md-works_flexBox_txtWrap p._ss {
  font-weight: 300;
  margin-top: 8px;
  padding-left: 41px;
}
.md-works_flexBox_txtWrap p._ss + .md-works_flexBox_sTxt {
  margin-top: 30px;
}

.md-works_flexBox {
  position: relative;
}
.md-works_flexBox::before {
  position: absolute;
  display: block;
  content: "";
  height: calc(100% - var(--fontSize_pc35) * 0.8);
  bottom: 0;
  width: 100%;
  border: 1px solid #fff;
  border-top: none;
}
.md-works_flexBox::before {
  left: 0;
}

.md-works_flexBox_sTxt {
  display: flex;
  align-items: center;
  font-size: var(--fontSize_pc28);
  font-weight: 400;
}
.md-works_flexBox_sTxt img {
  width: 19px;
  height: 19px;
  margin-right: 22px;
}

@media only screen and (max-width: 1024px) {
  .md-works_txtWrap {
    margin-top: 20px;
  }
  .md-worksTop_txtSlide {
    padding-top: 50px;
  }
  .md-works_ttlSTxt {
    font-size: var(--fontSize_sp13);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 18px;
  }
  .md-works_flexWrap {
    display: block;
    margin-top: 20px;
    padding-bottom: 40px;
  }
  .md-works_picWrap {
    width: 100%;
    height: 65.9vw;
    max-height: 450px;
    margin-right: 0;
  }
  .md-works_picWrap picture {
    position: relative;
    width: 100%;
    height: 100%;
    top: auto;
  }
  .md-works_flexTtl {
    font-size: var(--fontSize_sp18);
    font-weight: 600;
    letter-spacing: 0.052em;
    margin-bottom: 18px;
  }
  .md-works_flex_sTxt {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
    margin-bottom: 36px;
  }
  .md-works_flexBox_lTxt {
    font-size: var(--fontSize_sp18);
    font-weight: 600;
    letter-spacing: 0.052em;
    padding-left: 20px;
  }
  .md-works_flexBox_lTxt::before {
    width: 10px;
  }
  .md-works_flexBox_lTxt::after {
    width: 54%;
  }
  .md-works_flexBox_txtWrap {
    padding: 0 10px 20px 20px;
  }
  .md-works_flexBox_txtWrap p._ss {
    font-size: var(--fontSize_sp12);
    padding-left: 20px;
    margin-top: 8px;
  }
  .md-works_flexBox_txtWrap p._ss + .md-works_flexBox_sTxt {
    margin-top: 30px;
  }
  .md-works_flexBox_sTxt {
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.055em;
    align-items: start;
  }
  .md-works_flexBox_sTxt img {
    width: 12px;
    height: auto;
    padding-top: calc(var(--fontSize_sp12) * 0.4);
    margin-right: 8px;
  }
}

/*===============================
         md-wksMsg
===============================*/
.md-wksMsg_contWrap{
  text-align: center;
  position: relative;
  font-weight: 600;
}
.md-wksMsg_contWrap ._lTxt{
  font-size: var(--fontSize_pc60);
  line-height: 1.33;
  margin-bottom: 65px;
}
.md-wksMsg_contWrap ._sTxt{
  font-size: var(--fontSize_pc34);
  line-height: 1.5;
}
.md-wksMsg_contWrap ._bgTxt{
  position: absolute;
  top: 45%;
  width: 100%;
  left: 0;
  opacity: 0.12;
  z-index: -1;
}
@media only screen and (max-width: 1024px) {
  .md-wksMsg_contWrap ._lTxt{
    font-size: var(--fontSize_sp26);
    margin-bottom: 26px;
  }
  .md-wksMsg_contWrap ._sTxt{
    font-size: var(--fontSize_sp16);
  }
  .md-wksMsg_contWrap ._bgTxt{
    position: absolute;
    top: 45%;
    width: 100%;
    left: 0;
    opacity: 0.12;
    z-index: -1;
  }
}


/*===============================
         md-partners
===============================*/
.md-partners_ttlWrap {
  text-align: center;
  margin-bottom: 80px;
}

.md-partners_box {
  color: #08085F;
}
.md-partners_box + .md-partners_box {
  margin-top: 102px;
}

.md-partners_boxTtl {
  background-color: #fff;
  height: 3.66em;
  font-size: var(--fontSize_pc35);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-partners_boxList {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3.85vw 7vw 5.2vw 7vw;
  display: flex;
  flex-wrap: wrap;
  font-size: var(--fontSize_pc22);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.md-partners_boxList._3 li {
  width: calc(33.333% - 1.5vw);
}
.md-partners_boxList._3 li:nth-child(3n), .md-partners_boxList._3 li:nth-child(3n-1) {
  margin-left: 2.25vw;
}
.md-partners_boxList._2 {
  justify-content: space-between;
}
.md-partners_boxList._2 li {
  width: calc(50% - 1.5vw);
}

.md-partners_sTxt {
  position: absolute;
  right: 7vw;
  bottom: 5.2vw;
  font-size: var(--fontSize_pc18);
}

@media only screen and (max-width: 1024px) {
  .md-partners_ttlWrap {
    margin-bottom: 30px;
  }
  .md-partners_boxTtl {
    position: relative;
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.052em;
    font-weight: 600;
    height: 3.11em;
    justify-content: start;
    padding-left: 20px;
  }
  .md-partners_boxList {
    padding: 22px 20px;
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.055em;
    display: block;
  }
  .md-partners_boxList._2 li, .md-partners_boxList._3 li {
    width: 100%;
  }
  .md-partners_boxList._3 li:nth-child(3n), .md-partners_boxList._3 li:nth-child(3n-1) {
    margin-left: 0;
  }
  .md-partners_boxList._2 li:nth-child(2n) {
    margin-left: 0;
  }
  .md-partners_box + .md-partners_box {
    margin-top: 30px;
  }
}
/*===============================
         md-newJobs
===============================*/
.md-newJobs_ttlWrap {
  display: flex;
}

.md-newJobs_ttlLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 43.5vw;
  height: 25.7vw;
  margin-right: 6.46vw;
}
.md-newJobs_ttlLeft picture {
  display: block;
  width: 88%;
  height: calc(50% - 10px);
}
.md-newJobs_ttlLeft picture._2 {
  margin-left: auto;
}

.md-newJobs_ttlRight {
  flex: 1;
}

.md-newJobs_topTxt {
  margin-top: 44px;
}

.md-newJobs_contWrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.md-newJobs_contWrap:first-child {
  margin-top: 144px;
}
.md-newJobs_contWrap + .md-newJobs_contWrap {
  padding-top: 62px;
}

.md-newJobs_contTtl {
  position: relative;
  font-size: var(--fontSize_pc50);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-left: 50px;
  margin-bottom: 62px;
  cursor: pointer;
}
.md-newJobs_contTtl span {
  font-size: var(--fontSize_pc30);
  letter-spacing: 0.02em;
  padding-left: 16px;
}
.md-newJobs_contTtl::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #E8E85B;
}

.md-newJobs_open {
  top: 50%;
  transform: translateY(-50%);
}

.md-newJobs_markerTxt {
  font-size: var(--fontSize_pc35);
  font-weight: 700;
  margin-left: 2.6vw;
}
.md-newJobs_markerTxt._center {
  margin: 0 auto;
}

.md-newJobs_hideWrap {
  padding: 18px 0 120px 0;
}

.md-newJobs_flowWrap {
  margin-top: 44px;
  margin-bottom: 100px;
}

.md-newJobs_spSwiperWrap {
  display: flex;
  justify-content: space-between;
}

.md-newJobs_flow.swiper-slide {
  width: 22vw;
}
.md-newJobs_flow.swiper-slide._l {
  width: 28vw;
}

.md-newJobs_flow + .md-newJobs_flow {
  position: relative;
}
.md-newJobs_flow + .md-newJobs_flow::before {
  position: absolute;
  content: "";
  display: block;
  height: 5.42vw;
  width: 1.5625vw;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #fff;
  opacity: 0.3;
  margin-top: 6vw;
  left: -5vw;
  transform: translateX(-100%);
}

.md-newJobs_flowBox {
  position: relative;
  width: 15.5vw;
  height: 17.6vw;
  text-align: center;
  padding-top: 2.3vw;
  padding-bottom: 4.16vw;
  margin: 0 auto;
}

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

.md-newJobs_flowNum {
  font-size: var(--fontSize_pc52);
  font-family: "josefin", sans-serif;
  letter-spacing: 0;
  line-height: 1;
}

.md-newJobs_flowImg {
  height: 6.77vw;
  margin-top: 1.5625vw;
}
.md-newJobs_flowImg img {
  height: 100%;
  width: auto;
}

.md-newJobs_flowLTxt {
  margin-top: 22px;
  text-align: center;
  font-size: var(--fontSize_pc27);
  font-weight: 600;
}
.md-newJobs_flowLTxt span {
  font-size: var(--fontSize_pc20);
  display: inline-block;
}

.md-newJobs_flowTxtWrap {
  margin-bottom: 30px;
}

.md-newJobs_flowsTxt {
  margin-top: 32px;
  font-size: var(--fontSize_pc20);
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.8;
}
.md-newJobs_flowsTxt span {
  margin-top: auto;
  display: block;
  font-size: var(--fontSize_pc15);
  letter-spacing: 0.1em;
  margin-top: 16px;
}

.md-newJobs_borderBox {
  margin-top: auto;
  border: 1px dashed #fff;
  padding: 24px 18px;
  font-size: var(--fontSize_pc18);
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.8;
}
.md-newJobs_borderBox ._checkFlex {
  display: flex;
}
.md-newJobs_borderBox ._checkFlex img {
  width: 25px;
  height: 25px;
  margin-right: 14px;
}
.md-newJobs_borderBox ._checkFlex + ._checkFlex {
  margin-top: 14px;
}

.md-newJobs_flowNavWrap {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 82px;
}

.md-newJobs_flowNavNext,
.md-newJobs_flowNavPrev {
  width: 72px;
  cursor: pointer;
}

.md-newJobs_flowNavNext {
  margin-left: 56px;
}
.md-newJobs_flowNavNext img {
  transform: rotate(180deg);
}

.md-newJobs_flowPageNav.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 78px;
  display: flex;
  align-items: center;
}

.md-newJobs_flowNavWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 20px;
  height: 24px;
  margin: 0 16px;
  position: relative;
  background: transparent;
  background-image: url(../images/new-graduate/pagenav.png);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  border-radius: 0;
}

.md-newJobs_flowNavWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-image: url(../images/new-graduate/pageNav_active.png);
  width: 34px;
  height: 38px;
}

.md-newJobs_stepWrap {
  margin-top: 66px;
}

.md-newJobs_stepSpSwiperWrap {
  display: flex;
  justify-content: space-between;
}

.md-newJobs_step {
  width: calc(25% - 0.625vw);
}

.md-newJobs_stepUpper {
  height: 2.85em;
  font-size: var(--fontSize_pc27);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #08085F;
}
.md-newJobs_stepUpper._1 {
  position: relative;
}
.md-newJobs_stepUpper._1::before {
  position: absolute;
  content: "";
  display: block;
  width: 1.2vw;
  height: 100%;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  top: 0;
  right: 0;
  transform: translateX(100%);
}
.md-newJobs_stepUpper._2, .md-newJobs_stepUpper._3 {
  -webkit-clip-path: polygon(0 0, calc(100% - 1.2vw) 0, 100% 50%, calc(100% - 1.2vw) 100%, 0 100%, 1.2vw 50%);
          clip-path: polygon(0 0, calc(100% - 1.2vw) 0, 100% 50%, calc(100% - 1.2vw) 100%, 0 100%, 1.2vw 50%);
}
.md-newJobs_stepUpper._4 {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 1.2vw 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 1.2vw 50%);
}
.md-newJobs_stepUpper._1, .md-newJobs_stepUpper._1::before {
  background-color: #86A1E8;
}
.md-newJobs_stepUpper._2, .md-newJobs_stepUpper._2::before {
  background-color: #98ACE2;
  width: calc(100% + 1.2vw);
}
.md-newJobs_stepUpper._3, .md-newJobs_stepUpper._3::before {
  background-color: #C5D1F4;
  width: calc(100% + 1.2vw);
}
.md-newJobs_stepUpper._4 {
  background-color: #DADAFC;
}

.md-newJobs_stepLower {
  margin-top: 10px;
  width: 100%;
  height: 7.5em;
  padding: 0 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #6D90EA;
  font-weight: 400;
  letter-spacing: 0.18em;
  line-height: 1.8;
}

.md-newJobs_boxWrap {
  margin-top: 90px;
  display: flex;
  justify-content: space-between;
}

.md-newJobs_box {
  position: relative;
  width: calc(50% - 0.78125vw);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.md-newJobs_box::before, .md-newJobs_box::after {
  position: absolute;
  content: "";
  display: block;
  height: calc(100% - var(--fontSize_pc35) * 0.8);
  width: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  bottom: 0;
}
.md-newJobs_box::before {
  left: 0;
}
.md-newJobs_box::after {
  right: 0;
}
.md-newJobs_box._1 {
  width: 100%;
}

.md-newJobs_boxLTxt {
  position: relative;
  font-size: var(--fontSize_pc35);
  text-align: center;
}
.md-newJobs_boxLTxt::before, .md-newJobs_boxLTxt::after {
  position: absolute;
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.6);
  top: 50%;
}
.md-newJobs_boxLTxt::before {
  left: 0;
}
.md-newJobs_boxLTxt::after {
  right: 0;
}
.md-newJobs_boxLTxt._shortBorder::before, .md-newJobs_boxLTxt._shortBorder::after {
  width: 25%;
}
.md-newJobs_boxLTxt._shortBorderM::before, .md-newJobs_boxLTxt._shortBorderM::after {
  width: 29%;
}
.md-newJobs_boxLTxt._shortBorderS::before, .md-newJobs_boxLTxt._shortBorderS::after {
  width: 22%;
}
.md-newJobs_boxLTxt._shortBorderRobo::before, .md-newJobs_boxLTxt._shortBorderRobo::after {
  width: 28%;
}

.md-newJobs_boxSTxt {
  padding: 32px 20px;
  display: flex;
  justify-content: center;
  line-height: 1.3;
  font-weight: 300;
  letter-spacing: 0.18em;
}
.md-newJobs_boxSTxt > div {
  width: -moz-fit-content;
  width: fit-content;
}
.md-newJobs_boxSTxt._1 div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 1.3em;
}
.md-newJobs_boxSTxt._1 div p + p {
  margin-top: 0;
}
.md-newJobs_boxSTxt p {
  display: flex;
  align-items: start;
}
.md-newJobs_boxSTxt p img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
  margin-top: 0.2em;
}
.md-newJobs_boxSTxt p + p {
  margin-top: 1.3em;
}

.md-newJobs_hideWrap {
  display: none;
}

@media only screen and (max-width: 1280px) {
  .md-newJobs_boxSTxt._1 div {
    display: block;
  }
  .md-newJobs_boxSTxt._1 div p + p {
    margin-top: 1.3em;
  }
}
@media only screen and (max-width: 1024px) {
  .md-newJobs_ttlWrap {
    display: block;
  }
  .md-newJobs_ttlLeft {
    width: 100%;
    height: 80.26vw;
    margin-right: 0;
    max-height: 500px;
  }
  .md-newJobs_ttlLeft picture {
    width: calc(100% - 20px);
    height: calc(50% - 7px);
  }
  .md-newJobs_ttlLeft picture._1 {
    transform: translateX(-20px);
  }
  .md-newJobs_ttlRight {
    margin-top: 30px;
  }
  .md-newJobs_topTxt {
    margin-top: 18px;
    font-size: var(--fontSize_sp13);
    font-weight: 400;
    letter-spacing: 0.05em;
  }
  .md-newJobs_contWrap:first-child {
    margin-top: 60px;
  }
  .md-newJobs_contTtl {
    font-size: var(--fontSize_sp23);
    padding-left: 20px;
    margin-bottom: 28px;
    padding-right: 40px;
  }
  .md-newJobs_contTtl span {
    font-size: var(--fontSize_sp12);
    display: block;
    padding-left: 0;
  }
  .md-newJobs_contTtl::before {
    width: 8px;
    height: 8px;
  }
  .md-newJobs_contWrap + .md-newJobs_contWrap {
    padding-top: 28px;
  }
  .md-newJobs_hideWrap {
    padding: 0;
    padding-bottom: 50px;
  }
  .md-newJobs_flowWrap.swiper {
    width: calc(100% + 20px);
    margin-top: 22px;
    margin-bottom: 24px;
    padding-right: 20px;
  }
  .md-newJobs_flow.swiper-slide {
    width: calc(100vw - 80px);
    max-width: 500px;
  }
  .md-newJobs_flow.swiper-slide._l {
    width: 90vw;
  }
  .md-newJobs_flowArrow.swiper-slide {
    margin-top: 90px;
  }
  .md-newJobs_flowLTxt {
    font-size: var(--fontSize_sp16);
  }
  .md-newJobs_flowsTxt {
    font-size: var(--fontSize_sp14);
  }
  .md-newJobs_flowsTxt span {
    font-size: var(--fontSize_sp11);
  }
  .md-newJobs_flow + .md-newJobs_flow::before {
    width: 3.08vw;
    height: 11.3vw;
    margin-top: 90px;
    left: -4vw;
  }
  .md-newJobs_flowBox {
    width: 32vw;
    max-width: 250px;
    max-height: 280px;
    height: 36.4vw;
    padding-top: 5.13vw;
  }
  .md-newJobs_flowNum {
    font-size: var(--fontSize_sp25);
  }
  .md-newJobs_flowImg {
    margin-top: 3vw;
    height: 14.1vw;
    max-height: 100px;
  }
  .md-newJobs_flowNavNext,
  .md-newJobs_flowNavPrev {
    width: 40px;
    cursor: pointer;
  }
  .md-newJobs_flowNavNext {
    margin-left: 20px;
  }
  .md-newJobs_flowPageNav.swiper-pagination-bullets.swiper-pagination-horizontal {
    margin-right: 20px;
  }
  .md-newJobs_flowNavWrap {
    margin-top: 40px;
  }
  .md-newJobs_flowNavWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 12px;
  }
  .md-newJobs_flowNavWrap .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 17px;
    height: 19px;
  }
  .md-newJobs_stepWrap.swiper {
    width: calc(100% + 20px);
    padding-right: 20px;
    margin-top: 26px;
  }
  .md-newJobs_stepScrollBar {
    position: relative;
    margin: 28px auto 0 auto;
    width: calc(100% - 40px);
    height: 34px;
  }
  .md-newJobs_stepScrollBar::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
  }
  .md-newJobs_stepScrollBar._chart {
    margin-top: 50px;
  }
  ._btn {
    position: relative;
    background-image: url(../images/random/slidebar.png);
    background-size: contain;
    height: 34px;
  }
  .md-newJobs_step.swiper-slide {
    width: calc(50% - 20px);
  }
  .md-newJobs_stepUpper {
    font-size: var(--fontSize_sp18);
    font-weight: 600;
    height: 2.6em;
  }
  .md-newJobs_stepUpper._1::before {
    width: 20px;
  }
  .md-newJobs_stepLower {
    height: 7.125em;
    font-size: var(--fontSize_sp16);
    text-align: center;
  }
  .md-newJobs_stepUpper._2, .md-newJobs_stepUpper._3 {
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
    -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
  }
  .md-newJobs_stepUpper._4 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
  }
  .md-newJobs_boxWrap {
    display: block;
  }
  .md-newJobs_box {
    width: 100%;
  }
  .md-newJobs_box + .md-newJobs_box {
    margin-top: 28px;
  }
  .md-newJobs_boxLTxt {
    text-align: left;
    padding-left: 20px;
    font-size: var(--fontSize_sp20);
  }
  .md-newJobs_boxLTxt::before {
    width: 10px;
  }
  .md-newJobs_boxLTxt::after {
    width: 52%;
  }
  .md-newJobs_boxLTxt._shortBorder::before {
    width: 10px;
  }
  .md-newJobs_boxLTxt._shortBorder::after {
    width: calc(100% - var(--fontSize_sp20) * 12);
  }
  .md-newJobs_boxLTxt._shortBorderM::before {
    width: 10px;
  }
  .md-newJobs_boxLTxt._shortBorderM::after {
    width: calc(100% - var(--fontSize_sp20) * 10);
  }
  .md-newJobs_boxLTxt._shortBorderS::before {
    width: 10px;
  }
  .md-newJobs_boxLTxt._shortBorderS::after {
    width: calc(100% - var(--fontSize_sp20) * 14);
  }
  .md-newJobs_boxLTxt._shortBorderRobo::before {
    width: 10px;
  }
  .md-newJobs_boxLTxt._shortBorderRobo::after {
    width: calc(100% - var(--fontSize_sp20) * 11);
  }
  .md-newJobs_boxSTxt {
    padding: 18px 20px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
    justify-content: start;
  }
  .md-newJobs_boxSTxt p img {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }
  .md-newJobs_boxWrap {
    margin-top: 40px;
  }
  .md-newJobs_markerTxt {
    margin-left: 20px;
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.052em;
  }
  .md-newJobs_borderBox {
    padding: 10px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
  }
  .md-newJobs_borderBox ._checkFlex img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    padding-top: calc(var(--fontSize_sp12) * 0.2);
  }
}
@media only screen and (max-width: 768px) {
  .md-newJobs_flow + .md-newJobs_flow::before {
    margin-top: 13vw;
  }
  .md-newJobs_step.swiper-slide {
    width: calc(100% - 20px);
  }
}
/*===============================
         md-newSlideTxt
===============================*/
.md-newSlideTxt {
  padding-top: 110px;
}

@media only screen and (max-width: 1024px) {
  .md-newSlideTxt {
    padding-top: 52px;
  }
}
/*===============================
         md-newItv
===============================*/
.md-newItv_contWrap {
  padding-top: 80px;
}

.md-newItv_box {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.md-newItv_box + .md-newItv_box {
  margin-top: 225px;
}

.md-newItv_open {
  bottom: 88px;
}
.md-newItv_open.active {
  bottom: 44px;
}

.md-newItv_ttlWrap {
  padding-bottom: 90px;
}

.md-newItv_picWrap {
  margin-bottom: 110px;
}

.md-newItv_txtWrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.md-newItv_lTxt {
  font-size: var(--fontSize_pc35);
  letter-spacing: 0.05em;
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  width: 45.6vw;
  margin-right: 5.7vw;
}

.md-newItv_nameWrap {
  flex: 1;
  padding-left: 3.4vw;
  border-left: 10px solid #E8E85B;
}

.md-newItv_name {
  font-size: var(--fontSize_pc30);
  font-weight: 800;
  margin-bottom: 8px;
  color: #E8E85B;
  line-height: 1;
}

.md-newItv_post {
  font-size: var(--fontSize_pc25);
}

.md-newItv_hideWrap {
  padding-top: 58px;
  padding-bottom: 188px;
  display: none;
}

.md-newItv_talkBox ._qWrap, .md-newItv_talkBox ._aWrap {
  position: relative;
  padding: 0 13.6vw;
}
.md-newItv_talkBox ._qWrap {
  margin-bottom: 35px;
}
.md-newItv_talkBox ._q, .md-newItv_talkBox ._a {
  position: relative;
  padding: 38px 6vw;
  font-size: var(--fontSize_pc25);
}
.md-newItv_talkBox ._q::before, .md-newItv_talkBox ._a::before {
  position: absolute;
  content: "";
  display: block;
  height: 0.625vw;
  width: 1.25vw;
}
.md-newItv_talkBox ._q {
  background-color: #fff;
  color: #1D1D95;
}
.md-newItv_talkBox ._q::before {
  bottom: 20px;
  left: 0;
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: #fff;
  transform: translateX(-100%);
}
.md-newItv_talkBox ._a {
  background-color: rgba(232, 232, 91, 0.9);
  border: 4px solid #E8E85B;
  color: #08085F;
  font-weight: 600;
}
.md-newItv_talkBox ._a::before {
  top: 68px;
  right: 0;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: #fff;
  transform: translateX(100%);
  background-color: #E8E85B;
}
.md-newItv_talkBox ._qPicWrap, .md-newItv_talkBox ._aPicWrap {
  position: absolute;
}
.md-newItv_talkBox ._qPicWrap {
  top: -26px;
  left: 0;
}
.md-newItv_talkBox ._aPicWrap {
  top: 0;
  right: 0;
}
.md-newItv_talkBox ._qPicTxt, .md-newItv_talkBox ._aPicTxt {
  text-align: center;
  margin-top: 18px;
}
.md-newItv_talkBox ._aPicTxt {
  font-size: var(--fontSize_pc24);
  color: #E8E85B;
}
.md-newItv_talkBox ._qPic, .md-newItv_talkBox ._aPic {
  position: relative;
  width: 9.6vw;
  height: 9.6vw;
  border-radius: 50%;
  overflow: hidden;
}
.md-newItv_talkBox ._qPic {
  border: 1px solid #fff;
}
.md-newItv_talkBox ._qPic img {
  position: absolute;
  width: 86%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.md-newItv_talkBox + .md-newItv_talkBox {
  margin-top: 84px;
}

.md-newItv_schWrap {
  padding-top: 120px;
}

.md-newItv_schLTxt {
  padding-left: 68px;
  border-left: 20px solid #E8E85B;
  font-size: var(--fontSize_pc50);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
}

.md-newItv_schFlex {
  display: flex;
  margin-top: 54px;
}

.md-newItv_schPicWrap {
  position: relative;
  width: 35.3125vw;
  margin-right: 8vw;
}
.md-newItv_schPicWrap picture {
  position: sticky;
  top: 150px;
  left: 0;
  display: block;
  height: 19.8vw;
}

.md-newItv_schTxtWrap {
  flex: 1;
}
.md-newItv_schTxtWrap dl {
  padding: 22px 0;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  font-weight: 400;
}
.md-newItv_schTxtWrap dl dt {
  margin-right: 5.7vw;
  color: #E8E85B;
  font-size: var(--fontSize_pc23);
}
.md-newItv_schTxtWrap dl dd {
  font-size: var(--fontSize_pc28);
}
.md-newItv_schTxtWrap dl:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}

@media only screen and (max-width: 1024px) {
  .md-newItv_contWrap {
    padding-top: 36px;
  }
  .md-newItv_picWrap {
    margin-bottom: 25px;
    height: 49.7vw;
    max-height: 300px;
  }
  .md-newItv_txtWrap {
    display: block;
  }
  .md-newItv_lTxt {
    font-size: var(--fontSize_sp18);
    width: 100%;
    margin-right: 0;
    letter-spacing: 0.052em;
  }
  .md-newItv_nameWrap {
    position: relative;
    margin-top: 32px;
    padding-left: 0;
    border-left: none;
    display: flex;
  }
  .md-newItv_nameWrap::before {
    position: absolute;
    content: "";
    display: block;
    top: -16px;
    left: 0;
    width: 22px;
    height: 2.5px;
    background-color: #E8E85B;
  }
  .md-newItv_name {
    font-size: var(--fontSize_sp20);
    margin-bottom: 0;
  }
  .md-newItv_post {
    font-size: var(--fontSize_sp12);
    margin-left: 30px;
    letter-spacing: 0.05em;
  }
  .md-newItv_ttlWrap {
    padding-bottom: 66px;
  }
  .md-newItv_open {
    bottom: 26px;
  }
  .md-newItv_open.active {
    bottom: 22px;
  }
  .md-newItv_hideWrap {
    padding-top: 42px;
  }
  .md-newItv_talkBox ._qWrap, .md-newItv_talkBox ._aWrap {
    padding: 0 20px;
  }
  .md-newItv_talkBox ._q::before,
  .md-newItv_talkBox ._a::before {
    display: none;
  }
  .md-newItv_talkBox ._qPic, .md-newItv_talkBox ._aPic {
    width: 54px;
    height: 54px;
  }
  .md-newItv_talkBox ._qPicWrap {
    top: -28px;
    z-index: 2;
    background-color: #08085F;
    border-radius: 50%;
  }
  .md-newItv_talkBox ._aPicWrap {
    z-index: 2;
    top: -28px;
  }
  .md-newItv_talkBox ._q {
    padding: 12px;
    font-size: var(--fontSize_sp13);
    font-weight: 600;
    letter-spacing: 0.01em;
    display: flex;
    justify-content: center;
  }
  .md-newItv_talkBox ._qWrap {
    margin-bottom: 18px;
  }
  .md-newItv_talkBox ._a {
    padding: 18px 30px;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.02em;
  }
  .md-newItv_talkBox + .md-newItv_talkBox {
    margin-top: 52px;
  }
  .md-newItv_schWrap {
    padding-top: 60px;
  }
  .md-newItv_schLTxt {
    border-left: 2.5px solid #E8E85B;
    font-size: var(--fontSize_sp18);
    padding-left: 10px;
  }
  .md-newItv_schFlex {
    margin-top: 20px;
  }
  .md-newItv_schPicWrap {
    width: 32.8vw;
    margin-right: 26px;
  }
  .md-newItv_schPicWrap picture {
    height: 48.5vw;
    max-height: 250px;
    top: 80px;
  }
  .md-newItv_schTxtWrap dl {
    padding: 12px 0;
    align-items: start;
  }
  .md-newItv_schTxtWrap dl dt {
    font-size: var(--fontSize_sp12);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-right: 8.7vw;
  }
  .md-newItv_schTxtWrap dl dd {
    font-size: var(--fontSize_sp12);
    font-weight: 400;
    letter-spacing: 0.05em;
    flex: 1;
  }
  .md-newItv_hideWrap {
    padding-bottom: 80px;
  }
  .md-newItv_box + .md-newItv_box {
    margin-top: 80px;
  }
}
/*===============================
          md-req
===============================*/
.md-req_ttlWrap {
  text-align: center;
}

.md-req_contWrap {
  padding-top: 94px;
}

.md-req_dlWrap {
  margin-top: 32px;
  padding: 6vw 16.7vw 8vw 16.7vw;
  background-color: #fff;
  color: #1C1C1C;
}

.md-req_dl {
  border-bottom: 1px solid #014498;
  padding: 16px 0;
  display: flex;
  font-size: var(--fontSize_pc22);
  letter-spacing: 0.05em;
}
.md-req_dl dt {
  width: 12em;
  font-weight: 600;
}
.md-req_dl dd {
  flex: 1;
  font-weight: 400;
}

@media only screen and (max-width: 1280px) {
  .md-req_dlWrap {
    padding: 7.9vw 8vw 10.3125vw 8vw;
  }
}
@media only screen and (max-width: 1024px) {
  .md-req_contWrap {
    padding-top: 56px;
  }
  .md-req_dlWrap {
    margin-top: 20px;
    padding: 26px 20px 80px 20px;
  }
  .md-req_dl {
    display: block;
    padding: 16px 0;
    font-size: var(--fontSize_sp13);
    letter-spacing: 0.052em;
  }
  .md-req_dl dd {
    margin-top: 12px;
  }
}
/*===============================
          md-midSkill
===============================*/
.md-midSkillWrap {
  display: flex;
  justify-content: space-between;
}

.md-midSkill_leftBox {
  width: 25.7vw;
}

.md-midSkill_boxWrap {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
}
.md-midSkill_boxWrap ._cross {
  position: relative;
  margin: 10px auto;
  width: 21px;
  height: 21px;
}
.md-midSkill_boxWrap ._cross span {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  top: 50%;
  left: 0;
}
.md-midSkill_boxWrap ._cross span:first-child {
  transform: rotate(45deg);
}
.md-midSkill_boxWrap ._cross span:last-child {
  transform: rotate(-45deg);
}

.md-midSkill_box {
  width: 100%;
  padding: 1.98vw 20px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  color: #08085F;
  position: relative;
}
.md-midSkill_box ._s {
  margin-bottom: 4px;
}
.md-midSkill_box ._l {
  font-size: var(--fontSize_pc25);
}
.md-midSkill_box._l {
  padding-top: 3.54vw;
}
.md-midSkill_box ._skillTopTxt {
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #070F5F;
  color: #fff;
  padding: 0 26px;
  font-weight: 600;
}

.md-midSkill_arrow {
  width: 2.34vw;
  height: 9.375vw;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: 280px;
}

.md-midSkill_rightBox {
  width: 46.5vw;
  display: flex;
  flex-direction: column;
}

.md-midSkill_bgWrap {
  margin-top: 28px;
  position: relative;
  padding: 4.6875vw 2.4vw 2.8125vw 2.4vw;
  flex: 1;
  max-height: 570px;
}
.md-midSkill_bgWrap ._bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
}
.md-midSkill_bgWrap::before {
  position: absolute;
  content: "";
  display: block;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7;
}

.md-midSkill_RightTxtWrap {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.md-midSkill_RightTxt {
  color: #08085F;
}
.md-midSkill_RightTxt._l {
  font-size: var(--fontSize_pc30);
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 58px auto;
  padding: 0 24px;
  border-bottom: 3px solid #08085F;
  font-weight: 700;
}
.md-midSkill_RightTxt._check {
  display: flex;
  font-size: var(--fontSize_pc25);
  font-weight: 600;
  line-height: 1.5;
}
.md-midSkill_RightTxt._check + .md-midSkill_RightTxt._check._check {
  margin-top: 30px;
}
.md-midSkill_RightTxt ._img {
  width: 30px;
  margin-right: 10px;
  padding: 0.1em;
}

@media only screen and (max-width: 1024px) {
  .md-midSkillWrap {
    display: block;
  }
  .md-midSkill_leftBox {
    width: 100%;
  }
  .md-midSkill_box {
    padding: 13px 20px;
  }
  .md-midSkill_box._l {
    padding-top: 40px;
  }
  .md-midSkill_box ._skillTopTxt {
    font-size: var(--fontSize_sp12);
  }
  .md-midSkill_box ._s {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.015em;
  }
  .md-midSkill_box ._l {
    font-size: var(--fontSize_sp14);
    font-weight: 600;
    letter-spacing: 0.052em;
  }
  .md-midSkill_boxWrap ._cross {
    width: 15px;
    height: 15px;
  }
  .md-midSkill_arrow {
    margin: 10px auto 22px auto;
    width: 44px;
    height: 12px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .md-midSkill_rightBox {
    width: 100%;
  }
  .md-midSkill_bgWrap {
    margin-top: 26px;
    padding: 32px 5.13vw 26px 5.13vw;
  }
  .md-midSkill_RightTxt._l {
    font-size: var(--fontSize_sp18);
    padding: 0;
    letter-spacing: 0.052em;
    border-bottom: 1px solid #08085F;
    margin-bottom: 20px;
  }
  .md-midSkill_RightTxt._check {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
  }
  .md-midSkill_RightTxt._check span {
    flex: 1;
  }
  .md-midSkill_RightTxt ._img {
    width: 16px;
    padding-top: 0.15em;
  }
  .md-midSkill_RightTxt._check + .md-midSkill_RightTxt._check._check {
    margin-top: 1.5em;
  }
}
/*===============================
          md-midCareer
===============================*/
.md-midCareerWrap {
  padding-top: 102px;
}

.md-midCareer_boxWrap {
  margin-top: 40px;
}

.md-midCareer_spSwiperWrap {
  display: flex;
  justify-content: space-between;
}

.md-midCareer_box {
  width: calc(20% - 0.54vw);
  display: flex;
  flex-direction: column;
}

.md-midCareer_upper {
  position: relative;
  height: 7.1em;
  font-size: var(--fontSize_pc22);
  letter-spacing: 0.05em;
}
.md-midCareer_upper._2 {
  padding-top: 37.1%;
}
.md-midCareer_upper._3 {
  padding-top: 23%;
}
.md-midCareer_upper._4 {
  padding-top: 9%;
}

.md-midCareer_upperBox {
  position: absolute;
  background-color: rgba(112, 149, 245, 0.15);
  border: 1px solid #7095F5;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  bottom: 0;
  text-align: center;
  font-weight: 600;
}
.md-midCareer_upperBox span {
  font-size: var(--fontSize_pc19);
}
.md-midCareer_upperBox._1 {
  height: 49.8%;
}
.md-midCareer_upperBox._2 {
  height: 62.9%;
}
.md-midCareer_upperBox._3 {
  height: 77%;
}
.md-midCareer_upperBox._4 {
  height: 91%;
}
.md-midCareer_upperBox._sLineeight {
  line-height: 1;
}

.md-midCareer_middle {
  margin: 6px 0;
  color: #08085F;
  height: 2.85em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.md-midCareer_middle._1 {
  background-color: #7095F5;
  -webkit-clip-path: polygon(0 0, calc(100% - 0.6vw) 0, 100% 50%, calc(100% - 0.6vw) 100%, 0 100%);
          clip-path: polygon(0 0, calc(100% - 0.6vw) 0, 100% 50%, calc(100% - 0.6vw) 100%, 0 100%);
}
.md-midCareer_middle._2 {
  background-color: #86A1E8;
}
.md-midCareer_middle._3 {
  background-color: #98ACE2;
}
.md-midCareer_middle._4 {
  background-color: #C5D1F4;
}
.md-midCareer_middle._5 {
  background-color: #DADAFC;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.6vw 50%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0.6vw 50%);
}
.md-midCareer_middle._1, .md-midCareer_middle._2, .md-midCareer_middle._3, .md-midCareer_middle._4 {
  width: calc(100% + 0.6vw);
}
.md-midCareer_middle._2, .md-midCareer_middle._3, .md-midCareer_middle._4 {
  -webkit-clip-path: polygon(0 0, calc(100% - 0.6vw) 0, 100% 50%, calc(100% - 0.6vw) 100%, 0 100%, 0.6vw 50%);
          clip-path: polygon(0 0, calc(100% - 0.6vw) 0, 100% 50%, calc(100% - 0.6vw) 100%, 0 100%, 0.6vw 50%);
}

.md-midCareer_lower {
  border: 1px solid #7095F5;
  padding: 40px 16px;
  flex: 1;
  letter-spacing: 0.18em;
  line-height: 1.8;
  font-weight: 400;
}
.md-midCareer_lower p {
  display: flex;
}
.md-midCareer_lower p + p {
  margin-top: calc(var(--fontSize_pc20) * 1.6);
}
.md-midCareer_lower p span + span {
  margin-left: 8px;
}

@media only screen and (max-width: 1024px) {
  .md-newJobs_markerTxt._spCenter {
    margin: 0 auto;
  }
  .md-midCareerWrap {
    padding-top: 54px;
  }
  .md-midCareer_boxWrap.swiper {
    margin-top: 26px;
    width: calc(100% + 20px);
    padding-right: 40px;
  }
  .md-midCareer_box.swiper-slide {
    width: 50%;
  }
  .md-midCareer_upperBox {
    font-size: var(--fontSize_sp18);
    letter-spacing: 0;
  }
  .md-midCareer_upperBox span {
    font-size: var(--fontSize_sp18);
  }
  .md-midCareer_upper {
    height: 8.78em;
  }
  .md-midCareer_middle {
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.052em;
    height: 2.67em;
  }
  .md-midCareer_middle._1, .md-midCareer_middle._2, .md-midCareer_middle._3, .md-midCareer_middle._4 {
    width: calc(100% + 20px);
  }
  .md-midCareer_middle._1 {
    -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
  }
  .md-midCareer_middle._2, .md-midCareer_middle._3, .md-midCareer_middle._4 {
    -webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%, 20px 50%);
  }
  .md-midCareer_middle._5 {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20px 50%);
  }
  .md-midCareer_lower {
    padding: 52px 20px 42px 20px;
    font-size: var(--fontSize_sp16);
    letter-spacing: 0.01em;
  }
  .md-midCareer_lower p + p {
    margin-top: calc(var(--fontSize_sp16) * 1.6);
  }
}
@media only screen and (max-width: 768px) {
  .md-midCareer_box.swiper-slide {
    width: 100%;
  }
}
/*===============================
          md-midEvo
===============================*/
.md-midEva_ttlWrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 106px;
}

.md-midEva_ttlPic {
  width: 51.875vw;
}

.md-midWEvo_ttlTxt {
  margin-top: 45px;
}

.md-midEva_contTtl {
  display: flex;
  align-items: center;
  font-size: var(--fontSize_pc50);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  width: -moz-fit-content;
  width: fit-content;
}
.md-midEva_contTtl span:first-child {
  font-size: var(--fontSize_pc80);
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  opacity: 0.5;
  margin-right: 20px;
  padding-top: 0.2em;
}

.md-midEva_boxWrap {
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
}

.md-midEva_box {
  width: calc(33.333% - 2.45vw);
  padding: 2.6vw 2.083vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 9px 0px rgba(255, 255, 255, 0.36);
  color: #08085F;
}

.md-midEva_boxLTxt {
  font-size: var(--fontSize_pc35);
  font-weight: 600;
  margin-bottom: 30px;
}

.md-midEva_boxImg {
  width: 90px;
}

.md-midEva_boxSTxt {
  margin-top: 28px;
  font-weight: 400;
}

.md-midEva_contWrap + .md-midEva_contWrap {
  margin-top: 150px;
}

@media only screen and (max-width: 1400px) {
  .md-midEva_box {
    width: calc(33.333% - 20px);
    padding: 3vw 1.5vw;
  }
  .md-midEva_boxLTxt {
    letter-spacing: 0.08em;
  }
}
@media only screen and (max-width: 1280px) {
  .md-midEva_box {
    width: calc(33.333% - 10px);
  }
}
@media only screen and (max-width: 1024px) {
  .md-midEva_ttlWrap {
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  .md-midEva_ttlPic {
    width: 100%;
    height: 43.6vw;
    margin-bottom: 28px;
  }
  .md-midWEvo_ttlTxt {
    font-size: var(--fontSize_sp13);
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 24px;
  }
  .md-midEva_contTtl span:first-child {
    font-size: var(--fontSize_sp40);
  }
  .md-midEva_contTtl {
    font-size: var(--fontSize_sp23);
    letter-spacing: 0.052em;
  }
  .md-midEva_boxWrap {
    margin-top: 30px;
    display: block;
  }
  .md-midEva_box {
    width: 100%;
    padding: 28px 20px;
    display: grid;
    grid-template-columns: 14.8vw 1fr;
    grid-template-rows: auto auto;
    -moz-column-gap: 18px;
         column-gap: 18px;
  }
  .md-midEva_box + .md-midEva_box {
    margin-top: 20px;
  }
  .md-midEva_boxImg {
    grid-row: 1/3;
    grid-column: 1/2;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
  }
  .md-midEva_boxLTxt {
    grid-row: 1/2;
    grid-column: 2/3;
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.052em;
    margin-bottom: 0;
  }
  .md-midEva_boxSTxt {
    grid-row: 2/3;
    grid-column: 2/3;
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.055em;
    margin-top: 10px;
  }
  .md-midEva_contWrap + .md-midEva_contWrap {
    margin-top: 60px;
  }
}
/*===============================
          md-midItv
===============================*/
.md-midItv_flex {
  display: flex;
}

.md-midItv_leftWrap {
  position: relative;
  width: 32.6vw;
  margin-right: 5.1vw;
}
.md-midItv_leftWrap picture {
  position: sticky;
  top: 120px;
  left: 0;
  display: block;
  height: 41.875vw;
  max-height: 80vh;
}

.md-midItv_rightWrap {
  flex: 1;
}

.md-midItv_qTxt {
  display: flex;
  align-items: center;
  font-size: var(--fontSize_pc30);
  font-weight: 600;
  margin-top: 130px;
}
.md-midItv_qTxt ._q {
  font-size: var(--fontSize_pc80);
  font-family: "josefin", sans-serif;
  letter-spacing: -0.05em;
  opacity: 0.5;
  margin-right: 20px;
  line-height: 1;
}
.md-midItv_qTxt:first-child {
  margin-top: 0;
}

.md-midItv_aTxt {
  margin-top: 30px;
  font-size: var(--fontSize_pc22);
  font-weight: 300;
  line-height: 1.86;
}

@media only screen and (max-width: 1024px) {
  .md-midItv_leftWrap {
    display: none;
  }
  .md-midItv_qTxt ._q {
    font-size: var(--fontSize_sp40);
  }
  .md-midItv_qTxt {
    font-size: var(--fontSize_sp18);
    letter-spacing: 0.035em;
    margin-top: 36px;
  }
  .md-midItv_aTxt {
    font-size: var(--fontSize_sp12);
    letter-spacing: 0.01em;
  }
}
/*===============================
         md-contactForm
===============================*/
.md-contactFormWrap {
  margin-top: 105px;
}

.md-contactForm_select {
  margin-bottom: 166px;
}

.md-contactForm {
  font-size: var(--fontSize_pc22);
  letter-spacing: 0.05em;
}
.md-contactForm dl {
  display: flex;
  padding: 0 11vw;
  margin: 0 auto;
}
.md-contactForm dl + dl {
  margin-top: 54px;
}
.md-contactForm dl dt {
  width: 8em;
  margin-right: 8vw;
  text-align: right;
  padding-top: 16px;
  font-weight: 600;
}
.md-contactForm dl dd {
  flex: 1;
  font-weight: 400;
}
.md-contactForm .radio {
  display: flex;
  padding-top: 16px;
}
.md-contactForm .radio._cat{
  flex-wrap: wrap;
}
.md-contactForm .radio._cat span + span{
  margin-left: 0;
}
.md-contactForm .radio._cat span{
  width: 30%;
}
.md-contactForm .radio._cat span:nth-child(3n+1){
  width: 40%;
}
.md-contactForm .radio._cat span:nth-child(n+4){
  margin-top: 30px;
}
.md-contactForm .radio._cat span label span{
  flex: 1;
}
.md-contactForm .radio span + span {
  margin-left: 42px;
}
.md-contactForm ._birth {
  display: flex;
  align-items: end;
}
.md-contactForm ._birth span:nth-child(2n) {
  margin: 0 3vw 0 1.04vw;
  padding-bottom: 12px;
}
.md-contactForm ._year {
  width: 10em;
  min-width: 206px;
  max-width: 240px;
}
.md-contactForm ._month, .md-contactForm ._date {
  width: 6em;
  min-width: 108px;
  max-width: 130px;
}
.md-contactForm ._adress {
  display: flex;
  flex-wrap: wrap;
}
.md-contactForm ._adress span:nth-child(1) {
  width: 10.8em;
  min-width: 238px;
  margin-right: 1.875vw;
}
.md-contactForm ._adress span:nth-child(2) {
  width: 14em;
  min-width: 308px;
}
.md-contactForm ._adress span:nth-child(3) {
  width: 100%;
  margin-top: 16px;
}

.md-contact_policyWrap {
  margin: 56px auto 0 auto;
  padding: 0 11vw;
}

.md-contact_policyTxt {
  margin-left: calc(8vw + 8em);
  background-color: #fff;
  padding: 56px 18px 32px 40px;
  margin-bottom: 98px;
}
.md-contact_policyTxt._confirm {
  margin-left: 0;
}

._txtWrap {
  color: #1E1E3C;
  height: 500px;
  overflow-y: auto;
  padding-right: 48px;
  /* スクロールバー全体 */
  /* スクロールバーの背景（トラック部分） */
  /* スクロールバーのつまみ（サム） */
  /* ホバー時のつまみ */
}
._txtWrap::-webkit-scrollbar {
  width: 12px; /* 縦スクロールバーの幅 */
}
._txtWrap::-webkit-scrollbar-track {
  background: #fff;
  border: 1px solid #004498;
  border-radius: 0;
}
._txtWrap::-webkit-scrollbar-thumb {
  background: #1D1D95;
  border-radius: 0;
  border: 1px solid #004498;
}
._txtWrap::-webkit-scrollbar-thumb:hover {
  background: #4c4cb1;
}

.md-contact_sendBtn {
  margin: 150px auto 0 auto;
  position: relative;
  width: 12.14em;
  height: 2.57em;
  font-size: var(--fontSize_pc35);
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #08085F;
  padding-left: 4em;
  display: flex;
  align-items: center;
  border-radius: 100px;
  border: 2px solid #fff;
  background-color: #E8E85B;
}
.md-contact_sendBtn._white {
  background-color: #fff;
  border: 2px solid #fff;
}
.md-contact_sendBtn._wide {
  width: 13.6em;
  padding-left: 3.14em;
}
@media only screen and (min-width: 1025px) {
  .md-contact_sendBtn {
    transition: 0.2s;
  }
  .md-contact_sendBtn:hover {
    color: #fff;
    background-color: #08085F;
  }
  .md-contact_sendBtn:hover._white {
    background-color: #08085F;
  }
  .md-contact_sendBtn:hover .bl-arrowBtn.md-contact_sendArrow._blue {
    background-color: #fff;
  }
  .md-contact_sendBtn:hover .bl-arrowBtn.md-contact_sendArrow._blue img._hover {
    opacity: 1;
  }
  .md-contact_sendBtn:hover .bl-arrowBtn.md-contact_sendArrow._blue img._normal {
    opacity: 0;
  }
}

.bl-arrowBtn.md-contact_sendArrow {
  position: absolute;
  width: 3.23vw;
  height: 3.23vw;
  min-width: 30px;
  min-height: 30px;
  max-width: 80px;
  max-height: 80px;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.required {
  position: relative;
}
.required::before {
  position: absolute;
  content: "必須";
  display: block;
  font-weight: 500;
  font-size: 15px;
  top: calc(var(--fontSize_pc22) * 0.8 + 16px);
  right: -2vw;
  border-radius: 5px;
  padding: 3px 15px;
  transform: translate(100%, -50%);
  line-height: 1.25;
  background-color: #08085F;
  color: #fff;
  border: 1px solid #fff;
}

@media only screen and (max-width: 1400px) {
  .md-contact_policyWrap,
  .md-contactForm dl {
    padding: 0 5vw;
  }
  .md-contactForm dl dt {
    margin-right: 120px;
  }
  .md-contact_policyTxt {
    margin-left: calc(120px + 8em);
  }
}
@media only screen and (max-width: 1280px){
  .md-contactForm .radio._cat span{
    width: 50%;
  }
  .md-contactForm .radio._cat span:nth-child(3n+1){
    width: 50%;
  }
  .md-contactForm .radio._cat span:nth-child(n+4){
    margin-top: 0;
  }
  .md-contactForm .radio._cat span:nth-child(n+3){
    margin-top: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .md-contactFormWrap {
    margin-top: 54px;
    font-size: var(--fontSize_sp14);
  }
  .md-contactForm dl {
    display: block;
  }
  .md-contactForm dl dt {
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
  }
  .required::before {
    width: -moz-max-content;
    width: max-content;
    font-size: 10px;
  }
  .md-contactForm dl dd {
    margin-top: 14px;
    font-weight: 300;
  }
  .md-contactForm ._year,
  .md-contactForm ._month,
  .md-contactForm ._date {
    min-width: unset;
  }
  .md-contactForm ._adress span:nth-child(1) {
    min-width: 135px;
    margin-right: 16px;
    width: 9.64em;
    margin-bottom: 15px;
  }
  .md-contactForm ._adress span:nth-child(2) {
    min-width: 148px;
    width: 10.57em;
  }
  .md-contactForm dl + dl {
    margin-top: 24px;
  }
  .md-contactForm .radio {
    padding: 0;
  }
  .md-contactForm .radio span + span {
    margin-left: 34px;
  }
  .md-contact_policyWrap {
    margin-top: 30px;
  }
  .md-contact_policyTxt {
    margin-left: 0;
    font-size: var(--fontSize_sp12);
    padding: 28px 20px;
    margin-bottom: 40px;
  }
  ._txtWrap {
    height: 45.12vw;
    padding-right: 40px;
  }
  .md-contact_sendBtn,
  .md-contact_sendBtn._wide {
    margin-top: 50px;
    width: calc(100% - 40px);
    font-size: var(--fontSize_sp18);
    padding-left: 0;
    max-width: 400px;
    justify-content: center;
  }
  .md-contact_sendBtn span {
    padding-right: 11%;
  }
  .md-contactForm_select {
    margin-bottom: 54px;
  }
  .md-contactForm ._birth span:nth-child(2n) {
    padding-bottom: 6px;
  }
  .md-contactForm .radio._cat span{
    width: 100%;
  }
  .md-contactForm .radio._cat span:nth-child(3n+1){
    width: 100%;
  }
  .md-contactForm .radio._cat span:nth-child(n+3){
    margin-top: 0;
  }
  .md-contactForm .radio._cat>span:nth-child(n+2){
    margin-top: 10px;
  }
}
/*===============================
         md-contactThanks
===============================*/
.md-contactThanks {
  margin-top: 80px;
  text-align: center;
}

.md-contactThanks_lTxt {
  font-size: var(--fontSize_pc35);
  font-weight: 700;
}

.md-contactThanks_sTxt {
  font-size: var(--fontSize_pc24);
  margin-top: 56px;
  font-weight: 400;
}

@media only screen and (max-width: 1024px) {
  .md-contactThanks {
    margin-top: 60px;
  }
  .md-contactThanks_lTxt {
    font-size: var(--fontSize_sp23);
  }
  .md-contactThanks_sTxt {
    margin-top: 34px;
    font-size: var(--fontSize_sp14);
  }
}
/*===============================
         md-enForm_confirm
===============================*/
.md-enForm_confirm {
  margin: 80px auto 0 auto;
  width: 56.25%;
  min-width: 800px;
}
.md-enForm_confirm .required::before {
  top: calc(var(--fontSize_pc26) * 0.8);
  right: -4.17vw;
}

.md-enForm_confirmTxt {
  text-align: center;
  font-size: var(--fontSize_pc35);
  font-weight: 700;
}

.md-contact_confirmWrap {
  margin: 100px auto 0 auto;
  letter-spacing: 0;
}
.md-contact_confirmWrap tr {
  display: flex;
}
.md-contact_confirmWrap tr + tr {
  margin-top: 86px;
}
.md-contact_confirmWrap th {
  font-size: var(--fontSize_pc26);
  font-weight: 600;
  width: 7em;
  margin-right: 9.58vw;
  text-align: right;
}
.md-contact_confirmWrap td {
  word-break: break-all;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fontSize_pc24);
  font-weight: 400;
  flex: 1;
}

@media only screen and (max-width: 1400px) {
  .md-contact_confirmWrap th {
    margin-right: 180px;
  }
}
@media only screen and (max-width: 1024px) {
  .md-enForm_confirm {
    min-width: unset;
    width: 100%;
    margin-top: 60px;
  }
  .md-enForm_confirmTxt {
    font-size: var(--fontSize_sp23);
    letter-spacing: 0.025em;
  }
  .md-contact_confirmWrap {
    margin-top: 40px;
  }
  .md-contact_confirmWrap tr {
    flex-direction: column;
  }
  .md-contact_confirmWrap th {
    margin-right: 0;
    text-align: left;
    font-size: var(--fontSize_sp14);
    width: -moz-fit-content;
    width: fit-content;
  }
  .md-contact_confirmWrap td {
    margin-top: 12px;
    font-size: var(--fontSize_sp14);
    font-weight: 300;
  }
  .md-contact_confirmWrap tr + tr {
    margin-top: 36px;
  }
}
/*===============================
         md-entryModal
===============================*/
.md-entryModal_bgWrap {
  position: fixed;
  z-index: 11;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: none;
  opacity: 0;
}
.md-entryModal_bgWrap.active {
  opacity: 1;
  pointer-events: fill;
}

.md-entryModal {
  position: absolute;
  width: 55.625%;
  min-width: 900px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #F4F7FC;
  overflow: hidden;
}

.md-entryModal_contWrap {
  padding: 144px 68px 0 68px;
  min-height: 490px;
  display: flex;
  justify-content: space-between;
}

.md-entryModal_linkWrap {
  width: calc(50% - 40px);
}
.md-entryModal_linkWrap ._cat {
  font-size: var(--fontSize_sp35);
  letter-spacing: 0.05em;
  color: #2C425D;
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 700;
  margin-bottom: 24px;
  padding-left: 20px;
}
.md-entryModal_linkWrap ._link {
  position: relative;
  display: block;
  font-size: var(--fontSize_pc35);
  color: #2C425D;
  letter-spacing: 0.05em;
  background-color: #fff;
  border: 1.7px solid #2C425D;
  border-radius: 45px;
  padding-left: 40px;
  width: 100%;
  height: 2.57em;
  display: flex;
  align-items: center;
  transition: 0.2s;
  font-weight: 700;
}
.md-entryModal_linkWrap ._link ._arrow {
  position: absolute;
  width: calc(var(--fontSize_pc35) * 1.8);
  height: calc(var(--fontSize_pc35) * 1.8);
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.md-entryModal_linkWrap ._link ._arrow img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: 0.2s;
}
.md-entryModal_linkWrap ._link ._arrow img._hover {
  opacity: 0;
}
@media only screen and (min-width: 1025px) {
  .md-entryModal_linkWrap ._link:hover {
    background-color: #2C425D;
    color: #fff;
  }
  .md-entryModal_linkWrap ._link:hover ._arrow img._hover {
    opacity: 1;
  }
  .md-entryModal_linkWrap ._link:hover ._arrow img._normal {
    opacity: 0;
  }
}

.md-entryModal_logoWrap {
  position: absolute;
  opacity: 0.86;
  bottom: 4px;
  left: 30px;
  width: 70%;
}

.md-entryModal_bottomTxt {
  position: absolute;
  opacity: 0.86;
  bottom: 25px;
  right: 30px;
  line-height: 1.0;
  font-size: var(--fontSize_pc53);
  letter-spacing: -0.05em;
  font-family: "josefin", sans-serif;
  text-transform: uppercase;
  color: #1D1D95;
}

.md-entryModal_close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 30px;
}

@media only screen and (max-width: 1024px) {
  .md-entryModal {
    min-width: unset;
    width: calc(100% - 40px);
    max-width: 600px;
  }
  .md-entryModal_contWrap {
    padding: 96px 20px 0 20px;
    display: block;
  }
  .md-entryModal_linkWrap {
    width: 100%;
  }
  .md-entryModal_linkWrap ._cat {
    margin-bottom: 10px;
    font-size: var(--fontSize_sp25);
  }
  .md-entryModal_linkWrap ._link {
    font-size: var(--fontSize_sp18);
    padding-left: 6em;
    height: 2.94em;
  }
  .md-entryModal_linkWrap + .md-entryModal_linkWrap {
    margin-top: 42px;
  }
  .md-entryModal_logoWrap {
    position: relative;
    margin: 90px auto 0 auto;
    transform: none;
    width: 95%;
    opacity: 1;
    left: auto;
  }
  .md-entryModal_bottomTxt {
    position: relative;
    text-align: center;
    font-size: var(--fontSize_sp26);
    margin-top: 0;
    line-height: 1;
    opacity: 1;
    bottom: auto;
    right: auto;
  }
  .md-entryModal_close {
    width: 18px;
    top: 20px;
    right: 20px;
  }
}
/*===============================
      md-fixed_entryBtn
===============================*/
.md-fixed_entryBtn.bl-entryLink {
  position: fixed;
  z-index: 8;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 80px);
  max-width: 400px;
  font-size: var(--fontSize_sp15);
}

@media only screen and (min-width: 1025px) {
  .md-fixed_entryBtn.bl-entryLink {
    display: none;
  }
}
/*===============================
        共通設定
===============================*/
.l-inner {
  margin: 0 auto;
  width: 85.8%;
}
.l-inner._lower {
  width: 89.6%;
}

@media only screen and (max-width: 1024px) {
  .l-inner,
  .l-inner._lower {
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
    max-width: 800px;
  }
}
/*===============================
        l-head
===============================*/
.l-head {
  position: fixed;
  z-index: 10;
  height: 110px;
  width: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

@media only screen and (max-width: 1024px) {
  .l-head {
    height: 52px;
  }
}
/*===============================
        		l-top
===============================*/
.l-topFv {
  position: relative;
  height: 100svh;
  width: 100%;
}

.l-topMsg {
  position: relative;
  padding-top: 36px;
}

.l-topAbt {
  padding-top: 152px;
}

.l-inner._topRct {
  width: 92.9%;
  margin-right: 0;
}

.l-inner._topRct2 {
  width: 92.9%;
  margin-left: 0;
}

.l-topRct {
  position: relative;
  padding-top: 216px;
}
.l-topRct + .l-topRct {
  padding-top: 180px;
  padding-bottom: 158px;
}

@media only screen and (max-width: 1024px) {
  .l-topMsg {
    padding-top: 110px;
  }
  .l-topAbt {
    padding-top: 80px;
    padding-bottom: 44px;
  }
  .l-inner._topRct,
  .l-inner._topRct2 {
    width: 100%;
    margin: 0 auto;
  }
  .l-topRct {
    padding-top: 96px;
  }
  .l-topRct + .l-topRct {
    padding-top: 124px;
    padding-bottom: 80px;
  }
}
/*===============================
					l-footEntry
===============================*/
.l-footEntry {
  position: relative;
  padding-top: 140px;
  padding-bottom: 160px;
}
.l-footEntry::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1A1A22;
  opacity: 0.85;
}

@media only screen and (max-width: 1024px) {
  .l-footEntry {
    padding-top: 84px;
    padding-bottom: 96px;
  }
}
/*===============================
							l-foot
===============================*/
.l-foot {
  position: relative;
  padding-top: 200px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .l-foot {
    padding-top: 78px;
    padding-bottom: 8px;
  }
}
/*===============================
					l-lower
===============================*/
.l-lowerTop {
  padding-top: 200px;
}

@media only screen and (max-width: 1024px) {
  .l-lowerTop {
    padding-top: 120px;
  }
}
/*===============================
					l-abtData
===============================*/
.l-abtData {
  padding-top: 180px;
}

.l-abtTr {
  padding-top: 114px;
  padding-bottom: 68px;
}

.l-inner._lower._abtTr {
  width: 94.8%;
  margin-right: 0;
}

.l-abtBen {
  padding-top: 260px;
}

.l-abtChart {
  padding-top: 220px;
  padding-bottom: 236px;
  background-color: #2A384A;
}

@media only screen and (max-width: 1024px) {
  .l-abtData {
    padding-top: 108px;
  }
  .l-abtTr {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .l-inner._lower._abtTr {
    margin: 0 auto;
    width: 100%;
  }
  .l-abtBen {
    padding-top: 80px;
  }
  .l-abtChart {
    padding-top: 100px;
    padding-bottom: 160px;
  }
}
/*===============================
					l-works
===============================*/
.l-works {
  padding-top: 50px;
}
.l-works .l-inner {
  border-bottom: 1px solid #fff;
  padding-bottom: 68px;
}
.l-wksMsg{
  padding-top: 120px;
  padding-bottom: 234px;
}
.l-partners {
  padding-top: 14vw;
  padding-bottom: 254px;
}

@media only screen and (max-width: 1024px) {
  .l-works {
    padding-top: 40px;
  }
  .l-works .l-inner {
    position: relative;
    border-bottom: none;
    padding-bottom: 40px;
  }
  .l-works .l-inner::before {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    left: 50%;
    width: calc(100% - 40px);
    height: 1px;
    background-color: #fff;
    transform: translateX(-50%);
  }
  .l-wksMsg{
    padding-bottom: 80px;
  }
  .l-partners {
    padding-top: 80px;
    padding-bottom: 82px;
  }
}
/*===============================
					l-new
===============================*/
.l-newJobs {
  padding-top: 170px;
}

.l-inner._lower._newJobs {
  width: 94.8%;
  margin-left: 0;
}

.l-newItv {
  padding-top: 114px;
  padding-bottom: 214px;
}

.l-req {
  padding-top: 330px;
  padding-bottom: 254px;
}

.l-midEva {
  padding-top: 145px;
}

.l-inner._lower._midEva {
  width: 94.8%;
  margin-right: 0;
}

@media only screen and (max-width: 1024px) {
  .l-newJobs {
    padding-top: 50px;
  }
  .l-inner._lower._newJobs {
    margin: 0 auto;
    width: 100%;
  }
  .l-newItv {
    padding-top: 50px;
    padding-bottom: 82px;
  }
  .l-newItv._mid {
    padding-top: 120px;
  }
  .l-req {
    padding-top: 82px;
    padding-bottom: 82px;
  }
  .l-midEva {
    padding-top: 50px;
  }
  .l-inner._lower._midEva {
    margin: 0 auto;
    width: 100%;
  }
}
/*===============================
					l-en
===============================*/
.l-en {
  padding-top: 275px;
  padding-bottom: 230px;
}
.l-en._thanks {
  padding-bottom: 50px;
}

@media only screen and (max-width: 1024px) {
  .l-en {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
/*===============================
         js-txtAnimation
===============================*/
.js-txtAnimation,
.js-txtAnimation2,
.js-txtAnimation3 {
  display: inline-block;
}

/*===============================
         js-open
===============================*/
.js-open {
  position: absolute;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.js-open span {
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  background-color: #fff;
  top: 50%;
  left: 0;
}
.js-open span:last-child {
  transform: rotate(90deg);
  transition: 0.5s;
}
.js-open.active span:last-child {
  transform: none;
}

@media only screen and (max-width: 1024px) {
  .js-open {
    width: 20px;
    height: 20px;
    right: 0;
  }
}
/*===============================
         js-nav
===============================*/
.js-nav {
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}
.js-nav.js-menu_open {
  opacity: 1;
  pointer-events: fill;
}/*# sourceMappingURL=style.css.map */