@charset "UTF-8";

/* =========================================================
   基本レイアウト調整
   ========================================================= */
.col-full{
  max-width: 100%!important;
  padding: 0!important;
}

/* Storefront 標準パンくずは非表示（重複防止） */
.storefront-breadcrumb {
  display: none;
}

/* =========================================================
   タイトルエリア（無料貸出お申し込みと同じ）
   ========================================================= */
#contact {
  background: #3c4370;
  color: #fff;
  /* 画面横幅いっぱいに広げる */
  margin: 0 calc(50% - 50vw);
  padding: 60px 0;
}

@media all and (max-width: 1360px) {
  #contact {
    padding: 40px 0;
  }
}

#contact h1 {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
}

@media all and (max-width: 1360px) {
  #contact h1 {
    font-size: 26px;
  }
}

/* =========================================================
   パンくず（無料貸出お申し込みと同じ）
   ========================================================= */
.bread{
  padding: 1.41575em 0;
  max-width: 1160px;
  margin: 0 auto;
  font-size: 13px;
}

.bread ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.bread li{
  display: inline-block;
}

.bread li + li:before{
  content: " / ";
  padding: 0 .4em;
}

/* ホバーアニメーション（下線がスーッと出る） */
.bread a,
.storefront-breadcrumb a {
  position: relative;
  display: inline-block;
  text-decoration: none;   /* 既存の下線を消す */
}

.bread a::after,
.storefront-breadcrumb a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;           /* 文字の少し下に線を配置 */
  width: 100%;
  height: 1px;
  background-color: currentColor;  /* 文字色と同じ色の線 */
  transform: scaleX(0);
  transform-origin: left center;   /* 左から伸びるように */
  transition: transform 0.25s ease-out;
}

.bread a:hover::after,
.storefront-breadcrumb a:hover::after {
  transform: scaleX(1);
}

/* =========================================================
   本文（特商法コンテンツ）
   ========================================================= */
#content.tos {
  max-width: 1160px;
  margin: 0 auto;
  padding: 40px 20px 100px;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
}

@media all and (max-width: 750px) {
  #content.tos {
    padding: 20px 20px 60px;
  }
  .bread {
    margin: 0 30px !important;
  }
}

#content.tos h2 {
  font-size: 20px;
  margin: 24px 0 8px;
  font-weight: 700;
}

#content.tos p {
  margin: 6px 0 12px;
}

/* 箇条書き（「製品代金以外の必要料金」「支払方法」など） */
.indent_normal {
  margin: 4px 0 12px 1.5em;
  padding-left: 0;
  list-style: disc;
}

.indent_normal li {
  margin: 4px 0;
}

/* =========================================================
   その他・共通調整
   ========================================================= */
body {
  overflow-x: hidden;
}

a {
  color: #000;
}