:root {
  --unique-base-unit: calc(10 / 1920 * 100vw);
}

.p-people-years70 {
  background: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/bg-img.jpg) center / cover;
  padding: 0 0 calc(4 * var(--base-unit));
  overflow: hidden;
}

.p-people-years70-title {
  background:  url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/title-img_sp.jpg) center / cover;
  padding: calc(5 * var(--base-unit)) calc(2 * var(--base-unit));
  text-align: center;
}

.p-people-years70-title__heading {
  color: #fff;
  font-size: calc(3.2 * var(--base-unit));
  font-weight: 300;
  line-height: calc(48 / 32);
  letter-spacing: 0.12em;
}
.p-people-years70-title .p-pagetitle1__txt {
  color: #fff;
}

@media screen and (min-width: 768px) {
  .p-people-years70 {
    padding: 0 0 calc(9 * var(--base-unit));
  }
  .p-people-years70-title {
    background:  url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/title-img_pc.jpg) center / cover;
    padding: calc(10 * var(--base-unit));
  }
  .p-people-years70-title__heading {
    font-size: calc(5.2 * var(--base-unit));
    line-height: calc(64 / 52);
  }
} 

.p-people-years70__grid-area button.p-people-years70__grid-item {
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  height: min-content;
  cursor: pointer;
}
.p-people-years70__grid-area {
  padding: calc(3.5 * var(--base-unit))  calc(2 * var(--base-unit)) 0;
  max-width: 1760px;
  margin-inline: auto;
  display: grid;
  /* grid-template-columns: repeat(1, max(calc(35.6 * var(--unique-base-unit)),356px)); */
  grid-template-rows: repeat(12, calc(6.9 * var(--base-unit)));
  grid-template-areas: 
  "p10"
  "p13"
  "p1"
  "p2"
  "p8"
  "p4"
  "p5"
  "p6"
  "p3"
  "p11"
  "p7"
  "p9"
  "p12"
  ;
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area {
    padding: min(calc(8 * var(--unique-base-unit)),80px) min(calc(8 * var(--unique-base-unit)),80px) min(calc(10 * var(--unique-base-unit)),100px);
    grid-template-columns: repeat(5, min(calc(35.2 * var(--unique-base-unit)),352px));
    grid-template-rows: repeat(7, min(calc(13 * var(--unique-base-unit)),130px));
    grid-template-areas:
    "p10 p10 p13 p13 p13"
    "p10 p10 p13 p13 p13"
    "p1 p1 p2 p8 p8"
    "p4 p4 p5 p6 p6"
    "p11 p11 . p6 p6"
    "p7 p7 p3 p3 p3"
    "p9 p9 . p12 p12"
    ;
  }
}
.p-people-years70__grid-item {
  opacity: 0;
  transition: scale 0.5s 0.1s;
  will-change: scale;
}
.p-people-years70__grid-item-inner {
  position: relative;
}
.p-people-years70__grid-icon-position {
  position: absolute;
  bottom: 0;
}
.p-people-years70__grid-icon {
  background-color: #000;
  box-sizing: border-box;
  background: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/text-img-icon.svg) no-repeat center center / contain;
  display: block;
  width: calc(1.95 * var(--base-unit));
  height: calc(1.95 * var(--base-unit));
  will-change: scale;
}
.p-people-years70__grid-icon::after {
  content: "";
  box-sizing: border-box;
  background: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/text-img-icon_hover.svg) no-repeat center center / contain;
  display: block;
  width: calc(1.95 * var(--base-unit));
  height: calc(1.95 * var(--base-unit));
  opacity: 0;
  transition: opacity 0.5s 0.1s;
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-icon {
    width: min(calc(3.1 * var(--unique-base-unit)), 31px);
    height: min(calc(3.1 * var(--unique-base-unit)), 31px);
  }
  .p-people-years70__grid-icon::after {
    width: min(calc(3.1 * var(--unique-base-unit)), 31px);
    height: min(calc(3.1 * var(--unique-base-unit)), 31px);
  }
}
.p-people-years70__grid-img {
  display: block;
  background-color: #000;
  transition: background-color 0.3s;
}

/* p1 万事正々堂々と行動し、健全かつ清新な社風の確率に努力すべきである */
/* p1 We must strive to establish a sound and ethical corporate culture by acting fairly at all times. */
.p-people-years70__grid-area .p1 {
  grid-area: p1;
  translate: 0 calc(4.9 * var(--base-unit));
}
.p1 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_01_sp.svg) no-repeat center center / contain;
  width: calc(24.70078 * var(--base-unit));
  height: calc(4.73506 * var(--base-unit));
}
.p1 .p-people-years70__grid-icon-position {
  align-self: end;
  bottom: 0;
  left: calc(25* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p1 {
    translate: min(calc(0 * var(--unique-base-unit)),70px) 22px;
  }
  .p1 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_01.svg) no-repeat center center / contain;
    width: min(calc(73.96543 * var(--unique-base-unit)), 739.6543px);
    height: min(calc(14.179 * var(--unique-base-unit)), 141.79px);
  }
  .p1 .p-people-years70__grid-icon-position {
    justify-self: end;
    right: max(calc(-7.5 * var(--unique-base-unit)), -75px);
    bottom: min(calc(0.6 * var(--unique-base-unit)), 6px);
  }
}

/* p2 商売の根本は、何といっても人と人の信用 */
/* p2 The foundation of good business is trust between fellow professionals. */
.p-people-years70__grid-area .p2 {
  grid-area: p2;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) calc(4.1 * var(--base-unit));
}
.p2 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_02_sp.svg) no-repeat center center / contain;
  width: calc(17.58691 * var(--base-unit));
  height: calc(4.16416 * var(--base-unit));
}
.p2 .p-people-years70__grid-icon-position {
  justify-self: end;
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p2 {
    translate: min(calc(11.6 * var(--unique-base-unit)), 116px) min(calc(-1.6 * var(--unique-base-unit)), -16px);
  }
  .p2 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_02.svg) no-repeat center center / contain;
    width: min(calc(37.33833 * var(--unique-base-unit)), 373.3833px);
    height: min(calc(9.21729 * var(--unique-base-unit)), 92.17293px);
  }
  .p2 .p-people-years70__grid-icon-position {
    right: min(calc(8.5 * var(--unique-base-unit)), 85px);
    bottom: min(calc(-0.4 * var(--unique-base-unit)), -4px);
  }
}

/* p3 人こそまさに最大の資産 */
/* p3 Our people are our greatest assets. */
.p-people-years70__grid-area .p3 {
  grid-area: p3;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) calc(-0.8 * var(--base-unit));
}
.p3 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_03_sp.svg) no-repeat center center / contain;
  width: calc(30.11499 * var(--base-unit));
  height: calc(6.36875 * var(--base-unit));
}
.p3 .p-people-years70__grid-icon-position {
  justify-self: end;
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p3 {
    justify-self: end;
    translate: 0 min(calc(-3.4 * var(--unique-base-unit)), -34px);
  }
  .p3 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_03.svg) no-repeat center center / contain;
    width: min(calc(89.91421 * var(--unique-base-unit)), 899.1421px);
    height: min(calc(19.06968 * var(--unique-base-unit)), 190.6968px);
  }
  .p3 .p-people-years70__grid-icon-position {
    bottom: min(calc(0.6 * var(--unique-base-unit)), 6px);
    right: max(calc(-4.0* var(--unique-base-unit)), -40px);
    /* bottom: 0; */
  }
}

/* p4 商社の機能と役割は、経済活動のある限り、また人間の生活が存在している限り、絶えることなく存在する */
/* p4 The functions and roles of the shosha are timeless. As long as there is economic and human activity, then our place will forever be secure. */
.p-people-years70__grid-area .p4 {
  grid-area: p4;
  translate: 0 calc(0.8 * var(--base-unit));
}
.p4 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_04_sp.svg) no-repeat center center / contain;
  width: calc(28.61108 * var(--base-unit));
  height: calc(4.16416 * var(--base-unit));
}
.p4 .p-people-years70__grid-icon-position {
  left: calc(21.3 * var(--base-unit));
  bottom: calc(-0.5 * var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p4 {
    translate: 0  min(calc(7.6 * var(--unique-base-unit)), 76px);
  }
  .p4 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_04.svg) no-repeat center center / contain;
    width: min(calc(61.99121 * var(--unique-base-unit)), 619.9121px);
    height: min(calc(9.21729 * var(--unique-base-unit)), 92.1729px);
  }
  .p4 .p-people-years70__grid-icon-position {
    justify-self: end;
    right: min(calc(21 * var(--unique-base-unit)), 210px);
    bottom: min(calc(-0.4 * var(--unique-base-unit)), -4px);
  }
}

/* p5 変化のあるところに商機あり */
/* p5 Remember, with change comes opportunity. */
.p-people-years70__grid-area .p5 {
  grid-area: p5;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) calc(-0.25 * var(--base-unit));
}
.p5 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_05_sp.svg) no-repeat center center / contain;
  width: calc(16.75444 * var(--base-unit));
  height: calc(5.19492 * var(--base-unit));
}
.p5 .p-people-years70__grid-icon-position {
  justify-self: end;
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px){
  .p-people-years70__grid-area .p5 {
    justify-self: start;
    translate: min(calc(5 * var(--unique-base-unit)), 50px) 0;
  }
  .p5 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_05.svg) no-repeat center center / contain;
    width: min(calc(38.14326 * var(--unique-base-unit)), 381.4326px);
    height: min(calc(14.03862 * var(--unique-base-unit)), 140.3862px);
  }
  .p5 .p-people-years70__grid-icon-position {
    /* right: max(calc(2.6* var(--unique-base-unit)), 26px); */
    justify-self: start;
    left: min(calc(32* var(--unique-base-unit)), 320px);
  }
}

/* p6 収益の伴わない売上ではいかん　ようするに正直ベースでいこうや */
/* p6 A sale that doesn’t earn a profit is a loss. The bottom line is whether or not we’re practicing honest business, and earning profits is part of that. */
.p-people-years70__grid-area .p6 {
  grid-area: p6;
  translate: 0 calc(-1.6 * var(--base-unit));
}
.p6 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_06_sp.svg) no-repeat center center / contain;
  width: calc(26.33401 * var(--base-unit));
  height: calc(6.04961 * var(--base-unit));
}
.p6 .p-people-years70__grid-icon-position {
  justify-self: end;
  left: calc(17.4* var(--base-unit));
  bottom: calc(-0.5* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p6 {
    justify-self: end;
    translate: min(calc(-5 * var(--unique-base-unit)), -50px) min(calc(6 * var(--unique-base-unit)), 60px);
  }
  .p6 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_06.svg) no-repeat center center / contain;
    width: min(calc(62.38398 * var(--unique-base-unit)), 623.8398px);
    height: min(calc(14.38389 * var(--unique-base-unit)), 143.8389px);
  }
  .p6 .p-people-years70__grid-icon-position {
    bottom: 0;
    right: max(calc(-4.0* var(--unique-base-unit)), -40px);
  }
}

/* p7 一番大事なことはプランをつくることではなく、実行すること */
/* p7 The most important thing is not creating the plan, but executing it. */
.p-people-years70__grid-area .p7 {
  grid-area: p7;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) calc(-2.2 * var(--base-unit));
}
.p7 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_07_sp.svg) no-repeat center center / contain;
  width: calc(23.83469 * var(--base-unit));
  height: calc(3.35649 * var(--base-unit));
}
.p7 .p-people-years70__grid-icon-position {
  justify-self: end;
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p7 {
    translate:  min(calc(5.8 * var(--unique-base-unit)), 58px) min(calc(4.8 * var(--unique-base-unit)), 48px);
  }
  .p7 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_07.svg) no-repeat center center / contain;
    width: min(calc(71.37144 * var(--unique-base-unit)), 713.7144px);
    height: min(calc(10.05239 * var(--unique-base-unit)), 100.5239px);
  }
  .p7 .p-people-years70__grid-icon-position {
    right: max(calc(-3.2* var(--unique-base-unit)), -32px);
  }
}

/* p8 健全なグローバル・エンタープライズ */
/* p8 A Sound, Global Enterprise. */
.p-people-years70__grid-area .p8 {
  grid-area: p8;
  translate: 0 calc(0.8 * var(--base-unit));
}
.p8 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_08_sp.svg) no-repeat center center / contain;
  width: calc(19.93269 * var(--base-unit));
  height: calc(5.67007 * var(--base-unit));
}
.p8 .p-people-years70__grid-icon-position {
  left: calc(20.4 * var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p8 {
    justify-self: end;
    translate: 0 min(calc(-1.2 * var(--unique-base-unit)), -12px);
  }
  .p8 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_08.svg) no-repeat center center / contain;
    width: min(calc(59.9728 * var(--unique-base-unit)), 599.728px);
    height: min(calc(16.97788 * var(--unique-base-unit)), 169.7788px);
  }
  .p8 .p-people-years70__grid-icon-position {
    justify-self: end;
    bottom: min(calc(0.4 * var(--unique-base-unit)), 4px);
    right: max(calc(-4.0* var(--unique-base-unit)), -40px);
  }
}

/* p9 波風を立てよ */
/* p9 Make waves. */
.p-people-years70__grid-area .p9 {
  grid-area: p9;
  translate: 0 calc(-4.6 * var(--base-unit));
}
.p9 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_09_sp.svg) no-repeat center center / contain;
  width: calc(21.27209 * var(--base-unit));
  height: calc(2.67104 * var(--base-unit));
}
.p9 .p-people-years70__grid-icon-position {
  justify-self: end;
  left: calc(21.8 * var(--base-unit));
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p9 {
    align-self: end;
    justify-self: start;
    translate: 0 0;
  }
  .p9 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_09.svg) no-repeat center center / contain;
    width: min(calc(63.69771  * var(--unique-base-unit)), 636.9771px);
    height: min(calc(7.99731 * var(--unique-base-unit)), 79.9731px);
  }
  .p9 .p-people-years70__grid-icon-position {
    right: max(calc(-4.6* var(--unique-base-unit)), -46px);
    bottom: min(calc(-0.48 * var(--unique-base-unit)), -4.8px);
  }
}

/* p10 変化を捉えて未来を拓く */
/* p10 Grasping Change and Opening Up a New Era. */
.p-people-years70__grid-area .p10 {
  grid-area: p10;
}

.p10 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_10_sp.svg) no-repeat center center / contain;
  width: calc(23.95881 * var(--base-unit));
  height: calc(7.85205 * var(--base-unit));
}
.p10 .p-people-years70__grid-icon-position {
  left: calc(15.8 * var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p10 {
    align-self: start;
    translate: min(calc(0 * var(--unique-base-unit)), 0) 0;
  }
  .p10 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_10.svg) no-repeat center center / contain;
    width: min(calc(71.743758 * var(--unique-base-unit)), 717.4375px);
    height: min(calc(23.51338  * var(--unique-base-unit)), 235.1338px);
  }
  .p10 .p-people-years70__grid-icon-position {
    left: min(calc(46.8 * var(--unique-base-unit)), 468px);
  }
}

/* p11 当事者意識　逃げず、臆せず、挑戦し続けよう */
/* p11 Having a 'sense of ownership' is the key. Never hesitate, and never run from a challenge. */
.p-people-years70__grid-area .p11 {
  grid-area: p11;
  translate: 0 calc(0.14 * var(--base-unit));
}
.p11 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_11_sp.svg) no-repeat center center / contain;
  width: calc(26.50696  * var(--base-unit));
  height: calc(3.21318 * var(--base-unit));
}
.p11 .p-people-years70__grid-icon-position {
  left: calc(24.5 * var(--base-unit));
  bottom: calc(-0.5* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p11 {
    translate: min(calc(14.4 * var(--unique-base-unit)), 144px) min(calc(7.6 * var(--unique-base-unit)), 76px);
  }
  .p11 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_11.svg) no-repeat center center / contain;
    width: min(calc(62.72324 * var(--unique-base-unit)), 627.2324px);
    height: min(calc(7.60229 * var(--unique-base-unit)),76.0229px);
  }
  .p11 .p-people-years70__grid-icon-position {
    justify-self: end;
    right: min(calc(9 * var(--unique-base-unit)), 90px);
    bottom: min(calc(-0.4 * var(--unique-base-unit)), -4px);
  }
}

/* p12 社員の成長が会社の発展のすべて　いかなる産業にも寿命があることを認識し、勇気を持って判断して変化を先取りしよう */
/* p12 The company's growth hinges on our employees' development. We must recognize that all industries have lifespans, and we must have the courage and resolve to change our own. */
.p-people-years70__grid-area .p12 {
  grid-area: p12;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) 0;
}
.p12 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_12_sp.svg) no-repeat center center / contain;
  width: calc(29.19053 * var(--base-unit));
  height: calc(6.58203 * var(--base-unit));
}
.p12 .p-people-years70__grid-icon-position {
  justify-self: end;
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p12 {
    justify-self: end;
    align-self: end;
    translate: 0 0;
  }
  .p12 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_12.svg) no-repeat center center / contain;
    width: min(calc(76.76206 * var(--unique-base-unit)), 767.6206px);
    height: min(calc(9.41226 * var(--unique-base-unit)), 94.1226px);
  }
  .p12 .p-people-years70__grid-icon-position {
    bottom: 0;
    right: max(calc(-4.0* var(--unique-base-unit)), -40px);
  }
}
@media screen and (max-width: 767px) { 
  .p-people-years70__grid-area .p12 {
    grid-row: 12 / 13;
  }
}


/* p-13 もはや商社ではない　既存の事業領域の枠組みを超えてわが社ならではの「Value Creation」を実現し、新たな未来を創り上げていく */
/* p-13 MC is no longer a shosha. We must look and act beyond the constraints of our existing operations, create value as only MC can, and build a new future. */
.p-people-years70__grid-area .p13 {
  grid-area: p13;
  justify-self: end;
  translate: calc(-2.6 * var(--base-unit)) calc(2 * var(--base-unit));
}
.p13 .p-people-years70__grid-img{
  mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_13_sp.svg) no-repeat center center / contain;
  width: calc(25.91274 * var(--base-unit));
  height: calc(7.86929 * var(--base-unit));
}
.p13 .p-people-years70__grid-icon-position {
  bottom: 0;
  right: calc(-2.6* var(--base-unit));
}
@media screen and (min-width: 768px) {
  .p-people-years70__grid-area .p13 {
    justify-self: end;
    translate: min(calc(0 * var(--unique-base-unit)), 0) min(calc(0 * var(--unique-base-unit)), 0);
  }
  .p13 .p-people-years70__grid-img{
    mask: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/index_text-img_13.svg) no-repeat center center / contain;
    width: min(calc(97.54893 * var(--unique-base-unit)), 975.4893px);
    height: min(calc(19.38335 * var(--unique-base-unit)), 193.8335px);
  }
  .p13 .p-people-years70__grid-icon-position {
    justify-self: end;
    right: max(calc(-4.0 * var(--unique-base-unit)), -40px);
    bottom: 0;
  }
}

/* アニメーション */
@media screen and (min-width: 768px) {
  .p-people-years70__grid-item:hover {
    scale: 1.1;
    z-index: 100;
  }

  .p-people-years70__grid-item:hover .p-people-years70__grid-icon::after {
    opacity: 1;
  }
  .p-people-years70__grid-item:hover .p-people-years70__grid-img {
    background-color: #A22041;
  }
}

.is-animation {
  animation: anime01 1s ease-out forwards;
}

@keyframes anime01 {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 動画モーダル (サムネが表示されないので調整)*/
.p-people-years70 .p-movie01__modal-grid-video-wrapper {
  z-index: 0;
}
.p-people-years70 .p-movie01__modal-grid > a {
  z-index: 1;
}

/* モーダル */
@layer component {
  .modal {
    display: none;
    position: fixed;
    z-index: 100000001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    transition: opacity 0.3s;
  }
  .modal.show {
    display: block;
    opacity: 1;
  }

  .p-modal__contents {
    margin: min(15%, 220px) auto;
    width: 90%;
    max-width: 1200px;
  }
  @media (max-width: 767px) {
    .p-modal__contents {
      margin: calc(5* var(--base-unit)) auto;
      width: calc(100% - calc(4* var(--base-unit)));
    }
  }

  .p-modal__close{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0 calc(0.2* var(--base-unit)) calc(2.2* var(--base-unit));
    box-sizing: border-box;
  }
  .p-modal__close-button {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    background: none;
    display: block;
    background: url(https://www.mitsubishicorp.com/jp/assets_r24/images/colorbox/colorbox-icon-close.svg) no-repeat center;
    width: calc(5* var(--base-unit));
    max-width: 50px;
    aspect-ratio: 1;
    cursor: pointer;
    text-indent: -9999px;
  }
  @media (min-width: 768px) {
    .p-modal__close-button:hover,
    .p-modal__close-button:focus {
      cursor: pointer;
    }
  }

  .p-modal__contents-top {
    min-height: calc(58.8* var(--base-unit));
    position: relative;
    background: #fff;
    padding: calc(4* var(--base-unit)) calc(6* var(--base-unit));
    box-sizing: border-box;
    font-family: "Neue Helvetica", "Tazugane Gothic", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .p-modal__txt {
    width: 69.353%;
    position: relative;
    z-index: 1;
    color: #3C3C3C;
    text-align: center;
  }
  .p-modal__about-list {
    display: flex;
    font-size: calc(1.6* var(--base-unit));
    letter-spacing: 0.12em;
  }
  .p-modal__about-list li {
    display: flex;
    align-items: center;
    padding: calc(1.4* var(--base-unit)) calc(2* var(--base-unit));
    border-left: #D5D5D5 calc(0.1* var(--base-unit)) solid;
    color: #3C3C3C;
  }
  .p-modal__about-list li:first-child {
    width: calc(7.8* var(--base-unit));
    padding-left: 0;
    border: unset;
    line-height: 1.3;
  }
  .p-modal__about-list li:not(:first-child) {
    width: calc(100% - calc(7.8* var(--base-unit)));
    font-weight: 300;
    line-height: 1.4;
  }
  .p-modal__words {
    min-width: calc(31.8* var(--base-unit));
    display: inline-block;
    position: relative;
    margin-top: calc(10* var(--base-unit));
    padding: calc(1.6* var(--base-unit)) calc(3* var(--base-unit));
    font-size: calc(3.2* var(--base-unit));
    line-height: 1.65;
    text-align: center;
    font-weight: 300;
    letter-spacing: 0.03em;
  }
  .p-modal__content--1line .p-modal__words {
    margin-top: calc(13* var(--base-unit));
  }
  .p-modal__content--3line .p-modal__words {
    margin-top: calc(7* var(--base-unit));
  }
  .p-modal__words::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: calc(4.1* var(--base-unit));
    height: calc(4* var(--base-unit));
    background-image: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/ttl_corner.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .p-modal__words::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    transform: rotate(180deg);
    width: calc(4.1* var(--base-unit));
    height: calc(4* var(--base-unit));
    background-image: url(https://www.mitsubishicorp.com/jp/en/explore/words_for_70_years/assets_r24/images/ttl_corner.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .p-modal__year,
  .p-modal__name {
    color: #666;
  }
  .p-modal__year {
    font-size: calc(1.8* var(--base-unit));
    font-weight: 300;
    letter-spacing: 0;
    padding-top: calc(3* var(--base-unit));
    text-align: center;
    line-height: 2.2;
  }
  .p-modal__content--1line .p-modal__year {
    padding-top: calc(8.5* var(--base-unit));
  }
  .p-modal__content--3line .p-modal__year {
    padding-top: calc(3.2* var(--base-unit));
  }
  .p-modal__name {
    font-size: calc(2.4* var(--base-unit));
    letter-spacing: 0.04em;
    /* padding-top: calc(0.4* var(--base-unit)); */
    text-align: center;
    line-height: 1.5;
  }

  .p-modal__img {
    width: 34.834%;
    min-width: calc(27* var(--base-unit));
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .p-modal__img img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  .p-modal__contents-btm {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px 10px;
    margin-top: calc(3* var(--base-unit));
  }
  .p-modal__button {
    position: relative;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    background: transparent;
    padding: calc(1.3* var(--base-unit)) calc(3* var(--base-unit)) calc(1* var(--base-unit)) calc(2* var(--base-unit));
    border: #fff solid calc(0.1* var(--base-unit));
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    font-size: calc(1.6* var(--base-unit));
    font-weight: 300;
    transition: color .3s, background-color 0.3s, border-color 0.3s;
  }
  .p-modal__button::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(1* var(--base-unit));
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
  }
  .p-modal__button span {
    display: block;
    padding-top: calc(0.3* var(--base-unit));
    font-size: calc(1.8* var(--base-unit));
    font-weight: 400;
  }
  .p-modal__button.active {
    background: #fff;
    color: #333;
    pointer-events: none;
  }
  .p-modal__button.active::before {
    content: "";
    position: absolute;
    bottom: calc(-0.1* var(--base-unit));
    left: calc(-0.1* var(--base-unit));
    display: block;
    width: calc(100% + calc(0.2* var(--base-unit)));
    height: calc(0.4* var(--base-unit));
    background: #A22041;
  }
  @media (max-width: 767px) {
    .p-modal__close {
      padding: calc(1* var(--base-unit)) 0 0;
    }
    .p-modal__close-button {
      width: calc(4* var(--base-unit));
    }

    .p-modal__contents-top {
      min-height: calc(44.7* var(--base-unit));
      padding: calc(1.6* var(--base-unit)) calc(1.6* var(--base-unit)) calc(7* var(--base-unit));
    }
    .p-modal__about-list li {
      min-height: calc(6* var(--base-unit));
      padding: 0 calc(0.9* var(--base-unit));
    }
    .p-modal__about-list li:first-child {
      width: calc(6.5* var(--base-unit));
      font-size: calc(1.3* var(--base-unit));
      letter-spacing: 0.12em;
    }
    .p-modal__about-list li:not(:first-child) {
      width: calc(100% - calc(6.5* var(--base-unit)));
      font-size: calc(1.4* var(--base-unit));
      letter-spacing: 0.1em;
    }
    .p-modal__txt {
      width: 100%;
    }
    .p-modal__words {
      display: inline-block;
      width: unset;
      min-width: calc(21* var(--base-unit));
      margin-top: calc(3* var(--base-unit));
      padding: calc(1.7* var(--base-unit)) calc(1.2* var(--base-unit));
      font-size: calc(2* var(--base-unit));
      line-height: 1.8;
      box-sizing: border-box;
    }
    .p-modal__content--1line .p-modal__words {
      margin-top: calc(7* var(--base-unit));
    }
    .p-modal__content--3line .p-modal__words {
      margin-top: calc(1.6* var(--base-unit));
      padding: calc(1.7* var(--base-unit)) calc(1* var(--base-unit));
      font-size: calc(1.7* var(--base-unit));
    }
    #modal-content7 .p-modal__words {
      padding: calc(1.7* var(--base-unit)) calc(0.7* var(--base-unit));
      letter-spacing: 0;
    }
    #modal-content12 .p-modal__words {
      width: 100%;
    }
    #modal-content13 .p-modal__words {
      width: 100%;
      padding: calc(1.7* var(--base-unit)) calc(0.3* var(--base-unit));
      letter-spacing: 0;
    }
    .p-modal__year {
      width: 38%;
      padding-left: calc(1.5* var(--base-unit));
      font-size: calc(1.6* var(--base-unit));
      letter-spacing: 0;
      padding-top: calc(7.3* var(--base-unit));
      text-align: left;
    }
    .p-modal__content--1line .p-modal__year {
      padding-top: calc(10.5* var(--base-unit));
    }
    .p-modal__content--3line .p-modal__year {
      padding-top: calc(5.4* var(--base-unit));
    }
    .p-modal__name {
      width: 55%;
      padding-left: calc(1.5* var(--base-unit));
      font-size: calc(1.6* var(--base-unit));
      text-align: left;
    }
    .p-modal__img {
      width: 56.593%;
      min-width: unset;
    }

    .p-modal__contents-btm {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px 11px;
      margin-top: calc(3* var(--base-unit));
    }
    .p-modal__button {
      font-size: calc(1.5* var(--base-unit));
      font-weight: 400;
      padding: calc(0.5* var(--base-unit)) calc(2.7* var(--base-unit)) calc(0.3* var(--base-unit)) calc(1.6* var(--base-unit));
      line-height: 1.39;
      letter-spacing: 0.03em;
    }
    .p-modal__button span {
      padding-top: 0;
      font-size: calc(1.7* var(--base-unit));
      font-weight: 500;
      letter-spacing: 0.1em;
    }
    .p-modal__button::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-top: calc(0.7* var(--base-unit)) solid transparent;
      border-bottom: calc(0.7* var(--base-unit)) solid transparent;
      border-left: calc(0.8* var(--base-unit)) solid #ffffff;
      border-right: 0;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-modal__contents-btm {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (min-width: 768px) {
    #modal-content13 .p-modal__words{
      padding: calc(1.6* var(--base-unit)) calc(2* var(--base-unit));
    }
    .p-modal__img {
      max-width: calc(39.5* var(--base-unit));
    }
    .p-modal__button:hover {
      background: #A22041;
      border: #A22041 solid calc(0.1* var(--base-unit));
      transition: color .3s, background-color 0.3s, border-color 0.3s;
    }
  }
}