/*! Writen  by SCSS */
.cv_sec {
  padding-top: clamp(50px, 6.67%, 80px); }

.inner_main {
  background-image: url("../images/plan/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main {
      background-image: url("../images/plan/main_sp.jpg"); } }
  .inner_main .main_txts .main_ttl img {
    width: 21%; }
    @media screen and (max-width: 480px) {
      .inner_main .main_txts .main_ttl img {
        width: 26.25%; } }

.sec01 {
  padding-bottom: clamp(50px, 6.67%, 80px); }

.plan_detail .sec01 {
  padding-bottom: 0;
  margin-bottom: clamp(50px, 6.67%, 80px); }
  @media screen and (max-width: 480px) {
    .plan_detail .sec01 {
      margin-bottom: 40px; } }
.plan_detail .plan_cnts {
  padding-bottom: clamp(50px, 6.67%, 80px); }

.plan_btns {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: clamp(30px, 4.17%, 50px);
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .plan_btns {
      flex-direction: column;
      grid-gap: 15px 0; } }
  .plan_btns figure {
    width: calc(480%/10); }
    @media screen and (max-width: 480px) {
      .plan_btns figure {
        width: 100%; } }
  .plan_btns.col3 {
    max-width: 1480px; }
    @media screen and (max-width: 768px) {
      .plan_btns.col3 {
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 20px; } }
    .plan_btns.col3 figure {
      width: calc(480%/14.8); }
      @media screen and (max-width: 768px) {
        .plan_btns.col3 figure {
          width: calc(50% - 10px); } }
      @media screen and (max-width: 480px) {
        .plan_btns.col3 figure {
          width: 100%; } }

.innre_1480 {
  max-width: 1480px; }

.plan_cnts .inner {
  display: flex;
  justify-content: space-between;
  max-width: 960px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .plan_cnts .inner {
      flex-direction: column; } }
.plan_cnts .fig {
  width: calc(500%/9.6); }
  @media screen and (max-width: 480px) {
    .plan_cnts .fig {
      width: 100%; } }
.plan_cnts .txts {
  width: calc(380%/9.6); }
  @media screen and (max-width: 480px) {
    .plan_cnts .txts {
      width: 100%; } }
  .plan_cnts .txts .spec_top {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333; }
    .plan_cnts .txts .spec_top .menu {
      text-align: center;
      width: 100%;
      background: #333;
      color: #fff; }
    .plan_cnts .txts .spec_top .name {
      font-size: clamp(26px, 4vw, 40px);
      padding-right: 0.3em;
      margin-right: 0.3em; }
    .plan_cnts .txts .spec_top .ldk {
      font-size: clamp(20px, 3.501vw, 35px); }
    .plan_cnts .txts .spec_top .min {
      font-size: 60%; }
  .plan_cnts .txts .spec_bottom {
    border-bottom: 1px solid #333;
    font-size: clamp(16px, 1.8vw, 18px);
    margin-bottom: clamp(25px, 3.34%, 40px);
    padding: 0.5em 0; }
    .plan_cnts .txts .spec_bottom .big {
      font-size: 180%;
      line-height: 0.8; }
  .plan_cnts .txts .copy {
    font-size: clamp(14px, 1.8vw, 18px);
    margin-bottom: clamp(25px, 3.34%, 40px); }
    .plan_cnts .txts .copy li {
      text-align: center;
      letter-spacing: 0.05em;
      line-height: 1.7;
      border: 1px solid #333;
      padding: 0.2em; }
      .plan_cnts .txts .copy li + li {
        margin-top: 0.5em; }
.plan_cnts .plan_btn {
  max-width: 280px;
  width: 100%;
  margin: 0 auto;
  margin-top: clamp(50px, 6.67%, 80px); }
  .plan_cnts .plan_btn a {
    text-align: center;
    display: block;
    background: #333;
    color: #fff;
    font-size: clamp(12px, 1.4vw, 14px);
    letter-spacing: 0.05em;
    padding: 0.8em 10px;
    line-height: 1;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .plan_cnts .plan_btn a:hover {
        opacity: 0.7; } }

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