.flex {
  display: flex;
  display: -webkit-box;
}

.contents_wrap {
  overflow: visible; }

.bnr_area .bnr_area_modelroom {
  padding: 90px 0 0;
  margin-bottom: 60px; }
  @media screen and (max-width: 769px) {
    .bnr_area .bnr_area_modelroom {
      padding: 14% 0 0;
      margin-bottom: 30px; } }

.bnr_area .bnr_bg {
  padding: 75px 0px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(156, 130, 88, 0.69)), color-stop(50%, rgba(207, 191, 160, 0.69)), to(rgba(156, 130, 88, 0.69)));
  background: linear-gradient(to right, rgba(156, 130, 88, 0.69) 0%, rgba(207, 191, 160, 0.69) 50%, rgba(156, 130, 88, 0.69) 100%); }
  @media screen and (max-width: 769px) {
    .bnr_area .bnr_bg {
      padding: 15px 0px;
      overflow: hidden; } }

.bnr_area .bnr_area_reno {
  width: 100%;
  max-width: 915px;
  margin: 0px auto; }
  .bnr_area .bnr_area_reno .bnr {
    display: block;
    width: 80.65%;
    background: -webkit-gradient(linear, left top, right top, from(#EADED0), color-stop(37%, #BCA77A), color-stop(61%, #EADED0), color-stop(92%, #988058), to(#C27D42));
    background: linear-gradient(to right, #EADED0 0%, #BCA77A 37%, #EADED0 61%, #988058 92%, #C27D42 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0px;
    position: relative; }
    @media screen and (max-width: 769px) {
      .bnr_area .bnr_area_reno .bnr {
        width: 100%;
        padding: 5px 0px; } }
    .bnr_area .bnr_area_reno .bnr .bnr_in {
      background: rgba(255, 255, 255, 0.61);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 0px;
      padding-left: 60px; }
      @media screen and (max-width: 769px) {
        .bnr_area .bnr_area_reno .bnr .bnr_in {
          padding: 15px 10px;
          padding-bottom: 25px; } }
      .bnr_area .bnr_area_reno .bnr .bnr_in .txt01 {
        width: 63.48%;
        margin-bottom: 10px; }
        @media screen and (max-width: 769px) {
          .bnr_area .bnr_area_reno .bnr .bnr_in .txt01 {
            width: 95.17%;
            margin: 0px auto;
            margin-bottom: 15px; } }
      .bnr_area .bnr_area_reno .bnr .bnr_in .txt02 {
        font-size: 21px;
        color: #231815;
        letter-spacing: 0.1em;
        font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; }
        @media screen and (max-width: 769px) {
          .bnr_area .bnr_area_reno .bnr .bnr_in .txt02 {
            margin-bottom: 25px;
            font-size: 4.79vw; } }
      .bnr_area .bnr_area_reno .bnr .bnr_in .txt03 {
        width: 47.1%; }
    .bnr_area .bnr_area_reno .bnr .img01 {
      position: absolute;
      width: 29.81%;
      top: 0px;
      right: 0px;
      -webkit-transform: translate(30%, -20%);
      transform: translate(30%, -20%); }
      @media screen and (max-width: 769px) {
        .bnr_area .bnr_area_reno .bnr .img01 {
          width: 43.76%;
          max-width: 249px;
          bottom: 20px;
          right: 5px;
          top: auto;
          -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%); } }
    .bnr_area .bnr_area_reno .bnr .img02 {
      position: absolute;
      width: 27.1%;
      bottom: 0px;
      left: 100%;
      -webkit-transform: translate(-10%, 20%);
      transform: translate(-10%, 20%); }
      @media screen and (max-width: 769px) {
        .bnr_area .bnr_area_reno .bnr .img02 {
          width: 39.89%;
          max-width: 227px;
          bottom: 50%;
          left: auto;
          right: 0px;
          -webkit-transform: translate(10%, 50%);
          transform: translate(10%, 50%); } }

.sec_com {
  padding: 110px 0px; }
  @media screen and (max-width: 769px) {
    .sec_com {
      padding: 30px 0px; } }

@media screen and (max-width: 769px) {
  .sec01 .tit_com01 {
    text-align: left; } }

@media screen and (max-width: 769px) {
  .sec01 .tit_com01 b {
    font-size: 1.97em; } }

.sec_tit01 {
  text-align: center;
  color: #005B71;
  font-family: trajan-pro-3, serif;
  font-size: 43px;
  letter-spacing: 0.2em;
  margin-bottom: 40px; }
  @media screen and (max-width: 769px) {
    .sec_tit01 {
      font-size: 33px;
      margin-bottom: 20px; } }

.sec_planList .plan_btn_wrap {
  width: 100%;
  max-width: 1055px;
  margin: 0px auto;
  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; }
  @media screen and (max-width: 769px) {
    .sec_planList .plan_btn_wrap {
      display: block; } }
  .sec_planList .plan_btn_wrap .plan_btn {
    display: block;
    width: 31.46%;
    margin-bottom: 50px; }
    @media screen and (max-width: 769px) {
      .sec_planList .plan_btn_wrap .plan_btn {
        width: 100%;
        max-width: 511px;
        margin: 0px auto;
        margin-bottom: 15px; } }

.sec_planList .hanrei {
  width: 100%;
  max-width: 388px; }

.sec02 {
  margin: 100px 0 0;
  padding: 0;
}
.sec02 .sec02_list {
  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; }
  @media screen and (max-width: 769px) {
    .sec02 {
      margin: 14% 0 0;
    }
    .sec02 .sec02_list {
      display: block; } }
  .sec02 .sec02_list::after {
    display: none; }
  .sec02 .sec02_list li {
    width: 31.8%;
    margin-bottom: 65px; }
    @media screen and (max-width: 1122px) {
      .sec02 .sec02_list li {
        width: 48%; } }
    @media screen and (max-width: 769px) {
      .sec02 .sec02_list li {
        width: 100%;
        margin-bottom: 45px; } }
    .sec02 .sec02_list li .list_tit {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 25px;
      background: #005B71;
      color: #fff;
      font-size: 21px;
      line-height: 1.61;
      letter-spacing: 0.1em;
      margin-bottom: 5px;
      min-height: 107px; }
      @media screen and (max-width: 769px) {
        .sec02 .sec02_list li .list_tit {
          font-size: 17px;
          padding: 20px;
          min-height: auto; } }
      .sec02 .sec02_list li .list_tit span {
        display: inline-block;
        font-size: 0.71em; }
        .sec02 .sec02_list li .list_tit span.cap {
          font-size: 12px;
          letter-spacing: 0em; }
    .sec02 .sec02_list li .list_img {
      margin-bottom: 20px; }
      @media screen and (max-width: 769px) {
        .sec02 .sec02_list li .list_img {
          margin-bottom: 15px; } }
    .sec02 .sec02_list li .list_txt {
      font-size: 13px;
      line-height: 1.76;
      letter-spacing: 0.1em;
      font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; }

/* added */
div.tit {
  margin: 0 0 40px;
}
div.tit h2 {
  margin: 0 0 20px;
  font-family: trajan-pro-3, serif;
  text-align: center;
  color: #005b71;
  font-size: 43px;
}
div.tit p {
  font-size: 27px;
  text-align: center;
}
.plan__box {
  padding: 60px 0 85px;
}
.plan__box h3 {
  font-size: 30px;
  margin: 0 0 30px;
  text-align: center;
  color: #005b71;
}
.plan__box ul.flex {
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-pack: justify;
}
.plan__box li {
  width: 49.01960784313725%;
  margin: 0 0 2%;
  font-size: 0;
  line-height: 0;
}
.plan__box li:last-child {
  margin: 0;
}
@media screen and (max-width: 769px) {
  div.tit {
    margin: 0 0 12%;
  }
  div.tit h2 {
    margin: 0 0 5%;
  }
  div.tit p {
    font-size: 22px;
    text-align: left;
  }
  .plan__box {
    padding: 12% 0 16%;
  }
  .plan__box h3 {
    margin: 0 0 6%;
  }
  .plan__box ul.flex {
    display: block;
  }
  .plan__box li {
    width: 100%;
    margin: 0 0 5%;
  }
  .plan__box li img {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  .footer_bg {
    padding: 0;
  }
}