@charset "utf-8";
/* CSS Document */
/* mikan 2.0*/
/* 1024pxでタブレット移行想定*/
/* 日本語フォントは未決のため、仮のものです*/

html,
body {
  position: relative;
  z-index: 0;
  font-family: "DM Sans", "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  color: #000;
  background: #f2f2f2;
}

/*共通*/

button:hover {
  opacity: 1;
}

.pc_only {
  display: inline !important;
}
.pc_only02 {
  display: block !important;
}
.sp_only,
.sp_only02 {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pc_only,
  .pc_only02 {
    display: none !important;
  }
  .sp_only {
    display: inline !important;
  }
  .sp_only02 {
    display: block !important;
  }
}

.en {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0em;
}

/*MV*/
.mv {
  position: relative;
  z-index: 0;
  padding: calc(85 / 1366 * 100vw) calc(85 / 1366 * 100vw) 0 calc(90 / 1366 * 100vw);
  margin-bottom: calc(124 / 1366 * 100vw);

  margin-top: calc(145 / 1366 * 100vw);
}

.mv .dec_text {
  position: absolute;
  z-index: 0;
  top: 0;
  left: calc(90 / 1366 * 100vw);
  display: flex;
  align-items: center;
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
  font-size: calc(37 / 1366 * 100vw);
  line-height: 1;
  margin-bottom: calc(48 / 1366 * 100vw);
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .dec_text {
  transform: translateY(0);
  opacity: 1;
}

.mv .dec_text .en {
  font-weight: 600;
  font-size: calc(8 / 1366 * 100vw);
  line-height: calc(12 / 8);
  text-align: right;
  padding-right: calc(10 / 1366 * 100vw);
  margin-right: calc(8 / 1366 * 100vw);
  border-right: 1px solid #000;
}
.mv .mv_ttl {
  font-weight: bold;
  font-size: calc(20 / 1366 * 100vw);
  line-height: calc(22 / 20);
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  min-height: calc(181 / 1366 * 100vw);
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
  &.adjust_interview {
    min-height: auto;
  }
}
.mv.go .mv_ttl {
  transform: translateY(0);
  opacity: 1;
}
.mv .mv_ttl .en.size_s {
  font-size: calc(14 / 1366 * 100vw);
  line-height: calc(21 / 14);
  font-weight: 900;
  color: #1a1411;
}
.mv .mv_ttl .en.size_l {
  font-weight: 900;
  font-size: calc(105 / 1366 * 100vw);
  line-height: calc(98 / 105);
  margin: calc(25 / 1366 * 100vw) 0 calc(15 / 1366 * 100vw);
  letter-spacing: 0.03em;
}
.mv .mv_ttl.adjust_interview .en.size_l {
  margin: calc(8 / 1366 * 100vw) 0 calc(15 / 1366 * 100vw);
}

.mv .mv_img {
  position: relative;
  z-index: -1;
  /* margin-top: calc(-80 / 1366 * 100vw); */
  margin-top: calc(-97 / 1366 * 100vw);
  padding-left: calc(137 / 1366 * 100vw);
}

.mv .mv_img > img {
  width: calc(1007 / 1366 * 100vw);
}
.mv .mv_img.interview > img {
  width: calc(911 / 1366 * 100vw);
  margin: 0 calc(45 / 1366 * 100vw) 0 auto;
}

.mv .mv_img .mv_text01 {
  position: absolute;
  bottom: -0.55em;
  left: 0;
  font-weight: normal;
  font-size: calc(44 / 1366 * 100vw);
  line-height: calc(61 / 44);
  font-weight: bold;
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .mv_img .mv_text01 {
  transform: translateY(0);
  opacity: 1;
}

.mv .mv_img .mv_no {
  position: absolute;
  top: calc(-77 / 1366 * 100vw);
  right: calc(114 / 1366 * 100vw);
  font-weight: 900;
  font-size: calc(156 / 1366 * 100vw);
  color: #1a1411;
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .mv_img .mv_no {
  transform: translateY(0);
  opacity: 1;
}

.mv .mv_img .mv_copy {
  position: absolute;
  top: 32.8%;
  left: 4.5%;
  font-weight: bold;
  font-size: calc(25 / 1366 * 100vw);
  line-height: calc(43 / 25);
  color: #1c1c1c;
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .mv_img .mv_copy {
  transform: translateY(0);
  opacity: 1;
}

.mv .mv_img .mv_prolfile {
  position: absolute;
  bottom: calc(11 / 1366 * 100vw);
  left: 4.5%;
  font-weight: 900;
  font-size: calc(52 / 1366 * 100vw);
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .mv_img .mv_prolfile {
  transform: translateY(0);
  opacity: 1;
}
.mv .mv_img .mv_prolfile .jp01 {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: calc(12 / 1366 * 100vw);
  line-height: calc(25 / 12);
  margin-bottom: calc(15 / 1366 * 100vw);
  .year {
    display: block;
    font-weight: bold;
  }
}

.mv .mv_img .mv_prolfile .jp02 {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: calc(20 / 1366 * 100vw);
  margin-top: calc(22 / 1366 * 100vw);
}

.mv .breadcrumbs {
  width: fit-content;
  position: absolute;
  z-index: 1;
  top: calc(15 / 1366 * 100vw);
  right: calc(85 / 1366 * 100vw);
  font-weight: bold;
  font-size: calc(12 / 1366 * 100vw);
  line-height: calc(22 / 12);
  display: flex;
  transition: 0.7s ease-out;
  transform: translateY(30px);
  opacity: 0;
}
.mv.go .breadcrumbs {
  transform: translateY(0);
  opacity: 1;
}
.mv .breadcrumbs li {
  color: #000;
}
.mv .breadcrumbs li a {
  color: #888;
}
#business .mv .breadcrumbs li a {
  color: #5686be;
}

.mv .breadcrumbs li + li {
  display: flex;
  align-items: center;
}
.mv .breadcrumbs li + li::before {
  content: "";
  display: block;

  width: calc(15 / 1366 * 100vw);
  margin: 0 calc(6 / 1366 * 100vw);
  border-top: 1px dotted #000;
}

@media screen and (max-width: 768px) {
  .mv {
    position: relative;
    z-index: 0;
    padding: calc(86 / 375 * 100vw) 8% calc(74 / 375 * 100vw);

    margin-top: calc(160 / 375 * 100vw);
  }
  .mv.quick {
    padding: 0 8% 0;
    margin-top: calc(134 / 375 * 100vw);
  }
  .mv .dec_text {
    left: 8%;
    font-size: calc(47 / 375 * 100vw);
    margin-bottom: calc(42 / 375 * 100vw);
  }
  .mv.quick .dec_text {
    position: static;
  }

  .mv .dec_text .en {
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(15 / 10);
    padding-right: calc(19 / 375 * 100vw);
    margin-right: calc(11 / 375 * 100vw);
  }
  .mv .mv_ttl {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(22 / 20);
    margin-bottom: calc(52 / 375 * 100vw);
  }
  .mv.quick .mv_ttl {
    margin-bottom: calc(82 / 375 * 100vw);
  }

  .mv .mv_ttl.adjust_interview .en.size_l {
    margin: calc(18 / 375 * 100vw) 0 calc(13 / 375 * 100vw);
  }
  .mv .mv_ttl .en.size_s {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 14);
  }
  .mv .mv_ttl .en.size_l {
    font-weight: 900;
    font-size: calc(45 / 375 * 100vw);
    line-height: 1;
    margin: calc(25 / 375 * 100vw) 0 calc(15 / 375 * 100vw);
  }
  .mv .mv_img {
    position: relative;
    z-index: -1;
    margin-top: 0;
    padding-left: 0;
    /* width: 89%; */
    width: 100%;
    margin: calc(-6 / 375 * 100vw) auto 0;
  }
  .mv .mv_img > img {
    width: 100%;
    margin: 0 0 calc(24 / 375 * 100vw) 0;
  }
  .mv .mv_img.interview > img {
    width: 90%;
    margin: 0 auto calc(24 / 375 * 100vw);
  }
  .mv .mv_img .mv_text01 {
    position: absolute;
    bottom: -0.55em;
    left: calc(-17 / 375 * 100vw);
    font-weight: bold;
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(61 / 44);
  }

  .mv .mv_img .mv_no {
    position: absolute;
    top: calc(-33 / 375 * 100vw);
    right: auto;
    left: calc(-3 / 375 * 100vw);
    font-size: calc(66 / 375 * 100vw);
  }

  .mv .mv_img .mv_copy {
    position: relative;
    top: 0;
    font-size: calc(22 / 375 * 100vw);
    line-height: calc(35 / 20);
    padding: calc(22 / 375 * 100vw) 0 calc(25 / 375 * 100vw);
    margin: 0 0 calc(20 / 375 * 100vw) -5%;
  }
  .mv .mv_img .mv_copy::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background-color: #000;
    bottom: 0;
    left: 0;
    width: calc(33 / 375 * 100vw);
    height: 1px;
    aspect-ratio: 16 / 9;
  }

  .mv .mv_img .mv_prolfile {
    position: static;
    font-size: calc(38 / 375 * 100vw);
  }
  .mv .mv_img .mv_prolfile .jp01 {
    font-size: calc(12 / 375 * 100vw);
    margin-bottom: calc(20 / 375 * 100vw);
  }

  .mv .mv_img .mv_prolfile .jp02 {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(52 / 20);
  }

  .mv .breadcrumbs {
    width: fit-content;
    position: absolute;
    z-index: 1;
    top: calc(-60 / 375 * 100vw);
    right: 8%;
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(22 / 12);
    display: flex;
  }
  .mv.quick .breadcrumbs {
    top: calc(-30 / 375 * 100vw);
  }
  .mv .breadcrumbs li {
    color: #000;
  }
  .mv .breadcrumbs li a {
    color: #888;
  }
  .mv .breadcrumbs li + li {
    display: flex;
    align-items: center;
  }
  .mv .breadcrumbs li + li::before {
    content: "";
    display: block;

    width: calc(15 / 375 * 100vw);
    margin: 0 calc(6 / 375 * 100vw);
    border-top: 1px dotted #000;
  }
}
/* アニメーション */
.fadein {
  opacity: 0;
  transform: translateY(50px);
  transition: ease-out 0.7s;
}
.fadein.go {
  opacity: 1;
  transform: translateY(0);
}