@charset "UTF-8";
/* Guideline
-------------------------------------------------------------- */
/* 大枠  */
.sec.guideline > .inr {
  max-width: 1400px; }

.sec.guideline > .inr > p {
  margin-top: 0; }

/* 見出し  */
@media screen and (max-width: 640px) {
  .mvHl {
    height: 8em !important; }

  .mvHl h1 {
    font-size: var(--fs-l);
    letter-spacing: -0.06em; } }
/* リスト  */
.imgIndexList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  padding-top: 4em;
  margin: 0 auto;
  max-width: 1400px; }
  .imgIndexList:after {
    content: "";
    display: block;
    width: 31.66%;
    max-width: 443px; }
  .imgIndexList > article {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    margin-bottom: 56px;
    width: 31.66%; }
    .imgIndexList > article a {
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      /*
      border: 1px solid #DEDEDE;
      border-radius: 8px;
      */
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
      overflow: hidden;
      text-decoration: none;
      height: 100%;
      position: relative;
      transition: 0.4s; }
      .imgIndexList > article a p {
        margin: 0; }
      .imgIndexList > article a .thumb {
        overflow: hidden; }
        .imgIndexList > article a .thumb img {
          display: block;
          transition: 0.5s;
          width: 100%;
          		/*
            aspect-ratio: 16 / 9;
            object-fit: cover;
          		*/ }
      .imgIndexList > article a .data {
        padding: 7.5% 7.5% 10%; }
        .imgIndexList > article a .data h2 {
          font-size: 16px;
          font-weight: 600;
          letter-spacing: 0.02em;
          transition: 0.2s; }
      .imgIndexList > article a:hover {
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
        /*
        .thumb {
        overflow: hidden;
        img {
        transform: scale(1.04);
        }
        }
        */ }
        .imgIndexList > article a:hover .thumb img {
          opacity: 0.7; }
        .imgIndexList > article a:hover .data h2 {
          color: #00427E;
          text-decoration: underline; }

@media screen and (max-width: 1480px) {
  .imgIndexList:after {
    display: none; }
  .imgIndexList > article {
    margin-bottom: 28px;
    width: 48%; } }
@media screen and (max-width: 1024px) {
  .imgIndexList {
    padding-top: 3em; } }
@media screen and (max-width: 640px) {
  .imgIndexList {
    padding-top: 2em; }
    .imgIndexList > article {
      margin-bottom: 32px;
      width: 100%; }
      .imgIndexList > article a {
        /*
        border-radius: 4px;
        */ }
        .imgIndexList > article a .data {
          padding: 6% 6% 8%; }
          .imgIndexList > article a .data h2 {
            font-size: 15px; } }