/*! Writen  by SCSS */
.breadlist li:nth-child(2) {
  display: none; }

.inner_main .main_img {
  background-image: url("/bunjyo/sakai-hamaderakoen/img/plan/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_img {
      background-image: url("/bunjyo/sakai-hamaderakoen/img/plan/main_sp.jpg"); } }
  .inner_main .main_img figure {
    width: calc(248%/16); }
    @media screen and (max-width: 480px) {
      .inner_main .main_img figure {
        width: calc(85%/3.75); } }

.fast_sec .inner_1280 {
  background: #fff;
  padding: 50px 10px;
  width: calc(100% - 20px); }
  @media screen and (max-width: 768px) {
    .fast_sec .inner_1280 {
      padding: 20px 10px 30px; } }
.fast_sec .txt1 {
  font-size: clamp(14px, 1.77vw, 22px);
  line-height: 1.45;
  letter-spacing: 0.05em;
  margin-bottom: 1.8em; }
  @media screen and (max-width: 768px) {
    .fast_sec .txt1 {
      font-size: 13.5px;
      letter-spacing: -0.03em;
      margin-bottom: 35px; } }

.back_btn {
  margin-top: 30px;
  text-align: center; }
  .back_btn a {
    text-align: center;
    padding: 0.5em 2.5em;
    background: #666;
    color: #fff;
    line-height: 1;
    font-size: clamp(12px, 1.09vw, 14px); }
    @media (hover: hover) {
      .back_btn a:hover {
        opacity: 0.7;
        transition: opacity 0.3s ease-in-out; } }

.plans {
  max-width: 900px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .plans {
      max-width: 503px; } }
  .plans::after {
    content: "";
    display: block;
    clear: both; }
  .plans .txt_head {
    float: left;
    width: calc(357%/9); }
    @media screen and (max-width: 768px) {
      .plans .txt_head {
        float: none;
        width: 100%;
        margin: 0 auto; } }
  .plans .txt_bottm {
    float: left;
    width: calc(357%/9); }
    @media screen and (max-width: 768px) {
      .plans .txt_bottm {
        float: none;
        width: 100%;
        margin: 0 auto; } }
  .plans .fig {
    float: right;
    width: calc(503%/9); }
    @media screen and (max-width: 768px) {
      .plans .fig {
        float: none;
        width: 100%;
        margin: 27px auto 50px; } }
  .plans .sub_txt {
    margin-top: 0.2em;
    font-size: clamp(9px, 1.44vw, 13px); }
    @media screen and (max-width: 768px) {
      .plans .sub_txt {
        font-size: clamp(9px, 2.16vw, 13px); } }
    @media screen and (max-width: 480px) {
      .plans .sub_txt {
        font-size: 13px; } }
  .plans .plan_copy {
    font-size: clamp(11px, 1.77vw, 16px);
    text-align: center;
    color: #009c77;
    font-feature-settings: "palt";
    letter-spacing: 0.08em;
    margin: 1em auto; }
    @media screen and (max-width: 768px) {
      .plans .plan_copy {
        font-size: clamp(11px, 2.66vw, 16px); } }
    @media screen and (max-width: 480px) {
      .plans .plan_copy {
        font-size: 16px; } }
  .plans .dl_wrap {
    max-width: 334px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .plans .dl_wrap {
        max-width: 100%; } }
    @media screen and (max-width: 480px) {
      .plans .dl_wrap {
        padding: 0 20px; } }
    .plans .dl_wrap dl {
      display: flex;
      align-items: baseline;
      font-size: clamp(11px, 1.77vw, 16px);
      border-bottom: 1px solid #231815;
      padding-top: 0.7em; }
      @media screen and (max-width: 768px) {
        .plans .dl_wrap dl {
          font-size: clamp(11px, 2.66vw, 16px); } }
      @media screen and (max-width: 480px) {
        .plans .dl_wrap dl {
          font-size: 16px;
          letter-spacing: -0.02em; } }
      .plans .dl_wrap dl:nth-child(1) {
        padding-top: 1em; }
      .plans .dl_wrap dl .big1 {
        display: inline-block;
        width: 3em;
        margin-left: 0.2em;
        text-align: right;
        font-size: 180%;
        line-height: 0.8; }
      .plans .dl_wrap dl .big2 {
        font-size: 110%; }
  .plans .dl_wrap2 {
    max-width: 334px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .plans .dl_wrap2 {
        max-width: 100%; } }
    .plans .dl_wrap2 dl {
      display: flex;
      align-items: center;
      border-bottom: 1px solid #68c3c5;
      font-size: clamp(10px, 1.33vw, 12px);
      padding: 0.7em 0; }
      @media screen and (max-width: 768px) {
        .plans .dl_wrap2 dl {
          font-size: clamp(10px, 2vw, 12px); } }
      @media screen and (max-width: 480px) {
        .plans .dl_wrap2 dl {
          font-size: 12px; } }
      .plans .dl_wrap2 dl:first-child {
        border-top: 1px solid #68c3c5; }
      .plans .dl_wrap2 dl:last-child {
        margin-bottom: 0.7em; }
      .plans .dl_wrap2 dl dt {
        width: 30px;
        padding: 0 5px;
        line-height: 0; }
        @media screen and (max-width: 480px) {
          .plans .dl_wrap2 dl dt {
            padding: 0 10px; } }
      .plans .dl_wrap2 dl dd {
        width: calc(100% - 30px);
        font-feature-settings: "palt";
        line-height: 1.33; }
      .plans .dl_wrap2 dl .big1 {
        display: inline-block;
        width: 3em;
        margin-left: 0.2em;
        text-align: right;
        font-size: 180%;
        line-height: 0.8; }
      .plans .dl_wrap2 dl .big2 {
        font-size: 110%; }
  .plans .item02 {
    max-width: 334px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #68c3c5;
    font-feature-settings: "palt";
    font-size: clamp(16px, 2.44vw, 22px);
    padding-bottom: 0.7em; }
    @media screen and (max-width: 768px) {
      .plans .item02 {
        max-width: 100%;
        font-size: clamp(16px, 3.66vw, 22px); } }
    @media screen and (max-width: 480px) {
      .plans .item02 {
        font-size: 16px; } }
    .plans .item02 .l_cnt {
      width: calc(130%/3.34); }
      @media screen and (max-width: 768px) {
        .plans .item02 .l_cnt {
          width: 130px; } }
      .plans .item02 .l_cnt .txts {
        display: flex;
        grid-gap: 3px 0;
        flex-direction: column; }
        .plans .item02 .l_cnt .txts .t1 {
          font-size: clamp(12px, 1.66vw, 15px);
          line-height: 1; }
          @media screen and (max-width: 768px) {
            .plans .item02 .l_cnt .txts .t1 {
              font-size: clamp(12px, 2.5vw, 15px); } }
        .plans .item02 .l_cnt .txts .t2 {
          line-height: 1; }
        .plans .item02 .l_cnt .txts .t3 {
          font-size: clamp(10px, 1.33vw, 12px);
          line-height: 1; }
          @media screen and (max-width: 768px) {
            .plans .item02 .l_cnt .txts .t3 {
              font-size: clamp(10px, 2vw, 12px); } }
    .plans .item02 .r_cnt {
      width: calc(174%/3.34); }
      @media screen and (max-width: 768px) {
        .plans .item02 .r_cnt {
          width: calc(100% - 150px); } }
      @media screen and (max-width: 480px) {
        .plans .item02 .r_cnt {
          font-size: 10px; } }
      .plans .item02 .r_cnt .t1 {
        margin-bottom: 0.3em;
        font-size: clamp(10px, 1.44vw, 13px); }
        @media screen and (max-width: 768px) {
          .plans .item02 .r_cnt .t1 {
            font-size: clamp(10px, 2.16vw, 13px); } }
      .plans .item02 .r_cnt .t2 {
        font-size: clamp(8px, 1.11vw, 10px);
        text-align: justify;
        letter-spacing: -0.02em;
        line-height: 1.4; }
        @media screen and (max-width: 768px) {
          .plans .item02 .r_cnt .t2 {
            font-size: clamp(8px, 1.66vw, 10px); } }
        @media screen and (max-width: 480px) {
          .plans .item02 .r_cnt .t2 {
            font-size: 10px;
            letter-spacing: -0.06em; } }

.plan_2 {
  position: relative; }
  .plan_2 .fig_txts {
    position: absolute;
    top: 0;
    right: calc(-165%/9); }
    @media screen and (max-width: 1300px) {
      .plan_2 .fig_txts {
        width: 55%;
        right: calc(-120%/9); } }
    @media screen and (max-width: 1200px) {
      .plan_2 .fig_txts {
        position: static;
        width: 100%;
        clear: both; } }
    @media screen and (max-width: 1200px) {
      .plan_2 .fig_txts .pc_img {
        display: none; } }
    .plan_2 .fig_txts .sp_cnt {
      display: none; }
      @media screen and (max-width: 1200px) {
        .plan_2 .fig_txts .sp_cnt {
          padding-top: 30px;
          display: flex;
          justify-content: center; } }
      @media screen and (max-width: 768px) {
        .plan_2 .fig_txts .sp_cnt {
          flex-direction: column-reverse; } }
    .plan_2 .fig_txts .l_cnt {
      width: calc(620%/9); }
      @media screen and (max-width: 768px) {
        .plan_2 .fig_txts .l_cnt {
          width: 100%; } }
      .plan_2 .fig_txts .l_cnt p {
        font-size: clamp(10px, 1.33vw, 12px); }
    .plan_2 .fig_txts .r_cnt {
      border-left: 1px solid #727171;
      padding-left: 2em;
      margin-left: 2em;
      width: calc(250%/9);
      position: relative;
      font-size: clamp(10px, 1.33vw, 12px); }
      @media screen and (max-width: 768px) {
        .plan_2 .fig_txts .r_cnt {
          width: 100%;
          margin: 0;
          display: flex;
          flex-direction: row-reverse;
          align-items: flex-end;
          justify-content: flex-end;
          grid-gap: 0 20px;
          padding: 0 0 1em;
          margin-bottom: 1em;
          border: none;
          border-bottom: 1px solid #727171; } }
      .plan_2 .fig_txts .r_cnt .txts {
        letter-spacing: 0;
        line-height: 1.42;
        font-feature-settings: "palt"; }
        @media screen and (max-width: 768px) {
          .plan_2 .fig_txts .r_cnt .txts {
            letter-spacing: 0.04em;
            line-height: 1.83;
            text-align: justify;
            padding-bottom: 0 !important;
            position: relative; } }
        @media screen and (max-width: 480px) {
          .plan_2 .fig_txts .r_cnt .txts {
            font-size: 10px; } }
        .plan_2 .fig_txts .r_cnt .txts .big {
          display: block;
          margin: 0.5em 0 0.2em;
          font-size: clamp(10px, 1.33vw, 12px); }
          @media screen and (max-width: 480px) {
            .plan_2 .fig_txts .r_cnt .txts .big {
              font-size: 14px; } }
      .plan_2 .fig_txts .r_cnt .imgs {
        width: 100px; }
        @media screen and (max-width: 768px) {
          .plan_2 .fig_txts .r_cnt .imgs {
            width: 80px; } }
        @media screen and (max-width: 480px) {
          .plan_2 .fig_txts .r_cnt .imgs {
            width: 80px;
            padding-bottom: 10px; } }
        .plan_2 .fig_txts .r_cnt .imgs .cap {
          right: -5em;
          bottom: 0;
          line-height: 1; }
          @media screen and (max-width: 480px) {
            .plan_2 .fig_txts .r_cnt .imgs .cap {
              right: 0;
              bottom: -2em; } }

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