@charset "UTF-8";

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

#senior-salon .block-kazoku-shintaku-02 {background-color: #F9E6E1;height: 34.6875em;}
#senior-salon .block-kazoku-shintaku-02  h3 {color: var(--livable-red);}
#senior-salon .block-kazoku-shintaku-02  h4 {margin-top: 3em;color: var(--nursing-red);line-height: 1.5;}
#senior-salon .block-kazoku-shintaku-02  p {margin-top: auto;}
#senior-salon .block-kazoku-shintaku-02  figure {position: absolute;top: 30%;right: 0;transform: translateY(-50%);}
#senior-salon .block-kazoku-shintaku-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-kazoku-shintaku-03 h3 {border-bottom: 1px dotted #050505;max-width: 5em;margin: 0 auto;padding-bottom: 1em;line-height: 1;text-align: center;color: var(--professional-blue);}
#senior-salon .block-kazoku-shintaku-03 h4 {margin: 4em 0 1em;text-align: center;color: var(--nursing-red);}
#senior-salon .block-kazoku-shintaku-03 h4 + p {text-align: center;}
#senior-salon .block-kazoku-shintaku-03 p + p {position: relative;border: 3px solid var(--nursing-red);width: calc(100% - 3em);max-width: 24em;margin: 4.5em auto 3em;padding: 0.5em;text-align: center;}
#senior-salon .block-kazoku-shintaku-03 p + p::before {content: "";position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border-width: 1.25em 0.8em;border-style: solid;border-color: var(--nursing-red) transparent transparent;}
#senior-salon .block-kazoku-shintaku-03 figure {width: calc(100% - 3em);margin: 0 auto;}
#senior-salon .block-kazoku-shintaku-03 figure img {margin: 0 auto;}
#senior-salon .block-kazoku-shintaku-03 .container {padding: 4.5em 0 6em;}

#senior-salon .block-kazoku-shintaku-04 h3 {line-height: 1;text-align: center;color: var(--professional-blue);}
#senior-salon .block-kazoku-shintaku-04 h4 {width: calc(100% - 3em);margin: 2em auto 0;}
#senior-salon .block-kazoku-shintaku-04 h4 img {margin: 1em auto 2.5em;}
#senior-salon .block-kazoku-shintaku-04 .container {width: calc(100% - 3em);max-width: 1164px;margin: 0 auto;padding: 3.5em 0 3em;background-color: #DDE7EF;}

#senior-salon .block-kazoku-shintaku-05 h3 {position: relative;width: calc(100% - 3em);max-width: 1164px;margin: 0 auto 0;padding: 0.5em 0 1em;text-align: center;color: var(--nursing-red);}
#senior-salon .block-kazoku-shintaku-05 h3::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: transparent url("/assets/images/original/senior-salon-kazoku-shintaku-04.png") no-repeat 0 100%;}
#senior-salon .block-kazoku-shintaku-05 h3::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: transparent url("/assets/images/original/senior-salon-kazoku-shintaku-05.png") no-repeat 100% 100%;}
#senior-salon .block-kazoku-shintaku-05 .container {}
#senior-salon .block-kazoku-shintaku-05 .caption-01 {width: calc(100% - 3em);max-width: 1164px;margin: 2em auto 0;}

@media screen and (max-width: 768px) {
  #senior-salon .block-kazoku-shintaku-02 {height: auto;}
  #senior-salon .block-kazoku-shintaku-02 h3 {font-size: 225%;line-height: 1.5;}
  #senior-salon .block-kazoku-shintaku-02 h4 {margin: 1em 0;}
  #senior-salon .block-kazoku-shintaku-02 p {}
  #senior-salon .block-kazoku-shintaku-02 figure {top: 94%;right: 50%;width: 96%;transform: translate(50%, -50%);z-index: 2;}
  #senior-salon .block-kazoku-shintaku-02 .container {padding: 4.5em 0 14em;margin-bottom: 7em;}
  #senior-salon .block-kazoku-shintaku-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-kazoku-shintaku-03 h3 {margin-bottom: 1em;}
  #senior-salon .block-kazoku-shintaku-03 h4 {margin-top: 0;}
  #senior-salon .block-kazoku-shintaku-03 p + p {margin-top: 3.5em;}
  #senior-salon .block-kazoku-shintaku-03 .container {padding-top: 1em;padding-bottom: 3em;}

  #senior-salon .block-kazoku-shintaku-05 h3 {padding-bottom: 6em;width: 100%;line-height: 1.5;letter-spacing: 0;font-size: 225%;}
  #senior-salon .block-kazoku-shintaku-05 h3::before {left: 50%;background-position: 0 100%;background-size: auto 5em;}
  #senior-salon .block-kazoku-shintaku-05 h3::after {right: 50%;background-position: 100% 100%;background-size: auto 5em;}
}