@charset "UTF-8";

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, sans-serif;
}
:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: auto;
}

.products .fin-system .block-column .img img {
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

:where(.top) .environment {
  background-image: url(../img/top/top-environment2.jpg);
}

.top .block-columns .block-column.has-bg.finline,
.products .block-columns .block-column.has-bg.finline {
  background-image: url(../img/products/core-finline.jpg);
}

.top .block-columns .block-column.has-bg.findie,
.products .block-columns .block-column.has-bg.findie {
  background-image: url(../img/products/core-findie.jpg);
}

:where(.top) .recruit .desc {
	font-weight: 400;
}

.system.products .fin-system:not(.develop) .block-column .img.img1 {
  top: 0;
  z-index: 4;
}

.system.products .fin-system:not(.develop) .block-column .img.img2 {
  width: 80%;
  top: 50%;
}

.post-date {
  width: 8.8rem;
}

.topics .post-list-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.topics .editor-area p {
  line-height: 1.9;
}

/* .interview .media-list-item a {
  align-items: stretch;
  justify-content: flex-start;
} */

.interview .media-list-item .item-ttl {
  line-height: 1.4;
  font-size: clamp(1.8rem, 1.618rem + 0.567vw, 2.2rem);
}

.interview .media-list-item .caps {
  margin-bottom: 0.8rem;
}

.interview .media-list-item .desc {
  line-height: 1.6;
}

.editor-area ul.cta-btns {
  max-width: calc(1080px + clamp(1.6rem, .511rem + 3.404vw, 4rem) * 2);
  padding-inline: clamp(1.6rem, .511rem + 3.404vw, 4rem);
}

.editor-area ul li.cta-btn {
  padding-left: 0;
}

.editor-area ul li.cta-btn a {
  text-decoration: none !important;
}

.editor-area ul li.cta-btn::before {
  display: none;
}

.editor-area ul li.cta-btn a.btn {
  background: #fff;
}

.editor-area ul li.cta-btn .btn:not(.has-contrast-color) {
  color: #e94509
}

.editor-area ul li.cta-btn a.btn:hover {
  background: #fff;
  color: #e94509;
}

.editor-area .block-column li,
.editor-area .list-3cols li {
  width: 100%;
  margin-inline: 0;
}

/* :where(.products) .mainvisual {
  aspect-ratio: 25 / 11;
  height: auto;
} */

/* .products .block-columns .block-column.has-bg.finline {
  background-image: url(../img/products/core-finline.jpg);
}

.products .block-columns .block-column.has-bg.findie {
  background-image: url(../img/products/core-findie.jpg);
} */

/* .products .feature .page-list {
  flex-direction: row;
  align-items: stretch;
} */



@media screen and (min-width:480px) {

  /* ------------------------------------- */
  /* contents */
  /* ------------------------------------- */
  /* :where(.top) .mainvisual .mv-inner {
    aspect-ratio: 25 / 11;
    height: auto;
  } */

  .interview .media-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
  }

  .interview .media-list-item {
    width: 100% !important;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    gap: 0.8rem;
    align-items: normal;
  }

  .interview .media-list-item a {
    height: auto;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
    align-items: start;
  }

  .interview .media-list-item .item-ttl {
    margin-top: 0;
    margin-bottom: 0;
    display: grid;
    grid-template-rows: subgrid;
    grid-template-rows: 2em 1fr;
  }

  .interview .media-list-item .item-thumb {
    margin-bottom: 0.8rem;
  }

  .interview .media-list-item .item-ttl .caps {
    /* min-height: 4.8rem; */
    /* margin-bottom: auto; */
    /* flex-grow: 1;
		display: flex;
		width: 100%; */
  }

  .interview .media-list-item .desc {
    margin-bottom: auto;
    /* flex-grow: 1; */
    /* min-height: 6.8rem; */
  }

  .interview .media-list-item .more {
    margin-top: auto;
    /* flex-grow: 1; */
  }
}

@media screen and (min-width:768px) {

  /* ------------------------------------- */
  /* contents */
  /* ------------------------------------- */
  .system.products .fin-system:not(.develop) .block-column .img.img1 {
    top: 0;
    right: 0;
    width: 100%;
  }

  .system.products .fin-system:not(.develop) .block-column .img.img2 {
    width: 100%;
    top: 58%;
  }
  .interview .media-list {
    grid-template-columns: repeat(3, 1fr);
  }

  /* .interview .media-list-item .item-ttl {
    min-height: 9.8rem;
  }

  .interview .media-list-item .desc {
    min-height: 7.8rem;
  } */

  .block-columns:not(:has(.has-bg)).ratio-30-70 .block-column {
    width: 30%;
  }

  .block-columns:not(:has(.has-bg)).ratio-30-70 .block-column+.block-column {
    width: calc(70% - 3.2rem);
  }

}

@media screen and (min-width:1025px) {

  /* ------------------------------------- */
  /* contents */
  /* ------------------------------------- */
  .system.products .fin-system .block-column .img.img1 {
    top: 0;
    right: -8%;
    width: 85%;
  }

  .system.products .fin-system .block-column .img.img2 {
    top: 44%;
    left: -5%;
    width: 85%;
  }

  .system.products .fin-system:not(.develop) .block-column .img.img1 {
    top: 0;
    right: -8%;
    width: 85%;
  }

  .system.products .fin-system:not(.develop) .block-column .img.img2 {
    width: 85%;
    top: 42%;
    left: -5%;
  }


  .post-list [class*=-list-item]:not(:has(.post-tags)) .post-ttl {
    width: calc(100% - (8.8rem + 1.6rem));
    max-width: inherit;
    text-overflow: inherit;
    white-space: inherit;
  }
	.interview .media-list-item .item-ttl {
		grid-template-rows: 1em 1fr;
	}
  /* .interview .media-list-item .item-ttl {
		min-height: 9.8rem;
	} */
  /* .interview .media-list-item .item-ttl .caps {
    min-height: 2.4rem;
  }

  .interview .media-list-item .desc {
    min-height: 5.6rem;
  } */

  .block-columns:not(:has(.has-bg)).ratio-30-70 .block-column {
    width: 30%;
  }

  .block-columns:not(:has(.has-bg)).ratio-30-70 .block-column+.block-column {
    width: calc(70% - 4rem);
  }
}



@media (orientation: landscape) and (max-width: 767px) {
  /* デバイスが横向き、画面の横幅が 767px 以下の場合の記述 */
}