.fd-page{background:#fff;color:#252b33}
.fd-title-section{padding:66px 0 0;background:#fff}
.fd-title-section h1{max-width:980px;margin:0 0 42px;font-size:clamp(54px,6.2vw,80px);font-weight:700;letter-spacing:-.035em;line-height:.98}
.fd-hero-image{height:580px;margin:0;overflow:hidden;background:#e4e8eb}
.fd-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.fd-introduction{padding:88px 0 94px;background:#eff0eb}
.fd-introduction-copy{display:block}
.fd-introduction p{max-width:760px;margin:0;color:#37424d;font-size:22px;line-height:1.68}
.fd-types> .wrap>h2{margin:0;font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-.035em;line-height:1.03}
.fd-types{padding:96px 0 108px;background:#fff}
.fd-types> .wrap>h2{max-width:800px;margin-bottom:58px}
.fd-type-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d8dde1}
.fd-type-list article{display:grid;grid-template-columns:minmax(150px,.62fr) minmax(0,1.38fr);gap:28px;align-items:start;padding:34px 32px 36px 0;border-bottom:1px solid #d8dde1}
.fd-type-list article:nth-child(even){padding-right:0;padding-left:32px;border-left:1px solid #d8dde1}
.fd-type-list h3{margin:0;color:#252b33;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.35}
.fd-type-list p{margin:0;color:#4e5965;font-size:16px;line-height:1.72}
@media(max-width:900px){
  .fd-type-list{grid-template-columns:1fr}
  .fd-type-list article,.fd-type-list article:nth-child(even){padding:30px 0;border-left:0}
}
@media(max-width:700px){
  .fd-title-section{padding-top:44px}
  .fd-title-section h1{margin-bottom:30px;font-size:44px}
  .fd-hero-image{height:390px}
  .fd-introduction,.fd-types{padding:66px 0 72px}
  .fd-introduction p{font-size:17px}
  .fd-types> .wrap>h2{margin-bottom:38px}
  .fd-type-list article,.fd-type-list article:nth-child(even){grid-template-columns:1fr;gap:12px;padding:26px 0}
}
