@charset "UTF-8";
/* =====================
	LP - 震度7の地震の後でも住み続けられる家
 ======================= */
/** -------------------- 変数定義 -------------------- **/
:root {
  --c_black: #333333;
  --c_blue: #05479B;
  --c_sky: #1CA3E7;
  --c_orange: #FF8717;
  --c_yellow: #FFD900;
  --c_red: #D12D52;
  --c_green: #00B900;
  --c_blk10: #EAEAEA;
  --c_blk30: #BEBEBE;
  --c_blk50: #8F8F8F;
  --c_blk80: #434343;
  --c_blk100: #000000;
  /* #000 → #05479B */
  --filter_blue: invert(13%) sepia(83%) saturate(4538%) hue-rotate(207deg) brightness(88%) contrast(96%);
  /* #000 → #05479B */
  --filter_green: invert(37%) sepia(99%) saturate(1353%) hue-rotate(92deg) brightness(101%) contrast(111%); }

/** -------------------- ページ内共通 -------------------- **/
main, aside {
  color: var(--c_black);
  line-height: normal; }
  main a, aside a {
    color: var(--c_black); }
  main *, aside * {
    letter-spacing: 0.04em; }

mark {
  color: var(--c_black);
  font-style: normal;
  background: var(--c_yellow); }

iframe {
  max-width: 100%; }

.c-blue {
  color: var(--c_blue) !important; }

.c-sky {
  color: var(--c_sky) !important; }

.c-orange {
  color: var(--c_orange) !important; }

.c-yellow {
  color: var(--c_yellow) !important; }

.c-red {
  color: var(--c_red) !important; }

.mark-line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, var(--c_yellow)));
  background: linear-gradient(transparent 75%, var(--c_yellow) 75%); }

.inner.narrow {
  max-width: 1040px; }

.sec-title {
  text-align: center;
  color: var(--c_blk80);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.45; }
  .sec-title > strong {
    font-size: 64px;
    font-weight: 900;
    display: inline-block;
    margin-top: 27px; }
  .sec-title .circle {
    position: relative;
    z-index: 2;
    margin: 0 0.08em; }
    .sec-title .circle > span {
      width: 1.45em;
      height: 1.45em;
      border-radius: 50%;
      background: var(--c_blk30);
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .sec-title .circle > span + span {
        margin-left: -0.225em; }

.js-txtwrap {
  margin: 6px 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: sub;
  font-size: 64px;
  font-weight: 700; }
  .js-txtwrap > span {
    color: var(--c_blue);
    border: 2px solid var(--c_blue);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    height: 80px;
    background: var(--c_wht);
    margin-left: -2px;
    padding-bottom: 5px; }
    .js-txtwrap > span:first-child {
      margin-left: 0; }
    .js-txtwrap > span.bg-yellow {
      background: var(--c_yellow); }

.mean-box {
  margin: 55px auto 40px;
  max-width: 570px;
  position: relative;
  padding: 47px 6%;
  background: url(../img/antiquake/mean_bg.png) no-repeat center/contain; }
  .mean-box-title {
    position: absolute;
    left: 50%;
    top: -15px;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    font-size: 24px;
    font-weight: 700;
    padding: 8px 24px;
    background: var(--c_blk80);
    color: var(--c_wht);
    border-radius: 100px; }
  .mean-box-txt {
    line-height: 1.8;
    color: var(--c_blk80); }

.point-box {
  margin: 40px 0;
  background: var(--c_wht);
  border-radius: 16px;
  border: 4px solid var(--c_blue);
  padding: 2.8% 4.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1.2%;
     -moz-column-gap: 1.2%;
          column-gap: 1.2%;
  -webkit-box-shadow: 6px 10px 0px 0px var(--c_blue);
          box-shadow: 6px 10px 0px 0px var(--c_blue); }
  .point-box:last-child {
    margin-bottom: 0; }
  .point-box-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15.5%;
            flex: 0 0 15.5%; }
  .point-box-txt {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    color: var(--c_blue); }

.video-box {
  width: 100%;
  padding-top: 56.25%;
  position: relative; }
  .video-box iframe, .video-box video {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }

/** -------------------- メインビジュアル -------------------- **/
.mv {
  position: relative;
  height: 850px;
  padding: 20px 0 0 6.0416666667%; }
  .mv .mv-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .mv .mv-bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .mv .mv-container {
    max-width: 834px; }
  .mv .mv-award {
    width: 80.5%;
    margin: 2px auto 0; }

/** -------------------- こんな不安はありませんか？ -------------------- **/
.worries {
  padding: 80px 0;
  background: var(--c_blk10);
  position: relative; }
  .worries:after {
    content: "";
    width: 270px;
    height: 60px;
    background: url(../img/antiquake/worries_arrow.png) no-repeat bottom center/contain;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    margin: auto; }
  .worries .worries-title {
    margin-bottom: 24px; }
  .worries .worries-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 3.2%;
       -moz-column-gap: 3.2%;
            column-gap: 3.2%; }
    .worries .worries-list-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 31.2%;
              flex: 0 1 31.2%;
      background: var(--c_wht);
      border-radius: 8px;
      padding: 3.4% 2.8%;
      text-align: center;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.8;
      -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1); }
      .worries .worries-list-item figure {
        max-width: 200px;
        margin: 24px auto 0; }
      .worries .worries-list-item mark {
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        display: inline;
        padding: 0 0.15em; }

/** -------------------- 強い家を工務店価格で -------------------- **/
.answer .answer-header {
  background: var(--c_blue);
  color: var(--c_wht);
  text-align: center;
  padding: 100px 0 48px; }

.answer .answer-title {
  position: relative;
  z-index: 1; }
  .answer .answer-title-txt {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.4; }
    .answer .answer-title-txt > span {
      background: var(--c_wht);
      display: inline-block;
      border-radius: 100px;
      padding: 8px 24px;
      margin-right: 8px; }
    .answer .answer-title-txt > strong {
      font-size: 48px;
      font-weight: 700; }
      .answer .answer-title-txt > strong > span {
        font-size: 64px;
        font-weight: 900; }
  .answer .answer-title-img {
    position: absolute;
    right: -20px;
    top: 0;
    width: 214px;
    z-index: -1; }

.answer .answer-txt {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center; }
  .answer .answer-txt > span {
    display: inline-block;
    padding: 8px 24px;
    border: 2px solid currentColor;
    border-radius: 100px;
    margin-right: 8px; }
  .answer .answer-txt > strong {
    font-size: 48px;
    font-weight: 700; }
    .answer .answer-txt > strong > span, .answer .answer-txt > strong > mark {
      font-size: 80px;
      font-weight: 900;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex; }

/** -------------------- なぜ大地震後も住み続けられることが重要なのか -------------------- **/
.reason {
  background: #E3F6FF; }
  .reason .reason-title {
    margin-bottom: 56px; }
  .reason .reason-list-item {
    margin-bottom: 56px; }
    .reason .reason-list-item:last-child {
      margin-bottom: 0; }
    .reason .reason-list-item-title {
      margin-bottom: 16px;
      background: var(--c_wht);
      color: var(--c_blue);
      border-radius: 100px;
      padding: 2.5% 5%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-column-gap: 24px;
         -moz-column-gap: 24px;
              column-gap: 24px; }
      .reason .reason-list-item-title-num {
        width: 153px;
        height: 150px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        background: url(../img/antiquake/reason_num.png) no-repeat center/contain;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        padding-bottom: 8px;
        font-size: 32px;
        font-weight: 900;
        line-height: 1.0; }
        .reason .reason-list-item-title-num > span > span {
          font-size: 64px; }
      .reason .reason-list-item-title-txt {
        font-size: 40px;
        font-weight: 700; }
    .reason .reason-list-item-img {
      margin: 16px 0; }
      .reason .reason-list-item-img img {
        margin: 0 auto; }
    .reason .reason-list-item-detail {
      max-width: 660px;
      margin: 16px auto;
      font-size: 32px;
      font-weight: 700; }
      .reason .reason-list-item-detail-notice {
        font-size: 14px;
        font-weight: 400;
        text-align: right;
        margin-top: 8px; }
  .reason .reason-list-item02-container {
    position: relative; }
    .reason .reason-list-item02-container .reason-list-item-img {
      margin: 0; }
  .reason .reason-list-item02-txt01 {
    font-weight: 700;
    color: var(--c_blk80);
    position: absolute;
    top: 0;
    margin-top: 15%;
    left: 0; }
    .reason .reason-list-item02-txt01 strong {
      font-size: 24px;
      font-weight: 700; }
  .reason .reason-list-item02-txt02 {
    font-weight: 700;
    line-height: 1.8;
    color: var(--c_blk80);
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 15%;
    max-width: 312px; }
    .reason .reason-list-item02-txt02 small {
      font-size: 14px;
      font-weight: 400; }
    .reason .reason-list-item02-txt02 p + p {
      margin-top: 16px; }

/** -------------------- 強い家の秘訣は -------------------- **/
.feature {
  /* 耐震 テクノストラクチャー工法 */
  /* 制震 テクノダンパー */
  /* 保証 自信があるからできる地震保証 */ }
  .feature .feature-sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 40px 0; }
    .feature .feature-sum-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
              flex: 0 0 25%;
      text-align: center;
      border-radius: 16px;
      padding: 2.7% 0;
      font-size: 80px;
      font-weight: 700;
      background: var(--c_sky);
      color: var(--c_wht); }
      .feature .feature-sum-item--orange {
        background: var(--c_orange); }
      .feature .feature-sum-item--red {
        background: var(--c_red); }
      .feature .feature-sum-item-icon {
        max-width: 150px;
        margin: 0 auto; }
    .feature .feature-sum-plus {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 8%;
              flex: 0 0 8%;
      position: relative; }
      .feature .feature-sum-plus:before, .feature .feature-sum-plus:after {
        content: "";
        width: 100%;
        height: 8px;
        background: var(--c_blk50);
        border-radius: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
      .feature .feature-sum-plus:after {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
  .feature .feature-lead {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8;
    margin: 40px 0; }
    .feature .feature-lead:last-child {
      margin-bottom: 0; }
  .feature .feature-detail-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 200px;
    overflow: hidden;
    background: var(--c_wht);
    margin-bottom: 40px;
    position: relative; }
    .feature .feature-detail-title-img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%; }
      .feature .feature-detail-title-img img {
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
    .feature .feature-detail-title-cat {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 327px;
              flex: 0 0 327px;
      padding-left: 120px;
      min-height: 120px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 64px;
      font-weight: 700;
      text-align: center;
      background: var(--c_sky);
      color: var(--c_wht); }
    .feature .feature-detail-title-main {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-size: 48px;
      font-weight: 900;
      line-height: 1.0;
      color: var(--c_blue);
      padding: 0 10px;
      text-align: center; }
      .feature .feature-detail-title-main > span {
        font-size: 40px; }
  .feature .feature-detail-img {
    margin: 40px 0; }
    .feature .feature-detail-img img {
      margin: 0 auto; }
    .feature .feature-detail-img figcaption {
      text-align: center;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.8;
      color: var(--c_blk80); }
  .feature .feature-detail-item {
    background: var(--c_wht);
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
    margin: 40px 0;
    padding: 0 5.6% 40px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 33.8% 63%;
    grid-template-columns: 33.8% 63%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .feature .feature-detail-item:last-child {
      margin-bottom: 0; }
    .feature .feature-detail-item-title {
      background: var(--c_blue);
      color: var(--c_wht);
      font-size: 40px;
      font-weight: 700;
      padding: 1em 0;
      text-align: center;
      border-radius: 0 0 16px 16px;
      margin-bottom: 40px; }
    .feature .feature-detail-item-txt {
      line-height: 1.8;
      color: var(--c_blk80); }
      .feature .feature-detail-item-txt mark {
        font-weight: 400; }
    .feature .feature-detail-item-img {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1 / 3;
      -ms-grid-column: 2;
      grid-column: 2; }
    .feature .feature-detail-item-plus {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
      margin: 24px auto;
      width: 80px;
      height: 80px;
      position: relative; }
      .feature .feature-detail-item-plus:before, .feature .feature-detail-item-plus:after {
        content: "";
        width: 100%;
        height: 5px;
        background: var(--c_blk50);
        border-radius: 50px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
      .feature .feature-detail-item-plus:after {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
    .feature .feature-detail-item-box {
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3;
      background: #E3F6FF;
      border-radius: 16px;
      border: 4px solid var(--c_blue);
      overflow: hidden; }
      .feature .feature-detail-item-box-title {
        text-align: center;
        background: var(--c_blue);
        color: var(--c_wht);
        font-size: 24px;
        font-weight: 700;
        line-height: 1.5;
        padding: 24px 12px; }
      .feature .feature-detail-item-box-inner {
        padding: 2%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
      .feature .feature-detail-item-box-img {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 47.8%;
                flex: 0 1 47.8%; }
      .feature .feature-detail-item-box-txt {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50.5%;
                flex: 0 0 50.5%;
        line-height: 1.8;
        color: var(--c_blk80); }
    .feature .feature-detail-item-pana {
      margin-top: 40px;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      grid-column: 1 / 3; }
      .feature .feature-detail-item-pana-title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.8;
        color: var(--c_blue);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-column-gap: 14px;
           -moz-column-gap: 14px;
                column-gap: 14px;
        margin-bottom: 24px; }
        .feature .feature-detail-item-pana-title:before {
          content: "";
          width: 75px;
          height: 85px;
          background: url(../img/antiquake/feature_icon04.png) no-repeat center/contain; }
        .feature .feature-detail-item-pana-title > span strong {
          font-size: 48px; }
      .feature .feature-detail-item-pana-img img {
        margin: 0 auto; }
  .feature .feature-detail-block01 {
    background: -webkit-gradient(linear, left top, left bottom, from(#e4e7e9), to(#f6f6f6));
    background: linear-gradient(to bottom, #e4e7e9 0%, #f6f6f6 100%);
    /* テクノビーム */
    /* 構造計算 */ }
    .feature .feature-detail-block01 .feature-detail-item01 .feature-detail-item-img {
      padding-top: 12px; }
    .feature .feature-detail-block01 .feature-detail-item02 .feature-detail-item-txt {
      padding-bottom: 24px; }
    .feature .feature-detail-block01 .feature-detail-item02 .feature-detail-item-img {
      -ms-flex-item-align: end;
          align-self: flex-end; }
      .feature .feature-detail-block01 .feature-detail-item02 .feature-detail-item-img img {
        margin-left: auto; }
  .feature .feature-detail-block02 {
    background: -webkit-gradient(linear, left top, left bottom, from(#eeebe7), to(#f6f6f6));
    background: linear-gradient(to bottom, #eeebe7 0%, #f6f6f6 100%);
    /* 高い耐久性 */
    /* 座屈拘束技術 */
    /* 4Dシミュレーション */ }
    .feature .feature-detail-block02 .feature-detail-title-cat {
      background: var(--c_orange); }
    .feature .feature-detail-block02 .feature-detail-item01 .feature-detail-item-img {
      margin-bottom: -40px; }
      .feature .feature-detail-block02 .feature-detail-item01 .feature-detail-item-img img {
        margin: 0 auto; }
    .feature .feature-detail-block02 .feature-detail-item02 {
      /* 六本木ヒルズ */ }
      .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-img {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center; }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-img img {
          margin-left: auto; }
      .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box {
        margin-top: 40px; }
      .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-img {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 27%;
                flex: 0 1 27%; }
      .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-txt {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 40.6%;
                flex: 0 1 40.6%; }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-txt h6 {
          color: var(--c_blue);
          font-size: 32px;
          font-weight: 700;
          line-height: 1.8;
          margin-bottom: 8px; }
      .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-subimg {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 28.5%;
                flex: 0 1 28.5%; }
    .feature .feature-detail-block02 .feature-detail-item03 {
      display: block; }
      .feature .feature-detail-block02 .feature-detail-item03 .feature-detail-item-title {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 1em 28px; }
      .feature .feature-detail-block02 .feature-detail-item03 .feature-detail-item-video-txt {
        line-height: 1.8;
        color: var(--c_blk80);
        margin-top: 24px; }
        .feature .feature-detail-block02 .feature-detail-item03 .feature-detail-item-video-txt mark {
          font-weight: 400; }
  .feature .feature-detail-block03 {
    background: url(../img/antiquake/feature03_bg.png) no-repeat top center/1920px, #E3F6FF;
    overflow: hidden;
    /* 地震保険と地震保証の違いご存知ですか？ */ }
    .feature .feature-detail-block03 .feature-detail-title-cat {
      background: var(--c_red); }
    .feature .feature-detail-block03 .feature-detail-img {
      position: relative; }
      .feature .feature-detail-block03 .feature-detail-img img {
        -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1); }
    .feature .feature-detail-block03 .feature-detail-subimg {
      position: absolute;
      width: 33.6%;
      bottom: 0;
      right: -8.8%;
      margin-bottom: -2%; }
      .feature .feature-detail-block03 .feature-detail-subimg img {
        -webkit-box-shadow: none;
                box-shadow: none; }
    .feature .feature-detail-block03 .feature-detail-table {
      margin: 60px 0 80px;
      width: 100%;
      table-layout: fixed;
      border-spacing: 4px;
      border-collapse: separate; }
      .feature .feature-detail-block03 .feature-detail-table thead th {
        background: var(--c_blk80);
        color: var(--c_wht);
        text-align: center;
        vertical-align: middle;
        font-weight: 400;
        padding: 6px 0; }
        .feature .feature-detail-block03 .feature-detail-table thead th:first-child {
          width: 196px; }
      .feature .feature-detail-block03 .feature-detail-table tbody tr {
        height: 60px; }
      .feature .feature-detail-block03 .feature-detail-table tbody th {
        background: var(--c_blue);
        color: var(--c_wht);
        font-weight: 400;
        text-align: center;
        vertical-align: middle; }
      .feature .feature-detail-block03 .feature-detail-table tbody td {
        background: var(--c_wht);
        vertical-align: middle;
        padding: 6px 24px; }
    .feature .feature-detail-block03 .feature-detail-point {
      margin: 80px auto;
      max-width: 840px;
      background: var(--c_wht);
      border-radius: 16px;
      border: 4px solid var(--c_blue);
      padding: 28px 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-column-gap: 12px;
         -moz-column-gap: 12px;
              column-gap: 12px;
      -webkit-box-shadow: 6px 10px 0px 0px var(--c_blue);
              box-shadow: 6px 10px 0px 0px var(--c_blue); }
      .feature .feature-detail-block03 .feature-detail-point-img {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 140px;
                flex: 0 0 140px; }
      .feature .feature-detail-block03 .feature-detail-point-txt {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.8;
        color: var(--c_blue); }
    .feature .feature-detail-block03 .feature-detail-compare {
      margin-top: 80px; }
      .feature .feature-detail-block03 .feature-detail-compare-title {
        padding-bottom: 32px;
        margin-bottom: 64px;
        text-align: center;
        font-size: 40px;
        font-weight: 700;
        color: var(--c_blue);
        position: relative;
        border-bottom: 4px solid currentColor; }
        .feature .feature-detail-block03 .feature-detail-compare-title > span {
          display: inline-block;
          padding: 6px 24px;
          background: var(--c_wht);
          border: 2px solid currentColor;
          border-radius: 50px;
          margin: 0 8px; }
        .feature .feature-detail-block03 .feature-detail-compare-title:before, .feature .feature-detail-block03 .feature-detail-compare-title:after {
          content: "";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 40px 28px 0 28px;
          border-color: var(--c_blue) transparent transparent transparent;
          position: absolute;
          top: calc(100% + 4px);
          left: 0;
          right: 0;
          margin: auto; }
        .feature .feature-detail-block03 .feature-detail-compare-title:after {
          border-color: #E3F6FF transparent transparent transparent;
          top: calc(100% - 4px); }
      .feature .feature-detail-block03 .feature-detail-compare-block {
        margin-bottom: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .feature .feature-detail-block03 .feature-detail-compare-block:last-child {
          margin-bottom: 0; }
        .feature .feature-detail-block03 .feature-detail-compare-block-txtbox {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 38%;
                  flex: 0 1 38%; }
        .feature .feature-detail-block03 .feature-detail-compare-block-title {
          font-size: 32px;
          font-weight: 700;
          text-align: center;
          margin-bottom: 32px; }
          .feature .feature-detail-block03 .feature-detail-compare-block-title .cat {
            display: inline-block;
            padding: 8px 24px;
            background: var(--c_wht);
            border: 4px solid currentColor;
            border-radius: 50px; }
          .feature .feature-detail-block03 .feature-detail-compare-block-title .equal {
            display: block;
            width: 15px;
            height: 32px;
            margin: 8px auto 0;
            position: relative; }
            .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:before, .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:after {
              content: "";
              width: 4px;
              height: 100%;
              background: var(--c_blk50);
              border-radius: 50px;
              position: absolute;
              top: 0; }
            .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:before {
              left: 0; }
            .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:after {
              right: 0; }
        .feature .feature-detail-block03 .feature-detail-compare-block-txt {
          line-height: 1.8;
          color: var(--c_blk80); }
          .feature .feature-detail-block03 .feature-detail-compare-block-txt mark {
            color: var(--c_blk80); }
        .feature .feature-detail-block03 .feature-detail-compare-block-img {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 58%;
                  flex: 0 1 58%; }
          .feature .feature-detail-block03 .feature-detail-compare-block-img img {
            border-radius: 16px; }

/** -------------------- 商品ラインナップ -------------------- **/
.lineup .lineup-title {
  margin-bottom: 56px; }

.lineup .lineup-list {
  margin-bottom: 56px; }

.lineup .lineup-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background: var(--c_blue);
  color: var(--c_wht);
  border: 2px solid var(--c_blue);
  border-radius: 100px;
  font-size: 20px;
  font-weight: 700;
  padding: 22px 40px; }
  .lineup .lineup-btn:after {
    content: "";
    width: 40px;
    height: 12px;
    background: url(../img/antiquake/arrow.png) no-repeat center/contain;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-filter: var(--filter_wht);
            filter: var(--filter_wht);
    -webkit-transition: var(--anim);
    transition: var(--anim); }
  .lineup .lineup-btn:hover {
    opacity: 1.0;
    background: var(--c_wht);
    color: var(--c_blue); }
    .lineup .lineup-btn:hover:after {
      -webkit-filter: var(--filter_blue);
              filter: var(--filter_blue); }

/** -------------------- よくあるご質問 -------------------- **/
.faq {
  background: #E3F6FF; }
  .faq .faq-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 56px;
    color: var(--c_blue); }
  .faq .faq-item {
    background: var(--c_wht);
    margin-bottom: 40px;
    padding: 40px;
    border-radius: 16px;
    cursor: pointer; }
    .faq .faq-item:last-child {
      margin-bottom: 0; }
    .faq .faq-item dt {
      padding: 10px 88px;
      position: relative;
      background: url(../img/antiquake/faq_q.png) no-repeat left center/48px;
      font-size: 24px;
      font-weight: 700; }
      .faq .faq-item dt:before, .faq .faq-item dt:after {
        content: "";
        width: 32px;
        height: 4px;
        border-radius: 100px;
        background: var(--c_blk80);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      .faq .faq-item dt:after {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        -webkit-transition: var(--anim);
        transition: var(--anim); }
      .faq .faq-item dt.is-open:after {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); }
    .faq .faq-item dd {
      display: none;
      margin-top: 40px;
      padding: 10px 88px;
      background: url(../img/antiquake/faq_a.png) no-repeat left center/48px;
      font-size: 20px; }

/** -------------------- 専用パンフレットをご覧ください -------------------- **/
.docs {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffeb79), to(#fff2bc));
  background: linear-gradient(to bottom, #ffeb79 0%, #fff2bc 100%); }
  .docs .docs-list-item-title {
    text-align: center;
    color: var(--c_blue);
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 24px; }
  .docs .docs-list-item-body {
    background: var(--c_wht);
    border-radius: 16px;
    padding: 4% 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 2.4%;
       -moz-column-gap: 2.4%;
            column-gap: 2.4%; }
  .docs .docs-list-item-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%; }
  .docs .docs-list-item-txtbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%; }
  .docs .docs-list-item-subtitle {
    font-size: 32px;
    font-weight: 700;
    background: var(--c_blue);
    color: var(--c_wht);
    text-align: center;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 24px; }
  .docs .docs-list-item-check > li {
    font-size: 24px;
    font-weight: 700;
    padding-left: 52px;
    margin-bottom: 24px;
    background: url(../img/antiquake/docs_check.png) no-repeat left center/28px; }
    .docs .docs-list-item-check > li:last-child {
      margin-bottom: 0; }
  .docs .docs-list-plus {
    margin: 40px auto;
    width: 80px;
    height: 80px;
    position: relative; }
    .docs .docs-list-plus:before, .docs .docs-list-plus:after {
      content: "";
      width: 100%;
      height: 9px;
      background: var(--c_blk50);
      border-radius: 100px;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
    .docs .docs-list-plus:after {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

/** -------------------- CTA -------------------- **/
.cta-area .cta-area-btn {
  background: var(--c_green);
  color: var(--c_wht);
  border: 4px solid var(--c_green);
  padding: 46px 0 56px;
  display: block; }
  .cta-area .cta-area-btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 2.2%;
       -moz-column-gap: 2.2%;
            column-gap: 2.2%; }
  .cta-area .cta-area-btn-icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 15%;
            flex: 0 1 15%; }
  .cta-area .cta-area-btn-txt01 {
    margin: 0; }
    .cta-area .cta-area-btn-txt01 > span {
      font-size: 97px;
      width: 120px;
      height: 120px;
      padding-bottom: 8px; }
  .cta-area .cta-area-btn-txt02 {
    font-size: 48px;
    font-weight: 700; }
  .cta-area .cta-area-btn-arrow {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 8%;
            flex: 0 1 8%;
    -webkit-filter: var(--filter_wht);
            filter: var(--filter_wht);
    -webkit-transition: var(--anim);
    transition: var(--anim); }
  .cta-area .cta-area-btn:hover {
    background: var(--c_wht);
    color: var(--c_blue);
    opacity: 1.0; }
    .cta-area .cta-area-btn:hover .cta-btn-arrow {
      -webkit-filter: var(--filter_blue);
              filter: var(--filter_blue); }

/** -------------------- 下部固定バナー -------------------- **/
#floating {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 900;
  background: var(--c_wht);
  padding: 10px; }
  #floating .floating-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 0.5em;
       -moz-column-gap: 0.5em;
            column-gap: 0.5em;
    max-width: 320px;
    margin: 0 auto;
    background: var(--c_green);
    color: var(--c_wht);
    border-radius: 100px;
    padding: 5px 28px;
    border: 2px solid var(--c_green); }
    #floating .floating-btn-txt01 {
      margin: 0;
      font-size: 24px; }
      #floating .floating-btn-txt01 > span {
        width: 30px;
        height: 30px;
        border-width: 1px;
        margin-left: -1px;
        padding-bottom: 1px; }
    #floating .floating-btn-txt02 {
      font-size: 20px;
      font-weight: 700; }
    #floating .floating-btn-arrow {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 2.5em;
              flex: 0 1 2.5em;
      -webkit-filter: var(--filter_wht);
              filter: var(--filter_wht);
      -webkit-transition: var(--anim);
      transition: var(--anim); }
    #floating .floating-btn:hover {
      opacity: 1.0;
      background: var(--c_wht);
      color: var(--c_green); }
      #floating .floating-btn:hover .floating-btn-arrow {
        -webkit-filter: var(--filter_green);
                filter: var(--filter_green); }

/* タブレット
  ------------------------ */
/* スマホ
  ------------------------ */
@media (max-width: 699px) {
  /** -------------------- ページ内共通 -------------------- **/
  .sec-title {
    font-size: 12px; }
    .sec-title > strong {
      font-size: 18px;
      margin-top: 6px; }
  .js-txtwrap {
    margin: 2px 3px;
    font-size: 18px; }
    .js-txtwrap > span {
      width: 24px;
      height: 24px;
      border-width: 1px;
      margin-left: -1px;
      padding-bottom: 2px; }
  .mean-box {
    margin: 36px auto 28px;
    padding: 28px 20px 32px;
    background-size: 100% 100%; }
    .mean-box-title {
      top: -8px;
      font-size: 14px;
      padding: 4px 12px; }
    .mean-box-txt {
      font-size: 12px; }
  .point-box {
    margin: 60px 0 28px;
    border-radius: 8px;
    border-width: 2px;
    -webkit-box-shadow: 3px 5px 0px 0px var(--c_blue);
            box-shadow: 3px 5px 0px 0px var(--c_blue);
    position: relative;
    padding: 24px 20px 12px; }
    .point-box-img {
      position: absolute;
      top: -50px;
      left: 20px;
      width: 60px; }
    .point-box-txt {
      font-size: 14px;
      line-height: 1.6; }
  /** -------------------- メインビジュアル -------------------- **/
  .mv {
    height: 0;
    padding: 79.43% 0 0; }
    .mv .mv-container {
      width: 60.4166666667%;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 10.4166666667%;
      margin-left: 3.125%; }
  /** -------------------- こんな不安はありませんか？ -------------------- **/
  .worries {
    padding: 40px 0; }
    .worries:after {
      width: 135px;
      height: 30px; }
    .worries .worries-title {
      margin-bottom: 16px; }
    .worries .worries-list {
      gap: 12px; }
      .worries .worries-list-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 350px;
                flex: 0 1 350px;
        font-size: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px; }
        .worries .worries-list-item p {
          -ms-flex-negative: 0;
              flex-shrink: 0; }
        .worries .worries-list-item figure {
          max-width: none;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 120px;
                  flex: 0 0 120px;
          margin: 0; }
          .worries .worries-list-item figure img {
            width: 80px;
            margin: 0 auto; }
        .worries .worries-list-item:nth-child(even) {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
                  flex-direction: row-reverse; }
  /** -------------------- 強い家を工務店価格で -------------------- **/
  .answer .answer-header {
    padding: 40px 0 16px; }
  .answer .answer-title-txt {
    font-size: 12px; }
    .answer .answer-title-txt > span {
      padding: 4px 12px;
      margin-right: 4px; }
    .answer .answer-title-txt > strong {
      font-size: 16px; }
      .answer .answer-title-txt > strong > span {
        font-size: 22px; }
  .answer .answer-title-img {
    width: 80px;
    top: auto;
    bottom: -16px; }
  .answer .answer-txt {
    margin-top: 20px;
    font-size: 12px; }
    .answer .answer-txt > span {
      padding: 4px 12px;
      border-width: 1px;
      margin-right: 4px; }
    .answer .answer-txt > strong {
      font-size: 16px; }
      .answer .answer-txt > strong > span, .answer .answer-txt > strong > mark {
        font-size: 20px; }
  /** -------------------- なぜ大地震後も住み続けられることが重要なのか -------------------- **/
  .reason .reason-title {
    margin-bottom: 28px; }
  .reason .reason-list-item {
    margin-bottom: 28px; }
    .reason .reason-list-item-title {
      margin-bottom: 8px;
      -webkit-column-gap: 8px;
         -moz-column-gap: 8px;
              column-gap: 8px; }
      .reason .reason-list-item-title-num {
        width: 50px;
        height: 50px;
        padding-bottom: 3px;
        font-size: 10px; }
        .reason .reason-list-item-title-num > span > span {
          font-size: 24px; }
      .reason .reason-list-item-title-txt {
        font-size: 15px; }
    .reason .reason-list-item-img {
      margin: 12px 0; }
    .reason .reason-list-item-detail {
      margin: 12px auto;
      font-size: 16px; }
      .reason .reason-list-item-detail-notice {
        font-size: 10px;
        margin-top: 4px; }
  .reason .reason-list-item02-txt01 {
    position: relative;
    margin-top: 0;
    top: auto;
    left: auto; }
    .reason .reason-list-item02-txt01 strong {
      font-size: 18px; }
  .reason .reason-list-item02-txt02 {
    position: relative;
    margin-bottom: 0;
    bottom: auto;
    right: auto;
    max-width: none; }
    .reason .reason-list-item02-txt02 small {
      font-size: 10px; }
    .reason .reason-list-item02-txt02 p + p {
      margin-top: 0; }
  /** -------------------- 強い家の秘訣は -------------------- **/
  .feature {
    /* 耐震 テクノストラクチャー工法 */
    /* 制震 テクノダンパー */
    /* 保証 自信があるからできる地震保証 */ }
    .feature .feature-sum {
      margin: 28px 0;
      gap: 0 10px; }
      .feature .feature-sum-item {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border-radius: 8px;
        font-size: 28px; }
        .feature .feature-sum-item-icon {
          width: 80%; }
      .feature .feature-sum-plus {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
                flex: 0 0 20px; }
        .feature .feature-sum-plus:before, .feature .feature-sum-plus:after {
          height: 4px; }
    .feature .feature-lead {
      font-size: 15px;
      margin: 28px 0; }
    .feature .feature-detail-title {
      margin-bottom: 28px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .feature .feature-detail-title-cat {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 4px 16px 4px 68px;
        min-height: auto;
        font-size: 18px; }
      .feature .feature-detail-title-main {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 8px 16px 8px 68px;
        font-size: 18px; }
        .feature .feature-detail-title-main > span {
          font-size: 14px; }
    .feature .feature-detail-img {
      margin: 28px 0; }
      .feature .feature-detail-img figcaption {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 4px; }
    .feature .feature-detail-item {
      border-radius: 8px;
      -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
      margin: 28px 0;
      padding: 0 20px 20px;
      display: block; }
      .feature .feature-detail-item-title {
        font-size: 16px;
        border-radius: 0 0 8px 8px;
        margin-bottom: 20px; }
      .feature .feature-detail-item-txt {
        font-size: 12px;
        line-height: 1.5; }
      .feature .feature-detail-item-plus {
        width: 32px;
        height: 32px; }
        .feature .feature-detail-item-plus:before, .feature .feature-detail-item-plus:after {
          height: 3px; }
      .feature .feature-detail-item-box {
        border-radius: 8px;
        border-width: 2px; }
        .feature .feature-detail-item-box-title {
          font-size: 14px;
          padding: 8px; }
        .feature .feature-detail-item-box-inner {
          padding: 12px;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          row-gap: 8px; }
        .feature .feature-detail-item-box-img {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%; }
        .feature .feature-detail-item-box-txt {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          font-size: 12px;
          line-height: 1.5; }
      .feature .feature-detail-item-pana {
        margin-top: 28px; }
        .feature .feature-detail-item-pana-title {
          font-size: 15px;
          line-height: 1.2; }
          .feature .feature-detail-item-pana-title:before {
            width: 36px;
            height: 40px; }
          .feature .feature-detail-item-pana-title > span strong {
            font-size: 18px; }
    .feature .feature-detail-block01 {
      /* テクノビーム */
      /* 構造計算 */ }
      .feature .feature-detail-block01 .feature-detail-item01 .feature-detail-item-img {
        padding-top: 8px; }
      .feature .feature-detail-block01 .feature-detail-item02 .feature-detail-item-txt {
        padding-bottom: 16px; }
    .feature .feature-detail-block02 {
      /* 高い耐久性 */
      /* 座屈拘束技術 */
      /* 4Dシミュレーション */ }
      .feature .feature-detail-block02 .feature-detail-item01 .feature-detail-item-img {
        margin: 12px 0 0; }
      .feature .feature-detail-block02 .feature-detail-item02 {
        /* 六本木ヒルズ */ }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box {
          margin-top: 20px; }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-img {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-txt {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 100%;
                  flex: 0 1 100%;
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; }
          .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-txt h6 {
            font-size: 15px;
            margin-bottom: 0;
            line-height: 1.5; }
        .feature .feature-detail-block02 .feature-detail-item02 .feature-detail-item-box-subimg {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 48%;
                  flex: 0 1 48%; }
      .feature .feature-detail-block02 .feature-detail-item03 .feature-detail-item-title {
        width: 100%; }
      .feature .feature-detail-block02 .feature-detail-item03 .feature-detail-item-video-txt {
        font-size: 12px;
        margin-top: 12px; }
    .feature .feature-detail-block03 {
      /* 地震保険と地震保証の違いご存知ですか？ */ }
      .feature .feature-detail-block03 .feature-detail-subimg {
        width: 90px;
        right: -15px;
        margin-bottom: -20px; }
      .feature .feature-detail-block03 .feature-detail-table {
        margin: 28px 0 36px;
        border-spacing: 2px;
        font-size: 12px; }
        .feature .feature-detail-block03 .feature-detail-table thead th {
          padding: 4px 0; }
          .feature .feature-detail-block03 .feature-detail-table thead th:first-child {
            width: 80px; }
        .feature .feature-detail-block03 .feature-detail-table tbody tr {
          height: 48px; }
        .feature .feature-detail-block03 .feature-detail-table tbody td {
          padding: 6px 8px; }
      .feature .feature-detail-block03 .feature-detail-point {
        margin: 60px auto 28px;
        border-radius: 8px;
        border-width: 2px;
        -webkit-box-shadow: 3px 5px 0px 0px var(--c_blue);
                box-shadow: 3px 5px 0px 0px var(--c_blue);
        position: relative;
        padding: 24px 20px 12px; }
        .feature .feature-detail-block03 .feature-detail-point-img {
          position: absolute;
          top: -50px;
          left: 20px;
          width: 60px; }
        .feature .feature-detail-block03 .feature-detail-point-txt {
          font-size: 14px;
          line-height: 1.6; }
      .feature .feature-detail-block03 .feature-detail-compare {
        margin-top: 40px; }
        .feature .feature-detail-block03 .feature-detail-compare-title {
          padding-bottom: 8px;
          margin-bottom: 32px;
          font-size: 18px;
          border-width: 2px; }
          .feature .feature-detail-block03 .feature-detail-compare-title > span {
            padding: 3px 12px;
            border-width: 1px;
            margin: 0 4px; }
          .feature .feature-detail-block03 .feature-detail-compare-title:before, .feature .feature-detail-block03 .feature-detail-compare-title:after {
            border-width: 16px 12px 0 12px;
            top: calc(100% + 2px); }
          .feature .feature-detail-block03 .feature-detail-compare-title:after {
            top: calc(100% - 2px); }
        .feature .feature-detail-block03 .feature-detail-compare-block {
          margin-bottom: 40px;
          row-gap: 12px; }
          .feature .feature-detail-block03 .feature-detail-compare-block-txtbox {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%; }
          .feature .feature-detail-block03 .feature-detail-compare-block-title {
            font-size: 16px;
            margin-bottom: 12px; }
            .feature .feature-detail-block03 .feature-detail-compare-block-title .cat {
              padding: 4px 12px;
              border-width: 1px; }
            .feature .feature-detail-block03 .feature-detail-compare-block-title .equal {
              width: 8px;
              height: 20px;
              margin: 8px auto 4px; }
              .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:before, .feature .feature-detail-block03 .feature-detail-compare-block-title .equal:after {
                width: 2px; }
          .feature .feature-detail-block03 .feature-detail-compare-block-txt {
            font-size: 12px; }
          .feature .feature-detail-block03 .feature-detail-compare-block-img {
            -webkit-box-flex: 0;
                -ms-flex: 0 1 100%;
                    flex: 0 1 100%; }
            .feature .feature-detail-block03 .feature-detail-compare-block-img img {
              border-radius: 8px; }
  /** -------------------- 商品ラインナップ -------------------- **/
  .lineup .lineup-title {
    margin-bottom: 28px; }
  .lineup .lineup-list {
    margin-bottom: 28px; }
  .lineup .lineup-btn {
    -webkit-column-gap: 12px;
       -moz-column-gap: 12px;
            column-gap: 12px;
    border-width: 1px;
    font-size: 14px;
    line-height: 1.2;
    padding: 6px 20px 6px 40px;
    text-align: center;
    width: 100%; }
    .lineup .lineup-btn:after {
      width: 20px;
      height: 6px; }
  /** -------------------- よくあるご質問 -------------------- **/
  .faq .faq-title {
    font-size: 16px;
    margin-bottom: 28px; }
  .faq .faq-item {
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 12px; }
    .faq .faq-item dt {
      padding: 5px 24px 5px 32px;
      background-size: 24px;
      font-size: 16px; }
      .faq .faq-item dt:before, .faq .faq-item dt:after {
        width: 16px;
        height: 2px; }
    .faq .faq-item dd {
      margin-top: 12px;
      padding: 5px 24px 5px 32px;
      background-size: 24px;
      font-size: 13px; }
  /** -------------------- 専用パンフレットをご覧ください -------------------- **/
  .docs .docs-list-item-title {
    font-size: 16px;
    margin-bottom: 12px; }
  .docs .docs-list-item-body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 12px;
    padding: 20px; }
  .docs .docs-list-item-img {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 200px;
            flex: 0 1 200px; }
  .docs .docs-list-item-txtbox {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%; }
  .docs .docs-list-item-subtitle {
    font-size: 14px;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 12px; }
  .docs .docs-list-item-check > li {
    font-size: 14px;
    padding-left: 22px;
    margin-bottom: 8px;
    background-size: 14px; }
  .docs .docs-list-plus {
    margin: 20px auto;
    width: 40px;
    height: 40px; }
    .docs .docs-list-plus:before, .docs .docs-list-plus:after {
      height: 4px; }
  /** -------------------- CTA -------------------- **/
  .cta-area .cta-area-btn {
    border-width: 2px;
    padding: 20px 0; }
    .cta-area .cta-area-btn-txt01 > span {
      font-size: 32px;
      width: 40px;
      height: 40px;
      padding-bottom: 2px; }
    .cta-area .cta-area-btn-txt02 {
      font-size: 16px; }
  /** -------------------- 下部固定バナー -------------------- **/
  .header .gnav-cta {
    display: none !important; }
  #floating {
    padding: 5px; }
    #floating .floating-btn {
      padding: 2px 15px;
      -webkit-column-gap: 4px;
         -moz-column-gap: 4px;
              column-gap: 4px;
      width: 160px; }
      #floating .floating-btn-txt01 {
        font-size: 12px; }
        #floating .floating-btn-txt01 > span {
          width: 15px;
          height: 15px; }
      #floating .floating-btn-txt02 {
        font-size: 10px; }
      #floating .floating-btn-arrow {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 20px;
                flex: 0 1 20px; } }