@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2"),
    url("../fonts/NotoSansJP-Regular.woff") format("woff"),
    url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2"),
    url("../fonts/NotoSansJP-Medium.woff") format("woff"),
    url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2"),
    url("../fonts/NotoSansJP-Bold.woff") format("woff"),
    url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2"),
    url("../fonts/NotoSansJP-Black.woff") format("woff"),
    url("../fonts/NotoSansJP-Black.ttf") format("truetype");
}

.mansion_renov {
  font-family: "NotoSansJP", sans-serif;
}

.mansion_renov h2 {
  background: none;
  margin: 0;
}

.mansion_renov .container {
  max-width: 277.333vw;
  width: 100%;
  margin: 0 auto;
}

.mansion_renov .text-red {
  color: #74001A;
}

.mansion_renov .mansion-renov-heading {
  position: relative;
  padding: 15.2vw 6.667vw;
  text-align: center;
}

.mansion_renov .mansion-renov-heading::before,
.mansion_renov .mansion-renov-heading::after {
  content: '';
  position: absolute;
  top: 0;
  display: block;
}

.mansion_renov .mansion-renov-heading::before {
  left: 0;
  background: url(../image_page/reform-rebuilding/bg_top_left_01_sp.png) no-repeat;
  background-size: contain;
  width: 26.4vw;
  height: 15.2vw;
}

.mansion_renov .mansion-renov-heading::after {
  right: 0;
  background: url(../image_page/reform-rebuilding/bg_top_right_01_sp.png) no-repeat;
  background-size: contain;
  width: 18.4vw;
  height: 17.333vw;
}

.mansion_renov .mansion-renov-heading .title {
  color: #231815;
  font-size: 5.333vw;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.mansion_renov .mansion-renov-heading .title::before,
.mansion_renov .mansion-renov-heading .title::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
}

.mansion_renov .mansion-renov-heading .title::before {
  left: 0;
  background: url(../image_page/reform-rebuilding/bg_bottom_left_01_sp.png) no-repeat;
  background-size: contain;
  width: 9.867vw;
  height: 17.333vw;
}

.mansion_renov .mansion-renov-heading .title::after {
  right: 0;
  background: url(../image_page/reform-rebuilding/bg_bottom_right_01_sp.png) no-repeat;
  background-size: contain;
  width: 38.667vw;
  height: 15.467vw;
}

@media screen and (max-width: 767px) {
  .sp--none {
    display: none;
  }
  .mansion_renov .mansion-renov-heading {
    width: 82vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .pc--none {
    display: none;
  }

  .mansion_renov .container {
    max-width: 100vw;
  }

  .mansion_renov .mansion-renov-heading {
    position: relative;
    padding: 8.558vw 0 8.75vw;
    text-align: center;
  }
  
  .mansion_renov .mansion-renov-heading::before,
  .mansion_renov .mansion-renov-heading::after {
    content: '';
    position: absolute;
    top: 0;
    display: block;
  }
  
  .mansion_renov .mansion-renov-heading::before {
    left: -3.846vw;
    background: url(../image_page/reform-rebuilding/bg_top_left_01.png) no-repeat;
    background-size: contain;
    width: 35.481vw;
    height: 7.308vw;
  }
  
  .mansion_renov .mansion-renov-heading::after {
    right: -3.846vw;
    background: url(../image_page/reform-rebuilding/bg_top_right_01.png) no-repeat;
    background-size: contain;
    width: 12.404vw;
    height: 8.269vw;
  }
  
  .mansion_renov .mansion-renov-heading .title {
    font-size: 3.462vw;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  
  .mansion_renov .mansion-renov-heading .title::before,
  .mansion_renov .mansion-renov-heading .title::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
  }
  
  .mansion_renov .mansion-renov-heading .title::before {
    left: -3.846vw;
    background: url(../image_page/reform-rebuilding/bg_bottom_left_01.png) no-repeat;
    background-size: contain;
    width: 13.269vw;
    height: 8.269vw;
  }
  
  .mansion_renov .mansion-renov-heading .title::after {
    right: -3.846vw;
    background: url(../image_page/reform-rebuilding/bg_bottom_right_01.png) no-repeat;
    background-size: contain;
    width: 38.077vw;
    height: 7.308vw;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .container {
    max-width: 1040px;
  }
  .mansion_renov .mansion-renov-heading {
    padding: 89px 0 91px;
  }
  
  .mansion_renov .mansion-renov-heading::before {
    left: -40px;
    width: 369px;
    height: 76px;
  }
  
  .mansion_renov .mansion-renov-heading::after {
    right: -40px;
    width: 129px;
    height: 86px;
  }
  
  .mansion_renov .mansion-renov-heading .title {
    font-size: 36px;
  }
  
  .mansion_renov .mansion-renov-heading .title::before {
    left: -40px;
    width: 138px;
    height: 86px;
  }
  
  .mansion_renov .mansion-renov-heading .title::after {
    right: -40px;
    width: 396px;
    height: 76px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
  .mansion_renov .mansion-renov-heading::before {
    left: 0;
  }
  .mansion_renov .mansion-renov-heading::after {
    right: 0;
  }
  .mansion_renov .mansion-renov-heading .title::before {
    left: 0;
  }
  .mansion_renov .mansion-renov-heading .title::before {
    left: 0;
  }
  .mansion_renov .mansion-renov-heading .title::after {
    right: 0; 
  }
}

.mansion_renov .mv-image {
  position: relative;
  height: 96.277vw;
}

.mansion_renov .mv-image img {
  height: 100%;
  object-fit: cover;
}

.mansion_renov .mv-area {
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85vw;
  text-align: center;
}

.mansion_renov .mv-area .desc {
  position: relative;
  color: #000;
  font-size: 4.521vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.mansion_renov .mv-area .desc > span {
  position: relative;
  display: block;
  padding: 0 2.66vw;  
}

.mansion_renov .mv-area .desc > span::before,
.mansion_renov .mv-area .desc > span::after {
  content: '';
  position: absolute;
  bottom: 0;
  display: block;
  width: 0.532vw;
  height: 13.298vw;
  background-color: #000;
}

.mansion_renov .mv-area .desc > span::before {
  left: 0;
  transform: rotate(-24deg);
}

.mansion_renov .mv-area .desc > span::after {
  right: 0;
  transform: rotate(24deg);
}

.mansion_renov .mv-heading {
  margin-top: 5.851vw;
  color: #231815;
  font-weight: 900;
  line-height: 1.4;
}

.mansion_renov .mv-heading .text {
  font-size: 5.053vw;
}

.mansion_renov .mv-heading .text > span {
  font-size: 5.851vw;
}

.mansion_renov .mv-heading .title {
  color: #74001A;
  font-size: 11.436vw;
  font-weight: 900;
}

@media screen and (max-width: 767px) {
  .sp--none {
    display: none;
  }
  .mansion_renov .mansion_renov-heading {
    width: 82vw;
    margin: 0 auto;
  }
  .mansion_renov .mv-heading .text > span {
    margin-right: 1.33vw;
  }
}

@media screen and (min-width: 768px) {
  .pc--none {
    display: none;
  }

  .mansion_renov .container {
    max-width: 100vw;
  }
  
  .mansion_renov .mv-image {
    height: 57.692vw;
  }
  
  .mansion_renov .mv-area {
    width: 86.538vw;
  }

  .mansion_renov .mv-area .desc { 
    font-size: 2.5vw;
    line-height: 1.8;
  }

  .mansion_renov .mv-area .desc > span {
    padding: 0 1.923vw;
  }

  .mansion_renov .mv-area .desc > span::before,
  .mansion_renov .mv-area .desc > span::after {
    bottom: 0.288vw;
    width: 0.288vw;
    height: 2.692vw;
  }

  .mansion_renov .mv-heading {
    margin-top: 4.808vw;
  }

  .mansion_renov .mv-heading .text {
    font-size: 3.846vw;
  }

  .mansion_renov .mv-heading .text > span {
    font-size: 4.808vw;
  }

  .mansion_renov .mv-heading {
    line-height: 1.8;
  }
  
  .mansion_renov .mv-heading .title {
    display: inline-block;
    margin: 0 1.923vw;
    font-size: 6.731vw;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .container {
    max-width: 1040px;
  }
  
  .mansion_renov .mv-image {
    height: 600px;
  }
  
  .mansion_renov .mv-area {
    width: 900px;
  }

  .mansion_renov .mv-area .desc { 
    font-size: 26px;
  }

  .mansion_renov .mv-area .desc > span {
    padding: 0 20px;
  }

  .mansion_renov .mv-area .desc > span::before,
  .mansion_renov .mv-area .desc > span::after {
    bottom: 3px;
    width: 3px;
    height: 28px;
  }

  .mansion_renov .mv-heading {
    margin-top: 50px;
  }

  .mansion_renov .mv-heading .text {
    font-size: 40px;
  }

  .mansion_renov .mv-heading .text > span {
    font-size: 50px;
  }
  
  .mansion_renov .mv-heading .title {
    margin: 0 20px;
    font-size: 70px;
  }
}

.mansion_renov .check {
  margin-top: 6.649vw;
}

.mansion_renov .check .check-heading {
  text-align: center;
}

.mansion_renov .check .check-heading .title {
  display: inline-block;
  font-size: 5.319vw;
  font-weight: 900;
}

.mansion_renov .check .check-heading .title span {
  background: linear-gradient(transparent 60%, rgba(255, 227, 63, 0.5) 40%);
}

.mansion_renov .check .check-area {
  margin-top: 3.989vw;
}

.mansion_renov .check .check-image {
  margin: 0 auto;
  width: 100%;
}

.mansion_renov .check .check-title {
  padding: 2.128vw;
  background-color: #E0E1E1;
  color: #231815;
  font-size: 3.989vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.6;
  text-align: center;
}

.mansion_renov .check .check-list {
  position: relative;
  margin: 5.319vw auto 0;
  padding-bottom: 21.277vw;
  width: 100%;
}

.mansion_renov .check .check-list::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 7.979vw;
  left: 50%;
  transform: translateX(-50%);
  width: 28.191vw;
  height: 12.234vw;
  background: url(../image_page/mansion_renov/icon_arrow_bottom_01.svg) no-repeat;
  background-size: 100%;
}

.mansion_renov .check .check-list li {
  position: relative;
  margin-bottom: 2.66vw;
  padding-left: 7.447vw;
  font-size: 4.255vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.mansion_renov .check .check-list li::before {
  content: '';
  position: absolute;
  display: block;
  top: 1.33vw;
  left: 0;
  width: 7.181vw;
  height: 5.851vw;
  background: url(../image_page/mansion_renov/icon_check.svg) no-repeat;
  background-size: 100%;
}

.mansion_renov .check .check-box {
  padding: 5.319vw 5.319vw 50.532vw;
  border: 1.596vw solid #74001A;
}

.mansion_renov .check .check-box p {
  font-size: 4.521vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.mansion_renov .check .check-box p::before {
  content: '';
  position: absolute;
  display: block;
  bottom: -0.798vw;
  left: 50%;
  width: 57.979vw;
  height: 49.468vw;
  background: url(../image_page/mansion_renov/img_check_02.png) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 767px) {
  .mansion_renov .check .check-inner {
    width: 94%;
    margin: 0 auto;
  }
  .mansion_renov .check .check-heading .title {
    line-height: 1.95;
  }
  .mansion_renov .check .check-heading .title span {
    display: inline-block;
  }
  .mansion_renov .check .check-box {
    position: relative;
  }
  .mansion_renov .check .check-box p::before {
    transform: translateX(-50%);
  }
}

@media screen and (min-width: 768px) {
  .mansion_renov .check {
    margin-top: 7.692vw;
  }

  .mansion_renov .check .check-inner {
    padding: 0 1.923vw;
  }

  .mansion_renov .check .check-heading {
    text-align: center;
  }

  .mansion_renov .check .check-heading .title {
    display: inline-block;
    font-size: 2.885vw;
    font-weight: 900;
  }

  .mansion_renov .check .check-heading .title span {
    background: linear-gradient(transparent 60%, rgba(255, 227, 63, 0.5) 60%);
  }

  .mansion_renov .check .check-area {
    margin-top: 2.885vw;
  }

  .mansion_renov .check .check-image {
    margin: 0 auto;
    max-width: 80.769vw;
    width: 100%;
  }

  .mansion_renov .check .check-title {
    padding: 2.308vw 0.962vw;
    font-size: 3.077vw;
  }

  .mansion_renov .check .check-list {
    margin: 3.462vw auto 0;
    padding-bottom: 17.308vw;
    width: 67.308vw;
  }

  .mansion_renov .check .check-list::after {
    bottom: 4.808vw;
    width: 15.577vw;
    height: 6.731vw;
  }

  .mansion_renov .check .check-list li {
    margin-bottom: 2.404vw;
    padding-left: 3.846vw;
    font-size: 2.404vw;
    line-height: 1.4;
  }

  .mansion_renov .check .check-list li::before {
    top: 0.288vw;
    left: 0;
    width: 3.654vw;
    height: 2.885vw;
  }

  .mansion_renov .check .check-box {
    padding: 1.923vw;
    border: 0.673vw solid #74001A;
  }

  .mansion_renov .check .check-box p {
    position: relative; 
    padding-left: 28.846vw;
    font-size: 2.115vw;
    line-height: 1.7;
  }

  .mansion_renov .check .check-box p::before {
    bottom: -2.308vw;
    left: -0.962vw;
    width: 27.885vw;
    height: 23.846vw;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .check {
    margin-top: 80px;
  }

  .mansion_renov .check .check-inner {
    padding: 0 20px;
  }

  .mansion_renov .check .check-heading .title {
    font-size: 30px;
  }

  .mansion_renov .check .check-area {
    margin-top: 30px;
  }

  .mansion_renov .check .check-image {
    max-width: 840px;
  }

  .mansion_renov .check .check-title {
    padding: 24px 10px;
    font-size: 32px;
  }

  .mansion_renov .check .check-list {
    margin: 36px auto 0;
    padding-bottom: 180px;
    width: 700px;
  }

  .mansion_renov .check .check-list::after {
    bottom: 50px;
    width: 162px;
    height: 70px;
  }

  .mansion_renov .check .check-list li {
    margin-bottom: 25px;
    padding-left: 40px;
    font-size: 25px;
  }

  .mansion_renov .check .check-list li::before {
    top: 3px;
    left: 0;
    width: 38px;
    height: 30px;
  }

  .mansion_renov .check .check-box {
    padding: 20px;
    border: 7px solid #74001A;
  }

  .mansion_renov .check .check-box p {
    padding-left: 300px;
    font-size: 22px;
  }

  .mansion_renov .check .check-box p::before {
    bottom: -24px;
    left: -10px;
    width: 290px;
    height: 248px;
  }
}

.mansion_renov .hyou01 {
  margin-top: 8.511vw;
  padding: 5.585vw 5.319vw 9.309vw;
  background-color: rgba(116, 0, 26, 0.07);
}

.mansion_renov .hyou01 .hyou01-heading {
  padding: 3.457vw 2.66vw;
  color: #74001A;
  background-color: #fff;
  font-size: 6.383vw;
  font-weight: 900;
  line-height: 1.7;
  letter-spacing: 0.05em;
  text-align: center;
}

.mansion_renov .hyou01 .hyou01-image {
  margin-top: 7.181vw;
}

@media screen and (max-width: 767px) {
  .mansion_renov .hyou01 .hyou01-image {
    width: 235.372vw;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .mansion_renov .hyou01 {
    margin-top: 8.462vw;
    padding: 8.365vw 1.923vw 9.327vw;
  }

  .mansion_renov .hyou01 .hyou01-heading {
    padding: 2.212vw 0.962vw;
    font-size: 3.654vw;
  }

  .mansion_renov .hyou01 .hyou01-image {
    margin-top: 5.577vw;
    overflow: hidden;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .hyou01 {
    margin-top: 88px;
    padding: 87px 20px 97px;
  }

  .mansion_renov .hyou01 .hyou01-heading {
    padding: 23px 10px;
    font-size: 38px;
  }

  .mansion_renov .hyou01 .hyou01-image {
    margin-top: 58px;
  }
}

.mansion_renov .precautions {
  margin-top: 6.667vw;
}

.mansion_renov .precautions .precautions-inner {
  margin-top: 5.867vw;
}

.mansion_renov .precautions .precautions-list li {
  position: relative;
  margin-bottom: 2.933vw;
  padding: 3.2vw 2.667vw 3.2vw 14.933vw;
  background-color: rgba(239, 239, 239, 0.5);
  font-size: 4.267vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.57;
}

.mansion_renov .precautions .precautions-list li::before {
  content: '';
  position: absolute;
  display: block;
  top: 4vw;
  left: 4.8vw;
  width: 6.933vw;
  height: 5.6vw;
  background: url(../image_page/mansion_renov/icon_check.svg) no-repeat;
  background-size: 100%;
}

.mansion_renov .precautions .precautions-list li > span {
  display: block;
  font-size: 3.733vw;
}

.mansion_renov .precautions .precautions-area {
  margin-top: 12.8vw;
}

.mansion_renov .precautions .table {
  border: 0.267vw solid #231815;
}

.mansion_renov .precautions .table .table-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  font-size: 4.8vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  box-sizing: border-box;
}

.mansion_renov .precautions .table.is-01 .table-title {
  background: rgba(116, 0, 26, 0.35);
}

.mansion_renov .precautions .table.is-02 {
  border-top: none;
}

.mansion_renov .precautions .table .table-desc {
  padding: 5.067vw 6.133vw 5.067vw 4.8vw;
  width: 100%;
  box-sizing: border-box; 
}

.mansion_renov .precautions .table .table-list li {
  position: relative;
  padding-left: 6.4vw;
  color: #231815;
  font-size: 3.733vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
}

.mansion_renov .precautions .table.is-01 .table-list li::before {
  content: '⚪︎';
  position: absolute;
  display: block;
  top: -1.333vw;
  left: 0;
  width: 4vw;
  height: 4vw;
  color: #74001A;
  font-size: 4.8vw;
  font-weight: 700;
}

.mansion_renov .precautions .table.is-02 .table-list li::before {
  content: '×';
  position: absolute;
  display: block;
  top: -1.333vw;
  left: 0;
  width: 4vw;
  height: 4vw;
  color: #231815;
  font-size: 4.8vw;
  font-weight: 700;
}

.mansion_renov .precautions .table.is-02 .table-title {
  background: rgba(239, 239, 239, 0.5);
}

.mansion_renov .precautions .table .table-list li span {
  display: inline-block;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .mansion_renov .precautions .precautions-inner {
    padding: 0 5.067vw;
  }
  .mansion_renov .precautions .table .table-title {
    padding: 2.933vw 2.667vw;
  }
  .mansion_renov .precautions .table .table-desc {
    padding: 2.933vw 2.667vw;
  }
  .mansion_renov .precautions .table .table-list li span { 
    font-size: 3.2vw;
  }
  .mansion_renov .precautions .table .table-title {
    border-bottom: 0.267vw solid #231815;
  }
}

@media screen and (min-width: 768px) {
  .mansion_renov .precautions {
    margin-top: 8.462vw;
    padding: 0 1.923vw;
  }

  .mansion_renov .precautions .precautions-inner {
    margin-top: 4.327vw;
  }

  .mansion_renov .precautions .precautions-list li {
    margin-bottom: 1.923vw;
    padding: 2.212vw 0.962vw 2.212vw 8.942vw;
    font-size: 2.692vw;
    line-height: 1.57;
  }

  .mansion_renov .precautions .precautions-list li::before {
    top: 2.981vw;
    left: 2.885vw;
    width: 4.135vw;
    height: 3.269vw;
  }

  .mansion_renov .precautions .precautions-list li > span {
    display: inline-block;
    margin-left: 2.404vw;
    font-size: 1.923vw;
  }

  .mansion_renov .precautions .precautions-area {
    margin-top: 6.058vw;
  }

  .mansion_renov .precautions .table {
    display: flex;
    border: 0.288vw solid #231815;
  }

  .mansion_renov .precautions .table .table-title {
    width: 17.788vw;
    border-right: 0.288vw solid #231815;
    font-size: 2.692vw;
  }

  .mansion_renov .precautions .table .table-desc {
    padding: 4.808vw 0.962vw 4.808vw 1.923vw;
  }

  .mansion_renov .precautions .table .table-list li {
    padding-left: 2.404vw;
    font-size: 1.731vw;
    line-height: 2;
  }

  .mansion_renov .precautions .table.is-01 .table-list li::before {
    top: 0;
    left: 0;
    width: 1.731vw;
    height: 1.731vw;
    font-size: 1.731vw;
  }

  .mansion_renov .precautions .table.is-02 .table-list li::before {
    top: 0;
    left: 0;
    width: 1.731vw;
    height: 1.731vw;
    font-size: 1.731vw;
  }

  .mansion_renov .precautions .table .table-list li span {
    line-height: 1.6;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .precautions {
    margin-top: 88px;
    padding: 0 20px;
  }

  .mansion_renov .precautions .precautions-inner {
    margin-top: 45px;
  }

  .mansion_renov .precautions .precautions-list li {
    margin-bottom: 20px;
    padding: 23px 10px 23px 93px;
    font-size: 28px;
  }

  .mansion_renov .precautions .precautions-list li::before {
    top: 31px;
    left: 30px;
    width: 43px;
    height: 34px;
  }

  .mansion_renov .precautions .precautions-list li > span {
    display: inline-block;
    margin-left: 25px;
    font-size: 20px;
  }

  .mansion_renov .precautions .precautions-area {
    margin-top: 63px;
  }

  .mansion_renov .precautions .table {
    border: 3px solid #231815;
  }

  .mansion_renov .precautions .table .table-title {
    width: 185px;
    border-right: 3px solid #231815;
    font-size: 28px;
  }

  .mansion_renov .precautions .table .table-desc {
    padding: 50px 10px 50px 20px;
  }

  .mansion_renov .precautions .table .table-list li {
    padding-left: 25px;
    font-size: 18px;
  }

  .mansion_renov .precautions .table.is-01 .table-list li::before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    font-size: 18px;
  }

  .mansion_renov .precautions .table.is-02 .table-list li::before {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}

.mansion_renov .price {
  margin-top: 13.333vw;
  padding: 0 5.067vw;
}

.mansion_renov .price .price-inner {
  margin-top: 5.333vw;
}

.mansion_renov .price .price-list {
  margin-top: 5.333vw;
}

.mansion_renov .price .price-list li {
  font-size: 3.467vw;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}

.mansion_renov .price .price-list li:not(:first-of-type) {
  margin-top: 1.333vw;
}

@media screen and (max-width: 767px) {
  .mansion_renov .price .price-image {
    width: 170.4vw;
    overflow: hidden;
  }
}

@media screen and (min-width: 768px) {
  .mansion_renov .price {
    margin-top: 16.154vw;
    padding: 0 1.923vw;
  }

  .mansion_renov .price .price-inner {
    margin-top: 3.846vw;
  }

  .mansion_renov .price .price-image {
    width: 100%;
    overflow: hidden;
  }

  .mansion_renov .price .price-list {
    margin-top: 5.769vw;
  }

  .mansion_renov .price .price-list li {
    font-size: 1.731vw;
    line-height: 1.75;
  }

  .mansion_renov .price .price-list li:not(:first-of-type) {
    margin-top: 0.962vw;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .price {
    margin-top: 168px;
    padding: 0 20px;
  }

  .mansion_renov .price .price-inner {
    margin-top: 40px;
  }

  .mansion_renov .price .price-list {
    margin-top: 60px;
  }

  .mansion_renov .price .price-list li {
    font-size: 18px;
  }

  .mansion_renov .price .price-list li:not(:first-of-type) {
    margin-top: 10px;
  }
}

.mansion_renov .reason {
  margin-top: 8vw;
  padding: 5.333vw 3.467vw 17.333vw;
  background-color: rgba(255, 227, 63, 0.1);
}

.mansion_renov .reason .reason-heading {
  padding: 2.667vw;
  background-color: #74001A;
  color: #fff;
  font-size: 5.333vw;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.78;
  text-align: center;
}

.mansion_renov .reason .reason-inner {
  margin-top: 3.467vw;
}

.mansion_renov .reason .reason-box {
  padding: 6.4vw 3.467vw;
  background-color: #fff;
}

.mansion_renov .reason .reason-box:not(:first-of-type) {
  margin-top: 7.2vw;
}

.mansion_renov .reason .reason-title .label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15.467vw;
  height: 4.533vw;
  font-size: 3.467vw;
  font-weight: 900;
  letter-spacing: 0.05em;
  background-color: #74001A;
  color: #fff;
  border-radius: 3.2vw;
  text-align: center;
}

.mansion_renov .reason .reason-title .num {
  width: 14.4vw;
}

.mansion_renov .reason .reason-title .num img {
  width: 100%;
}

.mansion_renov .reason .reason-title .title {
  font-size: 6.4vw;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.mansion_renov .reason .reason-wrap {
  margin-top: 5.333vw;
}

.mansion_renov .reason .box {
  padding: 5.067vw 4vw;
  background-color: rgba(239, 239, 239, 0.5);
  width: 100%;
  box-sizing: border-box;
}

.mansion_renov .reason .box .box-title {
  padding: 1.067vw 2.667vw;
  background-color: #fff;
  color: #74001A;
  font-size: 4.267vw;
  font-weight: 900;
  letter-spacing: 0.05em;
  border: 1.067vw solid #74001A;
  border-radius: 6.133vw;
  text-align: center;
}

.mansion_renov .reason .box .box-image {
  margin-top: 2.667vw;
}

.mansion_renov .reason .box .box-desc {
  margin-top: 2.667vw;
  font-size: 3.2vw;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.8;
}

.mansion_renov .reason .reason-area {
  margin-top: 5.6vw;
  padding: 5.867vw 1.867vw;
  background-color: rgba(116, 0, 26, 0.05);
  text-align: center;
}

.mansion_renov .reason .reason-area .title {
  color: #74001A;
  font-size: 4.8vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
}

.mansion_renov .reason .reason-area .desc {
  margin-top: 5.333vw;
  font-size: 3.733vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.7;
}

.mansion_renov .reason .reason-area .desc span {
  display: block;
  font-size: 2.667vw;
  line-height: 2;
}

.mansion_renov .reason .box02 {
  margin-top: 8vw;
  background-color: rgba(239, 239, 239, 0.5);
}

.mansion_renov .reason .box02 .box02-wrap {
  padding: 5.067vw 4vw;
}

.mansion_renov .reason .box02 .box02-image {
  width: 100%;
}

.mansion_renov .reason .box02 .box02-desc {
  margin-top: 2.667vw;
  font-size: 3.2vw;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .mansion_renov .reason .reason-title .wrap {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mansion_renov .reason .reason-title .label {
    margin-right: 2.4vw;
  }
  .mansion_renov .reason .reason-title .title {
    margin-top: 4.267vw;
    text-align: center;
  }
  .mansion_renov .reason .box:not(:first-of-type) {
    margin-top: 4.8vw;
  }
  .mansion_renov .reason .reason-area .desc span {
    margin-top: 4vw;
  }
}

@media screen and (min-width: 768px) {
  .mansion_renov .reason {
    margin-top: 5.769vw;
    padding: 10.769vw 1.923vw 9.423vw;
  }

  .mansion_renov .reason .reason-heading {
    padding: 2.308vw 0.962vw;
    font-size: 3.462vw;
    line-height: 1.78;
  }

  .mansion_renov .reason .reason-inner {
    margin-top: 7.885vw;
  }

  .mansion_renov .reason .reason-box {
    padding: 2.404vw;
  }

  .mansion_renov .reason .reason-box:not(:first-of-type) {
    margin-top: 4.808vw;
  }

  .mansion_renov .reason .reason-title {
    display: flex;
    align-items: center;
  }

  .mansion_renov .reason .reason-title .label {
    margin: 0 auto;
    width: 7.596vw;
    height: 2.212vw;
    font-size: 1.731vw;
    border-radius: 1.154vw;
  }

  .mansion_renov .reason .reason-title .num {
    margin-top: 0.481vw;
    width: 8.654vw;
  }

  .mansion_renov .reason .reason-title .title {
    padding-left: 2.404vw;
    font-size: 3.654vw;
    line-height: 1.6;
  }

  .mansion_renov .reason .reason-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 2.885vw;
  }

  .mansion_renov .reason .box {
    padding: 2.788vw 2.404vw;
    width: 45.865vw;
  }

  .mansion_renov .reason .box .box-title {
    padding: 0.769vw 0.962vw;
    font-size: 1.923vw;
    border: 0.481vw solid #74001A;
    border-radius: 2.212vw;
  }

  .mansion_renov .reason .box .box-image {
    margin-top: 1.442vw;
    height: 29.904vw;
  }

  .mansion_renov .reason .box .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mansion_renov .reason .box .box-desc {
    margin-top: 1.442vw;
    font-size: 1.538vw;
    line-height: 1.875;
  }

  .mansion_renov .reason .reason-area {
    margin-top: 2.596vw;
    padding: 2.019vw 2.596vw;
  }

  .mansion_renov .reason .reason-area .title {
    font-size: 2.308vw;
    line-height: 1.3;
  }

  .mansion_renov .reason .reason-area .desc {
    margin-top: 0.962vw;
    font-size: 1.731vw;
    line-height: 1.7;
  }

  .mansion_renov .reason .reason-area .desc span {
    font-size: 1.346vw;
    line-height: 2;
  }

  .mansion_renov .reason .box02 {
    margin-top: 2.885vw;
  }

  .mansion_renov .reason .box02 .box02-wrap {
    display: flex;
    align-items: center;
    padding: 2.404vw 2.596vw;
  }

  .mansion_renov .reason .box02 .box02-image {
    margin-right: 2.885vw;
    flex-shrink: 0;
    width: 41.058vw;
  }

  .mansion_renov .reason .box02 .box02-desc {
    font-size: 1.538vw;
    line-height: 1.875;
  }
}

@media screen and (min-width: 1040px) {
  .mansion_renov .reason {
    margin-top: 60px;
    padding: 112px 20px 98px;
  }

  .mansion_renov .reason .reason-heading {
    padding: 24px 10px;
    font-size: 36px;
    line-height: 1.78;
  }

  .mansion_renov .reason .reason-inner {
    margin-top: 82px;
  }

  .mansion_renov .reason .reason-box {
    padding: 25px;
  }

  .mansion_renov .reason .reason-box:not(:first-of-type) {
    margin-top: 50px;
  }

  .mansion_renov .reason .reason-title .label {
    width: 79px;
    height: 23px;
    font-size: 18px;
    border-radius: 12px;
  }

  .mansion_renov .reason .reason-title .num {
    margin-top: 5px;
    width: 90px;
  }

  .mansion_renov .reason .reason-title .num img {
    width: 100%;
  }

  .mansion_renov .reason .reason-title .title {
    padding-left: 25px;
    font-size: 38px;
    line-height: 1.6;
  }

  .mansion_renov .reason .reason-wrap {
    margin-top: 30px;
  }

  .mansion_renov .reason .box {
    padding: 29px 25px;
    width: 477px;
  }

  .mansion_renov .reason .box .box-title {
    padding: 8px 10px;
    font-size: 20px;
    border: 5px solid #74001A;
    border-radius: 23px;
  }

  .mansion_renov .reason .box .box-image {
    margin-top: 15px;
    height: 311px;
  }

  .mansion_renov .reason .box .box-desc {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.875;
  }

  .mansion_renov .reason .reason-area {
    margin-top: 27px;
    padding: 21px 27px;
  }

  .mansion_renov .reason .reason-area .title {
    font-size: 24px;
    line-height: 1.3;
  }

  .mansion_renov .reason .reason-area .desc {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.7;
  }

  .mansion_renov .reason .reason-area .desc span {
    font-size: 14px;
  }

  .mansion_renov .reason .box02 {
    margin-top: 30px;
  }

  .mansion_renov .reason .box02 .box02-wrap {
    padding: 25px 27px;
  }

  .mansion_renov .reason .box02 .box02-image {
    margin-right: 30px;
    width: 427px;
  }

  .mansion_renov .reason .box02 .box02-desc {
    font-size: 16px;
  }
}

.mansion_renov_form {
  margin-top: 9.067vw;
}

.mansion_renov_form_title { 
  height: auto;
  width: 95%;
  margin: 0 auto 4.267vw;
} 

.tel_contact_box{
  border: 2px solid #fa2d00;
  padding: 4.6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position:relative;
  flex-wrap: wrap;
}

.tel_contact_box .tel_img{
  width:17.5552vw;
}

.tel_contact_box .tel_txt{
  font-size: 3.340vw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 0!important;
}

.tel_contact_box .tel_txt span{
  font-size: 8.4616vw;
  font-weight: 700;
}

.tel_contact_box .ct_btn{
  width:100%;
  background-color: #fa2d00;
  border-radius: 5px;
  padding: 2.6vw;
  text-align: center;
  color:#fff;
  font-size:5.120vw;
  font-weight:700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0!important;
  margin-top: 2vw;
  text-decoration: none;
}

.tel_contact_box .ct_btn:hover{
  background-color: #fb5e3c;
}

@media screen and (max-width:767px){ 
  .mansion_renov_form {
    padding: 0 2.667vw;
  }
}

@media screen and (min-width:768px){ 
  .mansion_renov_form {
    margin-top: 8.654vw;
  }
  .mansion_renov_form_title { 
    height: auto;
    width: 100%;
    margin: 0 auto 7.692vw;
  } 
  .tel_contact_box{
    width: 95.7692vw;
    padding: 1.9230vw;
  }
  .tel_contact_box .tel_img{
    width:12.980vw;
    height:7.6923vw;
  }
  .tel_contact_box .tel_txt{
    font-size: 1.7307vw;
  }
  .tel_contact_box .tel_txt span{
    font-size: 4.8077vw;
  }
  .tel_contact_box .ct_btn{
    width:34.6153vw;
    padding: 1.9230vw;
    font-size:2.3076vw;
    margin-top: 0;
  }
}

@media screen and (min-width:1040px){ 
  .mansion_renov_form {
    margin-top: 90px;
  }
  .mansion_renov_form_title { 
    margin: 0 auto 80px;
  } 
  .tel_contact_box{
    width: 996px;
    padding: 20px;
  }
  .tel_contact_box .tel_img{
    width:135px;
    height: 80px;
  }
  .tel_contact_box .tel_txt{
    font-size: 18px;
  }
  .tel_contact_box .tel_txt span{
    font-size: 50px;
  }
  .tel_contact_box .ct_btn{
    width:360px;
    padding: 20px;
    font-size:24px;
  }
}

.bnr_area {
  margin: 20px auto;
}