@charset "UTF-8";

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

#senior-salon .block-ekichika-sumikae-02 {background-color: #F3F8FD;height: 34.6875em;}
#senior-salon .block-ekichika-sumikae-02  h3 {color: var(--professional-blue);}
#senior-salon .block-ekichika-sumikae-02  h4 {margin-top: 1em;color: var(--livable-navy);line-height: 1.5;}
#senior-salon .block-ekichika-sumikae-02  p {margin-top: auto;}
#senior-salon .block-ekichika-sumikae-02  p small {display: block;margin: 2em 0 1em;padding-left: 1.5em;background: transparent url("/assets/images/original/senior-salon-common-15.png") no-repeat 0 50%;border-bottom: 1px dotted #050505;max-width: 42.5em;font-weight: 500;}
#senior-salon .block-ekichika-sumikae-02  figure {position: absolute;top: 50%;right: 0;transform: translateY(-70%);}
#senior-salon .block-ekichika-sumikae-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-ekichika-sumikae-03 {background-color: #B0C7D9;padding: 4em 0;}
#senior-salon .block-ekichika-sumikae-03 h3 {display: flex;align-items: center;justify-content: center;}
#senior-salon .block-ekichika-sumikae-03 h3 span {margin-left: 1.5em;color: var(--livable-navy);}
#senior-salon .block-ekichika-sumikae-03 h3 span small {display: block;margin-bottom: 0.5em;font-size: 80%;font-weight: 500;}
#senior-salon .block-ekichika-sumikae-03 h4 {text-align: center;color: var(--livable-navy);}
#senior-salon .block-ekichika-sumikae-03 nav ul {display: flex;justify-content: space-around;max-width: 68em;margin: 0 auto;}
#senior-salon .block-ekichika-sumikae-03 nav ul li .text-02 {margin: 2em 0 1em;text-align: center;}
#senior-salon .block-ekichika-sumikae-03 nav ul li .button-01 {background-color: #00AEEF;width: 28em;}
#senior-salon .block-ekichika-sumikae-03 nav ul li .button-01 a {border-color: #00AEEF;}
#senior-salon .block-ekichika-sumikae-03 nav ul li .button-01 a span {color: #1A1A1C;}
#senior-salon .block-ekichika-sumikae-03 .container {border-radius: 2.5em;margin: 0 auto;padding: 2.5em;width: calc(100% - 3em);max-width: 1165px;background-color: #fff;}
#senior-salon .block-ekichika-sumikae-03 .column-list {margin: 0 0 0 auto; padding: 0 50px; gap:80px;}
#senior-salon .block-ekichika-sumikae-03 .column-list > section {width: 33.33%; margin-top: 2em;}
#senior-salon .block-ekichika-sumikae-03 .column-list > section div {display: flex; align-items: center; margin-bottom: 20px;}
#senior-salon .block-ekichika-sumikae-03 .column-list > section p {margin-left: 0.5em;}
#senior-salon .block-ekichika-sumikae-03 .column-list > section span {font-size: 150%; line-height: 1.7;}

#senior-salon .block-common-04 {margin-top: 6em; padding-bottom: 6em;}
#senior-salon .block-common-04::before {background-color: var(--livable-navy);}
#senior-salon .block-common-04 > div {background-color: #B4D6F4;}
#senior-salon .block-common-04 > div p {margin-right: 15%;}

/* Only PC
============================================== */
#senior-salon.pc .block-ekichika-sumikae-03 nav ul li .button-01 a:hover {background-color: #00AEEF;color: #fff;}

@media screen and (max-width: 768px) {
  #senior-salon .block-ekichika-sumikae-02 {height: auto;}
  #senior-salon .block-ekichika-sumikae-02 h3 {font-size: 225%;line-height: 1.5;}
  #senior-salon .block-ekichika-sumikae-02 h4 {margin: 1em 0;}
  #senior-salon .block-ekichika-sumikae-02 p small {background-size: 1em auto;}
  #senior-salon .block-ekichika-sumikae-02 figure {top: 94%;right: 50%;width: 90%;transform: translate(50%, -50%);z-index: 2;}
  #senior-salon .block-ekichika-sumikae-02 .container {padding: 4.5em 0 14em;margin-bottom: 7em;}
  #senior-salon .block-ekichika-sumikae-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-ekichika-sumikae-03 h3 {display: block;}
  #senior-salon .block-ekichika-sumikae-03 h3 img {width: auto;height: 12em;margin: 0 auto 1em;}
  #senior-salon .block-ekichika-sumikae-03 h3 span {margin: 0 0 1em;display: block;font-size: 225%;line-height: 1.5;text-align: center;}
  #senior-salon .block-ekichika-sumikae-03 h3 span small {font-size: 50%;}
  #senior-salon .block-ekichika-sumikae-03 nav ul {display: block;}
  #senior-salon .block-ekichika-sumikae-03 nav ul li .button-01 {margin: 0 auto;}
  #senior-salon .block-ekichika-sumikae-03 .column-list {margin: 0; padding: 0; gap: 20px;}
  #senior-salon .block-ekichika-sumikae-03 .column-list > section {width: 100%;}
#senior-salon .block-ekichika-sumikae-03 .column-list > section div {margin-bottom: 5px;}

  #senior-salon .block-common-04 > div p {margin-right: 0;}
}