@charset "UTF-8";

#senior-salon .block-jitaku-reform-01 h2 {display: flex;padding: 3em 0 3.5em;justify-content: center;align-items: center;color: var(--professional-blue);}
#senior-salon .block-jitaku-reform-01 h2 span {display: block;margin-left: 1em;}

#senior-salon .block-jitaku-reform-02 {background-color: #F3F8FD;height: 34.6875em;}
#senior-salon .block-jitaku-reform-02  h3 {color: var(--professional-blue);}
#senior-salon .block-jitaku-reform-02  h4 {margin-top: 5em;color: var(--livable-navy);line-height: 1.5;}
#senior-salon .block-jitaku-reform-02  p {margin-top: 1em;}
#senior-salon .block-jitaku-reform-02  figure {position: absolute;top: 50%;right: 0;transform: translateY(-55%);}
#senior-salon .block-jitaku-reform-02 .container {position: relative;width: calc(100% - 3em);height: 100%;display: flex;flex-direction: column;max-width: 1120px;padding: 1.5em 0;margin: 0 auto;}
#senior-salon .block-jitaku-reform-02 .button-01 {width: 26em;margin: 2em auto 0;background-color: transparent;border: 1px solid var(--professional-blue);}
#senior-salon .block-jitaku-reform-02 .button-01 a {background-color: var(--professional-blue);color: #fff;}
#senior-salon .block-jitaku-reform-02 .button-01 a::after {display: none;}

#senior-salon .block-jitaku-reform-03 {padding: 4em 0;}
#senior-salon .block-jitaku-reform-03 h3 {border-bottom: 1px dotted #050505;max-width: 21em;margin: 0 auto 1.5em;padding-bottom: 0.75em;line-height: 1.5;text-align: center;color: var(--livable-navy);}
#senior-salon .block-jitaku-reform-03 .column-list {flex-wrap: wrap;justify-content: center;}
#senior-salon .block-jitaku-reform-03 .column-list > div {max-width: 560px;margin: 1.25em;padding-bottom: 3em;}
#senior-salon .block-jitaku-reform-03 .column-list > div figure {display: flex;flex-direction: column-reverse;}
#senior-salon .block-jitaku-reform-03 .column-list > div figure img {margin: 1em 0;}
#senior-salon .block-jitaku-reform-03 .column-list > div figcaption {color: var(--livable-navy);}

#senior-salon .block-jitaku-reform-04 {background-color: #B0C7D9;padding: 6em 0;}
#senior-salon .block-jitaku-reform-04 h3 {max-width: 20em;padding: 0.66em 0;margin: 0 auto;background-color: var(--livable-navy);border-radius: 2em;text-align: center;line-height: 1;color: #fff;}
#senior-salon .block-jitaku-reform-04 figure {max-width: 1000px;margin: 3em auto;}
#senior-salon .block-jitaku-reform-04 ul {max-width: 52em;margin: 2.5em auto;}
#senior-salon .block-jitaku-reform-04 ul li {display: flex;padding: 0.25em 0;}
#senior-salon .block-jitaku-reform-04 ul li::before {content: attr(data-num)"";display: block;background-color: var(--livable-navy);border-radius: 2em;width: 3em;margin-right: 0.5em;text-align: center;color: #fff;}
#senior-salon .block-jitaku-reform-04 footer {background-color: var(--livable-navy);border-radius: 0 0 2.5em 2.5em;padding: 2em 0;}
#senior-salon .block-jitaku-reform-04 footer p {text-align: center;line-height: 1.5;color: #fff;}
#senior-salon .block-jitaku-reform-04 .container {background-color: #fff;max-width: 1164px;width: calc(100% - 3em);border-radius: 2.5em;margin: 0 auto;padding: 4.5em 0 0;} 

/* Only PC
============================================== */
#senior-salon.pc .block-jitaku-reform-02 .button-01 a:hover {background-color:var(--livable-navy);border-color: var(--livable-navy);}

@media screen and (max-width: 768px) {
  #senior-salon .block-jitaku-reform-02 {height: auto;}
  #senior-salon .block-jitaku-reform-02 h3 {font-size: 225%;line-height: 1.5;}
  #senior-salon .block-jitaku-reform-02 h4 {margin: 1em 0;}
  #senior-salon .block-jitaku-reform-02 figure {top: 94%;right: 50%;width: 90%;transform: translate(50%, -50%);z-index: 2;}
  #senior-salon .block-jitaku-reform-02 .container {padding: 4.5em 0 15em;margin-bottom: 7em;}
  #senior-salon .block-jitaku-reform-02 .container::after {content: "";position: absolute;bottom: 0;left: -1.5em;right: -1.5em;height: 20%;background-color: #fff;transform: translate3d(0, 50%, 0) skewY(-15deg);}
  #senior-salon .block-jitaku-reform-02 .button-01 {margin-top: 4em;}

  #senior-salon .block-jitaku-reform-03 {padding-bottom: 0;}
  #senior-salon .block-jitaku-reform-03 h3 {max-width: 13em;}

  #senior-salon .block-jitaku-reform-04 .container {padding-top: 2.5em;}
  #senior-salon .block-jitaku-reform-04 .container h3 {max-width: 14em;}
  #senior-salon .block-jitaku-reform-04 ul {margin: 2em 2em 4em;}
  #senior-salon .block-jitaku-reform-04 ul li {display: block;position: relative;padding-left: 3em;}
  #senior-salon .block-jitaku-reform-04 ul li::before {width: 2em;height: 2em;position: absolute;top: 0.5em;left: 0;line-height: 2;}
  #senior-salon .block-jitaku-reform-04 footer {position: relative;padding: 4em 0;}
  #senior-salon .block-jitaku-reform-04 footer::before {content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);border-width: 1em;border-style: solid;border-color: #fff transparent transparent;}
}