@charset "utf-8";
/*--------------------------------------------------------------------------------

  business

--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------

 catch

--------------------------------------------------------------------------------*/
.business .catch {
  background: #f3f3f3;
  margin: calc(var(--main-pdt, var(--space-l)) * -1) 0 0 0;
  padding: 84px 0;
}
.business .catch .l-container {
  display: flex;
  /*flex-direction: row-reverse;*/
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.business .catch .l-container img {
  width: 100%;
  max-width: 580px;
  height: auto;
  aspect-ratio: 580 / 327;
}

/*.business .catch .l-container p {
  display: block;
  margin: 30px 0 0 0;
}
.business .catch .l-container p:first-child {
  margin: 0;
}*/
.business .catch .l-container p strong {
  display: block;
  margin-bottom: 30px;
  color: #122266;
  font-size: var(--fs-5l);
  font-family: var(--ff-min);
  line-height: 1.6;
}

@media (max-width: 760px) {
.business .catch {
  padding: 42px 0;
}
.business .catch {
  flex-direction: column-reverse;
}
  
  .business .catch .l-container{
    display: block;
  } 
  
  .business .catch .l-container img {
  display: block;
  /*flex-direction: row-reverse;*/
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.business .catch .l-container img {
  width: 100%;
  max-width: initial;
  height: auto;
  aspect-ratio: 580 / 327;
  margin-top: 30px;
}
.business .catch .l-container p strong {
  font-size: calc(var(--fs-5l) * 0.75);
}
.business .catch .l-container p strong br.pc {
  display: none;
}
}

/*--------------------------------------------------------------------------------

  business-box

--------------------------------------------------------------------------------*/
.business .business-box {
  border-bottom: 1px solid #cccccc;
  padding: 60px 0;
}

.business .business-box .business-item {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  margin-bottom: 40px
}

.business .business-box .business-item img {
  width: 100%;
  max-width: 400px;
}

.business .business-box .business-item h2 {
  font-size: var(--fs--21);
  font-weight: bolder;
  margin-bottom: 24px;
}

.business .business-box .business-item .business-text {
  display: block;
  margin: auto 0;
}

@media (max-width: 760px) {
.business .business-box {
  padding: 42px 0;
}
.business .business-box .business-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 500px) {
  .business .business-box .business-item {
    grid-template-columns: auto;
  }
}