@charset "UTF-8";
/* CSS Document */
.billboard-style-01 {background: url(../img/plan/plan_bg01_pc.webp) no-repeat center / cover;}
.block-plan-01 {padding: 6em 0;}
.block-plan-01 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.block-plan-01 ul li {width: 48%;margin-bottom: 4%;aspect-ratio: 1 / 1;}
.block-plan-01 ul li a {font-family: "EB Garamond", serif;height: 100%;background: url("../img/plan/plan_bg02_pc.webp") no-repeat center/cover;position: relative;}
.block-plan-01 ul li a div {width: 80%;position: absolute;top: 10%;left: 10%;}
.block-plan-01 ul li a div p:nth-child(1) {white-space: nowrap;}
.block-plan-01 ul li a div p:nth-child(1) > span:nth-child(1) {display: inline-block;color: var(--gold-02);font-size: 500%;line-height: 1;margin-right: 0.3em;}
.block-plan-01 ul li a div p:nth-child(1) > span:nth-child(1) span {font-size: 34%;letter-spacing: 0.1em;}
.block-plan-01 ul li a div p:nth-child(1) > span:nth-child(2) {display: inline-block;font-size: 112.5%;letter-spacing: 0.05em;padding: 0.4em 1em 0.3em;border: 1px solid #888481;transform: translateY(-16px);}
.block-plan-01 ul li a div p:nth-child(2) {font-size: 350%;line-height: 1;letter-spacing: 0.03em;white-space: nowrap;}
.block-plan-01 ul li a div p:nth-child(2) span {font-size: 50%;}
.block-plan-01 ul li a div p:nth-child(3) {margin-top: 4em;}
.block-plan-01 ul li a div p:nth-child(3) span {display: inline-block;line-height: 1;letter-spacing: 0.05em;}
.block-plan-01 ul li a div p:nth-child(3) span.sp01 {font-size: 93.75%;margin-right: 1em;}
.block-plan-01 ul li a div p:nth-child(3) span.sp02 {font-size: 300%;}
.block-plan-01 ul li a div p:nth-child(3) span.sp03 {font-size: 165%;}
.block-plan-01 ul li a div p:nth-child(3) span.sp04 {font-size: 137.5%;}
.block-plan-01 ul li a > p {color: var(--gold-02);letter-spacing: 0.05em;text-align: right;padding-right: 5em;position: absolute;right: 0;bottom: 10%;}
.block-plan-01 ul li a > p::after {display: block;content: '';width: 4em;height: 1px;background: var(--gold-04);position: absolute;top: calc(50% - 1px);right: 0;}
.block-plan-01 ul li.premium a {background: url("../img/plan/plan_bg03_pc.webp") no-repeat center/cover;}
.block-plan-01 ul li.premium a div p:nth-child(1) > span:nth-child(1) {color: var(--gold-03);}
.block-plan-01 ul li.premium a div p:nth-child(1) > span:nth-child(2) {color: #fff;border: none;background: linear-gradient(140deg,#a98c41,#7f6626);}
.block-plan-01 ul li.premium a > p {color: var(--black-01);}
.block-plan-01 ul li.premium a > p::after {background: var(--black-01);}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  .block-plan-01 ul {font-size: 1.5vw;}  
}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  .block-plan-01 {padding: 3em 0;}
  .block-plan-01 ul {font-size: 3.2vw;}
  .block-plan-01 ul li {width: 100%;margin-bottom: 6%;aspect-ratio: 1 / 0.7;}
  .block-plan-01 ul li a div {width: 86%;top: 7%;left: 7%;}
  .block-plan-01 ul li a div p:nth-child(3) {margin-top: 1em;}
  .block-plan-01 ul li a > p {font-size: 112.5%;bottom: 6%;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}