/*! Writen  by SCSS */
.item_ttl .text_in {
  margin-bottom: 0;
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .item_ttl .text_in {
      padding-bottom: 20px; } }
  @media screen and (max-width: 480px) {
    .item_ttl .text_in {
      padding-bottom: 0; } }
  .item_ttl .text_in .head {
    width: 46.34%; }

.plan_wrap {
  max-width: 1260px;
  padding-bottom: 120px;
  display: grid;
  grid-template-columns: 43.42% 48.42%;
  justify-content: space-between;
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense; }
  @media screen and (max-width: 768px) {
    .plan_wrap {
      grid-template-columns: 1fr;
      padding-bottom: 60px;
      row-gap: 50px; } }
  @media screen and (max-width: 480px) {
    .plan_wrap {
      row-gap: 30px;
      padding-bottom: 40px; } }
  .plan_wrap .text_wrap {
    width: fit-content;
    display: flex;
    flex-direction: column;
    row-gap: clamp(20px, 3.334vw, 40px); }
    @media screen and (max-width: 768px) {
      .plan_wrap .text_wrap {
        width: 100%;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .plan_wrap .text_wrap {
        text-align: left;
        width: 95%;
        margin-inline: auto; } }
    .plan_wrap .text_wrap .txt01 {
      font-size: clamp(43px, 8.334vw, 100px);
      line-height: 1; }
      @media screen and (max-width: 768px) {
        .plan_wrap .text_wrap .txt01 {
          display: flex;
          align-items: baseline; } }
      .plan_wrap .text_wrap .txt01 .color {
        color: #546361; }
      .plan_wrap .text_wrap .txt01 .small {
        font-size: 50%; }
        @media screen and (max-width: 768px) {
          .plan_wrap .text_wrap .txt01 .small {
            margin-right: .3em;
            display: inline-block; } }
      .plan_wrap .text_wrap .txt01 .small02 {
        font-size: 58%; }
    .plan_wrap .text_wrap .txt02 {
      line-height: 1;
      font-size: clamp(15px, 2.5vw, 30px);
      border-top: 1px solid #cccccc;
      padding-top: clamp(20px, 2.5vw, 30px); }
      .plan_wrap .text_wrap .txt02 .small {
        font-size: 80%; }
      .plan_wrap .text_wrap .txt02 .big {
        font-size: 280%; }
      .plan_wrap .text_wrap .txt02 .big02 {
        font-size: 160%; }
    .plan_wrap .text_wrap .list {
      font-size: clamp(14px, 2vw, 24px); }
  .plan_wrap .img_wrap {
    max-width: 610px;
    grid-column: 2/3;
    grid-row: 1/3; }
    @media screen and (max-width: 768px) {
      .plan_wrap .img_wrap {
        width: 100%;
        grid-column: 1/2;
        grid-row: 2/3;
        margin-inline: auto; } }
    .plan_wrap .img_wrap .img {
      margin-inline: auto; }
      .plan_wrap .img_wrap .img.a_type {
        width: 77.87%; }
      .plan_wrap .img_wrap .img.b_type {
        width: 78.2%; }
      .plan_wrap .img_wrap .img.c_type {
        width: 78.86%; }
      .plan_wrap .img_wrap .img.d_type {
        width: 78.86%; }
      .plan_wrap .img_wrap .img.er_type {
        width: 100%; }
  .plan_wrap .btn_wrap {
    display: flex;
    flex-direction: column;
    row-gap: clamp(10px, 1.25vw, 15px);
    max-width: 330px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .plan_wrap .btn_wrap {
        margin-inline: auto; } }
    @media screen and (max-width: 480px) {
      .plan_wrap .btn_wrap {
        max-width: 100%; } }
    .plan_wrap .btn_wrap a {
      display: block;
      background: #77909c;
      color: #fff;
      font-size: clamp(14px, 1.334vw, 16px);
      line-height: 1;
      padding: 16px 0;
      text-align: center;
      transition: opacity 0.3s ease-in-out 0s;
      width: 100%; }
      @media (hover: hover) {
        .plan_wrap .btn_wrap a:hover {
          opacity: .7; } }
      @media screen and (max-width: 768px) {
        .plan_wrap .btn_wrap a {
          margin-inline: auto; } }
      .plan_wrap .btn_wrap a:nth-child(2) {
        background: #7c3825; }
        @media screen and (max-width: 480px) {
          .plan_wrap .btn_wrap a:nth-child(2) {
            display: none; } }

@media print {
  .headnavi,
  .nav_btn,
  .wrap::before {
    display: none !important; }

  .item_ttl {
    padding-bottom: 30px !important; }

  .text_in {
    padding-bottom: 0 !important; }

  .list {
    font-size: 13px !important; }

  .text_wrap {
    margin-left: 15px; }

  .plan_wrap {
    row-gap: 30px; }

  .plan_wrap {
    padding-bottom: 20px !important; } }

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