@charset "UTF-8";
/* スマホ用フォントサイズ PCのフォントサイズを数字で指定して同じ比率で縮小表示する
*/
.bg-white.first { padding: 150px 0; margin-bottom: 150px; }
@media screen and (max-width: 767px) { .bg-white.first { padding: 75px 0; margin-bottom: 75px; } }

#plan_disp { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 80px 0; margin: 0 40px; }
#plan_disp .c-planList-card__item { width: 30%; }
@media screen and (max-width: 1080px) { #plan_disp .c-planList-card__item { width: calc(50% - 20px); } }
@media screen and (max-width: 767px) { #plan_disp .c-planList-card__item { width: 100%; } }
#plan_disp .c-planList-card__item .c-planList-card__itemInner { display: block; }
@media screen and (max-width: 767px) { #plan_disp .c-planList-card__item .c-planList-card__itemInner { display: block; } }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__image { margin-bottom: 1em; aspect-ratio: 320/214; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main h3 { font-family: "Shippori Mincho", serif; font-size: clamp(17px, 2.2vw, 24px); line-height: 1.6666; margin-bottom: 0.8em; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__text { display: none; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price { font-size: clamp(14px, 2.7vw, 30px); line-height: 1.1; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price span { font-family: "Shippori Mincho", serif; font-size: clamp(14px, 3.8vw, 45px); color: #c1272d; }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price small { font-size: clamp(14px, 1.7vw, 15px); }
@media screen and (max-width: 767px) { #plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price { font-size: 20px; }
  #plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price span { font-size: 27px; }
  #plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .c-planList-card__price small { font-size: 13px; } }
#plan_disp .c-planList-card__item .c-planList-card__itemInner .c-planList-card__main .btn { background: #281a14; color: #fff; width: 100%; }

/*.bg-white.first { padding-top: 150px; padding-bottom: 1px; margin-bottom: 150px; @media screen and (max-width:767px){ padding-top: 75px; margin-bottom: 75px; }
}


.c-planList-card__item { margin-bottom: calc(150 * 100vw / 1280);  .c-planList-card__itemInner { display: flex; align-items: flex-end; gap: 45px; @media screen and (max-width:767px){ margin: 0 20px 40px; display: block; }  .c-planList-card__image { width: calc(783 * 100vw / 1280); img { width: 100%; } @media screen and (max-width:767px){ width: 100%; } } .c-planList-card__main { h3 { @include font-mincho; font-size: clamp(17px, 2.2vw, 32px); line-height: 1.6666; margin-bottom: 0.8em; }  .c-planList-card__text { display: none; } .c-planList-card__price { font-size: clamp(14px, 2.7vw, 40px); line-height: 1.1; span { @include font-mincho; font-size: clamp(14px, 3.8vw, 55px); color: $color_red; } small { font-size: clamp(14px, 1.7vw, 25px);; }  @media screen and (max-width:767px){ font-size: 20px; span { font-size: 27px; } small { font-size: 13px; } } } .btn { background: #281a14; color: #fff; min-width: 315px; @media screen and (max-width:767px){ min-width: 157px; } } } }  &.shift-right { .c-planList-card__itemInner { .c-planList-card__image { order: 2; } } }  @media screen and (max-width:767px){ &.shift-left, &.shift-right { width: auto; transform: none; } } 
}*/