@charset "UTF-8";

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

#senior-salon .block-fudosan-toushi-02 {background-color: #FFFAEB;height: 34.6875em;}
#senior-salon .block-fudosan-toushi-02  h3 {color: var(--livable-gold);}
#senior-salon .block-fudosan-toushi-02  h4 {margin-top: 4em;color: var(--livable-gold);line-height: 1.5;}
#senior-salon .block-fudosan-toushi-02  p {margin-top: 1em;}
#senior-salon .block-fudosan-toushi-02  figure {position: absolute;top: 50%;right: 0;transform: translateY(-55%);}
#senior-salon .block-fudosan-toushi-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-fudosan-toushi-02 .button-01 {width: 26em;margin: 2em auto 0;background-color: transparent;border: 1px solid var(--professional-blue);}
#senior-salon .block-fudosan-toushi-02 .button-01 a {background-color: var(--professional-blue);color: #fff;}
#senior-salon .block-fudosan-toushi-02 .button-01 a::after {display: none;}

#senior-salon .block-fudosan-toushi-03 {padding: 4em 0 0;}
#senior-salon .block-fudosan-toushi-03 h3 {border-bottom: 1px dotted #050505;max-width: 11em;margin: 0 auto 3em;padding-bottom: 1em;line-height: 1;text-align: center;color: var(--livable-gold);}
#senior-salon .block-fudosan-toushi-03 h3 + figure {width: calc(100% - 3em);max-width: 850px;margin: 0 auto;}
#senior-salon .block-fudosan-toushi-03 section {width: calc(100% - 3em);max-width: 850px;margin: 0 auto 7em;display: flex;justify-content: space-between;align-items: flex-end;}
#senior-salon .block-fudosan-toushi-03 section p {max-width: 23em;padding: 3em 0 6em;}
#senior-salon .block-fudosan-toushi-03 footer {width: calc(100% - 3em);max-width: 1164px;margin: 8em auto 0;background-color: #FFFAEB;padding: 3.75em 0;}
#senior-salon .block-fudosan-toushi-03 footer h4 {text-align: center;color: var(--livable-gold);}
#senior-salon .block-fudosan-toushi-03 footer h4 + p {text-align: center;margin: 1em 0;}
#senior-salon .block-fudosan-toushi-03 footer .tel {font-size: 125%;font-weight: 700;letter-spacing: 0.05em;text-align: center;}
#senior-salon .block-fudosan-toushi-03 footer .tel a {font-size: 160%;color: #000;}
#senior-salon .block-fudosan-toushi-03 footer .s-other {padding: 0.6em;border-radius: 1em;max-width: 660px;margin: 2em auto 0;font-size: 140%;text-align: center;font-weight: 500;line-height: 1.67;letter-spacing: 0.05em;border: 3px solid var(--professional-blue);}
#senior-salon .block-fudosan-toushi-03 footer .s-other-tel {margin: 0.8em 0 0.4em;line-height: 1.3;font-weight: 700;font-size: 80%;}
#senior-salon .block-fudosan-toushi-03 footer .s-other-tel a {color: #000;font-size: 140%;}
#senior-salon .block-fudosan-toushi-03 .column-list {width: calc(100% - 3em);max-width: 850px;margin: 0 auto;justify-content: space-between;}
#senior-salon .block-fudosan-toushi-03 .column-list > div {max-width: 350px;}
#senior-salon .block-fudosan-toushi-03 .column-list > div h4 {margin-bottom: 1em;padding-top: 6.5em;position: relative;}
#senior-salon .block-fudosan-toushi-03 .column-list > div h4 .icon {position: absolute;top: 2em;left: 0;width: 6em;display: block;border-radius: 2em;background-color: var(--livable-green);font-size: 125%;font-weight: 500;text-align: center;line-height: 2;letter-spacing: 0.05em;color: #fff;}
#senior-salon .block-fudosan-toushi-03 .column-list > div h4 .title-03 {color: var(--livable-gold);}

@media screen and (max-width: 768px) {
  #senior-salon .block-fudosan-toushi-02 {height: auto;}
  #senior-salon .block-fudosan-toushi-02 h3 {font-size: 225%;line-height: 1.5;}
  #senior-salon .block-fudosan-toushi-02 h4 {margin: 1em 0;}
  #senior-salon .block-fudosan-toushi-02 figure {top: 94%;right: 50%;width: 94%;transform: translate(50%, -50%);z-index: 2;}
  #senior-salon .block-fudosan-toushi-02 .container {padding: 4.5em 0 15em;margin-bottom: 7em;}
  #senior-salon .block-fudosan-toushi-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-fudosan-toushi-02 .button-01 {margin-top: 4em;}

  #senior-salon .block-fudosan-toushi-03 h3 {margin-bottom: 1em;}
  #senior-salon .block-fudosan-toushi-03 section {display: block;margin-bottom: 4em;}
  #senior-salon .block-fudosan-toushi-03 section p {max-width: 100%;padding: 1em 0 0;}
  #senior-salon .block-fudosan-toushi-03 section figure {margin: 0 4.5em 0;}
  #senior-salon .block-fudosan-toushi-03 .column-list > div h4 {padding-top: 1.75em;}
  #senior-salon .block-fudosan-toushi-03 .column-list > div h4 .icon {position: relative;top: inherit;left: inherit;margin-bottom: 1em;}
  #senior-salon .block-fudosan-toushi-03 .column-list > div + div {margin-top: 3em;}
  #senior-salon .block-fudosan-toushi-03 footer {margin-top: 4em;}
  #senior-salon .block-fudosan-toushi-03 footer .tel a {display: block;font-size: 200%;}
  #senior-salon .block-fudosan-toushi-03 footer .s-other {margin: 2em 1.5em 0;}
}