@charset "UTF-8";

#senior-salon .block-kaigo-chishiki-01 {background-color: #F9E6E1;position: relative;}
#senior-salon .block-kaigo-chishiki-01 h2 {display: flex;padding: 9.5em 0 5em;justify-content: center;align-items: center;color: var(--livable-red);}
#senior-salon .block-kaigo-chishiki-01 h2 span {display: block;margin-left: 1em;}
#senior-salon .block-kaigo-chishiki-01::before {content: "";position: absolute;top: 0;bottom: 0;right: 50%;left: 0;margin-right: 12em;background: transparent url("/assets/images/original/senior-salon-kaigo-chishiki-01.png") no-repeat 100% 100%;}

#senior-salon .block-kaigo-chishiki-02 {background-color: #F9E6E1;padding-bottom: 5.4em;}
#senior-salon .block-kaigo-chishiki-02 section h3 {border-bottom: 1px dotted #050505;margin: 0 auto;padding-bottom: 1em;line-height: 1;text-align: center;color: var(--livable-navy);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) header {position: relative;width: calc(100% - 3em);max-width: 1000px;padding: 6em 0 12em;margin: 0 auto;background: transparent url("/assets/images/original/senior-salon-kaigo-chishiki-02.png") no-repeat 100% 50%;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) header h3 {max-width: 13em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list {position: relative;justify-content: space-around;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list::before {content: "";position: absolute;top: 0;bottom: 0;left: 50%;width: 1px;background-color: #050505;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div {display: flex;flex-direction: column;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div h4 {text-align: center;color: var(--livable-navy);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div figure {height: 17em;background-position: 50%;background-repeat: no-repeat;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul {margin-top: 1em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul li {position: relative;margin: 0.75em 0 0;padding-left: 1.5em;font-size: 125%;line-height: 1.5;letter-spacing: 0.05em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul::before {content: attr(data-label)"";display: block;max-width: 10em;margin: 0 auto 1.5em;border-radius: 2em;font-size: 125%;font-weight: 700;text-align: center;line-height: 1.88;letter-spacing: 0.05em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul li::before {content: "●";position: absolute;top: 0;left: 0;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.merit {min-height: 18em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.merit::before {background-color: rgba(229, 104, 0, 0.30);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.merit li::before {color: var(--livable-orange);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.demerit {min-height: 12em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.demerit::before {background-color: rgba(0, 0, 0, 0.20);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul.demerit li::before {color: var(--livable-gray);}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(2) h3 {max-width: 17em;margin: 3.5em auto 1.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(2) .column-list {justify-content: space-around;max-width: 50em;margin: 0 auto;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(2) .column-list ul li::before {content: "・";}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(3) {margin-bottom: 7em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(3) h3 {max-width: 16em;margin: 3.5em auto 1.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul {display: flex;justify-content: space-around;max-width: 40em;margin: 0 auto;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul li a {display: flex;align-items: center;color: #000;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul li a svg {margin-left: 0.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) h3 {max-width: 16em;margin: 5.5em auto 1.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) h3 + p {max-width: 48em;width: calc(100% - 3em);margin: 0 auto 3em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) figure {max-width: 701px;width: calc(100% - 3em);margin: 0 auto 4em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) figure p {text-align: right;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg {background-color: #DDE7EF;max-width: 1000px;width: calc(100% - 3em);margin: 0 auto;padding: 2em;border-radius: 1.25em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg h4 {margin-bottom: 1em;text-align: center;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg div {display: flex;justify-content: space-between;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg ul li {position: relative;padding-left: 1.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg ul li::before {content: attr(data-num)"";position: absolute;top: 0;left: 0;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(6) h3 {max-width: 20em;margin: 4.5em auto 1.5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(6) h3 + p {max-width: 48em;width: calc(100% - 3em);margin: 0 auto 5em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(6) figure {max-width: 452px;width: calc(100% - 3em);margin: 0 auto;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(6) figure::before {content: attr(data-label)"";display: block;margin-bottom: 1em;font-size: 150%;font-weight: 500;line-height: 1;letter-spacing: 0.05em;}
#senior-salon .block-kaigo-chishiki-02 section:nth-child(6) figure p {text-align: right;}
#senior-salon .block-kaigo-chishiki-02 .container {background-color: #fff;border-radius: 2.5em;max-width: 1165px;margin: 0 auto;padding-bottom: 4em;position: relative;}

#senior-salon .block-common-04::before {background-color: var(--livable-red);}
#senior-salon .block-common-04 > div {background-color: #F9E6E1;}

/* Only PC
============================================== */
#senior-salon.pc .block-kaigo-chishiki-02 section:nth-child(3) ul li a {transition: color ease 200ms;}
#senior-salon.pc .block-kaigo-chishiki-02 section:nth-child(3) ul li a svg {transition: filter ease 200ms;}
#senior-salon.pc .block-kaigo-chishiki-02 section:nth-child(3) ul li a:hover {color: var(--livable-red);}
#senior-salon.pc .block-kaigo-chishiki-02 section:nth-child(3) ul li a:hover svg {filter: invert(15%) sepia(99%) saturate(5245%) hue-rotate(351deg) brightness(75%) contrast(112%);}

.notice {
max-width: 66em;
width: calc(100% - 3em);
padding: 0 3em;
margin: 60px auto 0 auto;
}

.notice h4 {
font-size: 24px !important;
color: #fff;
line-height: 1;
display: inline-block;
padding: 15px 40px;
border-radius: 25px;
background-color: #c70001;
transform: translate(-75px, -30px);
}

.notice p {
margin: 0 0 20px 0;
}

.notice a {
color: #1A1A1C;
}

.notice a:hover {
text-decoration: underline;
}


@media screen and (max-width: 768px) {
  #senior-salon .block-kaigo-chishiki-01 h2 {display: block;margin-left: 40%;padding: 3.5em 0 2em;}
  #senior-salon .block-kaigo-chishiki-01 h2 img {margin: 0 auto;}
  #senior-salon .block-kaigo-chishiki-01 h2 span {margin-left: 0;text-align: center;}
  #senior-salon .block-kaigo-chishiki-01::before {top: 3em;margin: 0;background-size: contain;background-position: 50% 100%;}

  #senior-salon .block-kaigo-chishiki-02 section h3 {line-height: 1.5;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) header {background-image: none;padding: 6em 0 4em;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list::before {display: none;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div {display: block;width: calc(100% - 3em);margin: 0 auto;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div + div {border-top: 1px solid #050505;margin-top: 3em;padding-top: 3em;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div figure {height: 13em;margin-top: 2em;background-size: contain;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(1) .column-list > div ul {margin: 3em 1.5em 0;min-height: 0!important;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(2) .column-list > div {width: calc(100% - 3em);margin: 0 auto;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(2) .column-list > div ul {margin: 0 1.5em;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul {display: block;width: calc(100% - 3em);margin: 0 auto;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul li {width: calc(100% - 3em);margin: 0 auto;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(3) ul li + li {margin-top: 1em;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(5) h3 {margin-top: 3.5em;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(5) .bg div {display: block;}
  #senior-salon .block-kaigo-chishiki-02 section:nth-child(6) h3 {max-width: 14em;margin-bottom: 1em;}
  #senior-salon .block-kaigo-chishiki-02 .container {margin: 0 1.5em;border-radius: 1.5em;}

.notice {
padding: 0;
}

.notice h4 {
font-size: 20px !important;
padding: 10px 20px;
transform: translate(-5px, -25px);
}
}