.cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;-webkit-box-align:start;-webkit-align-items:start;-ms-flex-align:start;align-items:start}@media(max-width: 1000px){.cards{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 768px){.cards{grid-template-columns:repeat(2, 1fr)}}.cards .card{background:#fff;border-radius:8px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 6px 18px rgba(0,0,0,.08);box-shadow:0 6px 18px rgba(0,0,0,.08);-webkit-transition:-webkit-transform .12s ease,-webkit-box-shadow .12s ease;transition:-webkit-transform .12s ease,-webkit-box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease,-webkit-transform .12s ease,-webkit-box-shadow .12s ease;position:relative}.cards .card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 14px 30px rgba(0,0,0,.1);box-shadow:0 14px 30px rgba(0,0,0,.1)}.cards .card .tag{position:absolute;top:0;left:0;background:var(--main-color);color:#fff;padding:.2rem .8rem;z-index:10;border-radius:.2rem}@media(max-width: 768px){.cards .card .tag{font-size:1.2rem}}.cards .card .card__img{width:100%;height:18rem;-o-object-fit:cover;object-fit:cover;display:block;background-color:#eee}@media(max-width: 900px){.cards .card .card__img{height:14.4rem}}@media(max-width: 768px){.cards .card .card__img{height:9.4rem}}.cards .card .card__body{padding:1.4rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:6px}@media(max-width: 768px){.cards .card .card__body{gap:.3rem;padding:1rem;min-height:10.4rem}}.cards .card .card__name{font-size:2rem;font-weight:700;color:var(--main-color)}.cards .card .card__address{font-size:1.5rem;color:#666;line-height:1.4}.cards .card .card__actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:var(--btn-sub-color02);padding:.8rem;margin:0 auto 1.6rem;border-radius:999px;font-size:1.2rem;width:18.5rem;position:relative}.cards .card .card__actions::after{position:absolute;content:">";right:1.6rem}@media(max-width: 768px){.cards .card .card__actions{display:none}}@media(max-width: 768px){main .plan-select dl.planChange{gap:2rem 0}main .plan-select dl.planChange div{width:100%;display:grid;grid-template-columns:50% auto;grid-template-rows:auto;-webkit-box-shadow:none;box-shadow:none;background:none;margin:0;padding:0;gap:0 1.5rem}main .plan-select dl.planChange div>a{display:contents}main .plan-select dl.planChange div:not(:last-of-type){border-bottom:1px solid #505050;padding-bottom:2rem}main .plan-select dl.planChange div dt,main .plan-select dl.planChange div dd{display:contents}main .plan-select dl.planChange div dt{display:contents}main .plan-select dl.planChange div dt h3{grid-area:2/2/3/3;position:relative;background:none;color:#505050;padding:0;line-height:1;font-size:5.3vw;white-space:nowrap}main .plan-select dl.planChange div dt h3::after{display:none}main .plan-select dl.planChange div dt img{grid-area:2/1/5/2;height:100%;-o-object-fit:cover;object-fit:cover}main .plan-select dl.planChange div dd:nth-of-type(1) .sub{grid-area:1/1/2/3;background:none;color:#505050;font-size:3.5vw;margin-bottom:.8rem}main .plan-select dl.planChange div dd:nth-of-type(1) .sub::before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;font-size:3.5vw;margin-right:.4rem}main .plan-select dl.planChange div dd:nth-of-type(2) .member{grid-area:3/2/4/3;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:1;font-size:9.5vw}main .plan-select dl.planChange div dd:nth-of-type(2) .member .member{width:100%;font-size:2.5vw;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:.4rem 0;margin:.6rem 0 0}main .plan-select dl.planChange div dd:nth-of-type(2) .member small{font-size:6vw;line-height:1;margin:0;position:relative;top:-1.5vw;line-height:.92}main .plan-select dl.planChange div dd:nth-of-type(2) .member small .tax{font-size:2vw}main .plan-select dl.planChange div dd:nth-of-type(2) .member_taxin{grid-area:4/2/5/3;color:#505050;font-size:2.5vw;font-weight:400}main .plan-select dl.planChange div.chokuso dt h3{color:var(--plan-chokuso-color)}main .plan-select dl.planChange div.chokuso dd:nth-of-type(1) .sub::before{color:var(--plan-chokuso-color)}main .plan-select dl.planChange div.kaso dt h3{color:var(--plan-kaso-color)}main .plan-select dl.planChange div.kaso dd:nth-of-type(1) .sub::before{color:var(--plan-kaso-color)}main .plan-select dl.planChange div.ichinichi dt h3{color:var(--plan-ichinichi-color)}main .plan-select dl.planChange div.ichinichi dd:nth-of-type(1) .sub::before{color:var(--plan-ichinichi-color)}main .plan-select dl.planChange div.kazoku38 dt h3{color:var(--plan-kazoku38-color)}main .plan-select dl.planChange div.kazoku38 dd:nth-of-type(1) .sub::before{color:var(--plan-kazoku38-color)}main .plan-select dl.planChange div.kazoku58 dt h3{color:var(--plan-kazoku58-color)}main .plan-select dl.planChange div.kazoku58 dd:nth-of-type(1) .sub::before{color:var(--plan-kazoku58-color)}}