@charset "UTF-8";
/* CSS Document */
.billboard-style-02::before {color: #000;}
.billboard-style-02 p {text-shadow: none;}
#Main {background: url(../img/common/bg02.webp);}
#Main #contentsWrap {margin-top: -1px;}
#Main .block-plan-01 {padding: 7em 0 25em;background: #474341;position: relative;}
#Main .block-plan-01::after {display: block;content: '';width: 100%;height: 16em;background: url(../img/common/bg04.svg) no-repeat center bottom / 100%;position: absolute;left: 0;bottom: -1px;z-index: 1;pointer-events: none;}
#Main .block-plan-01 h3 {color: #fff;font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;}
#Main .block-plan-01 h3 + p {color: #fff;font-size: 125%;text-align: center;max-width: 28em;padding: 1.5em 0.3em 0;margin: 2em auto 0;border-top: 1px solid rgba(255, 255, 255, 0.7);}
#Main .block-plan-01 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 5em -1em 0;}
#Main .block-plan-01 ul li {width: calc(33.33% - 2em);margin: 1em;}
#Main .block-plan-01 ul li a {display: block;text-align: center;padding: 1.5em;height: 100%;background: url("../img/common/bg02.webp") no-repeat center/cover;}
#Main .block-plan-01 ul li a div {padding: 1.5em;height: 100%;background: #fff;}
#Main .block-plan-01 ul li a div h4 {font-size: 125%;}
#Main .block-plan-01 ul li a div h4::after {display: block;content: '';width: 100%;height: 1px;background: #000;margin: 0.2em auto 0.5em;}
#Main .block-plan-01 ul li a div p:nth-of-type(1) {font-size: 137.5%;}
#Main .block-plan-01 ul li a div p:nth-of-type(1) span {font-size: 140%;}
#Main .block-plan-01 ul li a div p:nth-of-type(2) {font-size: 75%;}
#Main .block-plan-01 ul li a div p:nth-of-type(2) span:nth-child(2) {font-size: 175%;padding: 0 0.2em;}
#Main .block-plan-01 ul li a div p:nth-of-type(2) span:nth-child(3) {font-size: 125%;}
#Main .block-plan-01 ul li a div p:last-child {margin-top: 1em;}
#Main .block-plan-01 ul li a div p:last-child span {display: inline-block;font-size: 112.5%;padding: 0.5em 2.5em 0.5em 1.5em;position: relative;}
#Main .block-plan-01 ul li a div p:last-child span::after {display: block;content: '';width: 1.5em;height: 100%;background: url("../img/common/common_arrow2.svg") no-repeat center right/contain;position: absolute;top: 0;right: 0;z-index: 1;transition: 0.7s;}
#Main .block-plan-01 ul li a div figure {min-height: 27em;margin: 2em auto 0;}
#Main .block-plan-01 ul li a[href="plan_aa"] div h4::after {max-width: 11.5em;}
#Main .block-plan-01 ul li a[href="plan_aa"] div figure {width: 90%;}
#Main .block-plan-01 ul li a[href="plan_ad"] div h4::after {max-width: 10em;}
#Main .block-plan-01 ul li a[href="plan_ad"] div figure {width: 76%;}
#Main .block-plan-01 ul li a[href="plan_bf"] div figure {width: 74%;}
#Main .block-plan-02 {background: #5f5d5b;position: relative;}
#Main .block-plan-02 h3 {color: #fff;font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;}
#Main .block-plan-02 figure {margin-top: 3em;}
#Main .block-plan-02 figure::after {white-space: nowrap;top: calc(100% + 0.5em);right: 69.5%;}
#Main .block-plan-02 figure figcaption {color: #fff;}
#Main .block-plan-02 p {color: #fff;font-size: 125%;line-height: 2;max-width: 50em;margin: 3em auto 0;}
#Main .block-plan-03 {padding: 20em 0 7em;position: relative;}
#Main .block-plan-03::before {display: block;content: '';width: 100%;height: 16em;background: url(../img/common/bg05.svg) no-repeat top center / 100%;position: absolute;top: -1px;left: 0;z-index: 1;pointer-events: none;}
#Main .block-plan-03 h3 {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 175%;text-align: center;line-height: 2;letter-spacing: 0.1em;}
#Main .block-plan-03 h3 img {display: block;width: 5.5em;height: 5.5em;margin-right: 2em;}
#Main .block-plan-03 h3 span {display: block;}
#Main .block-plan-03 h3 + p {font-size: 125%;line-height: 2;max-width: 50em;margin: 3em auto 0;}
#Main .block-plan-03 figure {box-shadow: 0 2px 10px #bbb;}
#Main .block-plan-03 figure:nth-of-type(1) {margin-top: 4em;}
#Main .block-plan-03 figure:nth-of-type(2) {margin-top: 3em;}
@media only screen and (max-width: 1300px) {
  #Main .block-plan-01 {padding-bottom: 15em;}
  #Main .block-plan-01 ul li a {padding: 0.5em;}
  #Main .block-plan-01 ul li a div {padding: 0.5em;}
  #Main .block-plan-01 ul li a div h4 {font-size: 100%;}  
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  #Main .block-plan-01 {font-size: 1.4vw;}
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
}
@media only screen and (min-width: 1800px) {
  #Main .block-plan-01::after {height: 30em;}
  #Main .block-plan-03::before {height: 30em;}
}
@media only screen and (min-width: 768px) {
  #Main .block-plan-01 ul li a:hover div p:last-child span::after {right: -1em;}
}
@media only screen and (max-width: 767px) {
  #Main .block-plan-01 {padding: 4em 0 7em;}
  #Main .block-plan-01 h3 {font-size: 137.5%;letter-spacing: 0;}
  #Main .block-plan-01 ul {margin-top: 2em;}
  #Main .block-plan-01 ul li {width: calc(100% - 2em);}
  #Main .block-plan-01 ul li a {padding: 1.5em;}
  #Main .block-plan-01 ul li a div {padding: 1.5em;}
  #Main .block-plan-01 ul li a div h4 {font-size: 137.5%;}
  #Main .block-plan-01 ul li a div p:nth-of-type(1) {font-size: 150%;}
  #Main .block-plan-01 ul li a div p:nth-of-type(2) {font-size: 87.5%;}
  #Main .block-plan-02 {padding: 2em 0;}
  #Main .block-plan-02 h3 {font-size: 137.5%;}
  #Main .block-plan-02 figure {margin-top: 1em;}
  #Main .block-plan-02 figure::after {left: 0;right: auto;}
  #Main .block-plan-02 p {margin-top: 2em;}
  #Main .block-plan-03 {padding: 7em 0 4em;}
  #Main .block-plan-03 h3 {font-size: 137.5%;}
  #Main .block-plan-03 h3 img {margin-right: 0;}
  #Main .block-plan-03 h3 + p {margin-top: 2em;}
  #Main .block-plan-03 figure:nth-of-type(1) {margin-top: 2em;}
  #Main .block-plan-03 figure:nth-of-type(2) {margin-top: 2em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}