/* common */
.wrapper {
  margin: 0;
  padding: 0; }

#header.transparent {
  background-color: transparent; }
.start #header.transparent .logoArea .logo .white {
  display: block; }
.start #header.transparent .logoArea .logo .black {
  display: none; }

@media screen and (min-width: 769px) {
  #header {
    transition: all 0.2s ease-out; }
    #header .logoArea {
      transition: all 0.2s ease-out; }
    #header.transparent {
      padding: 83px 0 0 0; }
      #header.transparent .logoArea {
        flex-basis: 120px;
        margin: calc(88 / 1366 * 100%) 0 0 calc(40 / 1366 * 100%); }
      #header.transparent .navWrap .itemEntry a {
        aspect-ratio: 131 / 83; } }
@media screen and (min-width: 960px) {
  #header.transparent .logoArea {
    flex-basis: 140px; } }
.strAnimate {
  position: relative;
  z-index: 2;
  height: 0;
  padding: calc(45 / 375 * 100%) 0 0 0; }
  .strAnimate .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/top/bg_str_mita.png) 0 0 repeat-x;
    background-size: auto 100%;
    animation: 15s linear 1s infinite strmove; }

@media screen and (min-width: 769px) {
  .strAnimate {
    padding: calc(91 / 1366 * 100%) 0 0 0; }
    .strAnimate .inner {
      animation: 18s linear 1s infinite strmovePC; } }
@keyframes strmove {
  0% {
    background-position: 0 0; }
  100% {
    background-position: calc(-614 / 375 * 100vw) 0; } }
@keyframes strmovePC {
  0% {
    background-position: 0 0; }
  100% {
    background-position: calc(-1000%) 0; } }
.bg {
  opacity: 0;
  transform: translateY(0);
  transition: all 1s cubic-bezier(0.12, 0.52, 0.46, 1) 0.7s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 100%); }
  .bg.current {
    opacity: 1;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
  .bg.bg2, .bg.bg4, .bg.bg6 {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%); }
    .bg.bg2.current, .bg.bg4.current, .bg.bg6.current {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

/* firstContent */
#firstContent .content {
  opacity: 0;
  overflow: hidden;
  z-index: 51;
  color: #000000;
  transition: all 1.0s ease-out 0.4s; }
#firstContent .contentInner {
  z-index: 50;
  width: 100%; }
#firstContent #mvSlide {
  opacity: 0;
  overflow: hidden;
  position: relative;
  aspect-ratio: 750 / 1130;
  transition: opacity 0.8s ease-out; }
  #firstContent #mvSlide .item {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 1.5s ease-out; }
    #firstContent #mvSlide .item.current {
      opacity: 1;
      z-index: 30;
      animation: fadezoom 5.0s forwards linear; }
    #firstContent #mvSlide .item.prev {
      opacity: 1;
      z-index: 25;
      transform: scale(1.1);
      animation: fadezoom2 5.0s forwards linear; }
  #firstContent #mvSlide img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    aspect-ratio: 750 / 1130; }
#firstContent .copy {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  font-size: 3.6rem;
  line-height: 1;
  white-space: nowrap;
  margin: 0 0 calc(25 / 375 * 100%) calc(15 / 375 * 100%);
  transition: all 0.4s ease-out 1.5s; }
  #firstContent .copy .fade {
    display: inline-block;
    color: #000000;
    background-color: #FFFFFF;
    margin: 0.6rem 0 0 0;
    padding: 0.7rem 0.5rem 0.5rem 0.7rem; }
.load_complete #firstContent .content {
  opacity: 1; }
.load_complete #firstContent .copy .fade {
  transform: translateY(0); }
.start #firstContent .content {
  color: #FFFFFF;
  transition: all 0.4s ease-out; }
.start #firstContent #mvSlide {
  opacity: 1; }
.start #firstContent .copy {
  opacity: 1; }
.start #firstContent .intro {
  transition: all 0.4s ease-out; }

@media (orientation: landscape) {
  #firstContent #mvSlide img {
    width: 100%;
    height: auto; } }
@media screen and (min-width: 769px) {
  #firstContent .contentInner {
    max-width: 100%; }
  #firstContent #mvSlide {
    aspect-ratio: 2732 / 1736; }
    #firstContent #mvSlide img {
      aspect-ratio: 2732 / 1736;
      object-fit: cover; }
  #firstContent .copy {
    font-size: 5.8rem;
    line-height: 1;
    margin: 0.8rem 0 0 0;
    padding: 0.7rem 0.1rem calc(80 / 1366 * 100%) calc(80 / 1366 * 100%); } }
/* messageArea */
#messageArea .content .bg1 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: calc(27 / 375 * 100%) 0 0 0;
  aspect-ratio: 750 / 648; }
#messageArea .content .bg2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: calc(609 / 375 * 100%) 0 0 0;
  aspect-ratio: 750 / 648; }
#messageArea .contentInner {
  position: relative;
  z-index: 2; }
#messageArea .title {
  padding: calc(71 / 345 * 100%) 0 calc(21 / 345 * 100%) 0; }
#messageArea .textWrap {
  margin: 0 0 10rem 0; }
  #messageArea .textWrap .text {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0 0 3rem 0; }
#messageArea .imageSlide {
  position: relative;
  z-index: 2;
  padding: 0 0 calc(55 / 375 * 100%) 0;
  transform: translateY(0); }
  #messageArea .imageSlide #messageSlide .image {
    margin: 0 1.5rem 0 0; }

@media screen and (min-width: 769px) {
  #messageArea .content .bg1 {
    margin: calc(84 / 1366 * 100%) 0 0 0;
    aspect-ratio: 2732 / 1328; }
  #messageArea .content .bg2 {
    display: none; }
  #messageArea .contentInner {
    max-width: 800px; }
  #messageArea .title {
    padding: calc(106 / 760 * 100%) 0 calc(28 / 760 * 100%) 0; }
    #messageArea .title .ja {
      font-size: 4.2rem;
      line-height: 1.4;
      margin: 2.5rem 0 0 0; }
  #messageArea .textWrap {
    margin: 0 0 9.3rem 0; }
    #messageArea .textWrap .text {
      font-size: 2rem;
      line-height: 2.2;
      margin: 0 0 4.4rem 0; }
  #messageArea .imageSlide {
    padding: 0 0 calc(100 / 1366 * 100%) 0; }
    #messageArea .imageSlide #messageSlide .image {
      margin: 0 2.5rem 0 0; } }
/* dataArea */
#dataArea .content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: calc(4rem + (62 / 375 * 100%));
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #FAF9F6; }
#dataArea .contentInner {
  position: relative;
  z-index: 2; }
#dataArea .title {
  padding: calc(32 / 345 * 100%) calc(15 / 345 * 100%) calc(20 / 345 * 100%) calc(15 / 345 * 100%); }
#dataArea .image {
  margin: 0 0 calc(18 / 345 * 100%) calc(-15 / 345 * 100%); }
#dataArea .text {
  width: calc(315 / 345 * 100%);
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0 auto calc(62 / 345 * 100%) auto; }
#dataArea .buttonArea {
  text-align: right;
  padding: 0 calc(20 / 345 * 100%) calc(63 / 345 * 100%) calc(20 / 345 * 100%); }

@media screen and (min-width: 769px) {
  #dataArea {
    overflow: hidden; }
    #dataArea .content:before {
      bottom: 0;
      margin: 0 50px 0 0; }
    #dataArea .contentInner {
      max-width: 1140px; }
    #dataArea .wrap {
      position: relative;
      width: calc(474 / 1100 * 100%);
      margin: 0 0 calc(195 / 1100 * 100%) auto;
      padding: calc(70 / 1100 * 100%) calc(106 / 1100 * 100%) calc(100 / 1100 * 100%) calc(80 / 1100 * 100%);
      box-sizing: content-box; }
    #dataArea .title {
      padding: calc(32 / 474 * 100%) 0 calc(31 / 345 * 100%) 0.5rem; }
    #dataArea .image {
      position: absolute;
      top: 0;
      right: 100%;
      width: calc(573 / 660 * 100%);
      margin: calc(99 / 660 * 100%) calc(64 / 660 * 100%) calc(18 / 660 * 100%) 0; }
    #dataArea .text {
      width: 100%;
      font-size: 1.6rem;
      line-height: 1.6;
      margin: 0; }
    #dataArea .buttonArea {
      position: absolute;
      top: 100%;
      right: 0;
      width: calc(474 / 660 * 100%);
      text-align: left;
      padding: calc(40 / 660 * 100%) calc(106 / 660 * 100%) calc(20 / 660 * 100%) 0;
      box-sizing: content-box; } }
@media screen and (min-width: 1200px) {
  #dataArea .content:before {
    margin: 0 calc(133 / 1366 * 100%) 0 0; } }
/* workArea */
#workArea .content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: calc(4rem + (62 / 375 * 100%));
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #FAF9F6; }
#workArea .content .bg2 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1; }
#workArea .contentInner {
  position: relative;
  z-index: 2; }
#workArea .title {
  padding: calc(37 / 345 * 100%) calc(15 / 345 * 100%) calc(20 / 345 * 100%) calc(15 / 345 * 100%); }
#workArea .image {
  margin: 0 calc(-15 / 345 * 100%) calc(18 / 345 * 100%) 0; }
#workArea .text {
  width: calc(315 / 345 * 100%);
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0 auto calc(62 / 345 * 100%) auto; }
#workArea .buttonArea {
  padding: 0 calc(20 / 345 * 100%) calc(63 / 345 * 100%) calc(20 / 345 * 100%); }

@media screen and (min-width: 769px) {
  #workArea {
    overflow: hidden; }
    #workArea .content:before {
      bottom: 0;
      margin: 0 0 0 50px; }
    #workArea .content .bg2 {
      display: block;
      margin: calc(-481 / 1366 * 100%) 0 0 0;
      aspect-ratio: 2732 / 1328; }
    #workArea .contentInner {
      max-width: 1140px; }
    #workArea .wrap {
      position: relative;
      width: calc(474 / 1100 * 100%);
      margin: 0 auto calc(220 / 1100 * 100%) 0;
      padding: calc(70 / 1100 * 100%) calc(84 / 1100 * 100%) calc(100 / 1100 * 100%) calc(102 / 1100 * 100%);
      box-sizing: content-box; }
    #workArea .title {
      padding: calc(32 / 474 * 100%) 0 calc(31 / 345 * 100%) 0.5rem; }
    #workArea .image {
      position: absolute;
      top: 0;
      left: 100%;
      width: calc(573 / 660 * 100%);
      margin: calc(99 / 660 * 100%) 0 calc(18 / 660 * 100%) 0; }
    #workArea .text {
      width: 100%;
      font-size: 1.6rem;
      line-height: 1.6;
      margin: 0; }
    #workArea .buttonArea {
      position: absolute;
      top: 100%;
      left: 0;
      width: calc(474 / 660 * 100%);
      text-align: left;
      padding: calc(40 / 660 * 100%) 0 calc(20 / 660 * 100%) calc(102 / 660 * 100%);
      box-sizing: content-box; } }
@media screen and (min-width: 1200px) {
  #workArea .content:before {
    margin: 0 0 0 calc(133 / 1366 * 100%); } }
/* interviewArea */
#interviewArea .content .bg3 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: calc(5 / 375 * 100%) 0 0 0;
  aspect-ratio: 750 / 648; }
#interviewArea .content .bg4 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: calc(589 / 375 * 100%) 0 0 0;
  aspect-ratio: 750 / 648; }
#interviewArea .contentInner {
  position: relative;
  z-index: 2; }
#interviewArea .title {
  padding: calc(74 / 345 * 100%) 0 calc(35 / 345 * 100%) 0; }
#interviewArea .list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 0 calc(55 / 345 * 100%) 0; }
  #interviewArea .list .item {
    flex-basis: calc(165 / 345 * 100%);
    margin: 0 0 calc(30 / 345 * 100%) calc(15 / 345 * 100%);
    padding: 0 0 calc(12 / 345 * 100%) 0;
    border-bottom: 1px solid #D6D6D6; }
    #interviewArea .list .item:nth-child(2n+1) {
      margin-left: 0; }
    #interviewArea .list .item .image {
      position: relative;
      margin: 0 0 0.8rem 0; }
      #interviewArea .list .item .image img {
        filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.16)); }
      #interviewArea .list .item .image .num {
        position: absolute;
        top: 0;
        right: 0;
        color: #FFFFFF;
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 0.02em;
        margin: 5rem -3.3rem 0 0;
        transform: rotate(90deg); }
      #interviewArea .list .item .image .copy {
        position: absolute;
        bottom: 0.5rem;
        left: 0;
        right: 0;
        margin: 0 0.5rem; }
        #interviewArea .list .item .image .copy .marker {
          display: inline-block;
          position: relative;
          font-size: 1.4rem;
          line-height: 1.5;
          margin: 0.5rem 0 0 0;
          padding: 0 0.2rem; }
          #interviewArea .list .item .image .copy .marker:last-child {
            display: inline-block; }
          #interviewArea .list .item .image .copy .marker:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #FFFFFF;
            border-radius: 0.2rem; }
          #interviewArea .list .item .image .copy .marker .str {
            position: relative;
            z-index: 2; }
    #interviewArea .list .item .join {
      display: inline-block;
      color: #004F94;
      font-size: 1rem;
      line-height: 1;
      font-weight: 500;
      letter-spacing: 0.02em;
      margin: 0 0 1.5rem 0;
      padding: 0.4rem;
      border: 1px solid #004F94; }
    #interviewArea .list .item .name {
      display: flex;
      flex-wrap: wrap; }
      #interviewArea .list .item .name .initials {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 0.02em; }
      #interviewArea .list .item .name .place {
        display: inline-block;
        font-size: 1.1rem;
        line-height: 1.45;
        font-weight: 700;
        margin: 0 0 0 0.5rem; }

@media screen and (min-width: 769px) {
  #interviewArea .content .bg3 {
    margin: calc(171 / 1366 * 100%) 0 0 0;
    aspect-ratio: 2732 / 1328; }
  #interviewArea .content .bg4 {
    display: none; }
  #interviewArea .contentInner {
    max-width: 860px; }
  #interviewArea .title {
    text-align: center;
    padding: calc(74 / 820 * 100%) 0 calc(35 / 820 * 100%) 0; }
    #interviewArea .title .en {
      justify-content: center; }
    #interviewArea .title .ja {
      margin: 1.9rem 0 0 0; }
  #interviewArea .list {
    padding: 0 0 calc(55 / 820 * 100%) 0; }
    #interviewArea .list .item {
      flex-basis: calc(260 / 820 * 100%);
      margin: 0 0 calc(45 / 820 * 100%) calc(20 / 820 * 100%);
      padding: 0 0 calc(12 / 820 * 100%) 0; }
      #interviewArea .list .item:nth-child(2n+1) {
        margin-left: calc(20 / 820 * 100%); }
      #interviewArea .list .item:nth-child(3n+1) {
        margin-left: 0; }
      #interviewArea .list .item .image {
        margin: 0 0 calc(15 / 260 * 100%) 0; }
        #interviewArea .list .item .image .num {
          font-size: 2rem;
          line-height: 1;
          letter-spacing: 0.02em;
          margin: 7.5rem -4.9rem 0 0; }
        #interviewArea .list .item .image .copy {
          position: absolute;
          bottom: 1.5rem;
          left: 0;
          right: 0;
          margin: 0 0.9rem; }
          #interviewArea .list .item .image .copy .marker {
            font-size: 1.8rem;
            line-height: 1;
            margin: 0.5rem 0 0 0;
            padding: 0.4rem 0.6rem; }
      #interviewArea .list .item .join {
        font-size: 1.2rem;
        line-height: 1;
        margin: 0 0 1.3rem 0.8rem;
        padding: 0.4rem; }
      #interviewArea .list .item .name {
        margin: 0 0 0.3rem 0.8rem; }
        #interviewArea .list .item .name .initials {
          font-size: 2.2rem;
          line-height: 1; }
        #interviewArea .list .item .name .place {
          font-size: 1.4rem;
          line-height: 1.57;
          margin: 0 0 0 0.5rem; } }
/* crosstalkArea */
#crosstalkArea .content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: calc(4rem + (62 / 375 * 100%));
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #FAF9F6; }
#crosstalkArea .contentInner {
  position: relative;
  z-index: 2; }
#crosstalkArea .title {
  padding: calc(37 / 345 * 100%) calc(15 / 345 * 100%) calc(20 / 345 * 100%) calc(15 / 345 * 100%); }
#crosstalkArea .image {
  margin: 0 0 calc(18 / 345 * 100%) calc(-15 / 345 * 100%); }
#crosstalkArea .text {
  width: calc(315 / 345 * 100%);
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0 auto calc(62 / 345 * 100%) auto; }
#crosstalkArea .buttonArea {
  padding: 0 calc(20 / 345 * 100%) calc(63 / 345 * 100%) calc(20 / 345 * 100%); }

@media screen and (min-width: 769px) {
  #crosstalkArea {
    overflow: hidden; }
    #crosstalkArea .content:before {
      bottom: 0;
      margin: 0 50px 0 0; }
    #crosstalkArea .contentInner {
      max-width: 1140px; }
    #crosstalkArea .wrap {
      position: relative;
      width: calc(474 / 1100 * 100%);
      margin: 0 0 calc(252 / 1100 * 100%) auto;
      padding: calc(70 / 1100 * 100%) calc(106 / 1100 * 100%) calc(100 / 1100 * 100%) calc(80 / 1100 * 100%);
      box-sizing: content-box; }
    #crosstalkArea .title {
      padding: calc(32 / 474 * 100%) 0 calc(31 / 345 * 100%) 0.5rem; }
    #crosstalkArea .image {
      position: absolute;
      top: 0;
      right: 100%;
      width: calc(573 / 660 * 100%);
      margin: calc(99 / 660 * 100%) 0 calc(18 / 660 * 100%) 0; }
    #crosstalkArea .text {
      width: 100%;
      font-size: 1.6rem;
      line-height: 1.6;
      margin: 0; }
    #crosstalkArea .buttonArea {
      position: absolute;
      top: 100%;
      right: 0;
      width: calc(474 / 660 * 100%);
      text-align: left;
      padding: calc(40 / 660 * 100%) calc(106 / 660 * 100%) calc(20 / 660 * 100%) 0;
      box-sizing: content-box; } }
@media screen and (min-width: 1200px) {
  #crosstalkArea .content:before {
    margin: 0 calc(133 / 1366 * 100%) 0 0; } }
/* blockWrap */
.blockWrap {
  /* layout */ }
  .blockWrap .content {
    margin: 0 0 calc(72 / 375 * 100%) 0;
    border-top: 1px solid #B4B4B4; }
    .blockWrap .content .bg4 {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1; }
    .blockWrap .content .bg5 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      margin: calc(5 / 375 * 100%) 0 0 0;
      aspect-ratio: 750 / 648; }
    .blockWrap .content .bg6 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      margin: calc(584 / 375 * 100%) 0 0 0;
      aspect-ratio: 750 / 648; }
  .blockWrap .contentInner {
    position: relative;
    z-index: 2;
    width: calc(315 / 375 * 100%); }
  .blockWrap .layout {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #B4B4B4; }
    .blockWrap .layout .title {
      margin: 0 0 calc(11 / 315 * 100%) 0;
      padding: calc(53 / 315 * 100%) 0 calc(14 / 315 * 100%) 0;
      border-bottom: 1px solid #004F94; }
    .blockWrap .layout .text {
      font-size: 1.5rem;
      line-height: 1.8;
      margin: 0 0 calc(22 / 315 * 100%) 0; }
    .blockWrap .layout .buttonArea {
      text-align: right;
      padding: 0 0 calc(42 / 315 * 100%) 0; }

@media screen and (min-width: 769px) {
  .blockWrap {
    /* layout */ }
    .blockWrap .content {
      display: flex;
      justify-content: center;
      margin: 0 0 6rem 0;
      border-top: 1px solid #B4B4B4;
      border-bottom: 1px solid #B4B4B4; }
      .blockWrap .content .bg4 {
        display: block;
        margin: calc(-293 / 1366 * 100%) 0 0 0;
        aspect-ratio: 2732 / 1328; }
      .blockWrap .content .bg5,
      .blockWrap .content .bg6 {
        display: none; }
    .blockWrap .contentInner {
      width: 100%;
      max-width: 1160px;
      padding: 0; }
    .blockWrap .layout {
      flex-basis: calc(560 / 1120 * 100%);
      max-width: 560px;
      border-bottom: 0;
      border-left: 1px solid #B4B4B4;
      box-sizing: border-box; }
      .blockWrap .layout:last-child {
        border-right: 1px solid #B4B4B4; }
      .blockWrap .layout .inner {
        width: calc(470 / 560 * 100%);
        margin: auto; }
      .blockWrap .layout .title {
        margin: 0 0 calc(20 / 470 * 100%) 0;
        padding: calc(59 / 470 * 100%) 0 calc(21 / 470 * 100%) 0.5rem;
        border-bottom: 1px solid #004F94; }
        .blockWrap .layout .title .ja {
          padding: 0 0 0 0.8rem; }
      .blockWrap .layout .text {
        font-size: 1.6rem;
        line-height: 1.6;
        margin: 0 0 calc(38 / 470 * 100%) 0; }
      .blockWrap .layout .buttonArea {
        text-align: right;
        padding: 0 0 calc(54 / 470 * 100%) 0; } }