@charset "UTF-8";
/* CSS Document */
/*#billboard {background: url("../img/plan/plan_mv_img01_pc.webp") no-repeat center / cover;position: relative;}
#billboard::after {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.6;position:absolute;top: 0;left: 0;}
#billboard h2 {color: #fff; font-size: 300%;text-align: center;letter-spacing: 0.1em;padding: 5em 0;position: relative;z-index: 100;}*/
#Main > .container {}
#Main .block-planDetail-01 .inner01 {}
#Main .block-planDetail-01 .inner01 p {text-align: center;}
#Main .block-planDetail-01 .inner01 p span {line-height: 1;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) {letter-spacing: 0.1em;padding-bottom: 0.5em;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp01 {font-size: 400%;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp01 small {font-size: 90%;font-family: 'Cinzel', serif;font-weight: 400;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp02 {font-size: 200%;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp03 {font-size: 125%;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp04 {font-size: 250%;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp04::before {display: block;content: '';width: 100%;height: 1px;margin: 0.5em 0 0;}
#Main .block-planDetail-01 .inner01 p:nth-child(1) .sp05 {font-size: 200%;}
#Main .block-planDetail-01 .inner01 p:nth-child(2) > span {font-size: 112.5%;}
#Main .block-planDetail-01 .inner01 p:nth-child(2) > span + span {letter-spacing: 0.05em;margin-left: 1em;}
#Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp01 {}
#Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp02 {font-size: 250%;}
#Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp03 {font-size: 125%;}
#Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp03 small {font-size: 80%;}
#Main .block-planDetail-01 .inner02 {position: relative;}
#Main .block-planDetail-01 .inner02 figure {width: 60%;margin: 1em auto 0;position: relative;}
#Main .block-planDetail-01 .inner02 figure::after {display: block;content: '';width: 3em;height: 3em;background: url("../img/plan/plan_icon01_pc.svg")no-repeat;position: absolute;left: calc(100% + 2em);bottom: 0;}
#Main .block-planDetail-01 .inner01.fix01 {margin-top: 5em;}
#Main .block-planDetail-01 .inner02.fix01 figure {margin-top: 2em;}
#Main.plan_a .block-planDetail-01 .inner02 figure {max-width: 350px;}
#Main.plan_a .block-planDetail-01 .inner02.fix01 figure img {padding-left: 1em;}
#Main.plan_a1 .block-planDetail-01 .inner02 figure {max-width: 350px;}
#Main.plan_a1 .block-planDetail-01 .inner02.fix01 figure img {padding-right: 1em;}
#Main.plan_b .block-planDetail-01 .inner02 figure {max-width: 570px;}
#Main.plan_b1 .block-planDetail-01 .inner02 figure {max-width: 570px;}
#Main.plan_c .block-planDetail-01 .inner02 figure {max-width: 400px;}
#Main .block-planDetail-01 .inner03 {display: flex;flex-wrap: wrap;justify-content: space-between; margin: 4em auto 0;}
#Main .block-planDetail-01 .inner03 a {display: block;color: #fff;line-height: 4;text-align: center;width: 49%;background: var(--basic-01);}
#Main .block-planDetail-01 .inner04 {margin-top: 7em;}
#Main .block-planDetail-01 .inner04 p {text-align: center;}
#Main .block-planDetail-01 .inner04 p span {line-height: 1;}
#Main .block-planDetail-01 .inner04 p:nth-child(1) {letter-spacing: 0.1em;}
#Main .block-planDetail-01 .inner04 p:nth-child(1) .sp01 {font-size: 400%;}
#Main .block-planDetail-01 .inner04 p:nth-child(1) .sp01 small {font-family: 'Cinzel', serif;font-weight: 400;}
#Main .block-planDetail-01 .inner04 p:nth-child(1) .sp02 {font-size: 200%;}
#Main .block-planDetail-01 .inner04 p:nth-child(1) .sp03 {font-size: 125%;margin-left: 0.5em;}
#Main .block-planDetail-01 .inner04 p:nth-child(1)::after {display: block;content: '';margin: 1.5em 0;width: 100%;height: 1px;background: #444;opacity: 0.2;}
#Main .block-planDetail-01 .inner05 figure {width: 80%;margin: 4em auto 0;position: relative;}
@media only screen and (max-width: 1300px) {}
@media only screen and (max-width: 1100px) {}
@media only screen and (min-width: 768px) and (max-width: 1200px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {
  #billboard h2 {font-size: 187.5%;padding: 3em 0;}
  #Main .block-planDetail-01 .inner01 p:nth-child(1) {letter-spacing: 0;}
  #Main .block-planDetail-01 .inner01 p:nth-child(1) .sp01 {font-size: 200%;}
  #Main .block-planDetail-01 .inner01 p:nth-child(1) .sp04 {font-size: 200%;}
  #Main .block-planDetail-01 .inner01 p:nth-child(1) .sp04::before {margin-top: 0.25em;}
  #Main .block-planDetail-01 .inner01 p:nth-child(2) {margin-top: 1em;}
  #Main .block-planDetail-01 .inner01 p:nth-child(2) > span {display: block;margin: 0 !important;}
  #Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp02 {font-size: 200%;}
  #Main .block-planDetail-01 .inner02 {margin-top: 2em;}
  #Main .block-planDetail-01 .inner02 figure {padding-bottom: 4em;width: 70%;max-width: 100% !important;}
  #Main.plan_a .block-planDetail-01 .inner02.fix01 figure img {padding-left: 0.6em;}
  #Main.plan_a1 .block-planDetail-01 .inner02.fix01 figure img {padding-right: 0.6em;}
  #plan_b #Main .block-planDetail-01 .inner02 figure {width: 90%;}
  #plan_b1 #Main .block-planDetail-01 .inner02 figure {width: 90%;}
  #Main .block-planDetail-01 .inner02 figure::after {left: auto;right: 0;}
  #Main .block-planDetail-01 .inner01.fix01 {margin-top: 0;}
  #Main .block-planDetail-01 .inner02.fix01 figure {margin-top: 2em;}
  #Main .block-planDetail-01 .inner03 {width: 100%;margin-top: 1.5em;}
  #Main .block-planDetail-01 .inner03 a {width: 100%;}
  #Main .block-planDetail-01 .inner03 a + a {display: none;}
  #Main .block-planDetail-01 .btn-style-01 {margin-top: 1em;}
  #Main .block-planDetail-01 .inner04 {margin-top: 1em;}
  #Main .block-planDetail-01 .inner05 figure {margin-top: 2em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media print {
  body {-webkit-print-color-adjust: exact;}
  footer .container .right ul,
  footer .container .left ul,
  footer .container > a,
  #achievements,
  #Main .btn-style-01,
  #Main .block-planDetail-01 .inner03,
  #billboard,
  header {display: none;}
  #Main > .container {padding: 0 !important;background: transparent;}
  #Main .break {page-break-after: always;}
  #Main .block-planDetail-01 .inner01 {font-size: 70%;}  
  #Main .block-planDetail-01 .inner02 figure {margin-top: 1em;}
  #Main .block-caption-01 {margin: 1em auto 0;padding-bottom: 0;background: transparent;}
  #Main .block-caption-01 ul {width: 100%;}
  #Main .block-caption-01 ul li {font-size: 10px;}  
  #Main .block-planDetail-01 .inner01 p:nth-child(1) .sp01 {font-size: 250%;}
  #Main .block-planDetail-01 .inner01 p:nth-child(1) .sp04::before {display: inline-block;width: 0.5em;}
  #Main .block-planDetail-01 .inner01 p:nth-child(2) span .sp02 {font-size: 150%;}
  #Main .block-planDetail-01 .inner01.fix01 {margin-top: 1em;}
  #Main .block-planDetail-01 .inner02.fix01 figure {margin-top: 1em;}
  #Main.plan_a .block-planDetail-01 .inner02 figure {max-width: 210px;}
  #Main.plan_a1 .block-planDetail-01 .inner02 figure {max-width: 210px;}
  #Main.plan_b .block-planDetail-01 .inner02 figure {max-width: 670px;}
  #Main.plan_b1 .block-planDetail-01 .inner02 figure {max-width: 670px;}
  #Main.plan_c .block-planDetail-01 .inner02 figure {max-width: 300px;}
  #Main .block-planDetail-01 .inner04 {font-size: 70%;margin-top: 30em;padding-top: 5em;}
  #Main .block-planDetail-01 .inner05 figure {width: 50%;margin-top: 1em;}
  #Main .block-caption-01 ul {line-height: 1;}
  #Main .block-caption-01 ul li {display: inline;}
  footer {margin-top: 2em;background: transparent;}
  footer .container {width: 100%;}
  footer .container > div {padding: 0 !important;border: none !important;}
  footer .container .left {width: 35%;}
  footer .container .left > a {color: #000 !important;}
  footer .container .left > a figure img {filter: brightness(0);}
  footer .container .left p {color: #000 !important;}
  footer .container .left p br {display: block;}
  footer .container .left p:nth-of-type(1) {font-size: 87.5%;}
  footer .container .left .copyright {color: #000;margin-top: 1.5em;}
  footer .container .right {width: 55%;}
  footer .container .right p {color: #000 !important;}
  footer .container .right p:nth-child(2) a {color: #000 !important;font-size: 250%;filter: brightness(0);}
}