@charset "utf-8";

/* ======================================================
 * index.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Page Component
 * - Clearfix
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * - Page Component
 * - Clearfix
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* -----tepra-rental-box----- */
  .tepra-rental-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-block: 25px;
    margin-top: 70px;
  }
  .tepra-rental-box__title {
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: bold;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tepra-rental-box__body {
    margin-top: 20px;
  }
  .tepra-rental-box-text {
    font-size: 1.8rem;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 768px) and (max-width: 960px) {
}
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
***/


/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ------------------------------------------------------
   * Page Component
  ------------------------------------------------------ */
  /* -----tepra-rental-box----- */
  .tepra-rental-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-block: 15px;
    margin-top: 35px;
  }
  .tepra-rental-box__title {
    font-size: 2.3rem;
    line-height: 1.1;
    font-weight: bold;
    text-align: center;
    font-family: "Noto Sans", "Noto Sans CJK JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  .tepra-rental-box__body {
    margin-top: 3px;
  }
  .tepra-rental-box-text {
    font-size: 1.5rem;
  }
  /* -----tepra-font-sp_small----- */
  .tepra-font-sp_small {
    font-size: 1.3rem;
  }
  /* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
  .clearfix::after {
    display: block;
    clear: both;
    content: "";
  }
}


/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 767px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 375px) {
}
***/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

@media only screen and (max-width: 400px) {

}

/***
@media only screen and (max-width: 320px) {
}



/* ======================================================
 * Print
====================================================== */
@media print {
}