@charset "UTF-8";

#senior-salon .block-sumikae-shurui-01 {background-color: #F3F8FD;position: relative;padding: 4em 0;}
#senior-salon .block-sumikae-shurui-01 h2 {margin-bottom: 0.75em;text-align: center;color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-01 p {text-align: center;line-height: 1.5;color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-01::before {content: "";position: absolute;top: 0;bottom: 0;right: 50%;left: 0;margin-right: 16em;background: transparent url("/assets/images/original/senior-salon-sumikae-shurui-01.png") no-repeat 100% 100%;}
#senior-salon .block-sumikae-shurui-01::after {content: "";position: absolute;top: 0;bottom: 0;left: 50%;right: 0;margin-left: 19em;background: transparent url("/assets/images/original/senior-salon-sumikae-shurui-02.png") no-repeat 0 100%;}

#senior-salon .block-sumikae-shurui-02 header h3 {margin-bottom: 3em;display: flex;justify-content: center;align-items: center;}
#senior-salon .block-sumikae-shurui-02 header h3 .icon {width: 6em;margin-right: 1em;border-radius: 3em;font-size: 150%;font-weight: 500;text-align: center;line-height: 2;letter-spacing: 0.05em;color: #fff;}
#senior-salon .block-sumikae-shurui-02 header h3 .category-title {color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-02 header p {width: calc(100% - 3em);max-width: 46em;margin: 0 auto;}
#senior-salon .block-sumikae-shurui-02 section {padding-top: 6em;}
#senior-salon .block-sumikae-shurui-02 section h4 {margin-bottom: 1.5em;text-align: center;}
#senior-salon .block-sumikae-shurui-02 section .column-list {justify-content: space-between;}
#senior-salon .block-sumikae-shurui-02 section:nth-of-type(1) .column-list p {background-color: #DCE2E6;border-radius: 1.25em;width: 11em;padding: 0.5em 0;text-align: center;}
#senior-salon .block-sumikae-shurui-02 section:nth-of-type(2) figure {width: calc(100% - 3em);max-width: 1000px;margin: 0 auto;}
#senior-salon .block-sumikae-shurui-02 section:nth-of-type(3) .column-list {width: calc(100% - 3em);margin: 0 auto;}
#senior-salon .block-sumikae-shurui-02 section:nth-of-type(3) .caption-01 {width: calc(100% - 3em);margin: 0 auto;text-align: right;}
#senior-salon .block-sumikae-shurui-02 .container {max-width: 1165px;margin: 0 auto;padding: 6em 0 4em;}
#senior-salon .block-sumikae-shurui-02 .selfcare {background-color: #F3F8FD;padding-top: 2em;}
#senior-salon .block-sumikae-shurui-02 .selfcare header h3 .icon {background-color: var(--livable-green);}
#senior-salon .block-sumikae-shurui-02 .selfcare section + section {margin-top: 2em;}
#senior-salon .block-sumikae-shurui-02 .nursing header h3 .icon {background-color: var(--livable-orange);}
#senior-salon .block-sumikae-shurui-02 .nursing section + section {margin-top: 2em;}
#senior-salon .block-sumikae-shurui-02 .nursing section:nth-of-type(1) {padding-top: 5em;}
#senior-salon .block-sumikae-shurui-02 .nursing section:nth-of-type(1) .column-list {justify-content: center;}
#senior-salon .block-sumikae-shurui-02 .nursing section:nth-of-type(1) .column-list p {width: 15em;}

#senior-salon .block-sumikae-shurui-03 header h3 {margin-bottom: 3em;display: flex;justify-content: center;align-items: center;}
#senior-salon .block-sumikae-shurui-03 header h3 .icon {width: 8em;margin-right: 1em;border-radius: 3em;font-size: 150%;font-weight: 500;text-align: center;line-height: 2;letter-spacing: 0.05em;color: #fff;}
#senior-salon .block-sumikae-shurui-03 header h3 .category-title {color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-03 header h4 {border-bottom: 1px dotted #050505;margin: 0 auto;padding: 0 0 0.5em;text-align: center;line-height: 1.5;color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-03 footer h4 {margin-bottom: 2em;text-align: center;color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-03 footer .column-list {justify-content: space-around;margin: 0 auto;}
#senior-salon .block-sumikae-shurui-03 footer .column-list h5 {margin-bottom: 1.5em;}
#senior-salon .block-sumikae-shurui-03 footer .column-list h5 span {margin-left: 1em;font-weight: 500;color: #1A1A1C;}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul {display: flex;justify-content: center;}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul {display: flex;}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul li {position: relative;padding-top: 6em;}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul li + li {margin-left: 4em;}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul li svg {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#senior-salon .block-sumikae-shurui-03 footer .column-list ul li p {white-space: nowrap;}
#senior-salon .block-sumikae-shurui-03 footer .column-list .basic h5,
#senior-salon .block-sumikae-shurui-03 footer .column-list .basic p {color: var(--livable-navy);}
#senior-salon .block-sumikae-shurui-03 footer .column-list .other h5,
#senior-salon .block-sumikae-shurui-03 footer .column-list .other p {color: var(--livable-green);}
#senior-salon .block-sumikae-shurui-03 footer .column-list .external h5,
#senior-salon .block-sumikae-shurui-03 footer .column-list .external p {color: var(--livable-orange);}
#senior-salon .block-sumikae-shurui-03 section {padding: 2.5em;background-color: #fff;border-radius: 2.5em;border: 7px solid var(--livable-navy);width: calc(100% - 3em);max-width: 1165px;margin: 4.5em auto;}
#senior-salon .block-sumikae-shurui-03 .content {position: relative;padding: 3em 40% 6em 0;z-index: 2;}
#senior-salon .block-sumikae-shurui-03 .content figure {position: absolute;top: 50%;right: 0;z-index: -1;transform: translate(-10%, -50%);background-position: 100% 50%;background-repeat: no-repeat;}
#senior-salon .block-sumikae-shurui-03 .content .caption-01 {margin-top: 1em;}
#senior-salon .block-sumikae-shurui-03 .selfcare {background-color: #F3F8FD;padding: 0.5em 0;}
#senior-salon .block-sumikae-shurui-03 .selfcare header h3 .icon {background-color: var(--livable-green);}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(1) header h4 {max-width: 14em;}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(1) .content figure {transform: translate(-10%, -65%);}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(2) header h4 {max-width: 14em;}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(2) .content figure {transform: translate(-5%, -50%);}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(2) footer .column-list {max-width: 700px;}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(3) header h4 {max-width: 17em;}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(3) .content figure {transform: translate(-10%, -50%);}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(4) header h4 {max-width: 18em;}
#senior-salon .block-sumikae-shurui-03 .selfcare section:nth-of-type(4) .content figure {transform: translate(-10%, -70%);}
#senior-salon .block-sumikae-shurui-03 .nursing {background-color: #fff;padding: 0.5em 0;}
#senior-salon .block-sumikae-shurui-03 .nursing header h3 .icon {background-color: var(--livable-orange);}
#senior-salon .block-sumikae-shurui-03 .nursing section:nth-of-type(1) header h4 {max-width: 20em;}
#senior-salon .block-sumikae-shurui-03 .nursing section:nth-of-type(1) .content figure {transform: translate(-50%, -65%);}

@media screen and (max-width: 768px) {
  #senior-salon .block-sumikae-shurui-01 {padding-bottom: 18em;}
  #senior-salon .block-sumikae-shurui-01 h2 {}
  #senior-salon .block-sumikae-shurui-01::before {margin-right: 0;background-position: 80% 100%;background-size: auto 13em;}
  #senior-salon .block-sumikae-shurui-01::after {margin-left: 0;background-position: 50% 100%;background-size: auto 18em;}

  #senior-salon .block-sumikae-shurui-02 header h3 {display: block;margin-bottom: 1em;text-align: center;}
  #senior-salon .block-sumikae-shurui-02 header h3 .icon {display: block;margin: 0 auto 0.5em;}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(1) .column-list {flex-wrap: wrap;display: flex;}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(1) .column-list p {width: 9.8em;}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(1) .column-list > div:nth-child(n+3) {margin-top: 1em;}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(3) .column-list {flex-wrap: wrap;display: flex;}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(3) .column-list > div {width: calc(50% - 1em);}
  #senior-salon .block-sumikae-shurui-02 section:nth-of-type(3) .column-list > div:nth-child(n+3) {margin-top: 1em;}
  #senior-salon .block-sumikae-shurui-02 .container {margin: 0 1.5em;border-radius: 1.5em;}

  #senior-salon .block-sumikae-shurui-03 header h3 {display: block;text-align: center;}
  #senior-salon .block-sumikae-shurui-03 header h3 .icon {display: block;margin: 0 auto 0.5em;}
  #senior-salon .block-sumikae-shurui-03 footer h4 {margin-bottom: 0.5em;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list h5 {margin-bottom: 0.5em;text-align: center;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list h5 span {display: block;transform: translateY(-0.25em);}
  #senior-salon .block-sumikae-shurui-03 footer .column-list ul li {padding-top: 5em;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list ul li + li {margin-left: 2em;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list ul li svg {width: auto;height: 4em;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list > div {border-radius: 1.5em;padding: 1em;margin: 0.5em -1.5em;}
  #senior-salon .block-sumikae-shurui-03 footer .column-list .basic {background-color: rgb(0 98 177 / 5%);}
  #senior-salon .block-sumikae-shurui-03 footer .column-list .other {background-color: rgb(0 103 49 / 5%);}
  #senior-salon .block-sumikae-shurui-03 footer .column-list .external {background-color: rgb(230 105 0 / 5%);}
  #senior-salon .block-sumikae-shurui-03 section {padding: 2.5em 2.5em 0.5em;}
  #senior-salon .block-sumikae-shurui-03 .content {padding: 3em 0;}
  #senior-salon .block-sumikae-shurui-03 .content figure {position: relative;transform: none!important;margin-top: 3em;}
  #senior-salon .block-sumikae-shurui-03 .content figure img {margin: 0 auto;}
  
}