@charset "UTF-8"; #senior-salon .block-baikyaku-satei-01 h2 {display: flex;padding: 3em 0 3.5em;justify-content: center;align-items: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-01 h2 span {display: block;margin-left: 1em;} #senior-salon .block-baikyaku-satei-02 {background-color: #F3F8FD;height: 34.6875em;} #senior-salon .block-baikyaku-satei-02 h3 {color: var(--professional-blue);} #senior-salon .block-baikyaku-satei-02 h4 {margin-top: 1em;color: var(--livable-navy);line-height: 1.5;} #senior-salon .block-baikyaku-satei-02 p {margin-top: auto;} #senior-salon .block-baikyaku-satei-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-baikyaku-satei-02 figure {position: absolute;top: 50%;right: 0;transform: translateY(-70%);} #senior-salon .block-baikyaku-satei-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-baikyaku-satei-03 {padding: 4em 0;} #senior-salon .block-baikyaku-satei-03 h3 {border-bottom: 1px dotted #050505;max-width: 23em;margin: 0 auto 2.5em;padding-bottom: 1em;line-height: 1;text-align: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(1) {position: relative;padding-right: 40%;margin-bottom: 8em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(1) h4 {margin-bottom: 0.75em;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(1) figure {position: absolute;top: 50%;right: -1em;transform: translateY(-50%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) {margin-bottom: 6em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) h4 {margin-bottom: 0.75em;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list {flex-wrap: wrap;justify-content: space-between;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div {position: relative;border: 5px solid var(--livable-navy);border-radius: 1.25em;padding: 1em;width: calc(33.33% - 1.5em);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div::before {content: attr(data-num)"";position: absolute;top: 1em;left: 1em;font-size: 187.5%;font-weight: 700;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div figure {position: relative;padding-top: 80%;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div figure img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div figure + p {text-align: center;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div:nth-child(n+4) {margin-top: 3em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div:nth-child(4) figure + p {margin-top: -1.75em;margin-bottom: 0.5em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) footer {border: 2px solid var(--professional-blue);border-radius: 1.25em;margin-top: 1.5em;padding: 1em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) footer p {display: flex;justify-content: center;align-items: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) footer p img {margin-right: 1.5em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list {justify-content: space-between;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div {width: calc(50% - 3em);margin: 1.5em 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div h4 {margin-bottom: 0.75em;text-align: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div figure {position: relative;padding-top: 60%;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div figure img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) {position: relative;padding-right: 40%;margin-top: 5em;margin-bottom: 5em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) h4 {margin-bottom: 0.75em;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) figure {position: absolute;top: 50%;right: -1em;transform: translateY(-50%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) {position: relative;padding-right: 40%;margin-bottom: 8em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) h4 {margin-bottom: 0.75em;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) figure {position: absolute;top: 50%;right: -1em;transform: translateY(-40%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) p.title-02 {margin-top: 1em;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-03 .container {width: calc(100% - 3em);max-width: 1000px;margin: 0 auto;} #senior-salon .block-baikyaku-satei-04 h3 {border-bottom: 1px dotted #050505;max-width: 23em;margin: 0 auto 2.5em;padding-bottom: 1em;line-height: 1;text-align: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-05 {background-color: #B0C7D9;padding: 6em 0 1px;} #senior-salon .block-baikyaku-satei-05 h3 {border-bottom: 1px dotted #050505;max-width: 23em;margin: 0 auto 2.5em;padding-bottom: 0.75em;line-height: 1.5;text-align: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-05 h4 {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-baikyaku-satei-05 .container {background-color: #fff;border-radius: 2.5em;width: calc(100% - 3em);max-width: 1164px;margin: 4em auto 0;padding: 3em;} #senior-salon .block-baikyaku-satei-05 .container header {display: flex;justify-content: space-between;position: relative;margin-bottom: 2em;} #senior-salon .block-baikyaku-satei-05 .container header::before {content: "+";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-weight: 500;font-size: 600%;color: var(--livable-navy);;} #senior-salon .block-baikyaku-satei-05 .container header p {width: calc(50% - 2em);display: flex;align-items: center;} #senior-salon .block-baikyaku-satei-05 .container header p:nth-child(1) {justify-content: flex-end;} #senior-salon .block-baikyaku-satei-05 .container header p:nth-child(2) {justify-content: flex-start;} #senior-salon .block-baikyaku-satei-05 .container header p span {margin-left: 1em;} #senior-salon .block-baikyaku-satei-05 .container h5 {border-bottom: 1px dotted #050505;max-width: 23em;margin: 0 auto 2.5em;padding-bottom: 0.75em;line-height: 1.5;text-align: center;color: var(--livable-navy);} #senior-salon .block-baikyaku-satei-05 .container h5 + p {text-align: center;} #senior-salon .block-baikyaku-satei-05 .container h6 {margin: 3.5em 0 1.5em;text-align: center;color: var(--professional-blue);} #senior-salon .block-baikyaku-satei-05 .container ol li {display: flex; gap:20px; padding: 2em;} #senior-salon .block-baikyaku-satei-05 .container ol li + li {border-top: 1px dotted #050505;} #senior-salon .block-baikyaku-satei-05 .container ol li figure {width:25%;} #senior-salon .block-baikyaku-satei-05 .container ol li div {width:75%;} #senior-salon .block-baikyaku-satei-05 .container ol li div .title-01 {margin-bottom:10px;} #senior-salon .block-baikyaku-satei-05 .container .column-list {justify-content: space-between;} #senior-salon .block-baikyaku-satei-05 .container .column-list > div {max-width: 500px;} #senior-salon .block-baikyaku-satei-05 .container .column-list > div figure {margin-bottom: 1em;} #senior-salon .block-baikyaku-satei-05 .container + .text-01 {width: calc(100% - 3em);max-width: 1164px;margin: 1.5em auto 5em;} #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 h4 {margin-bottom: 0.5em;color: var(--livable-navy);} #senior-salon .block-common-04 > div p {margin-right: 15%;} #senior-salon .block-common-05 {width: calc(100% - 3em);max-width: 1164px;margin: 0 auto 8em;} #senior-salon .block-common-05 .column-list > div {border-color: var(--livable-navy);} #senior-salon .block-common-05 .column-list > div h4 {height: 3em;color: var(--livable-navy);} #senior-salon .block-common-05 .column-list > div::after {border-left-color: var(--professional-blue);} #senior-salon .block-common-05 .column-list > div figure {padding-top: 55%;} #senior-salon .block-common-05 .column-list > div figure::before {width: 63px;height: 63px;} #senior-salon .block-common-05 .column-list > div:nth-child(1) figure::before {background-image: url("/assets/images/original/senior-salon-senior-sumikae-02.png");} #senior-salon .block-common-05 .column-list > div:nth-child(2) figure::before {background-image: url("/assets/images/original/senior-salon-senior-sumikae-03.png");} #senior-salon .block-common-05 .column-list > div:nth-child(3) figure::before {background-image: url("/assets/images/original/senior-salon-senior-sumikae-04.png");} #senior-salon .block-common-05 .column-list > div:nth-child(4) figure::before {background-image: url("/assets/images/original/senior-salon-senior-sumikae-05.png");} @media screen and (max-width: 768px) { #senior-salon .block-baikyaku-satei-02 {height: auto;} #senior-salon .block-baikyaku-satei-02 h3 {font-size: 225%;line-height: 1.5;} #senior-salon .block-baikyaku-satei-02 h4 {margin: 1em 0;} #senior-salon .block-baikyaku-satei-02 p small {background-size: 1em auto;} #senior-salon .block-baikyaku-satei-02 figure {top: 94%;right: 50%;width: 100%;transform: translate(50%, -50%);z-index: 2;} #senior-salon .block-baikyaku-satei-02 .container {padding: 4.5em 0 10em;margin-bottom: 7em;} #senior-salon .block-baikyaku-satei-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-baikyaku-satei-03 {padding: 4em 0 1em;} #senior-salon .block-baikyaku-satei-03 h3 {margin-bottom: 1em;line-height: 1.5;} #senior-salon .block-baikyaku-satei-03 section > h4 {background-color: var(--professional-blue);max-width: 16em;margin: 0 auto 1em;border-radius: 1em;line-height: 2;text-align: center;color: #fff!important;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(1) {padding-right: 0;margin-bottom: 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(1) figure {position: relative;top: inherit;right: inherit;transform: none;margin: 2em 1.5em 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) {border-top: 1px dotted #050505;margin-bottom: 2em;padding-top: 2em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) h4 {margin-bottom: 1em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div {width: 100%;margin-top: 1em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div figure {padding-top: 50%;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div:nth-child(4) figure + p {margin-top: 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(2) .column-list > div:nth-child(n+4) {margin-top: 1em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div {width: 100%;margin-top: 5em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div figure {padding-top: 14em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(3) .column-list > div figure img {width: auto;height: 14em;transform: translate(-50%, -60%);} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) {border-top: 1px dotted #050505;margin-top: 0;margin-bottom: 2em;padding-top: 2em;padding-right: 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) figure {position: relative;top: inherit;right: inherit;transform: none;margin: 2em 0 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(4) figure img {margin: 0 auto;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) {padding-right: 0;margin-bottom: 3em;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) figure {position: relative;top: inherit;right: inherit;transform: none;margin: 2em 0 0;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) figure img {margin: 0 auto;} #senior-salon .block-baikyaku-satei-03 section:nth-of-type(5) p.title-02 {margin-bottom: 3em;font-size: 125%;} #senior-salon .block-baikyaku-satei-04 h3 {max-width: 12em;margin-bottom: 1em;} #senior-salon .block-baikyaku-satei-05 {padding-top: 4em;padding-bottom: 1px;} #senior-salon .block-baikyaku-satei-05 h3 {max-width: 14em;margin-bottom: 1em;} #senior-salon .block-baikyaku-satei-05 h4 {max-width: 16em;} #senior-salon .block-baikyaku-satei-05 .container {margin-top: 2em;} #senior-salon .block-baikyaku-satei-05 .container header {justify-content: space-between;} #senior-salon .block-baikyaku-satei-05 .container header p {flex-direction: column-reverse;width: 50%;} #senior-salon .block-baikyaku-satei-05 .container header p img {width: auto;height: 5em;} #senior-salon .block-baikyaku-satei-05 .container header p span {display: block;margin: 0 0 1em;text-align: center;font-size: 100%;} #senior-salon .block-baikyaku-satei-05 .container header::before {font-size: 400%;transform: translate(-50%, -10%);} #senior-salon .block-baikyaku-satei-05 .container h5 {margin-bottom: 0.75em;} #senior-salon .block-baikyaku-satei-05 .container .column-list > div+ div {margin-top: 3em;} #senior-salon .block-baikyaku-satei-05 .container ol li {padding: 2em 0;flex-wrap: wrap;align-items: center;} #senior-salon .block-baikyaku-satei-05 .container ol li figure {width:100%;} #senior-salon .block-baikyaku-satei-05 .container ol li figure img {transform-origin: 0 0;} #senior-salon .block-baikyaku-satei-05 .container ol li div {width:100%;} #senior-salon .block-baikyaku-satei-05 .container + .text-01 {margin: 0.5em auto 2em;padding-left: 1em;line-height: 1.25;text-indent: -1em;} #senior-salon .block-common-04 > div p {margin-right: 0;} #senior-salon .block-common-05 {margin-bottom: 4em;} #senior-salon .block-common-05 .column-list > div figure {padding-top: 40%;} #senior-salon .block-common-05 .column-list > div figure::before {width: 4em;height: 4em;background-size: contain;top: 0;left: 0;} #senior-salon .block-common-05 .column-list > div h4 span {left: 0;right: 0;transform: translateY(0);text-align: center;} #senior-salon .block-common-05 .column-list > div:nth-child(1) figure {padding-top: 30%;} #senior-salon .block-common-05 .column-list > div:nth-child(1) figure img {transform: translate(-50%, -35%);} #senior-salon .block-common-05 .column-list > div:nth-child(2) figure img {transform: translate(-50%, -35%);} #senior-salon .block-common-05 .column-list > div:nth-child(3) figure img {transform: translate(-50%, -35%);} #senior-salon .block-common-05 .column-list > div:nth-child(4) figure img {transform: translate(-50%, -40%);} }