/* features-th13.css — ベースライン(自動読込・module-base.css前提)。編集せず上書きで調整。 */
@charset "UTF-8";

._th13_module {
  padding: 4em 0;
  background-image: url(images/th13-bg-1.webp);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
@media (min-width: 1020px) {
  ._th13_module {
    padding: 4em 1em;
  }
}
._th13_module .container {
  position: relative;
}
@media (min-width: 768px) {
  ._th13_module ._th13_module_text,
  ._th13_module h2 {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
}
._th13_module h2 {
  display: block;
}
@media (min-width: 768px) {
  ._th13_module h2 {
    position: absolute;
    text-align: left;
    top: 0;
    bottom: 0;
    margin: auto;
    left: auto;
    right: 3%;
    z-index: 99;
  }
}
@media (min-width: 769px) {
  ._th13_module h2 {
    right: 1%;
  }
}
._th13_module h2 {
  font-size: 24px;
  font-size: 2.4rem;
}
@media (max-width: 767px) {
  ._th13_module h2 {
    margin: 0 auto 1em;
    font-size: 20px;
    font-size: 2rem;
  }
}
._th13_module h2:after, ._th13_module h2:before {
  display: none;
}
._th13_module h2 > span {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
._th13_module p {
  line-height: 1.7;
}
._th13_module figure {
  display: inline-block;
}
@media (min-width: 768px) {
  ._th13_module figure {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 2;
    text-align: center;
    padding-top: 440px;
  }
  ._th13_module figure img {
    position: absolute;
    top: -300%;
    left: -300%;
    right: -300%;
    bottom: -300%;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  ._th13_module figure img {
    max-width: inherit;
    height: 100%;
  }
}
@media (min-width: 768px) {
  ._th13_module ._th13_module_box {
    position: relative;
  }
}
@media (min-width: 768px) and (max-width: 768px) {
  ._th13_module ._th13_module_box br.pc-only {
    display: none;
  }
}
@media (min-width: 768px) {
  ._th13_module ._th13_module_box p {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    margin: auto;
  }
}

.column_main ._th13_module {
  padding: 3em 1em;
}
@media (max-width: 768px) {
  .column_main ._th13_module {
    padding: 2em 0.5em;
  }
}
@media (min-width: 768px) {
  .column_main ._th13_module figure img {
    max-width: inherit;
    height: 100%;
  }
}

/* SM-FIX2-20260819 */
/* 2026-08-19: 768px 以上で縦書き(writing-mode: vertical-rl)の見出しと本文を
   セクションの背景写真の上に直接置いており、スクリムが無いため読めなかった。
   写真全面に暗幕を敷き、文字を白にする（text-shadow は使わない）。 */
._th13_module{ position: relative; background-size: cover; background-position: center; }
._th13_module:before{
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0;
  background: rgba(0,0,0,.45); pointer-events: none;
}
._th13_module .container{ position: relative; z-index: 1; }
._th13_module h2,
._th13_module h2 > span,
._th13_module ._th13_module_text,
._th13_module ._th13_module_text p,
._th13_module p{ color: #fff; }