@media screen and (max-width: 1200px) {}

/* タブレット（一般的なサイズ） */
@media screen and (max-width: 1024px) {}



/* 小さめタブレット・スマホ大きめ */
@media screen and (max-width: 896px) {}



/* スマホ（iPhoneなど） */
@media screen and (max-width: 768px) {
  .font-common-color {
    color: #132464;
  }

  .font-family-common {
    font-family: "Shippori Mincho B1", serif;
  }

  .font-small {
    /* 12pt */
    font-size: 2.2vw;
  }

  .font-common {
    /* 16pt */
    font-size: 2.5vw;
  }

  .font-sub-important {
    /* 20pt */
    font-size: 3vw;
  }

  .font-important {
    /* 24pt */
    font-size: 3.4vw;
  }

  .font-sub-heading {
    /* 29pt */
    font-size: 3.9vw;
  }

  .font-heading {
    /* 31pt */
    font-size: 4.5vw;
  }

  h1 {
    font-size: 16px;
  }

  .font-small {
    font-size: 1.5vw;
  }

  .main-text {
    .main-text-area {
      width: 90%;
      margin: 0 auto;
    }
  }

  header {
    .header-common {
      .header-heading {
        display: none;
      }

      .header-img-box {
        display: none;
      }
    }
  }

  .main-text {
    .main-text-area {
      .main-text-detail {
        font-size: 15px;
      }
    }
  }

  .section-title {
    width: 100%;

    .top-img {
      img {
        width: 100%;
        object-fit: cover;
      }
    }
  }

  .bread-list {
    width: 90%;
  }

}

/* 超小型スマホ（iPhone SEなど） */
@media screen and (max-width: 440px) {
  .font-small {
    /* 12pt */
    font-size: 10px;
  }

  .font-common {
    /* 16pt */
    font-size: 12px;
  }

  .font-sub-important {
    /* 20pt */
    font-size: 14px;
  }

  .font-important {
    /* 24pt */
    font-size: 16px;
  }

  .font-sub-heading {
    /* 29pt */
    font-size: 18px;
  }

  .sp-header-text {
    font-size: 7px;
  }

  .fff {
    font-size: 12px;
  }

  .section-title {
    .top-img {
      img {
        margin-top: 15vw;
      }
    }
  }

  .main-text {
    .main-text-area {
      .main-text-detail {
        font-size: 15px;
      }
    }
  }
}