@charset "UTF-8";
/*//////////////////////////////////////////////////
sscss変数
//////////////////////////////////////////////////*/
@font-face {
  font-family: ZenKakuGothicNew-M;
  src: url("font/ZenKakuGothicNew-Medium.ttf") format("truetype"); }
/*//////////////////////////////////////////////////
全体
//////////////////////////////////////////////////*/
.l-footer {
  margin-top: 40px !important; }

@media only screen and (min-width: 640px) {
  .l-footer {
    margin-top: 52px !important; } }
@media only screen and (min-width: 960px) {
  .l-footer {
    margin-top: 64px !important; } }
.outer-wall-reform {
  width: 100% !important;
  height: 100%;
  font-size: 62.5%;
  min-width: 375px;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
  line-height: 2;
  color: #323232;
  font-weight: 500;
  letter-spacing: 1px;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 'ZenKakuGothicNew-M', "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
  .outer-wall-reform section {
    width: 100% !important;
    margin: 0 !important; }
  .outer-wall-reform ::-moz-selection {
    background-color: #0096dc;
    color: #fff; }
  .outer-wall-reform ::selection {
    background-color: #0096dc;
    color: #fff; }
  .outer-wall-reform main, .outer-wall-reform img, .outer-wall-reform video {
    display: block; }
  .outer-wall-reform img {
    flex-shrink: 0; }
  .outer-wall-reform input[type="text"], .outer-wall-reform input[type="search"], .outer-wall-reform input[type="email"], .outer-wall-reform input[type="password"], .outer-wall-reform input[type="submit"], .outer-wall-reform input[type="button"], .outer-wall-reform input[type="radio"], .outer-wall-reform input[type="checkbox"], .outer-wall-reform textarea, .outer-wall-reform select, .outer-wall-reform button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none; }
  .outer-wall-reform input[type="submit"], .outer-wall-reform input[type="button"], .outer-wall-reform input[type="radio"], .outer-wall-reform input[type="checkbox"], .outer-wall-reform select, .outer-wall-reform button {
    cursor: pointer; }
  .outer-wall-reform input, .outer-wall-reform textarea, .outer-wall-reform select, .outer-wall-reform button {
    outline: 0; }
  .outer-wall-reform :-ms-input-placeholder {
    color: #323232; }
  .outer-wall-reform ::-moz-placeholder {
    color: #323232; }
  .outer-wall-reform ::-webkit-input-placeholder {
    color: #323232; }
  .outer-wall-reform a {
    text-decoration: none; }
  .outer-wall-reform a:link, .outer-wall-reform a:visited, .outer-wall-reform a:hover {
    color: #323232; }
  .outer-wall-reform pre {
    white-space: pre-wrap; }
  .outer-wall-reform .gothic {
    font-family: "ZenKakuGothicNew-M", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
    font-weight: 500 !important; }
  .outer-wall-reform .min {
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif !important;
    font-weight: 500 !important; }
  .outer-wall-reform .it {
    font-style: italic; }
  .outer-wall-reform .underline {
    text-decoration: underline; }
  .outer-wall-reform .l-space-n {
    letter-spacing: normal; }
  .outer-wall-reform .l-space-1 {
    letter-spacing: 1px; }
  .outer-wall-reform .l-space-2 {
    letter-spacing: 2px; }
  .outer-wall-reform .l-space-4 {
    letter-spacing: 4px; }
  .outer-wall-reform .l-space-8 {
    letter-spacing: 8px; }
  .outer-wall-reform .cf:after {
    content: '';
    display: block;
    clear: both; }
  .outer-wall-reform .fit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .outer-wall-reform .scroll-style {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .outer-wall-reform .scroll-style::-webkit-scrollbar {
      display: none; }
  .outer-wall-reform .vertical-txt {
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl; }
  .outer-wall-reform .keep-txt {
    word-break: keep-all;
    white-space: nowrap; }
  .outer-wall-reform .margin-0 {
    margin: 0 !important; }
  .outer-wall-reform .marker {
    background: linear-gradient(transparent 70%, #fee98e 70%);
    color: #323232; }
  .outer-wall-reform .gra {
    background: linear-gradient(135deg, #fee98e, #ffdc50); }
  .outer-wall-reform .color-white {
    color: #fff !important; }
  .outer-wall-reform .color-font {
    color: #323232 !important; }
  .outer-wall-reform .color-yellow {
    color: #ffdc50 !important; }
  .outer-wall-reform .color-yellow-2 {
    color: #fee98e !important; }
  .outer-wall-reform .color-blue {
    color: #0096dc !important; }
  .outer-wall-reform .color-blue-2 {
    color: #adddf4 !important; }
  .outer-wall-reform .title-lg {
    font-size: 24px !important; }
  .outer-wall-reform .x-lg {
    font-size: 20px !important; }
  .outer-wall-reform .x-lg-2 {
    font-size: 18px !important; }
  .outer-wall-reform .lg {
    font-size: 16px !important; }
  .outer-wall-reform .md {
    font-size: 14px !important; }
  .outer-wall-reform .sm {
    font-size: 12px !important; }
  .outer-wall-reform .x-sm {
    font-size: 10px !important; }
  .outer-wall-reform .spacer-8 {
    display: block;
    width: 100%;
    height: 8px !important; }
  .outer-wall-reform .spacer-10 {
    display: block;
    width: 100%;
    height: 12px !important; }
  .outer-wall-reform .spacer-20 {
    display: block;
    width: 100%;
    height: 16px !important; }
  .outer-wall-reform .spacer-30 {
    display: block;
    width: 100%;
    height: 20px !important; }
  .outer-wall-reform .spacer-40 {
    display: block;
    width: 100%;
    height: 32px !important; }
  .outer-wall-reform .spacer-60 {
    display: block;
    width: 100%;
    height: 40px !important; }
  .outer-wall-reform .spacer-80 {
    display: block;
    width: 100%;
    height: 44px !important; }
  .outer-wall-reform .spacer-120 {
    display: block;
    width: 100%;
    height: 60px !important; }
  .outer-wall-reform .spacer-160 {
    display: block;
    width: 100%;
    height: 80px !important; }

@media only screen and (min-width: 640px) {
  .outer-wall-reform {
    font-size: 15px; }
    .outer-wall-reform .title-lg {
      font-size: 30px !important; }
    .outer-wall-reform .x-lg {
      font-size: 24px !important; }
    .outer-wall-reform .x-lg-2 {
      font-size: 21px !important; }
    .outer-wall-reform .lg {
      font-size: 18px !important; }
    .outer-wall-reform .md {
      font-size: 15px !important; }
    .outer-wall-reform .sm {
      font-size: 13px !important; }
    .outer-wall-reform .x-sm {
      font-size: 11px !important; }
    .outer-wall-reform .spacer-10 {
      height: 14px !important; }
    .outer-wall-reform .spacer-20 {
      height: 20px !important; }
    .outer-wall-reform .spacer-30 {
      height: 26px !important; }
    .outer-wall-reform .spacer-40 {
      height: 40px !important; }
    .outer-wall-reform .spacer-60 {
      height: 52px !important; }
    .outer-wall-reform .spacer-80 {
      height: 66px !important; }
    .outer-wall-reform .spacer-120 {
      height: 90px !important; }
    .outer-wall-reform .spacer-160 {
      height: 120px !important; } }
@media only screen and (min-width: 960px) {
  .outer-wall-reform {
    font-size: 16px; }
    .outer-wall-reform .title-lg {
      font-size: 36px !important; }
    .outer-wall-reform .x-lg {
      font-size: 28px !important; }
    .outer-wall-reform .x-lg-2 {
      font-size: 24px !important; }
    .outer-wall-reform .lg {
      font-size: 20px !important; }
    .outer-wall-reform .md {
      font-size: 16px !important; }
    .outer-wall-reform .sm {
      font-size: 14px !important; }
    .outer-wall-reform .x-sm {
      font-size: 12px !important; }
    .outer-wall-reform .spacer-10 {
      height: 16px !important; }
    .outer-wall-reform .spacer-20 {
      height: 24px !important; }
    .outer-wall-reform .spacer-30 {
      height: 32px !important; }
    .outer-wall-reform .spacer-40 {
      height: 48px !important; }
    .outer-wall-reform .spacer-60 {
      height: 64px !important; }
    .outer-wall-reform .spacer-80 {
      height: 88px !important; }
    .outer-wall-reform .spacer-120 {
      height: 120px !important; }
    .outer-wall-reform .spacer-160 {
      height: 160px !important; } }
@media (hover: hover) {
  .outer-wall-reform .hover-48 {
    transition: opacity .4s; }
    .outer-wall-reform .hover-48:hover {
      opacity: .48; }
  .outer-wall-reform .hover-64 {
    transition: opacity .4s; }
    .outer-wall-reform .hover-64:hover {
      opacity: .64; } }
/*//////////////////////////////////////////////////
共通
//////////////////////////////////////////////////*/
.outer-wall-reform .title-layout-1 {
  width: 272px;
  margin: 0 auto; }
  .outer-wall-reform .title-layout-1 img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 640px) {
  .outer-wall-reform .title-layout-1 {
    width: 408px; } }
@media only screen and (min-width: 960px) {
  .outer-wall-reform .title-layout-1 {
    width: 554px; } }
/*//////////////////////////////////////////////////
フロントページ
//////////////////////////////////////////////////*/
.outer-wall-reform .hero {
  padding: 60px 0 0;
  position: relative;
  z-index: 2;
  left: 0;
  top: 0; }
  .outer-wall-reform .hero .inner {
    width: 50%;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0; }
    .outer-wall-reform .hero .inner .copy {
      width: 100%;
      height: 46%; }
      .outer-wall-reform .hero .inner .copy img {
        width: 100%;
        height: 100%; }
    .outer-wall-reform .hero .inner .illust {
      width: 100%;
      height: 27%;
      margin: 44px auto 0; }
      .outer-wall-reform .hero .inner .illust img {
        width: 100%;
        height: 100%; }
  .outer-wall-reform .hero .img-1 {
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: 2;
    left: 1%;
    top: 60px; }
  .outer-wall-reform .hero .img-2 {
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -16px;
    transform: translate(-50%, 0); }
  .outer-wall-reform .hero .img-3 {
    width: 160px;
    height: 160px;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 44px;
    transform: translate(50%, 0); }
  .outer-wall-reform .hero .back {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 640px;
    height: 100%; }
.outer-wall-reform .anchor {
  background-color: #fee98e;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0; }
  .outer-wall-reform .anchor .item {
    width: 33.3%;
    padding: 32px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-left: dashed 2px #fff;
    border-top: dashed 2px #fff;
    box-sizing: border-box;
    cursor: pointer; }
    .outer-wall-reform .anchor .item:nth-of-type(1) {
      border-left: none;
      border-top: none; }
    .outer-wall-reform .anchor .item:nth-of-type(2) {
      border-top: none; }
    .outer-wall-reform .anchor .item:nth-of-type(3) {
      border-top: none; }
    .outer-wall-reform .anchor .item:nth-of-type(4) {
      border-left: none; }
    .outer-wall-reform .anchor .item .item-inner {
      display: inline-block;
      position: relative;
      z-index: 1;
      left: 0;
      top: 0; }
      .outer-wall-reform .anchor .item .item-inner img {
        width: 40px;
        height: auto;
        margin: 0 auto; }
      .outer-wall-reform .anchor .item .item-inner p {
        font-size: 10px;
        text-align: center;
        margin: 12px  0 0; }
      .outer-wall-reform .anchor .item .item-inner .arrow {
        display: block;
        background-image: url("../img/arrow.svg");
        width: 12px;
        height: 12px;
        background-size: cover;
        position: absolute;
        z-index: 1;
        left: 50%;
        bottom: -16px;
        transform: translate(-50%, 0) rotate(90deg); }
.outer-wall-reform .choose {
  padding: 60px 0; }
  .outer-wall-reform .choose .inner {
    width: 88%;
    margin: 0 auto; }
    .outer-wall-reform .choose .inner .step-1 {
      margin: 44px 0 0; }
      .outer-wall-reform .choose .inner .step-1 h3 {
        position: relative;
        z-index: 1;
        left: 0;
        top: 0; }
        .outer-wall-reform .choose .inner .step-1 h3::after {
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #0096dc;
          position: absolute;
          z-index: 1;
          left: 0;
          top: 5px; }
        .outer-wall-reform .choose .inner .step-1 h3 img {
          width: auto;
          height: 13px;
          margin: 0 auto;
          position: relative;
          z-index: 2;
          left: 0;
          top: 0; }
        .outer-wall-reform .choose .inner .step-1 h3 span {
          line-height: 1.7;
          text-align: center;
          display: block;
          margin: 12px 0 0; }
      .outer-wall-reform .choose .inner .step-1 .intro-txt {
        max-width: 900px;
        margin: 32px auto 0; }
      .outer-wall-reform .choose .inner .step-1 .item-wrap {
        width: 200px;
        margin: 40px auto 0; }
        .outer-wall-reform .choose .inner .step-1 .item-wrap .item {
          margin: 40px 0 0; }
          .outer-wall-reform .choose .inner .step-1 .item-wrap .item h4 {
            line-height: 1.7;
            text-align: center;
            margin: 12px 0 0; }
          .outer-wall-reform .choose .inner .step-1 .item-wrap .item p {
            margin: 8px 0 0; }
    .outer-wall-reform .choose .inner .step-2 {
      margin: 44px 0 0; }
      .outer-wall-reform .choose .inner .step-2 h3 {
        position: relative;
        z-index: 1;
        left: 0;
        top: 0; }
        .outer-wall-reform .choose .inner .step-2 h3::after {
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #0096dc;
          position: absolute;
          z-index: 1;
          left: 0;
          top: 5px; }
        .outer-wall-reform .choose .inner .step-2 h3 img {
          width: auto;
          height: 13px;
          margin: 0 auto;
          position: relative;
          z-index: 2;
          left: 0;
          top: 0; }
        .outer-wall-reform .choose .inner .step-2 h3 span {
          line-height: 1.7;
          text-align: center;
          display: block;
          margin: 12px 0 0; }
      .outer-wall-reform .choose .inner .step-2 .chart {
        margin: 40px 0 0; }
      .outer-wall-reform .choose .inner .step-2 .link {
        margin: 32px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start; }
        .outer-wall-reform .choose .inner .step-2 .link a {
          display: inline-block; }
    .outer-wall-reform .choose .inner .step-3 {
      margin: 44px 0 0; }
      .outer-wall-reform .choose .inner .step-3 h3 {
        position: relative;
        z-index: 1;
        left: 0;
        top: 0; }
        .outer-wall-reform .choose .inner .step-3 h3::after {
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          background-color: #0096dc;
          position: absolute;
          z-index: 1;
          left: 0;
          top: 5px; }
        .outer-wall-reform .choose .inner .step-3 h3 img {
          width: auto;
          height: 13px;
          margin: 0 auto;
          position: relative;
          z-index: 2;
          left: 0;
          top: 0; }
        .outer-wall-reform .choose .inner .step-3 h3 span {
          line-height: 1.7;
          text-align: center;
          display: block;
          margin: 12px 0 0; }
      .outer-wall-reform .choose .inner .step-3 .about-txt {
        max-width: 900px;
        margin: 32px auto 0; }
      .outer-wall-reform .choose .inner .step-3 .siding {
        max-width: 556px;
        margin: 40px auto 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
        gap: 44px; }
        .outer-wall-reform .choose .inner .step-3 .siding .item {
          border-radius: 12px;
          overflow: hidden;
          position: relative;
          z-index: 1;
          left: 0;
          top: 0;
          background-color: #fee98e; }
          .outer-wall-reform .choose .inner .step-3 .siding .item::before {
            content: '';
            display: block;
            width: 100%;
            height: 80px;
            background-color: #fff;
            opacity: .64;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0; }
          .outer-wall-reform .choose .inner .step-3 .siding .item h4 {
            width: 100%;
            position: absolute;
            z-index: 3;
            left: 0;
            top: 18px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item h4 span {
              line-height: 1;
              text-align: center;
              display: block;
              margin: 0 0 12px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item h4 img {
              width: 85px;
              height: auto;
              margin: 0 auto; }
          .outer-wall-reform .choose .inner .step-3 .siding .item .img {
            position: relative;
            z-index: 1;
            left: 0;
            top: 0; }
          .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap {
            text-align: center;
            padding: 32px 16px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p {
              line-height: 1;
              text-align: center;
              display: inline-block;
              position: relative;
              z-index: 1;
              left: 0;
              top: 0; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::before {
                content: '';
                display: block;
                background-image: url("../img/deco-1.svg");
                width: 16px;
                height: 16px;
                background-size: cover;
                position: absolute;
                z-index: 1;
                left: -16px;
                top: -16px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::after {
                content: '';
                display: block;
                background-image: url("../img/deco-2.svg");
                width: 50px;
                height: 8px;
                background-size: cover;
                margin: 18px auto 0; }
            .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul {
              line-height: 1.7;
              display: inline-block;
              text-align: left;
              margin: 20px 0 0; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li {
                list-style: none;
                position: relative;
                z-index: 1;
                left: 0;
                top: 0;
                padding: 0 0 0 20px;
                margin: 8px 0 0; }
                .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li:first-of-type {
                  margin: 0; }
                .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li::before {
                  content: '';
                  display: block;
                  background-image: url("../img/arrow.svg");
                  width: 12px;
                  height: 12px;
                  background-size: cover;
                  position: absolute;
                  z-index: 1;
                  left: 0;
                  top: 8px; }
          .outer-wall-reform .choose .inner .step-3 .siding .item:nth-of-type(2) {
            background-color: #adddf4; }
.outer-wall-reform .cost {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0; }
  .outer-wall-reform .cost::before {
    content: '';
    display: block;
    background-image: url("../img/archi-1.png");
    width: 960px;
    height: 60px;
    background-size: cover;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0); }
  .outer-wall-reform .cost::after {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #fee98e;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 60px; }
  .outer-wall-reform .cost .inner {
    width: 88%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0; }
    .outer-wall-reform .cost .inner .item-wrap {
      max-width: 556px;
      width: 100%;
      margin: 44px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: stretch;
      gap: 44px; }
      .outer-wall-reform .cost .inner .item-wrap .item {
        width: 100%; }
        .outer-wall-reform .cost .inner .item-wrap .item h3 {
          line-height: 1.7;
          text-align: center; }
          .outer-wall-reform .cost .inner .item-wrap .item h3::after {
            content: '';
            display: block;
            background-image: url("../img/deco-2.svg");
            width: 50px;
            height: 8px;
            background-size: cover;
            margin: 12px auto 0; }
        .outer-wall-reform .cost .inner .item-wrap .item .img {
          margin: 32px 0 0;
          border-radius: 12px;
          overflow: hidden; }
    .outer-wall-reform .cost .inner .ex-txt {
      max-width: 900px;
      margin: 40px auto 0; }
.outer-wall-reform .coordination {
  padding: 60px 0 0;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0; }
  .outer-wall-reform .coordination::before {
    content: '';
    display: block;
    background-image: url("../img/archi-2.png");
    width: 960px;
    height: 60px;
    background-size: cover;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0); }
  .outer-wall-reform .coordination .inner {
    width: 88%;
    margin: 0 auto; }
    .outer-wall-reform .coordination .inner .intro-txt {
      line-height: 1.7;
      text-align: center;
      margin: 44px 0 0; }
      .outer-wall-reform .coordination .inner .intro-txt::after {
        content: '';
        display: block;
        background-image: url("../img/deco-2.svg");
        width: 50px;
        height: 8px;
        background-size: cover;
        margin: 12px auto 0; }
    .outer-wall-reform .coordination .inner .item {
      background-color: #fee98e;
      border-radius: 12px;
      position: relative;
      z-index: 1;
      left: 0;
      top: 0;
      margin: 40px 0 0;
      padding: 20px;
      overflow: hidden; }
      .outer-wall-reform .coordination .inner .item h3 {
        width: 44px;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 0; }
        .outer-wall-reform .coordination .inner .item h3 img {
          width: 100%;
          height: auto; }
      .outer-wall-reform .coordination .inner .item a {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 160px;
        height: 30px;
        border-radius: 15px;
        background-color: #0096dc;
        margin: 20px auto 0;
        position: relative;
        z-index: 2;
        left: 0;
        top: 0; }
        .outer-wall-reform .coordination .inner .item a::after {
          content: '';
          display: block;
          background-image: url("../img/download.svg");
          width: 12px;
          height: 12px;
          background-size: cover;
          position: absolute;
          z-index: 1;
          right: 9px;
          top: 9px; }
        .outer-wall-reform .coordination .inner .item a img {
          width: 63px;
          height: auto; }
.outer-wall-reform .examples {
  padding: 60px 0; }
  .outer-wall-reform .examples .inner .tab {
    width: 88%;
    margin: 44px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 44px; }
    .outer-wall-reform .examples .inner .tab .slider-tab {
      width: 140px;
      cursor: pointer; }
      .outer-wall-reform .examples .inner .tab .slider-tab h3 {
        line-height: 1.7;
        font-size: 14px;
        text-align: center;
        position: relative;
        z-index: 1;
        left: 0;
        top: 0; }
        .outer-wall-reform .examples .inner .tab .slider-tab h3 span {
          position: relative;
          z-index: 2;
          left: 0;
          top: 0; }
        .outer-wall-reform .examples .inner .tab .slider-tab h3::before {
          content: '';
          display: block;
          width: 164px;
          height: 32px;
          border-radius: 16px;
          position: absolute;
          z-index: 1;
          left: 50%;
          top: -5px;
          transform: translate(-50%, 0); }
        .outer-wall-reform .examples .inner .tab .slider-tab h3::after {
          content: '';
          display: block;
          background-image: url("../img/deco-2.svg");
          width: 50px;
          height: 8px;
          background-size: cover;
          margin: 12px auto 0;
          position: relative;
          z-index: 2;
          left: 0;
          top: 0; }
      .outer-wall-reform .examples .inner .tab .slider-tab.active {
        cursor: auto; }
        .outer-wall-reform .examples .inner .tab .slider-tab.active h3::before {
          background-color: #ffdc50; }
      .outer-wall-reform .examples .inner .tab .slider-tab:nth-of-type(2).active h3 {
        color: #fff; }
        .outer-wall-reform .examples .inner .tab .slider-tab:nth-of-type(2).active h3::before {
          background-color: #0096dc; }
  .outer-wall-reform .examples .inner .slider {
    display: none;
    margin: 40px 0 0;
    padding: 0 0 44px;
    position: relative;
    z-index: 1;
    left: 0;
    top: 0; }
    .outer-wall-reform .examples .inner .slider.active {
      display: block; }
    .outer-wall-reform .examples .inner .slider .swiper-wrapper .swiper-slide .img {
      border-radius: 12px;
      overflow: hidden; }
    .outer-wall-reform .examples .inner .slider .swiper-pagination .swiper-pagination-bullet {
      outline: none;
      background: none;
      background-color: #adddf4;
      opacity: 1;
      width: 8px;
      height: 8px;
      margin: 0 4px; }
    .outer-wall-reform .examples .inner .slider .swiper-pagination .swiper-pagination-bullet-active {
      background-color: #0096dc; }
  .outer-wall-reform .examples .inner .btn-wrap {
    width: 88%;
    margin: 40px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 44px;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0; }
    .outer-wall-reform .examples .inner .btn-wrap a {
      display: block;
      line-height: 1.7;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-color: #ffdc50;
      width: 300px;
      height: 74px;
      padding: 0 0 6px;
      border-radius: 40px; }
      .outer-wall-reform .examples .inner .btn-wrap a:nth-of-type(2) {
        background-color: #0096dc; }
.outer-wall-reform .stores {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0; }
  .outer-wall-reform .stores::before {
    content: '';
    display: block;
    background-image: url("../img/archi-1.png");
    width: 960px;
    height: 60px;
    background-size: cover;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0); }
  .outer-wall-reform .stores::after {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% - 60px);
    background-color: #fee98e;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 60px; }
  .outer-wall-reform .stores .inner {
    width: 88%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    left: 0;
    top: 0; }
    .outer-wall-reform .stores .inner .bnr {
      display: block;
      max-width: 900px;
      margin: 40px auto 0; }
      .outer-wall-reform .stores .inner .bnr img {
        width: 100%;
        height: auto; }
  .outer-wall-reform .stores .illust {
    width: 100%;
    height: 100%;
    background-image: url("../img/stores-illust.svg");
    background-size: 480px;
    background-position: center bottom;
    background-repeat: repeat-x;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0; }
.outer-wall-reform .catalog {
  padding: 60px 0; }
  .outer-wall-reform .catalog .inner {
    width: 88%;
    margin: 0 auto; }
    .outer-wall-reform .catalog .inner .item-wrap {
      width: 210px;
      margin: 44px auto 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 44px; }
      .outer-wall-reform .catalog .inner .item-wrap .item {
        width: 100%; }
        .outer-wall-reform .catalog .inner .item-wrap .item .img {
          display: block; }
        .outer-wall-reform .catalog .inner .item-wrap .item h3 {
          line-height: 1.7;
          text-align: center;
          margin: 20px 0 0; }
          .outer-wall-reform .catalog .inner .item-wrap .item h3 a {
            display: inline-block; }
.outer-wall-reform .contact {
  padding: 60px 0;
  position: relative;
  z-index: 1;
  left: 0;
  top: 0; }
  .outer-wall-reform .contact .inner {
    width: 88%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0; }
    .outer-wall-reform .contact .inner h2 {
      width: 240px;
      height: 64px;
      margin: 0 auto; }
      .outer-wall-reform .contact .inner h2 img {
        width: 100%;
        height: auto; }
    .outer-wall-reform .contact .inner .btn-wrap {
      margin: 44px 0 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      gap: 44px;
      position: relative;
      z-index: 2;
      left: 0;
      top: 0; }
      .outer-wall-reform .contact .inner .btn-wrap a {
        display: block;
        line-height: 1.7;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #ffdc50;
        width: 300px;
        height: 74px;
        padding: 0 0 6px;
        border-radius: 40px; }
  .outer-wall-reform .contact .img {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
.outer-wall-reform .footer-bnrs {
  width: 88%;
  margin: 0 auto;
  padding: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 32px; }
  .outer-wall-reform .footer-bnrs a {
    display: block;
    height: 140px; }
    .outer-wall-reform .footer-bnrs a img {
      width: auto;
      height: 100%; }

@media only screen and (min-width: 480px) {
  .outer-wall-reform .anchor .item .item-inner p {
    letter-spacing: 2px;
    font-size: 12px; }
  .outer-wall-reform .examples .inner .tab .slider-tab {
    width: 150px; }
    .outer-wall-reform .examples .inner .tab .slider-tab h3 {
      font-size: 16px; }
      .outer-wall-reform .examples .inner .tab .slider-tab h3::before {
        width: 186px;
        height: 36px;
        border-radius: 18px;
        top: -4px; } }
@media only screen and (min-width: 640px) {
  .outer-wall-reform .hero {
    padding: 90px 0 0; }
    .outer-wall-reform .hero .inner .illust {
      margin: 66px auto 0; }
    .outer-wall-reform .hero .img-1 {
      width: 120px;
      height: 120px;
      top: 90px; }
    .outer-wall-reform .hero .img-2 {
      width: 180px;
      height: 180px;
      bottom: -20px; }
    .outer-wall-reform .hero .img-3 {
      width: 240px;
      height: 240px;
      bottom: 66px; }
    .outer-wall-reform .hero .back {
      width: 960px; }
  .outer-wall-reform .anchor .item {
    padding: 40px 0; }
    .outer-wall-reform .anchor .item .item-inner img {
      width: 60px; }
    .outer-wall-reform .anchor .item .item-inner p {
      font-size: 15px;
      margin: 14px  0 0; }
    .outer-wall-reform .anchor .item .item-inner .arrow {
      width: 14px;
      height: 14px;
      background-size: cover;
      bottom: -20px; }
  .outer-wall-reform .choose {
    padding: 90px 0; }
    .outer-wall-reform .choose .inner {
      width: 90%; }
      .outer-wall-reform .choose .inner .step-1 {
        margin: 66px 0 0; }
        .outer-wall-reform .choose .inner .step-1 h3::after {
          top: 9px; }
        .outer-wall-reform .choose .inner .step-1 h3 img {
          height: 20px; }
        .outer-wall-reform .choose .inner .step-1 h3 span {
          margin: 14px 0 0; }
        .outer-wall-reform .choose .inner .step-1 .intro-txt {
          margin: 40px auto 0; }
        .outer-wall-reform .choose .inner .step-1 .item-wrap {
          width: 532px;
          margin: 52px auto 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 52px; }
          .outer-wall-reform .choose .inner .step-1 .item-wrap .item {
            width: 240px;
            margin: 0; }
            .outer-wall-reform .choose .inner .step-1 .item-wrap .item h4 {
              margin: 14px 0 0; }
      .outer-wall-reform .choose .inner .step-2 {
        margin: 66px 0 0; }
        .outer-wall-reform .choose .inner .step-2 h3::after {
          top: 9px; }
        .outer-wall-reform .choose .inner .step-2 h3 img {
          height: 20px; }
        .outer-wall-reform .choose .inner .step-2 h3 span {
          margin: 14px 0 0; }
        .outer-wall-reform .choose .inner .step-2 .chart {
          margin: 52px 0 0; }
        .outer-wall-reform .choose .inner .step-2 .link {
          margin: 40px 0 0; }
      .outer-wall-reform .choose .inner .step-3 {
        margin: 66px 0 0; }
        .outer-wall-reform .choose .inner .step-3 h3::after {
          top: 9px; }
        .outer-wall-reform .choose .inner .step-3 h3 img {
          height: 20px; }
        .outer-wall-reform .choose .inner .step-3 h3 span {
          margin: 14px 0 0; }
          .outer-wall-reform .choose .inner .step-3 h3 span br {
            display: none; }
        .outer-wall-reform .choose .inner .step-3 .about-txt {
          margin: 40px auto 0; }
        .outer-wall-reform .choose .inner .step-3 .siding {
          margin: 52px auto 0;
          gap: 66px; }
          .outer-wall-reform .choose .inner .step-3 .siding .item {
            border-radius: 14px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item::before {
              height: 100px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item h4 {
              top: 22px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item h4 span {
                margin: 0 0 14px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item h4 img {
                width: 128px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap {
              padding: 40px 20px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::before {
                width: 20px;
                height: 20px;
                background-size: cover;
                left: -20px;
                top: -20px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::after {
                width: 75px;
                height: 12px;
                background-size: cover;
                margin: 21px auto 0; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul {
                margin: 26px 0 0; }
                .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li {
                  padding: 0 0 0 22px; }
                  .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li::before {
                    width: 14px;
                    height: 14px;
                    background-size: cover;
                    top: 9px; }
  .outer-wall-reform .cost {
    padding: 90px 0; }
    .outer-wall-reform .cost::before {
      width: 1440px;
      height: 90px;
      background-size: cover; }
    .outer-wall-reform .cost::after {
      height: calc(100% - 90px);
      top: 90px; }
    .outer-wall-reform .cost .inner {
      width: 90%; }
      .outer-wall-reform .cost .inner .item-wrap {
        margin: 66px auto 0;
        gap: 66px; }
        .outer-wall-reform .cost .inner .item-wrap .item h3::after {
          width: 75px;
          height: 12px;
          background-size: cover;
          margin: 14px auto 0; }
        .outer-wall-reform .cost .inner .item-wrap .item .img {
          margin: 40px 0 0;
          border-radius: 14px; }
      .outer-wall-reform .cost .inner .ex-txt {
        margin: 52px auto 0; }
  .outer-wall-reform .coordination {
    padding: 90px 0 0; }
    .outer-wall-reform .coordination::before {
      width: 1440px;
      height: 90px;
      background-size: cover; }
    .outer-wall-reform .coordination .inner {
      width: 90%; }
      .outer-wall-reform .coordination .inner .intro-txt {
        margin: 66px 0 0; }
        .outer-wall-reform .coordination .inner .intro-txt::after {
          width: 75px;
          height: 12px;
          background-size: cover;
          margin: 14px auto 0; }
        .outer-wall-reform .coordination .inner .intro-txt br {
          display: none; }
      .outer-wall-reform .coordination .inner .item {
        border-radius: 14px;
        margin: 52px 0 0;
        padding: 26px; }
        .outer-wall-reform .coordination .inner .item h3 {
          width: 66px; }
        .outer-wall-reform .coordination .inner .item a {
          width: 180px;
          height: 36px;
          border-radius: 18px;
          margin: 26px auto 0; }
          .outer-wall-reform .coordination .inner .item a::after {
            width: 14px;
            height: 14px;
            background-size: cover;
            right: 11px;
            top: 11px; }
          .outer-wall-reform .coordination .inner .item a img {
            width: 74px; }
  .outer-wall-reform .examples {
    padding: 90px 0; }
    .outer-wall-reform .examples .inner .tab {
      width: 90%;
      margin: 66px auto 0;
      gap: 66px; }
      .outer-wall-reform .examples .inner .tab .slider-tab {
        width: 160px; }
        .outer-wall-reform .examples .inner .tab .slider-tab h3 {
          font-size: 18px; }
          .outer-wall-reform .examples .inner .tab .slider-tab h3::before {
            width: 208px;
            height: 40px;
            border-radius: 20px; }
          .outer-wall-reform .examples .inner .tab .slider-tab h3::after {
            width: 75px;
            height: 12px;
            background-size: cover;
            margin: 14px auto 0; }
    .outer-wall-reform .examples .inner .slider {
      margin: 52px 0 0;
      padding: 0 0 52px; }
      .outer-wall-reform .examples .inner .slider .swiper-wrapper .swiper-slide .img {
        border-radius: 14px; }
      .outer-wall-reform .examples .inner .slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px; }
    .outer-wall-reform .examples .inner .btn-wrap {
      width: 90%;
      margin: 52px auto 0;
      gap: 66px; }
      .outer-wall-reform .examples .inner .btn-wrap a {
        width: 350px;
        height: 83px;
        padding: 0 0 7px;
        border-radius: 45px; }
  .outer-wall-reform .stores {
    padding: 90px 0; }
    .outer-wall-reform .stores::before {
      width: 1440px;
      height: 90px;
      background-size: cover; }
    .outer-wall-reform .stores::after {
      height: calc(100% - 90px);
      top: 90px; }
    .outer-wall-reform .stores .inner {
      width: 90%; }
      .outer-wall-reform .stores .inner .bnr {
        margin: 52px auto 0; }
    .outer-wall-reform .stores .illust {
      background-size: 720px; }
  .outer-wall-reform .catalog {
    padding: 90px 0; }
    .outer-wall-reform .catalog .inner {
      width: 90%; }
      .outer-wall-reform .catalog .inner .item-wrap {
        width: 576px;
        margin: 66px auto 0;
        gap: 66px; }
        .outer-wall-reform .catalog .inner .item-wrap .item {
          width: 255px; }
          .outer-wall-reform .catalog .inner .item-wrap .item h3 {
            margin: 26px 0 0; }
  .outer-wall-reform .contact {
    padding: 90px 0; }
    .outer-wall-reform .contact .inner {
      width: 90%; }
      .outer-wall-reform .contact .inner h2 {
        width: 360px;
        height: 96px; }
      .outer-wall-reform .contact .inner .btn-wrap {
        margin: 66px 0 0;
        gap: 66px; }
        .outer-wall-reform .contact .inner .btn-wrap a {
          width: 350px;
          height: 83px;
          padding: 0 0 7px;
          border-radius: 45px; }
  .outer-wall-reform .footer-bnrs {
    width: 90%;
    padding: 52px 0 0;
    gap: 40px; } }
@media only screen and (min-width: 960px) {
  .outer-wall-reform .hero {
    padding: 120px 0 0; }
    .outer-wall-reform .hero .inner .illust {
      margin: 88px auto 0; }
    .outer-wall-reform .hero .img-1 {
      width: 160px;
      height: 160px;
      top: 120px; }
    .outer-wall-reform .hero .img-2 {
      width: 240px;
      height: 240px;
      bottom: -24px; }
    .outer-wall-reform .hero .img-3 {
      width: 320px;
      height: 320px;
      bottom: 88px; }
    .outer-wall-reform .hero .back {
      width: 1280px; }
  .outer-wall-reform .anchor .item {
    padding: 48px 0; }
    .outer-wall-reform .anchor .item .item-inner img {
      width: 80px; }
    .outer-wall-reform .anchor .item .item-inner p {
      font-size: 16px;
      margin: 16px  0 0; }
    .outer-wall-reform .anchor .item .item-inner .arrow {
      width: 16px;
      height: 16px;
      background-size: cover;
      bottom: -24px; }
  .outer-wall-reform .choose {
    padding: 120px 0; }
    .outer-wall-reform .choose .inner {
      width: 92%; }
      .outer-wall-reform .choose .inner .step-1 {
        margin: 88px 0 0; }
        .outer-wall-reform .choose .inner .step-1 h3::after {
          top: 12px; }
        .outer-wall-reform .choose .inner .step-1 h3 img {
          height: 26px; }
        .outer-wall-reform .choose .inner .step-1 h3 span {
          margin: 16px 0 0; }
        .outer-wall-reform .choose .inner .step-1 .intro-txt {
          margin: 48px auto 0; }
        .outer-wall-reform .choose .inner .step-1 .item-wrap {
          width: 624px;
          margin: 64px auto 0;
          gap: 64px; }
          .outer-wall-reform .choose .inner .step-1 .item-wrap .item {
            width: 280px; }
            .outer-wall-reform .choose .inner .step-1 .item-wrap .item h4 {
              margin: 16px 0 0; }
      .outer-wall-reform .choose .inner .step-2 {
        margin: 88px 0 0; }
        .outer-wall-reform .choose .inner .step-2 h3::after {
          top: 12px; }
        .outer-wall-reform .choose .inner .step-2 h3 img {
          height: 26px; }
        .outer-wall-reform .choose .inner .step-2 h3 span {
          margin: 16px 0 0; }
        .outer-wall-reform .choose .inner .step-2 .chart {
          margin: 64px 0 0; }
        .outer-wall-reform .choose .inner .step-2 .link {
          margin: 48px 0 0; }
      .outer-wall-reform .choose .inner .step-3 {
        margin: 88px 0 0; }
        .outer-wall-reform .choose .inner .step-3 h3::after {
          top: 12px; }
        .outer-wall-reform .choose .inner .step-3 h3 img {
          height: 26px; }
        .outer-wall-reform .choose .inner .step-3 h3 span {
          margin: 16px 0 0; }
        .outer-wall-reform .choose .inner .step-3 .about-txt {
          margin: 48px auto 0; }
        .outer-wall-reform .choose .inner .step-3 .siding {
          max-width: 1200px;
          margin: 64px 0 0;
          gap: 88px; }
          .outer-wall-reform .choose .inner .step-3 .siding .item {
            width: calc(50% - 44px);
            border-radius: 16px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item::before {
              height: 120px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item h4 {
              top: 26px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item h4 span {
                margin: 0 0 16px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item h4 img {
                width: 170px; }
            .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap {
              padding: 48px 24px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::before {
                width: 24px;
                height: 24px;
                background-size: cover;
                left: -24px;
                top: -24px; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap p::after {
                width: 100px;
                height: 16px;
                background-size: cover;
                margin: 24px auto 0; }
              .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul {
                margin: 32px 0 0; }
                .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li {
                  padding: 0 0 0 24px; }
                  .outer-wall-reform .choose .inner .step-3 .siding .item .txt-wrap ul li::before {
                    width: 16px;
                    height: 16px;
                    background-size: cover;
                    top: 10px; }
  .outer-wall-reform .cost {
    padding: 120px 0; }
    .outer-wall-reform .cost::before {
      width: 1920px;
      height: 120px;
      background-size: cover; }
    .outer-wall-reform .cost::after {
      height: calc(100% - 120px);
      top: 120px; }
    .outer-wall-reform .cost .inner {
      width: 92%; }
      .outer-wall-reform .cost .inner .item-wrap {
        max-width: 1200px;
        margin: 88px 0 0;
        gap: 88px; }
        .outer-wall-reform .cost .inner .item-wrap .item {
          width: calc(50% - 44px); }
          .outer-wall-reform .cost .inner .item-wrap .item h3::after {
            width: 100px;
            height: 16px;
            background-size: cover;
            margin: 16px auto 0; }
          .outer-wall-reform .cost .inner .item-wrap .item .img {
            margin: 48px 0 0;
            border-radius: 16px; }
      .outer-wall-reform .cost .inner .ex-txt {
        margin: 64px auto 0; }
  .outer-wall-reform .coordination {
    padding: 120px 0 0; }
    .outer-wall-reform .coordination::before {
      width: 1920px;
      height: 120px;
      background-size: cover; }
    .outer-wall-reform .coordination .inner {
      width: 92%; }
      .outer-wall-reform .coordination .inner .intro-txt {
        margin: 88px 0 0; }
        .outer-wall-reform .coordination .inner .intro-txt::after {
          width: 100px;
          height: 16px;
          background-size: cover;
          margin: 16px auto 0; }
      .outer-wall-reform .coordination .inner .item {
        border-radius: 16px;
        margin: 64px 0 0;
        padding: 32px; }
        .outer-wall-reform .coordination .inner .item h3 {
          width: 88px; }
        .outer-wall-reform .coordination .inner .item .img {
          position: relative;
          z-index: 1;
          left: 0;
          top: 0; }
        .outer-wall-reform .coordination .inner .item a {
          width: 200px;
          height: 40px;
          border-radius: 20px;
          margin: 0;
          position: absolute;
          left: auto;
          right: 32px;
          top: 32px; }
          .outer-wall-reform .coordination .inner .item a::after {
            width: 16px;
            height: 16px;
            background-size: cover;
            right: 12px;
            top: 12px; }
          .outer-wall-reform .coordination .inner .item a img {
            width: 84px; }
  .outer-wall-reform .examples {
    padding: 120px 0; }
    .outer-wall-reform .examples .inner .tab {
      width: 92%;
      margin: 88px auto 0;
      gap: 88px; }
      .outer-wall-reform .examples .inner .tab .slider-tab {
        width: 170px; }
        .outer-wall-reform .examples .inner .tab .slider-tab h3 {
          font-size: 20px; }
          .outer-wall-reform .examples .inner .tab .slider-tab h3::before {
            width: 230px;
            height: 44px;
            border-radius: 22px;
            top: -5px; }
          .outer-wall-reform .examples .inner .tab .slider-tab h3::after {
            width: 100px;
            height: 16px;
            background-size: cover;
            margin: 16px auto 0; }
    .outer-wall-reform .examples .inner .slider {
      margin: 64px 0 0;
      padding: 0 0 60px; }
      .outer-wall-reform .examples .inner .slider .swiper-wrapper .swiper-slide .img {
        border-radius: 16px; }
      .outer-wall-reform .examples .inner .slider .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 6px; }
    .outer-wall-reform .examples .inner .btn-wrap {
      width: 92%;
      margin: 64px auto 0;
      gap: 88px; }
      .outer-wall-reform .examples .inner .btn-wrap a {
        width: 400px;
        height: 92px;
        padding: 0 0 8px;
        border-radius: 50px; }
  .outer-wall-reform .stores {
    padding: 120px 0; }
    .outer-wall-reform .stores::before {
      width: 1920px;
      height: 120px;
      background-size: cover; }
    .outer-wall-reform .stores::after {
      height: calc(100% - 120px);
      top: 120px; }
    .outer-wall-reform .stores .inner {
      width: 92%; }
      .outer-wall-reform .stores .inner .bnr {
        margin: 64px auto 0; }
    .outer-wall-reform .stores .illust {
      background-size: 960px; }
  .outer-wall-reform .catalog {
    padding: 120px 0; }
    .outer-wall-reform .catalog .inner {
      width: 92%; }
      .outer-wall-reform .catalog .inner .item-wrap {
        width: 688px;
        margin: 88px auto 0;
        gap: 88px; }
        .outer-wall-reform .catalog .inner .item-wrap .item {
          width: 300px; }
          .outer-wall-reform .catalog .inner .item-wrap .item h3 {
            margin: 32px 0 0; }
  .outer-wall-reform .contact {
    padding: 120px 0; }
    .outer-wall-reform .contact .inner {
      width: 92%; }
      .outer-wall-reform .contact .inner h2 {
        width: 480px;
        height: 128px; }
      .outer-wall-reform .contact .inner .btn-wrap {
        margin: 88px 0 0;
        gap: 88px; }
        .outer-wall-reform .contact .inner .btn-wrap a {
          width: 400px;
          height: 92px;
          padding: 0 0 8px;
          border-radius: 50px; }
  .outer-wall-reform .footer-bnrs {
    width: 92%;
    padding: 64px 0 0;
    gap: 48px; } }
@media only screen and (min-width: 1280px) {
  .outer-wall-reform .hero .img-1 {
    left: 50%;
    transform: translate(-600px, 0); }
  .outer-wall-reform .hero .img-2 {
    left: 50%;
    transform: translate(-720px, 0); }
  .outer-wall-reform .hero .img-3 {
    right: 50%;
    transform: translate(760px, 0); }
  .outer-wall-reform .hero .back {
    width: 1920px; }
  .outer-wall-reform .anchor .item {
    width: 16.6%;
    border-top: none; }
    .outer-wall-reform .anchor .item:nth-of-type(4) {
      border-left: dashed 2px #fff; }
  .outer-wall-reform .choose .inner {
    width: 1200px; }
    .outer-wall-reform .choose .inner .step-1 .item-wrap {
      width: 1200px;
      gap: 180px; }
  .outer-wall-reform .cost .inner {
    width: 1200px; }
  .outer-wall-reform .coordination .inner {
    width: 1200px; }
  .outer-wall-reform .stores .inner {
    width: 1200px; }
  .outer-wall-reform .catalog .inner {
    width: 1200px; }
    .outer-wall-reform .catalog .inner .item-wrap {
      width: 1076px; }
  .outer-wall-reform .contact .inner {
    width: 1200px; }
  .outer-wall-reform .footer-bnrs {
    width: 1200px; } }
@media only screen and (min-width: 1920px) {
  .outer-wall-reform .hero .back {
    width: 100%; }
  .outer-wall-reform .cost::before {
    width: 100%;
    height: 6.25vw;
    background-size: cover; }
  .outer-wall-reform .cost::after {
    height: calc(100% - 6.25vw);
    top: 6.25vw; }
  .outer-wall-reform .coordination::before {
    width: 100%;
    height: 6.25vw;
    background-size: cover; }
  .outer-wall-reform .stores::before {
    width: 100%;
    height: 6.25vw;
    background-size: cover; }
  .outer-wall-reform .stores::after {
    height: calc(100% - 6.25vw);
    top: 6.25vw; } }
@media (hover: hover) {
  .outer-wall-reform .anchor .item .item-inner .arrow {
    transition: transform .4s; }
  .outer-wall-reform .anchor .item:hover .item-inner .arrow {
    transform: translate(-50%, 50%) rotate(90deg); }
  .outer-wall-reform .coordination .inner .item a::after {
    transition: opacity .4s; }
  .outer-wall-reform .coordination .inner .item a img {
    transition: opacity .4s; }
  .outer-wall-reform .coordination .inner .item a:hover::after {
    opacity: .48; }
  .outer-wall-reform .coordination .inner .item a:hover img {
    opacity: .48; }
  .outer-wall-reform .examples .inner .tab .slider-tab:not(.active) h3 span {
    transition: opacity .4s; }
  .outer-wall-reform .examples .inner .tab .slider-tab:not(.active):hover h3 span {
    opacity: .48; }
  .outer-wall-reform .examples .inner .btn-wrap a .txt {
    transition: opacity .4s; }
  .outer-wall-reform .examples .inner .btn-wrap a:hover .txt {
    opacity: .48; }
  .outer-wall-reform .contact .btn-wrap a .txt {
    transition: opacity .4s; }
  .outer-wall-reform .contact .btn-wrap a:hover .txt {
    opacity: .48; } }