/*! Writen  by SCSS */
.inner_container {
  background: #f3efee;
  padding-bottom: 20px; }
  .inner_container .inner_caps {
    padding-top: clamp(250px, 37.5vw, 450px); }

.sec1 {
  margin-bottom: clamp(80px, 8.334vw, 100px); }
  @media screen and (max-width: 480px) {
    .sec1 {
      margin-bottom: 80px; } }
  .sec1 .page_ttl_group {
    padding-bottom: 80px; }

.ta_l_sp {
  text-align: center !important; }
  @media screen and (max-width: 480px) {
    .ta_l_sp {
      text-align: left !important; } }

.sec2 .inner {
  max-width: 1219px; }
.sec2 .plan_wrap {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1000px) {
    .sec2 .plan_wrap {
      flex-direction: column;
      gap: 40px 0; } }
  .sec2 .plan_wrap .txts {
    width: calc(295%/12); }
    @media screen and (max-width: 1000px) {
      .sec2 .plan_wrap .txts {
        width: 100%; } }
  .sec2 .plan_wrap .imgs {
    width: calc(840%/12); }
    @media screen and (max-width: 1000px) {
      .sec2 .plan_wrap .imgs {
        width: 100%;
        max-width: 840px; } }
  .sec2 .plan_wrap .hanrei {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 18px; }
    .sec2 .plan_wrap .hanrei li {
      display: flex;
      gap: 0 7px; }
      .sec2 .plan_wrap .hanrei li .ico_han {
        width: 50px;
        height: 17px;
        border: 1px solid #aaa39b; }
        .sec2 .plan_wrap .hanrei li .ico_han.han1 {
          background: #fef1df; }
        .sec2 .plan_wrap .hanrei li .ico_han.han2 {
          background: #e6ebe1; }
      .sec2 .plan_wrap .hanrei li .han_txt {
        line-height: 1;
        font-size: 13px; }
.sec2 .type {
  background: #3f3d3a;
  color: #fff;
  font-size: clamp(35px, 4.334vw, 52px);
  line-height: 1;
  text-align: center;
  padding: 0.1em 10px 0.24em; }
  .sec2 .type .min {
    font-size: 50%; }
.sec2 .ldk {
  font-size: clamp(38px, 5vw, 60px);
  text-align: center; }
  .sec2 .ldk .min {
    font-size: 80%; }
.sec2 .specs {
  margin-bottom: 40px; }
  @media screen and (max-width: 1000px) {
    .sec2 .specs {
      max-width: 280px;
      margin: 0 auto 40px; } }
  .sec2 .specs .spec01 {
    margin-bottom: 13px; }
    .sec2 .specs .spec01 .spec_txt1 {
      font-size: clamp(12px, 1.25vw, 15px);
      line-height: 1; }
    .sec2 .specs .spec01 .spec_txt2_wrap {
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .sec2 .specs .spec01 .spec_txt2_wrap .spec_txt2 {
        line-height: 1;
        font-size: clamp(50px, 6.334vw, 76px);
        font-size: clamp(50px, 5vw, 60px);
        letter-spacing: 0.06em; }
        .sec2 .specs .spec01 .spec_txt2_wrap .spec_txt2 .min {
          font-size: 60%; }
  .sec2 .specs .spec02 {
    display: flex;
    flex-direction: column;
    gap: 13px 0; }
    .sec2 .specs .spec02 dl {
      font-size: clamp(12px, 1.25vw, 15px);
      display: flex;
      justify-content: space-between;
      line-height: 1; }
.sec2 .merit_list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: clamp(15px, 1.917vw, 23px);
  gap: 0.8em 0; }
  @media screen and (max-width: 1000px) {
    .sec2 .merit_list {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 1em; } }
  .sec2 .merit_list li {
    width: 100%;
    text-align: center;
    padding: 0.45em 10px;
    background: linear-gradient(to left, #a9adb2 0%, #f0efef 50%, #a9adb2 100%);
    color: #6c5947;
    letter-spacing: 0.05em;
    line-height: 1.2; }
    @media screen and (max-width: 1000px) {
      .sec2 .merit_list li {
        width: calc(50% - 0.5em); } }
    @media screen and (max-width: 1000px) {
      .sec2 .merit_list li.wide {
        width: 100%; } }
.sec2 .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 45px;
  margin-top: clamp(60px, 7.5vw, 90px); }
  .sec2 .btns li {
    width: 240px; }
    @media screen and (max-width: 768px) {
      .sec2 .btns li {
        width: 180px; } }
    @media screen and (max-width: 768px) {
      .sec2 .btns li.print {
        display: none; } }
    .sec2 .btns li a {
      display: block;
      border: 1px solid #6b5948;
      color: #fff;
      background: #6b5948;
      transition: all 0.3s;
      text-align: center;
      line-height: 50px;
      font-size: clamp(16px, 2vw, 20px);
      letter-spacing: 0.15em; }
      @media screen and (max-width: 768px) {
        .sec2 .btns li a {
          font-size: 13px;
          padding: 10px;
          line-height: 1.4; } }
      @media (hover: hover) {
        .sec2 .btns li a:hover {
          background: #fff;
          color: #6b5948; } }

.ls001 {
  letter-spacing: -0.01em !important; }

@media print {
  footer .foot_in .foot_item02 .foot_r_link,
  .f_cv_wrap,
  .logo,
  .sec1,
  .btns,
  .nav_btn,
  .f_contact,
  .h_side_nav {
    display: none !important; }

  .inner_container {
    padding-top: 20px !important; }
    .inner_container .inner_caps {
      padding-top: 10px; }

  .sec1 {
    margin-bottom: 15px; }
    .sec1 .page_ttl_group {
      margin-bottom: 0;
      padding-bottom: 0; } }

/*# sourceMappingURL=plan_detail.css.map */