@charset "utf-8";
body{
  background-image: url("../img/plan/bg_detail_pc.jpg");
  background-size: contain;
  background-repeat: repeat;
}
.contents_wrap{
  padding:231px 0 40px;
  width:95%;
  max-width:1280px;
  margin:0 auto;
  text-align: center;
}
.plan_type_wrap{
  width:100%;
  margin-bottom:95px;
}
.plan_type_wrap *{
  line-height:1;
  font-family: var(--fontEn);
  letter-spacing: 0.1em;
}
.plan_type_wrap .over_wrap{
  width:100%;
  display:flex;
  align-items: flex-end;
  gap:6.719%;
}
.plan_type_wrap .type_wrap{
  width:62.5%;
  text-align: left;
}
.plan_type_wrap .type{
  width:100%;
  font-size:31px;
  margin-bottom:35px;
  padding-bottom:4px;
  border-bottom:1px solid #000;
}
.plan_type_wrap .type strong{
  font-weight: normal;
  font-size:2em;
  margin-right:17px;
}
.plan_type_wrap .ldk{
  font-size:38px;
  margin-right: 40px;
}
.plan_type_wrap .ldk span{
  font-size:28px;
  letter-spacing: 0.08em;
}
.plan_type_wrap .area_wrap{
  display:flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom:27px;
}
.plan_type_wrap .area{
  display:flex;
  align-items: center;
  justify-content: center;
  font-size:38px;
  letter-spacing: 0.1em;
}
.plan_type_wrap .area span{
  font-size: 12px;
  line-height: 1.25;
  font-family: var(--fontJp);
  position: relative;
  top: -4px;
  margin-right: 5px;
}
.sub_area_wrap{
  display:flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.sub_area_box{
  display:inline-block;
  text-align: left;
}
.sub_area_box:first-child{
  margin-right:25px;
}
.sub_area_box .sub_area{
  display:block;
  font-size:15px;
  line-height: 1.333;
}
.plan_type_wrap .floor_img{
  width:30.781%;
  position: relative;
}
.plan_type_wrap .floor_img .cap{
  font-size:12px;
  position: absolute;
  bottom:-18px;
  right:0;
  letter-spacing: 0.08em;
  font-family: var(--fontJp);
}
.point_wrap{
  max-width: 1280px;
  margin:36px auto 0;
  display:flex;
  flex-wrap: wrap;
  gap:4px;
}
.point_wrap .point{
  width:calc((100% - 12px) / 4);
  background-color:#e0dbcf;
  font-size:18px;
  color:#000003;
  letter-spacing: 0.02em;
  box-sizing: border-box;
  padding:13px 0;
  font-family: var(--fontJp);
  line-height:1.12;
  align-content: center;
}
@media screen and (min-width:751px) {
  .point_wrap .point.column3{
    width:calc((100% - 8px) / 3);
  }
}
.point_wrap .point .inline{
  font-size: inherit;
  font-family: inherit;
  display:inline-block;
  letter-spacing: inherit;
}
.point_wrap .point.menu_p{
  width:100%;
  color:#fff;
  background-color:#b3a37c;
}
.point_wrap .point.ls0{
  letter-spacing: 0;
}
.point_wrap .point.ls02{
  letter-spacing: -0.02em;
}
.point_wrap .point.ls04{
  letter-spacing: -0.04em;
}
.point_wrap .point.ls06{
  letter-spacing: -0.06em;
}
.point_wrap .point.ls08{
  letter-spacing: -0.08em;
}
.point_wrap .point.ls10{
  letter-spacing: -0.1em;
}
.point_wrap .point.ls12{
  letter-spacing: -0.12em;
}
.fig_wrap{
  text-align: center;
}

@media screen and (max-width:750px) {
  body{
    background-image: url("../img/plan/bg_detail_sp.jpg");
    background-size: 148.596%;
    background-repeat: repeat;
  }
  .contents_wrap{
    padding: calc((( 224 / var(--media_sp)) * 100) * var(--vw)) 0  calc((( 70 / var(--media_sp)) * 100) * var(--vw));
    width:89.333%;
    max-width:inherit;
    margin:0 auto;
  }
  .plan_type_wrap{
    margin-bottom: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .over_wrap{
    display:block;
    gap:0;
  }
  .plan_type_wrap .type_wrap{
    width:100%;
    text-align: center;
  }
  .plan_type_wrap .type{
    font-size: calc((( 34 / var(--media_sp)) * 100) * var(--vw));
    margin-bottom: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    padding-bottom: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .type strong{
    margin-right: calc((( 7 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .ldk{
    font-size: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
    margin-right: 0;
    margin-bottom: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .ldk span{
    font-size:36px;
    display: inline-block;
  }
  .plan_type_wrap .ldk span{
    font-size: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .area_wrap{
    display:block;
    margin-bottom: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .area{
    font-size: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .area span{
    font-size: calc((( 18 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.11;
    top: calc((( -4 / var(--media_sp)) * 100) * var(--vw));
    margin-right: calc((( 5 / var(--media_sp)) * 100) * var(--vw));
  }
  .sub_area_wrap{
    display:block;
  }
  .sub_area_box{
    display:block;
    text-align: center;
  }
  .sub_area_box:first-child{
    margin-right:0;
  }
  .sub_area_box .sub_area{
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.5;
  }
  .plan_type_wrap .floor_img{
    width:100%;
    margin-top: calc((( 52 / var(--media_sp)) * 100) * var(--vw));
  }
  .plan_type_wrap .floor_img .cap{
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    bottom: -10%;
  }
  .point_wrap{
    max-width: inherit;
    width:100%;
    margin: calc((( 75 / var(--media_sp)) * 100) * var(--vw)) auto 0;
    display:block;
  }
  .point_wrap .point{
    width:100%;
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    padding:calc((( 16 / var(--media_sp)) * 100) * var(--vw)) 0 calc((( 18 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
  }
  .point_wrap .point:nth-child(n+2){
    margin-top: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
  }
  .point_wrap .point.ls0,
  .point_wrap .point.ls02,
  .point_wrap .point.ls04,
  .point_wrap .point.ls06,
  .point_wrap .point.ls08,
  .point_wrap .point.ls10,
  .point_wrap .point.ls12{
    letter-spacing: 0.02em;
  }
  .point_wrap .point.ls0.lssp,
  .point_wrap .point.ls02.lssp,
  .point_wrap .point.ls04.lssp,
  .point_wrap .point.ls06.lssp,
  .point_wrap .point.ls08.lssp,
  .point_wrap .point.ls10.lssp,
  .point_wrap .point.ls12.lssp{
    letter-spacing: -0.02em;
  }
  .fig_wrap .fig_img.j{
    width:101.791%;
  }
}

.notes_blk{
  background-color:rgba(255,255,255,0);
}
.outro_wrap{
  padding:100px 0 110px;
}
.outro_wrap + .notes_blk{
  padding:0 20px 70px;
}

@media screen and (max-width:750px) {
  .outro_wrap{
    padding: calc((( 90 / var(--media_sp)) * 100) * var(--vw)) 0;
  }
  .outro_wrap + .notes_blk{
    padding: 0 5.333vw 5.333vw;
  }
}

.pers_wrap{
  width:100%;
  margin-top:73px;
}
.pers_box{
  text-align: center;
}
.pers_box:nth-child(n+2){
  margin-top:109px;
}
h2.pers_ttl{
  font-size:48px;
  line-height: 1;
  margin-bottom: 59px;
  font-family: var(--fontEn);
  color: #908463;
  letter-spacing: 0.2em;
}
.pers_box .img{
  position: relative;
}
.pers_box .img .cap{
  position: absolute;
  font-size:12px;
  bottom:0;
  right:0;
  margin:2px 5px;
  color:#fff;
}
.life_scene_wrap{
  width:100%;
  text-align: center;
  background-image: url("../img/plan/bg_life_scene_pc.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color:#fff;
  padding:138px 0 190px;
  /* margin-bottom: 70px; */
}
h3{
  font-size:21px;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 35px;
  font-family: var(--fontEn);
  letter-spacing: 1em;
}
.life_scene_ttl{
  font-size:30px;
  line-height: 1.667;
  margin-bottom:97px;
  letter-spacing: 0.1em;
}
.life_scene_box{
  width:95%;
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items: center;
}
.life_scene_box.rev{
  flex-direction: row-reverse;
}
.life_scene_box:nth-child(n+2){
  margin-top:93px;
}
.life_scene_box .img{
  width:46.875%;
  position: relative;
}
.life_scene_box .img .cap{
  font-size:12px;
  line-height: 1;
  position: absolute;
  bottom:0;
  right:0;
  margin:5px;
  color:#fff;
  letter-spacing: 0.1em;
}
.life_scene_box .img .cap.bk{
  color:#000;
}
.life_scene_box .life_scene_txt_wrap{
  width:53.125%;
  text-align: left;
}
.life_scene_box .life_scene_txt_wrap .ls_en_ttl{
  font-size:21px;
  line-height:1;
  font-family: var(--fontEn);
  padding-bottom:3.676%;
  margin-bottom:2.647%;
  padding-left:11.029%;
  border-bottom:1px solid #ffffff80;
  letter-spacing: 0.2em;
}
.life_scene_box .life_scene_txt_wrap .ls_ttl{
  font-size:27px;
  line-height:1.8;
  margin-bottom:1.471%;
  padding-left:11.029%;
  letter-spacing: 0.07em;
}
.life_scene_box .life_scene_txt_wrap .ls_txt{
  font-size:17px;
  line-height:2;
  padding-left:11.029%;
  letter-spacing: 0.07em;
}
.life_scene_box.rev .life_scene_txt_wrap .ls_en_ttl,
.life_scene_box.rev .life_scene_txt_wrap .ls_ttl,
.life_scene_box.rev .life_scene_txt_wrap .ls_txt{
  padding-left:0;
}
.ls_txt .pc{
  display:block;
}

@media screen and (max-width:1366px) {
  .life_scene_box .life_scene_txt_wrap .ls_en_ttl{
    font-size:1.537vw;
  }
  .life_scene_box .life_scene_txt_wrap .ls_ttl{
    font-size:1.985vw;
  }
  .life_scene_box .life_scene_txt_wrap .ls_txt{
    font-size:1.245vw;
  }
}

@media screen and (max-width:1000px) {
  .life_scene_box .life_scene_txt_wrap .ls_en_ttl{
    font-size:15.3667px;
  }
  .life_scene_box .life_scene_txt_wrap .ls_ttl{
    font-size:19.85px;
  }
  .life_scene_box .life_scene_txt_wrap .ls_txt{
    font-size:12.45px;
  }
  .ls_txt .pc{
    display:none;
  }
}

@media screen and (max-width:750px) {
  .pers_wrap{
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .pers_box:nth-child(n+2){
    margin-top: calc((( 108 / var(--media_sp)) * 100) * var(--vw));
  }
  h2.pers_ttl{
    font-size: calc((( 44 / var(--media_sp)) * 100) * var(--vw));
    margin-bottom:  calc((( 60 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.15em;
  }
  .pers_box .img{
    position: relative;
  }
  .pers_box .img .cap{
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    margin:0.267vw 0.667vw;
  }
  .life_scene_wrap{
    background-image: url("../img/plan/bg_life_scene_sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding:calc((( 140 / var(--media_sp)) * 100) * var(--vw)) 0;
    /* margin-bottom: 5.333vw; */
  }
  h3{
    font-size: calc((( 28 / var(--media_sp)) * 100) * var(--vw));
    margin-bottom: calc((( 23 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 1em;
  }
  .life_scene_ttl{
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.6875;
    margin-bottom: calc((( 100 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
  }
  .life_scene_box{
    width:89.333%;
    max-width:inherit;
    display:block;
  }
  .life_scene_box.rev{
    flex-direction: row;
  }
  .life_scene_box:nth-child(n+2){
    margin-top: calc((( 85 / var(--media_sp)) * 100) * var(--vw));
  }
  .life_scene_box .img{
    width:100%;
    margin-bottom: calc((( 43 / var(--media_sp)) * 100) * var(--vw));
  }
  .life_scene_box .img .cap{
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    margin:0.667vw;
  }
  .life_scene_box .life_scene_txt_wrap{
    width:100%;
  }
  .life_scene_box .life_scene_txt_wrap .ls_en_ttl{
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    padding-bottom: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
    margin-bottom: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    padding-left:0;
    letter-spacing: 0.2em;
  }
  .life_scene_box .life_scene_txt_wrap .ls_ttl{
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    line-height:1.625;
    margin-bottom: calc((( 15 / var(--media_sp)) * 100) * var(--vw));
    padding-left:0;
    letter-spacing: 0.05em;
  }
  .life_scene_box .life_scene_txt_wrap .ls_txt{
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    line-height:1.417;
    padding-left:0;
    letter-spacing: 0.05em;
  }
}