@charset "utf-8";

.corpBusinessMore {
  padding: 0 0 calc(var(--s)*100);
  color: #333; font-size: calc(var(--s)*16); line-height: 1.75; font-weight: 500;
}
.corpBusinessMore__container {
  position: relative;
  width: 1160px; max-width: 90%;
  margin: 0 auto;
}
.corpBusinessMore__head h2 {
  margin: 0 0 5px;
  font-size: calc(var(--s)*32);
}
.corpBusinessMore__banner a {
  position: relative; overflow: hidden;
  display: block;
  border-radius: calc(var(--s)*15);
  color: #fff !important;
  background: #0C4DAE;
  box-shadow: 2px 2px 10px 0px rgba(103, 103, 103, 0.50);
  transition-duration: 400ms;
}
.corpBusinessMore__banner a:hover {
  opacity: 0.7;
}
.corpBusinessMore__banner a .text {
  position: absolute; left: 0; top: 0;
  display: flex; flex-wrap: wrap; align-items: center; align-content: center;
  width: 100%; height: 100%; padding: 0 calc(var(--s)*70) 0 calc(var(--s)*30);
  color: #fff;
}
.corpBusinessMore__banner a .text::after {
  content: '';
  position: absolute; top: 0; right: calc(var(--s)*20); bottom: 0;
  display: block; width: calc(var(--s)*50); height: calc(var(--s)*50); margin: auto 0;
  border-radius: 50%;
  background: #0C4DAE url(../img/corp/business/arrow.svg) center/cover no-repeat;
}
.corpBusinessMore__banner a .text .en {
  display: block;
  width: 100%;
  margin: 0 0 0.1em;
	font-family: 'Poppins', sans-serif;
  font-size: calc(var(--s)*32); line-height: 1; letter-spacing: -0.05em; font-weight: 500;
  text-transform: uppercase;
}
.corpBusinessMore__banner a .text .ja {
  display: block;
  width: 100%;
  font-size: calc(var(--s)*16); font-weight: 700;
}
.corpBusinessMore__banner a.top .img {
  position: absolute; left: 0; top: 0;
  display: block; width: 100%; height: 100%;
  object-fit: cover;
}
.corpBusinessMore__banner a.top .img img {
  display: block; width: 100%; height: 100%;
}
.corpBusinessMore__banner a.top .text {
  align-items: flex-start; align-content: flex-start;
  padding-top: calc(var(--s)*50); padding-left: calc(var(--s)*40);
}
.corpBusinessMore__banner a.top .text::after {
  margin: unset; top: unset; bottom: calc(var(--s)*20);
}
.corpBusinessMore__banner a.top .text .en {
  font-size: calc(var(--s)*60);
}
.corpBusinessMore__banner a.top .text .ja {
  font-size: calc(var(--s)*20);
}
.corpBusinessMore__banner a {
  position: absolute; left: 0; top: 0;
  display: block; width: 100%; height: 100%;
}
.corpBusinessMore__banner li:nth-child(3) a .text {
  padding-top: 0.25em;
}

@media (min-width: 768px) {
/* pc */
  .corpBusinessMore__banner ul {
    position: relative;
    height: calc(var(--s)*300);
  }
  .corpBusinessMore__banner li {
    position: absolute;
  }
  .corpBusinessMore__banner li:nth-child(1) {
    position: absolute; left: 0; top: 0;
    width: calc((100% - var(--s)*20) * 0.585); height: 100%;
  }
  .corpBusinessMore__banner li:nth-child(2),
  .corpBusinessMore__banner li:nth-child(3) {
    right: 0; width: calc((100% - var(--s)*20) * 0.415); height: calc((100% - var(--s)*20) / 2);
  }
  .corpBusinessMore__banner li:nth-child(2) {
    top: 0;
  }
  .corpBusinessMore__banner li:nth-child(3) {
    bottom: 0;
  }
/* pc end */
}

@media (max-width: 767px) {
/* sp */
  .corpBusinessMore {
    padding-top: calc(var(--s)*36);
  }
  .corpBusinessMore__head h2 {
    margin-bottom: calc(var(--s)*15); font-size: calc(var(--s)*40);
  }
  .corpBusinessMore__banner li {
    position: relative;
  }
  .corpBusinessMore__banner li:nth-child(1) {
    aspect-ratio: 690/350;
  }
  .corpBusinessMore__banner li:nth-child(2),
  .corpBusinessMore__banner li:nth-child(3) {
    aspect-ratio: 690/220; margin-top: calc(var(--s)*20);
  }
  .corpBusinessMore__banner a .text::after {
    right: calc(var(--s)*30); width: calc(var(--s)*60); height: calc(var(--s)*60);
  }
  .corpBusinessMore__banner a .text .en {
    font-size: calc(var(--s)*48); line-height: 1.08;
  }
  .corpBusinessMore__banner a .text .ja {
    font-size: calc(var(--s)*24);
  }
  .corpBusinessMore__banner a.top .text {
    padding-top: calc(var(--s)*45);
  }
  .corpBusinessMore__banner a.top .text::after {
    bottom: calc(var(--s)*30);
  }
  .corpBusinessMore__banner a.top .text .en {
    margin-bottom: 0;
    font-size: calc(var(--s)*72);
  }
  .corpBusinessMore__banner a.top .text .ja {
    font-size: calc(var(--s)*28);
  }
/* sp end */
}