@charset "utf-8";

:root {
  --media_pc: 1680; /* VW計算用 calc(vw / var(--media_pc)) */
  --media_sp: 750;
}

.container{
  overflow: hidden;
}
.contents_wrap{
  background-image: url("../img/plan/cont_bg_p_detail_pc.webp");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding:160px 0 90px;
}
.detail_wrap{
  width:95%;
  max-width:1280px;
  margin:0 auto 90px;
  background-color:#fff;
  padding:70px;
  box-sizing: border-box;
}
.detail_wrap .inner_wrap{
  display: flex;
  align-items: flex-start;
  gap:3.509%;
}
.detail_wrap .txt_wrap{
  width:300px;
  flex-shrink: 0;
  z-index: 1;
}
.type{
  font-size:24px;
  font-family: "AGaramondPro-Regular";
  margin-bottom:15px;
}
.type strong{
  font-size:54px;
  font-weight: normal;
  font-family: inherit;
  margin-right:5px;
}
.ldk{
  font-size:33px;
  line-height: 1.123;
  margin-bottom:31px;
  letter-spacing: 0.04em;
}
.ldk strong{
  font-size:40px;
  font-weight: normal;
  letter-spacing: 0.04em;
}
.area_wrap{
  margin-bottom:35px;
}
.area_wrap .a_txt{
  font-size:12px;
  margin-bottom:13px;
}
.area_wrap .area{
  font-size:34px;
  margin-bottom:2px;
}
.area_wrap .area strong{
  font-size:50px;
  font-weight: normal;
  line-height:0.667;
}
.area_wrap .area span{
  font-size:12px;
}
.area_wrap .a_cap{
  font-size:12px;
}
.area_wrap .other_area{
  font-size:15px;
  line-height:1.667;
  margin-top:14px;
}
.label_wrap{
  max-width: 300px;
  margin-bottom:34px;
}
.label_wrap .label{
  font-size:19px;
  line-height: 1;
  color:#fff;
  background-color:#687791;
  text-align: center;
  width:100%;
  padding:11px 0 10px;
  box-sizing: border-box;
}
.label_wrap .label.pick{
  background-color:#984355;
}
.label_wrap .label:nth-child(n+2){
  margin-top:5px;
}
.point_wrap{
  width:100%;
}
.point_wrap .point{
  font-size:15px;
  line-height:1.667;
  text-indent: -1.35em;
  padding-left: 1.35em;
}
.detail_wrap .fig_wrap{
  max-width:800px;
}
.detail_wrap .fig_wrap .img{
  width:100%;
  position: relative;
}
.detail_wrap .p_notes_wrap{
  width:100%;
  margin-top:60px;
}
.detail_wrap .p_notes_wrap .img{
  max-width:375px;
  margin-bottom:5px;
}
.detail_wrap .p_notes_wrap .cap{
  font-size:12px;
  line-height:1.667;
  letter-spacing: -0.025em;
}
.back_btn{
  text-align: center;
}
.back_btn a{
  font-size:21px;
  line-height:1;
  color:#000;
  letter-spacing: 0.06em;
}

@media all and (max-width: 768px) {
  .container{
    margin-top: 18.667vw;
  }
  .contents_wrap{
    background-image: url("../img/plan/cont_bg_p_detail_sp.webp");
    padding-top: calc(40 / var(--media_sp) * 100vw);
    padding-bottom: calc(70 / var(--media_sp) * 100vw);
  }
  .detail_wrap{
    width:89.333%;
    max-width:inherit;
    margin:0 auto;
    margin-bottom: calc(70 / var(--media_sp) * 100vw);
    padding:5.333vw 5.97%;
  }
  .detail_wrap .txt_wrap{
    width:100%;
  }
  .detail_wrap .inner_wrap{
    display: block;
    gap:0;
  }
  .type{
    font-size: calc(38 / var(--media_sp) * 100vw);
    margin-bottom: calc(10 / var(--media_sp) * 100vw);
  }
  .type strong{
    font-size: calc(88 / var(--media_sp) * 100vw);
    margin-right: calc(5 / var(--media_sp) * 100vw);
  }
  .ldk{
    font-size: calc(52 / var(--media_sp) * 100vw);
    line-height: 1.138;
    margin-bottom: calc(35 / var(--media_sp) * 100vw);
  }
  .ldk strong{
    font-size: calc(64 / var(--media_sp) * 100vw);
  }
  .area_wrap{
    margin-bottom: calc(37 / var(--media_sp) * 100vw);
  }
  .area_wrap .a_txt{
    font-size: calc(20 / var(--media_sp) * 100vw);
    margin-bottom: calc(22 / var(--media_sp) * 100vw);
  }
  .area_wrap .area{
    font-size: calc(54.36 / var(--media_sp) * 100vw);
    margin-bottom: calc(10 / var(--media_sp) * 100vw);
  }
  .area_wrap .area strong{
    font-size: calc(79.94 / var(--media_sp) * 100vw);
  }
  .area_wrap .area span{
    font-size: calc(20 / var(--media_sp) * 100vw);
  }
  .area_wrap .a_cap{
    font-size: calc(20 / var(--media_sp) * 100vw);
  }
  .area_wrap .other_area{
    font-size: calc(23.98 / var(--media_sp) * 100vw);
    line-height:1.668;
    margin-top: calc(20 / var(--media_sp) * 100vw);
  }
  .label_wrap{
    width:100%;
    max-width: inherit;
    margin-bottom: calc(40 / var(--media_sp) * 100vw);
  }
  .label_wrap .label{
    font-size: calc(30.38 / var(--media_sp) * 100vw);
    padding:2.4vw 1.333vw;
  }
  .label_wrap .label:nth-child(n+2){
    margin-top: calc(8 / var(--media_sp) * 100vw);
  }
  .point_wrap{
    width:100%;
    margin-bottom: calc(42 / var(--media_sp) * 100vw);
  }
  .point_wrap .point{
    font-size: calc(24 / var(--media_sp) * 100vw);
    letter-spacing: -0.02em;
    text-indent: -1.2em;
    padding-left: 1.2em;
  }
  .detail_wrap .fig_wrap{
    width:100%;
    max-width: inherit;
  }
  .detail_wrap .p_notes_wrap{
    margin-top: calc(54 / var(--media_sp) * 100vw);
  }
  .detail_wrap .p_notes_wrap .img{
    width:100%;
    max-width: inherit;
    margin-bottom: calc(5 / var(--media_sp) * 100vw);
  }
  .detail_wrap .p_notes_wrap .cap{
    font-size:2.667vw;
    line-height:1.5;
    letter-spacing: -0.035em;
  }
  .back_btn a{
    font-size:3.733vw;
  }
}

.notes_wrap {
  padding: 60px 0 0;
}

@media all and (max-width: 768px) {
  .notes_wrap {
    padding: 10.667% 0 0;
  }
}

.detail_wrap .fig_wrap.c_fig .img{
  width:66.563%;/*/800*/
  margin:0 14.625% 0 auto;/*/800*/
}
.detail_wrap .fig_wrap.f_fig .img{
  width:83.75%;
  margin:0 4.625% 0 auto;
}
.detail_wrap .fig_wrap.g_fig .img{
  width:95.438%;
  margin:0 0 0 auto;
}

@media all and (max-width: 768px) {
  .detail_wrap .fig_wrap.c_fig .img{
    width:100%;
    margin:0 auto;
  }
  .detail_wrap .fig_wrap.f_fig .img{
    width:100%;
    margin:0 auto;
  }
  .detail_wrap .fig_wrap.g_fig .img{
    width:100%;
    margin:0 auto;
  }
}