@charset "UTF-8";
/*
リセットcssを記述
*/
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

abbr[title] {
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg, img, embed, object, iframe {
  vertical-align: bottom;
}

button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
}

button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td, th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

/* メディアクエリ */
/* //メディアクエリ */
/* position 中央寄せ */
/* //position 中央寄せ */
html {
  font-size: 100%;
}

body {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  position: relative;
  color: #5D5D5D;
  -webkit-font-smoothing: antialiased; /* macで文字が太くなる現象を解消 */
}
body.noscroll {
  overflow: hidden;
}
body .header-and-main--syonan {
  color: #333333;
}

main {
  margin-top: 151.2px;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  main {
    margin-top: 16.6538461538vw;
  }
}

p {
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}

ul {
  list-style: none;
  padding-left: 0;
}

a {
  transition: all 0.3s;
}
a:hover {
  opacity: 0.7;
}

.header-and-main--syonan {
  background-color: #FBF5ED;
}
.header-and-main--syonan main {
  margin-top: 124.67px;
}
@media screen and (max-width: 1280px) {
  .header-and-main--syonan main {
    margin-top: 119.38px;
  }
}
@media screen and (max-width: 1024px) {
  .header-and-main--syonan main {
    margin-top: 16.4820512821vw;
  }
}
.header-and-main--syonan a {
  transition: all 0.4s;
}
.header-and-main--syonan a:hover {
  opacity: 0.6;
}

.p-fv {
  padding-top: 79px;
  padding-bottom: 201px;
  position: relative;
  background-color: #FFFFFF;
}
@media screen and (max-width: 1024px) {
  .p-fv {
    padding-top: 20.7692307692vw;
    padding-bottom: 0;
  }
}
.p-fv::before {
  content: "";
  width: 106.875vw;
  height: 27.5vw;
  background: url(../images/syonan/home/fv-bg.svg) no-repeat bottom center/cover;
  position: absolute;
  top: -1.5277777778vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-fv::before {
    background-image: url(../images/syonan/home/fv-bg-sp.svg);
    width: 100%;
    height: 113.3333333333vw;
    top: -7.1794871795vw;
    background-position: center center;
    left: 0;
    transform: translateX(0);
  }
}
.p-fv::after {
  content: "";
  width: 100%;
  height: 7.2916666667vw;
  background: url(../images/syonan/home/fv-bg-wave.svg) no-repeat bottom center/cover;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .p-fv::after {
    background-image: url(../images/syonan/home/fv-bg-wave-sp.svg);
    height: 7.1794871795vw;
    bottom: 0;
  }
}
.p-fv.js-scrollcheck {
  transition-timing-function: ease-out;
}
.p-fv__content {
  width: max-content;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-fv__content {
    padding-bottom: 59.4871794872vw;
  }
}
.p-fv__label {
  text-align: center;
  margin-bottom: 20px;
  transition-delay: 0.8s;
}
@media screen and (max-width: 1024px) {
  .p-fv__label {
    margin-bottom: 5.1282051282vw;
  }
}
.p-fv__label img {
  width: 115px;
}
@media screen and (max-width: 1024px) {
  .p-fv__label img {
    width: 29.4871794872vw;
  }
}
.p-fv__title {
  font-size: 48px;
  font-weight: 700;
  color: #428AC4;
  text-align: center;
  line-height: 1.4;
  transition-delay: 0.8s;
}
@media screen and (max-width: 1024px) {
  .p-fv__title {
    font-size: 9.2307692308vw;
  }
}
.p-fv__title--small {
  font-size: 43px;
}
@media screen and (max-width: 1024px) {
  .p-fv__title--small {
    font-size: 5.641025641vw;
  }
}
.p-fv__image {
  position: absolute;
  z-index: 2;
  transition-delay: 0.4s;
}
.p-fv__image--left {
  top: 112px;
  left: -134px;
}
@media screen and (max-width: 1024px) {
  .p-fv__image--left {
    width: 29.7435897436vw;
    top: unset;
    bottom: -1.5384615385vw;
    left: 2.0512820513vw;
  }
}
.p-fv__image--right {
  top: 109px;
  right: -162px;
}
@media screen and (max-width: 1024px) {
  .p-fv__image--right {
    width: 31.5384615385vw;
    top: unset;
    bottom: -1.5384615385vw;
    right: 4.8717948718vw;
  }
}
.p-fv__image img {
  width: 100%;
}

.p-news {
  background-color: #FBF5ED;
  padding-top: 80px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .p-news {
    padding: 20.5128205128vw 2.5641025641vw 12.8205128205vw;
  }
}
.p-news__inner {
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 50px 70px;
}
@media screen and (max-width: 1024px) {
  .p-news__inner {
    padding: 12.8205128205vw 3.8461538462vw;
    border-radius: 5.1282051282vw;
  }
}
.p-news__title {
  font-size: 32px;
  font-weight: 700;
  color: #4080AE;
  margin: 0 auto 30px;
  padding-left: 35px;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-news__title {
    font-size: 6.1538461538vw;
    margin: 0 auto 7.6923076923vw;
    padding-left: 8.9743589744vw;
  }
}
.p-news__title::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_324_23207)'%3E%3Cpath d='M25.93 4.33279C23.3027 2.1105 19.5463 0.812239 14.9528 0.813294C10.5942 0.813294 6.87246 2.04265 4.21096 4.23581C2.88076 5.3307 1.8228 6.66699 1.10198 8.18667C0.380217 9.70595 -0.00111085 11.4048 2.43069e-06 13.2083C-0.00111085 15.3888 0.455159 17.4028 1.3776 19.1601C2.25592 20.8396 3.56297 22.2679 5.22715 23.3849C4.83369 25.0413 4.28045 27.4085 4.28045 27.4096C4.25514 27.516 4.2419 27.6268 4.24301 27.7392C4.24196 28.1839 4.44914 28.612 4.80944 28.8881L4.81166 28.8897V28.8903C5.06959 29.0865 5.38031 29.1868 5.69115 29.1868C5.92483 29.1868 6.16172 29.13 6.37553 29.0149L6.39651 29.0039L6.41742 28.9912C6.41854 28.9907 6.71502 28.8148 7.17129 28.5448C7.85455 28.1404 8.896 27.5249 9.82506 26.9777C10.2891 26.7044 10.7255 26.4482 11.0737 26.2449C11.4208 26.0421 11.6875 25.8873 11.7868 25.8327L11.7912 25.83L11.7977 25.8261C13.0927 25.0921 14.1242 24.9687 14.953 24.9643C18.3925 24.9593 22.0552 24.2926 24.9801 22.467C26.4392 21.5528 27.7088 20.3335 28.6015 18.7723C29.4964 17.2123 30.0011 15.3239 30.0001 13.138C30.0066 9.69991 28.5595 6.54962 25.93 4.33279ZM26.6431 17.6508C26.1262 18.5517 25.4496 19.3099 24.6373 19.9525C23.4195 20.9151 21.891 21.61 20.2147 22.058C18.5391 22.507 16.7195 22.7077 14.9529 22.7071C13.8684 22.7027 12.3531 22.9071 10.6901 23.8604V23.8599C10.506 23.9623 10.0961 24.201 9.55606 24.5172C8.78133 24.9718 7.76192 25.573 6.91114 26.0766C7.11832 25.1922 7.35973 24.1679 7.53932 23.4157V23.4146C7.56909 23.289 7.59112 23.1528 7.59112 22.998C7.59334 22.7798 7.53709 22.5137 7.41153 22.2922C7.31778 22.1263 7.19766 21.9957 7.09301 21.9065C6.93211 21.7726 6.812 21.7147 6.74473 21.6778L6.67641 21.6431L6.66867 21.6387C5.19522 20.6892 4.11076 19.51 3.37688 18.112C2.64287 16.7118 2.25715 15.078 2.25715 13.2083C2.25715 11.72 2.56682 10.365 3.14098 9.15441C4.00278 7.34152 5.46522 5.83771 7.46438 4.76597C9.46137 3.6964 11.9994 3.07044 14.953 3.07044C19.1297 3.07156 22.3318 4.24413 24.4721 6.05591C26.609 7.87378 27.7353 10.3215 27.743 13.1378C27.7407 14.9838 27.3285 16.449 26.6431 17.6508Z' fill='%234080AE'/%3E%3Cpath d='M7.9134 11.553C6.95961 11.553 6.18652 12.3267 6.18652 13.2805C6.18652 14.2343 6.95961 15.0074 7.9134 15.0074C8.86777 15.0074 9.64086 14.2343 9.64086 13.2805C9.64092 12.3267 8.86783 11.553 7.9134 11.553Z' fill='%234080AE'/%3E%3Cpath d='M14.6498 11.553C13.6959 11.553 12.9229 12.3267 12.9229 13.2805C12.9229 14.2343 13.6959 15.0074 14.6498 15.0074C15.6042 15.0074 16.3773 14.2343 16.3773 13.2805C16.3773 12.3267 15.6042 11.553 14.6498 11.553Z' fill='%234080AE'/%3E%3Cpath d='M21.3867 11.553C20.4329 11.553 19.6592 12.3267 19.6592 13.2805C19.6592 14.2343 20.4329 15.0074 21.3867 15.0074C22.3411 15.0074 23.1143 14.2343 23.1143 13.2805C23.1143 12.3267 22.3411 11.553 21.3867 11.553Z' fill='%234080AE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_324_23207'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-news__title::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
.p-news__item {
  border-top: 1px solid #D8EBF1;
}
@media screen and (max-width: 1024px) {
  .p-news__item {
    border-top: 0.2564102564vw solid #D8EBF1;
  }
}
.p-news__item:last-of-type {
  border-bottom: 1px solid #D8EBF1;
}
@media screen and (max-width: 1024px) {
  .p-news__item:last-of-type {
    border-bottom: 0.2564102564vw solid #D8EBF1;
  }
}
.p-news__item a {
  padding: 15px 0;
  display: flex;
  align-items: center;
  gap: 40px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-news__item a {
    padding: 3.8461538462vw 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2820512821vw;
  }
}
.p-news__item a::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%2363ACC3'/%3E%3Cpath d='M12 8H4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33331 5L12 8L9.33331 11' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-news__item a::before {
    width: 4.1025641026vw;
    height: 4.1025641026vw;
    right: 2.5641025641vw;
  }
}
.p-news__date {
  background-color: #63ACC3;
  border-radius: 5px;
  color: #FFFFFF;
  padding: 2px 17.5px 4px;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-news__date {
    font-size: 4.1025641026vw;
    border-radius: 1.2820512821vw;
    padding: 0.5128205128vw 4.4871794872vw 1.0256410256vw;
  }
}
.p-news__text {
  line-height: 1.6;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .p-news__text {
    font-size: 4.1025641026vw;
  }
}
.p-news__footer {
  text-align: right;
  margin-top: 30px;
}
.p-news__more {
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-news__more {
    font-size: 3.5897435897vw;
  }
}
.p-news__more::after {
  content: "";
  width: 100%;
  height: 0.5px;
  background-color: #333333;
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: all 0.4s;
}
@media screen and (max-width: 1024px) {
  .p-news__more::after {
    height: 0.1282051282vw;
    bottom: -0.2564102564vw;
  }
}
.p-news__more:hover::after {
  opacity: 0;
}

.p-sickcare {
  background-color: #FBF5ED;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .p-sickcare {
    padding: 0 2.5641025641vw 25.641025641vw;
  }
}
.p-sickcare__inner {
  border-radius: 20px;
  background-color: #FFFFFF;
  padding: 50px 50px 66px;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__inner {
    padding: 12.8205128205vw 3.8461538462vw;
    border-radius: 5.1282051282vw;
  }
}
.p-sickcare__title {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  width: fit-content;
  margin: 0 auto 37px;
  color: #4080AE;
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__title {
    font-size: 6.1538461538vw;
    margin-bottom: 9.4871794872vw;
    padding-left: 9.2307692308vw;
  }
}
.p-sickcare__title::before {
  content: "";
  width: 31px;
  height: 33px;
  background: url("data:image/svg+xml,%3Csvg width='31' height='33' viewBox='0 0 31 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_324_23251)'%3E%3Cpath d='M0 33H31V12.5814L15.4972 0L0 12.5814V33Z' fill='%234080AE'/%3E%3Cpath d='M17.3571 26.9485V12.9432H13.643V26.9485H17.3571Z' fill='white'/%3E%3Cpath d='M8.69832 21.86H22.3073V18.0377H8.69832V21.86Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_324_23251'%3E%3Crect width='31' height='33' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat center center/contain;
  color: #428AC4;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .p-sickcare__title::before {
    width: 7.9487179487vw;
    height: 8.4615384615vw;
  }
}
.p-sickcare__intro {
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__intro {
    flex-direction: column-reverse;
    gap: 5.1282051282vw;
    margin-bottom: 12.8205128205vw;
  }
}
.p-sickcare__intro-image {
  flex: 0 0 22%;
}
.p-sickcare__intro-text {
  flex: 0 0 64%;
}
.p-sickcare__intro-text p {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__intro-text p {
    font-size: 4.1025641026vw;
  }
}
@media screen and (max-width: 1024px) {
  .p-sickcare__intro-image {
    text-align: center;
  }
}
@media screen and (max-width: 1024px) {
  .p-sickcare__intro-image img {
    width: 34.8717948718vw;
  }
}
.p-sickcare__trouble-title {
  background-color: #9F9F9F;
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.4;
  padding: 3px 0;
  border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-title {
    font-size: 5.1282051282vw;
    line-height: 1.4;
    padding: 0;
    border-radius: 5.1282051282vw 5.1282051282vw 0 0;
  }
}
.p-sickcare__trouble-inner {
  background-color: #DFDFDF;
  padding: 30px;
  position: relative;
  border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-inner {
    padding: 5.1282051282vw 2.8205128205vw 40.5128205128vw;
    border-radius: 0 0 5.1282051282vw 5.1282051282vw;
  }
}
.p-sickcare__trouble-inner::before {
  content: "";
  width: 202px;
  height: 158px;
  background: url(../images/syonan/home/sickcare-trouble.svg) no-repeat center center/contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-inner::before {
    width: 51.7948717949vw;
    height: 40.5128205128vw;
  }
}
.p-sickcare__trouble-inner::after {
  content: "";
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-top: 18px solid #dfdfdf;
  border-bottom: 0;
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-inner::after {
    border-right: 4.6153846154vw solid transparent;
    border-left: 4.6153846154vw solid transparent;
    border-top: 4.6153846154vw solid #dfdfdf;
    border-bottom: 0;
    bottom: -4.6153846154vw;
  }
}
.p-sickcare__trouble-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 222px;
  row-gap: 15px;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-list {
    gap: 2.5641025641vw;
    row-gap: 2.5641025641vw;
  }
}
.p-sickcare__trouble-item {
  background-color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  padding: 10px 0;
  flex: 0 0 32.6%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.4;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__trouble-item {
    flex: 0 0 48%;
    font-size: 3.5897435897vw;
    padding: 2.5641025641vw 0;
    border-radius: 1.2820512821vw;
  }
}
.p-sickcare__cta-main {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  padding-left: 97px;
  width: fit-content;
  margin: 38px auto 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__cta-main {
    font-size: 5.1282051282vw;
    line-height: 1.4;
    padding-left: 0;
    padding-bottom: 24.6153846154vw;
    margin-top: 9.7435897436vw;
  }
}
.p-sickcare__cta-main::before {
  content: "";
  width: 77px;
  height: 86px;
  background: url(../images/syonan/home/sickcare-cta.svg) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .p-sickcare__cta-main::before {
    width: 19.7435897436vw;
    height: 22.0512820513vw;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 0;
  }
}/*# sourceMappingURL=home-syonan.css.map */