body #contents #main #mainView {
  display: block;
  background-image: url(../img/plan/main.jpg); }
  body #contents #main #mainView > h2 {
    background-image: url(../img/plan/main-logo.png);
    padding: 60px 0; }
body #contents #main article.bg-gray_color p.plan-lead-txt, body #contents #main article.bg-gray_color .plan-contents-list-ttl, body #contents #main section.bg-gray_color p.plan-lead-txt, body #contents #main section.bg-gray_color .plan-contents-list-ttl {
  color: #fffddd; }
body #contents #main article.bg-white_color p.plan-lead-txt, body #contents #main article.bg-white_color .plan-contents-list-ttl, body #contents #main section.bg-white_color p.plan-lead-txt, body #contents #main section.bg-white_color .plan-contents-list-ttl {
  color: #98893e; }
body #contents #main article .content-detail, body #contents #main section .content-detail {
  padding: 60px 0 90px; }
  body #contents #main article .content-detail.pt0, body #contents #main section .content-detail.pt0 {
    padding-top: 0; }
  body #contents #main article .content-detail p.plan-lead-txt, body #contents #main section .content-detail p.plan-lead-txt {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.25em;
    text-align: center;
    padding: 26px 0 30px; }
  body #contents #main article .content-detail h2, body #contents #main section .content-detail h2 {
    width: 100%;
    display: block;
    padding: 24px 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    body #contents #main article .content-detail h2 > span, body #contents #main section .content-detail h2 > span {
      display: none; }
    body #contents #main article .content-detail h2.ttl01, body #contents #main section .content-detail h2.ttl01 {
      background-image: url(../img/plan/plan-h2-ttl01.png), linear-gradient(90deg, #7f7784, #918b97 50%, #7f7784); }
    body #contents #main article .content-detail h2.ttl02, body #contents #main section .content-detail h2.ttl02 {
      background-image: url(../img/plan/plan-h2-ttl02.png), linear-gradient(90deg, #7f7784, #918b97 50%, #7f7784); }
    body #contents #main article .content-detail h2.ttl03, body #contents #main section .content-detail h2.ttl03 {
      background-image: url(../img/plan/plan-h2-ttl03.png), linear-gradient(90deg, #7f7784, #918b97 50%, #7f7784); }
  body #contents #main article .content-detail .plan-list, body #contents #main section .content-detail .plan-list {
    padding: 60px 0 90px; }
    body #contents #main article .content-detail .plan-list > a:hover, body #contents #main section .content-detail .plan-list > a:hover {
      opacity: .5;
      transition: .5s; }
  body #contents #main article .content-detail .plan-contents-list > dl > dt > p, body #contents #main section .content-detail .plan-contents-list > dl > dt > p {
    padding-top: 10px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.08em; }
    body #contents #main article .content-detail .plan-contents-list > dl > dt > p > span, body #contents #main section .content-detail .plan-contents-list > dl > dt > p > span {
      font-size: 12px;
      line-height: 22px;
      letter-spacing: 0.08em; }
  body #contents #main article .content-detail .plan-contents-list > dl > dd > p, body #contents #main section .content-detail .plan-contents-list > dl > dd > p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.15em; }
  body #contents #main article .content-detail .flex3 > dl, body #contents #main section .content-detail .flex3 > dl {
    width: calc(33% - 20px); }

/*PC ONLY*/
/*SP ONLY*/
@media screen and (max-width: 750px) {
  body #contents #main article .content-detail .plan-list > a, body #contents #main section .content-detail .plan-list > a {
    display: block;
    margin-bottom: 60px; }
  body #contents #main article .content-detail .plan-contents-list > dl > dt > p, body #contents #main section .content-detail .plan-contents-list > dl > dt > p {
    font-size: 1.5rem;
    line-height: 1.75em; }
    body #contents #main article .content-detail .plan-contents-list > dl > dt > p > span, body #contents #main section .content-detail .plan-contents-list > dl > dt > p > span {
      font-size: 1.2rem;
      line-height: 1.75em; }
  body #contents #main article .content-detail .plan-contents-list > dl > dd > p, body #contents #main section .content-detail .plan-contents-list > dl > dd > p {
    font-size: 1rem;
    line-height: 1.75em; }
  body #contents #main article .content-detail .grid2to2, body #contents #main section .content-detail .grid2to2 {
    gap: 30px; }
  body #contents #main article .content-detail .flex3 > dl, body #contents #main section .content-detail .flex3 > dl {
    width: calc(50% - 30px);
    padding: 10px 0 30px; }
    body #contents #main article .content-detail .flex3 > dl:nth-child(2n), body #contents #main section .content-detail .flex3 > dl:nth-child(2n) {
      padding: 10px 0 30px 30px; } }

/*# sourceMappingURL=plan.css.map */