@charset "UTF-8";
/* CSS Document */
.art_plan .sec_plan {
  padding-left: 4%;
  padding-right: 4%;
}
.art_plan #plan.sec_plan {
  padding-top: 120px;
  margin-top: -120px;
}
.txt_s {
  font-size: smaller;
}
.art_plan .plan_ttl_h2 {
  text-align: left;
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(0.875rem, 0.558988764rem + 1.3483146067vw, 1.25rem) clamp(1.25rem, 0.1981707317rem + 4.487804878vw, 4.125rem);
  font-weight: 500;
  font-size: clamp(1.1875rem, 0.1867977528rem + 4.2696629213vw, 2.375rem);
  line-height: 1.2;
  color: #064E9D;
  background: linear-gradient(45deg, #EFEFEF, #DFF4FF);
  letter-spacing: 0.1em;
  margin-bottom: 100px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (max-width: 650px) {
  .art_plan .plan_ttl_h2 {
    text-align: center;
    margin-bottom: 40px;
  }
}
.art_plan .plan_ttl_h2 br {
  display: none;
}
@media screen and (max-width: 650px) {
  .art_plan .plan_ttl_h2 br {
    display: inline-block;
  }
}
.art_plan .plan_elem {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 650px) {
  .art_plan .plan_elem_padding {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.art_plan .threeplan_wrap {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4.375%;
     -moz-column-gap: 4.375%;
          column-gap: 4.375%;
}
@media screen and (max-width: 650px) {
  .art_plan .threeplan_wrap {
    position: relative;
  }
}
.art_plan .threeplan_txt {
  width: 77.0833333333%;
  padding-left: 6px;
  padding-right: 6px;
}
@media screen and (max-width: 650px) {
  .art_plan .threeplan_txt {
    width: 100%;
  }
}
.art_plan .plan_ttl_h3 {
  font-size: clamp(1.225rem, 1.0329268293rem + 0.8195121951vw, 1.75rem);
  font-weight: 500;
  line-height: 1.4285714286;
  padding-bottom: clamp(1.125rem, 0.7134146341rem + 1.756097561vw, 2.25rem);
  margin-bottom: clamp(1.125rem, 0.7134146341rem + 1.756097561vw, 2.25rem);
  border-bottom: #000 1px dotted;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.art_plan .plan_ttl_h3 br {
  display: none;
}
@media screen and (max-width: 500px) {
  .art_plan .plan_ttl_h3 br {
    display: inline-block;
  }
}
.art_plan .nest_img {
  width: 15.4166666667%;
}
@media screen and (max-width: 500px) {
  .art_plan .nest_img {
    position: absolute;
    top: -12%;
    right: 5%;
    width: 70px;
  }
}
.art_plan .tg_plan_wrap {
  margin-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(1.7142857143vw, 1.5rem);
     -moz-column-gap: min(1.7142857143vw, 1.5rem);
          column-gap: min(1.7142857143vw, 1.5rem);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 650px) {
  .art_plan .tg_plan_wrap {
    margin-top: 30px;
  }
}
.art_plan .tgplan_elem {
  width: 100%;
  max-width: 304px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.art_plan .tgplan_elem.tg1_elem {
  background-color: #E5F0D8;
}
.art_plan .tgplan_elem.tg2_elem {
  background-color: #F5ECD7;
}
.art_plan .tgplan_elem.tg3_elem {
  background-color: #F6E4E0;
}
.art_plan .tgplan_ttl_h2 {
  font-size: clamp(1.0625rem, 0.6737804878rem + 1.6585365854vw, 2.125rem);
  line-height: 1;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #fff;
  font-weight: bold;
  padding: clamp(0.7875rem, 0.6640243902rem + 0.5268292683vw, 1.125rem) clamp(0.3125rem, 0.1981707317rem + 0.487804878vw, 0.625rem);
}
.art_plan .tgplan_ttl_h2.tg1 {
  background-color: #7EB23C;
}
.art_plan .tgplan_ttl_h2.tg2 {
  background-color: #CF9F38;
}
.art_plan .tgplan_ttl_h2.tg3 {
  background-color: #D47864;
}
.art_plan .tgplan_ttl_h2 .plan {
  font-size: clamp(0.875rem, 0.5548780488rem + 1.3658536585vw, 1.75rem);
}
.art_plan .tgplan_sub {
  font-size: clamp(0.7875rem, 0.6640243902rem + 0.5268292683vw, 1.125rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding: clamp(1.225rem, 1.0329268293rem + 0.8195121951vw, 1.75rem) clamp(0.3125rem, 0.1981707317rem + 0.487804878vw, 0.625rem) clamp(0.7rem, 0.5902439024rem + 0.4682926829vw, 1rem);
  display: inline-block;
}
.art_plan .tgplan_p {
  font-size: clamp(0.825rem, 0.5780487805rem + 1.0536585366vw, 1.5rem);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  padding-bottom: clamp(1.125rem, 0.7134146341rem + 1.756097561vw, 2.25rem);
  margin-top: auto;
  display: block;
}
.art_plan .tgplan_p br {
  display: none;
}
.art_plan .heat_insul_compari {
  width: 100%;
  max-width: 866px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
  margin-bottom: 160px;
}
@media screen and (max-width: 650px) {
  .art_plan .heat_insul_compari {
    margin-top: 50px;
    margin-bottom: 70px;
  }
}
.art_plan .plan_table_ttl_h3 {
  font-size: clamp(0.975rem, 0.737195122rem + 1.0146341463vw, 1.625rem);
  font-weight: 500;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  padding-bottom: clamp(0.8rem, 0.3609756098rem + 1.8731707317vw, 2rem);
  margin-bottom: clamp(1.2rem, 0.5414634146rem + 2.8097560976vw, 3rem);
  border-bottom: #000 1px dotted;
}
.art_plan .plan_table {
  display: table;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  border-collapse: collapse;
  border: 1px solid #AAAAAA;
  width: 100%; /*幅を100%に*/
  table-layout: fixed; /*中の要素の幅を均等に*/
  margin-bottom: 200px;
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table {
    table-layout: auto;
    margin-bottom: 0px;
  }
  .art_plan .plan_table_ttl_h3 {
    font-size: 1.3rem;
    margin-bottom: 30px;
  }
}
.art_plan .plan_table th {
  border: 1px solid #AAAAAA;
}
.art_plan .plan_table td {
  border: 1px solid #AAAAAA;
  font-size: clamp(0.625rem, 0.487804878rem + 0.5853658537vw, 1rem);
  padding-top: clamp(0.625rem, 0.4420731707rem + 0.7804878049vw, 1.125rem);
  padding-left: clamp(0.1875rem, -0.1554878049rem + 1.4634146341vw, 1.125rem);
  padding-right: clamp(0.1875rem, -0.1554878049rem + 1.4634146341vw, 1.125rem);
  padding-bottom: clamp(0.625rem, 0.3048780488rem + 1.3658536585vw, 1.5rem);
  text-align: center;
}
.art_plan .plan_table .plan_table_head {
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.art_plan .plan_table .tg1,
.art_plan .plan_table .tg2,
.art_plan .plan_table .tg3 {
  font-size: clamp(1rem, 0.6341463415rem + 1.5609756098vw, 2rem);
  padding-top: 30px;
  padding-bottom: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .tg1,
  .art_plan .plan_table .tg2,
  .art_plan .plan_table .tg3 {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.3;
  }
}
.art_plan .plan_table .tg1 {
  background-color: #7EB23C;
}
.art_plan .plan_table .tg2 {
  background-color: #CF9F38;
}
.art_plan .plan_table .tg3 {
  background-color: #D47864;
}
.art_plan .plan_table .plan_table_head .txt_s {
  font-size: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  white-space: nowrap;
}
.art_plan .plan_table .level {
  font-size: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  white-space: nowrap;
}
.art_plan .plan_table .first {
  font-size: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  font-weight: bold;
  background-color: #EFEFEF;
  color: #064E9D;
}
.art_plan .plan_table .level_top {
  font-size: clamp(0.625rem, 0.3506097561rem + 1.1707317073vw, 1.375rem);
  font-weight: bold;
  line-height: 1;
}
.art_plan .plan_table .level_top .span_01,
.art_plan .plan_table .level_top .span_02,
.art_plan .plan_table .level_top .span_03 {
  font-size: clamp(1rem, 0.7256097561rem + 1.1707317073vw, 1.75rem);
}
.art_plan .plan_table .level_top .span_01 {
  color: #7EB23C;
}
.art_plan .plan_table .level_top .span_02 {
  color: #CF9F38;
}
.art_plan .plan_table .level_top .span_03 {
  color: #D47864;
}
.art_plan .plan_table .level_bottom {
  font-weight: 500;
  font-size: clamp(0.625rem, 0.487804878rem + 0.5853658537vw, 1rem);
  line-height: 1.5;
}
.art_plan .plan_table .first {
  line-height: 1.3;
}
.art_plan .plan_table .insul td:not(:first-child),
.art_plan .plan_table .sash td:not(:first-child) {
  vertical-align: top;
}
.art_plan .plan_table .insul_img {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
  display: block;
}
@media screen and (max-width: 414px) {
  .art_plan .plan_table .insul_img {
    width: 70px;
  }
}
.art_plan .plan_table .plus {
  line-height: 1;
  display: block;
  margin-top: 0px;
  margin-bottom: 4px;
}
.art_plan .plan_table .insul_base,
.art_plan .plan_table .insul_outer,
.art_plan .plan_table .insul_inner {
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.5;
  padding: 2px 5px;
  display: inline-block;
}
.art_plan .plan_table .insul_base {
  background-color: #FFE7A9;
}
.art_plan .plan_table .insul_outer {
  background-color: #C0EACE;
}
.art_plan .plan_table .insul_inner {
  background-color: #FFD9E2;
}
.art_plan .plan_table .br_insul,
.art_plan .plan_table .br_first {
  display: none;
}
@media screen and (max-width: 430px) {
  .art_plan .plan_table .br_insul,
  .art_plan .plan_table .br_first {
    display: inline-block;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .first {
    width: 21.1764705882%;
    font-size: 0.9rem;
    padding: 10px 0;
  }
  .art_plan .plan_table td:not(.first) {
    width: 26.2745098039%;
    font-size: 0.9rem;
    line-height: 1.3;
  }
  .art_plan .plan_table .insul_base,
  .art_plan .plan_table .insul_outer,
  .art_plan .plan_table .insul_inner {
    font-size: 0.9rem;
  }
}
.art_plan .plan_table .sash_img img {
  width: auto;
  height: 80px;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .sash_img img {
    height: 60px;
  }
}
.art_plan .plan_table .sash_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .aircon_img img {
  width: auto;
  height: 106px;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .aircon_img img {
    height: 80px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .aircon_img img {
    height: 60px;
  }
  .art_plan .plan_table .sash_txt { 
  font-size: 0.9rem;
  }
}
.art_plan .plan_table .aircon_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .venti_img {
  width: 164px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .venti_img {
    width: 124px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .venti_img {
    width: 104px;
  }
  .art_plan .plan_table .aircon_txt {
  font-size: 0.9rem;
  }
}
.art_plan .plan_table .venti_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .errating_img {
  width: 122px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .errating_img {
    width: 102px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .errating_img {
    width: 82px;
  }
  .art_plan .plan_table .venti_txt { 
  font-size: 0.9rem;
  }
}
.art_plan .plan_table .errating_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .structure_img {
  width: 108px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .structure_img {
    width: 78px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .structure_img {
    width: 58px;
  }
  .art_plan .plan_table .errating_txt {
    font-size: 0.9rem;
  }

}
.art_plan .plan_table .structure_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .stcalc_img {
  width: 122px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .stcalc_img {
    width: 112px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .stcalc_img {
    width: 92px;
  }
  .art_plan .plan_table .structure_txt {
    font-size: 0.9rem;
  }
}
.art_plan .plan_table .stcalc_txt {
  margin-top: 10px;
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  display: block;
}
.art_plan .plan_table .dewcon_txt {
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
}
.art_plan .plan_table .wall_txt {
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
}
.art_plan .plan_table .zeh_img {
  width: 96px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .zeh_img {
    width: 90px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .zeh_img {
    width: 84px;
  }
  .art_plan .plan_table .stcalc_txt {
    font-size: 0.9rem;
  }
  .art_plan .plan_table .dewcon_txt {
    font-size: 0.9rem;
  }
  .art_plan .plan_table .wall_txt {
      font-size: 0.9rem;
  }

}
.art_plan .plan_table .zeh_txt {
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  margin-top: 10px;
  display: block;
}
.art_plan .plan_table .bels_img {
  width: 96px;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .art_plan .plan_table .bels_img {
    width: 90px;
  }
}
@media screen and (max-width: 650px) {
  .art_plan .plan_table .bels_img {
    width: 84px;
  }
  .art_plan .plan_table .zeh_txt { 
      font-size: 0.9rem;
  }
}
.art_plan .plan_table .bels_txt {
  font-size: clamp(0.5625rem, 0.4024390244rem + 0.6829268293vw, 1rem);
  line-height: 1.25;
  margin-top: 10px;
  display: block;
}
.art_plan .plan_cost_wrap .plan_cost_ttl_h4 {
  font-size: clamp(0.975rem, 0.737195122rem + 1.0146341463vw, 1.625rem);
  font-weight: 500;
  line-height: 1;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  padding-bottom: clamp(0.7rem, 0.3158536585rem + 1.6390243902vw, 1.75rem);
  margin-bottom: clamp(0.75rem, 0.3384146341rem + 1.756097561vw, 1.875rem);
  border-bottom: #000 1px dotted;
}
.art_plan .plan_cost_wrap .plan_ttl_annot {
  font-size: clamp(0.8rem, 0.7268292683rem + 0.312195122vw, 1rem);
  line-height: 1.375;
  color: #AA1F00;
  font-weight: 500;
  text-align: left;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.art_plan .plan_cost_wrap .tax {
  text-align: right;
}
.art_plan .plan_cost_wrap .tax_small {
  font-size: clamp(0.675rem, 0.5103658537rem + 0.7024390244vw, 1.125rem);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  line-height: 1;
  padding-bottom: 6px;
}
.art_plan .plan_cost_wrap .plan_cost_table {
  display: table;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  border-collapse: collapse;
  border: 1px solid #AAAAAA;
  width: 100%; /*幅を100%に*/
  margin-bottom: 200px;
  white-space: nowrap;
}
@media screen and (max-width: 650px) {
  .art_plan .plan_cost_wrap .plan_cost_table {
    table-layout: auto;
    margin-bottom: 70px;
  }
  .art_plan .plan_table .bels_txt {
  font-size: 0.9rem;
  }
  .art_plan .plan_cost_wrap .plan_cost_ttl_h4 {
    font-size: 1.3rem;
    margin-bottom: 30px;
  }
}
.art_plan .plan_cost_wrap .plan_cost_table th {
  border: 1px solid #AAAAAA;
}
.art_plan .plan_cost_wrap .plan_cost_table td {
  border: 1px solid #AAAAAA;
  font-size: clamp(0.75rem, 0.5670731707rem + 0.7804878049vw, 1.25rem);
  padding-top: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  padding-left: clamp(0.1875rem, -0.1554878049rem + 1.4634146341vw, 1.125rem);
  padding-right: clamp(0.1875rem, -0.1554878049rem + 1.4634146341vw, 1.125rem);
  padding-bottom: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  text-align: center;
}
.art_plan .plan_cost_wrap .plan_cost_table .plan_table_head {
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: bold;
}
.art_plan .plan_cost_wrap .plan_cost_table .tg1,
.art_plan .plan_cost_wrap .plan_cost_table .tg2,
.art_plan .plan_cost_wrap .plan_cost_table .tg3 {
  font-size: clamp(1rem, 0.6341463415rem + 1.5609756098vw, 2rem);
  padding-top: 24px;
  padding-bottom: 24px;
}


@media screen and (max-width: 650px) {
  .art_plan .plan_cost_wrap .plan_cost_table .tg1,
  .art_plan .plan_cost_wrap .plan_cost_table .tg2,
  .art_plan .plan_cost_wrap .plan_cost_table .tg3 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .tbl_scroll {
    position: relative;
    border-collapse: collapse;
    overflow: scroll;
    width: 95%;
    height: 600px;
    max-height: calc(100vh - 70px);
    margin-bottom: 70px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  .plan_table_head th{
    position: sticky;
    top:0;
    left: 0;
    z-index: 1;
  }
  .art_plan .plan_cost_wrap .plan_cost_table td {
    font-size: 0.9rem;
  }
}
.art_plan .plan_cost_wrap .plan_cost_table .tg1 {
  background-color: #7EB23C;
}
.art_plan .plan_cost_wrap .plan_cost_table .tg2 {
  background-color: #CF9F38;
}
.art_plan .plan_cost_wrap .plan_cost_table .tg3 {
  background-color: #D47864;
}
.art_plan .plan_cost_wrap .plan_cost_table .plan_table_head small {
  font-size: clamp(0.625rem, 0.3963414634rem + 0.9756097561vw, 1.25rem);
  white-space: nowrap;
}
.art_plan .plan_cost_wrap .plan_cost_table td {
  font-weight: 500;
}
.art_plan .plan_cost_wrap .plan_cost_table td span {
  font-weight: normal;
  font-size: clamp(0.625rem, 0.487804878rem + 0.5853658537vw, 1rem);
  display: inline-block;
  padding-left: 5px;
}
.art_plan .plan_cost_wrap .plan_cost_table .first {
  background-color: #EFEFEF;
}
.art_plan #freedesign.sec_plan {
  padding-top: 120px;
  margin-top: -120px;
}
.art_plan .freedesign_wrap .main_img {
  width: 100%;
  display: block;
}
.art_plan .freedesign_wrap .advice_wrap {
  text-align: left;
  width: 100%;
  margin-top: 78px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    flex-wrap: wrap;
  -webkit-column-gap: 4.1666666667%;
     -moz-column-gap: 4.1666666667%;
          column-gap: 4.1666666667%;
}
@media screen and (max-width: 650px) {
  .art_plan .freedesign_wrap .advice_wrap {
    margin-top: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
.art_plan .freedesign_wrap .advice_txt {
  width: 61.0416666667%;
  padding-left: 6px;
  padding-right: 6px;
}
@media screen and (max-width: 650px) {
  .art_plan .freedesign_wrap .advice_txt {
    width: 100%;
  }
  .art_plan .plan_cost_wrap .plan_cost_table td span {
    font-size: 0.9rem;
  }
  .art_plan .plan_cost_wrap .plan_cost_table td {
    line-height: 1.3;
  }
}
.art_plan .freedesign_wrap .ttl_h3 {
  font-size: clamp(0.975rem, 0.737195122rem + 1.0146341463vw, 1.625rem);
  font-weight: 500;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  padding-bottom: clamp(0.8rem, 0.3609756098rem + 1.8731707317vw, 2rem);
  margin-bottom: clamp(0.75rem, 0.3384146341rem + 1.756097561vw, 1.875rem);
  border-bottom: #000 1px dotted;
}
.art_plan .freedesign_wrap .floor_img {
  width: 33.125%;
  display: block;
}
@media screen and (max-width: 650px) {
  .art_plan .freedesign_wrap .floor_img {
    width: 100%;
  }
  .art_plan .freedesign_wrap .ttl_h3 {
  font-size: 1.3rem;
  margin-bottom: 30px;
  }
}
.art_plan .freedesign_wrap .style_wrap {
  margin-top: 116px;
  margin-bottom: 178px;
}
@media screen and (max-width: 650px) {
  .art_plan .freedesign_wrap .style_wrap {
    margin-top: 40px;
    margin-bottom: 58px;
  }
}
.art_plan .freedesign_wrap .style_wrap .style_ttl_h3 {
  font-size: clamp(0.9rem, 0.6804878049rem + 0.9365853659vw, 1.5rem);
  font-weight: normal;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  padding-bottom: clamp(1.75rem, 1.4756097561rem + 1.1707317073vw, 2.5rem);
  text-align: center;
}
.art_plan .freedesign_wrap .style_wrap .style_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5%;
     -moz-column-gap: 2.5%;
          column-gap: 2.5%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 650px) {
  .art_plan .freedesign_wrap .style_wrap .style_inner {
    -webkit-column-gap: 1.5625%;
       -moz-column-gap: 1.5625%;
            column-gap: 1.5625%;
  }
}
.art_plan .freedesign_wrap .style_elem_01,
.art_plan .freedesign_wrap .style_elem_02 {
  width: 48.75%;
  margin-bottom: clamp(0.9rem, 0.406097561rem + 2.1073170732vw, 2.25rem);
}
.art_plan .freedesign_wrap .style_elem {
  width: 31.6666666667%;
}
.art_plan .freedesign_wrap figcaption {
  line-height: 1;
  font-size: clamp(0.675rem, 0.5103658537rem + 0.7024390244vw, 1.125rem);
  display: inline-block;
  padding-top: clamp(0.5625rem, 0.3567073171rem + 0.8780487805vw, 1.125rem);
}
.art_plan #longlife.longlife_wrap {
  padding-top: 120px;
  margin-top: -120px;
}
.art_plan .longlife_wrap {
  text-align: left;
}
.art_plan .longlife_wrap .plan_ttl_h2 {
  margin-bottom: 68px;
}
@media screen and (max-width: 650px) {
  .art_plan .longlife_wrap .plan_ttl_h2 {
    margin-bottom: 34px;
  }
  .art_plan .freedesign_wrap figcaption {
  font-size: 0.9rem;
  }
}
.art_plan .longlife_wrap .plan_ttl_h2 br {
  display: none;
}
@media screen and (max-width: 650px) {
  .art_plan .longlife_wrap .plan_ttl_h2 br {
    display: inline-block;
  }
}
.art_plan .longlife_wrap .longlife_txt {
  padding-left: 6px;
  padding-right: 6px;
}
.art_plan .longlife_wrap .ttl_h3 {
  font-size: clamp(0.975rem, 0.737195122rem + 1.0146341463vw, 1.625rem);
  font-weight: 500;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: left;
  padding-bottom: clamp(0.8rem, 0.3609756098rem + 1.8731707317vw, 2rem);
  margin-bottom: clamp(0.75rem, 0.3384146341rem + 1.756097561vw, 1.875rem);
  border-bottom: #000 1px dotted;
}
.art_plan .longlife_wrap .longlife_img_blk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.5%;
     -moz-column-gap: 2.5%;
          column-gap: 2.5%;
  margin-top: 52px;
}
@media screen and (max-width: 650px) {
  .art_plan .longlife_wrap .longlife_img_blk {
    margin-top: 30px;
  }
  .art_plan .longlife_wrap .ttl_h3 { 
    font-size: 1.3rem;
    margin-bottom: 30px;
  }
}
.art_plan .longlife_wrap .longlife_img {
  width: 48.75%;
  display: block;
}
.art_plan .detail_goto_list {
  margin-top: 0px;
  padding-bottom: 195px;
}
@media screen and (max-width: 650px) {
  .art_plan .detail_goto_list {
    padding-bottom: 100px;
  }
}
.art_plan .bto_listpage {
  margin-top: 200px;
}
@media screen and (max-width: 650px) {
  .art_plan .bto_listpage {
    margin-top: 100px;
  }
}
.art_plan .company_bottom {
  width: 100%;
}
.art_plan .company_bottom img {
  max-width: none;
}
@media screen and (max-width: 650px) {
  .blog_p p {
    margin-bottom: 1em;
    font-size: 0.9rem;
    line-height: 1.7;
  }
  }