@charset "UTF-8";
.l-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 22vw;
  padding-bottom: calc(22vw + constant(safe-area-inset-bottom) * 0.8);
  padding-bottom: calc(22vw + env(safe-area-inset-bottom) * 0.8);
  min-height: 18.6666666667vw;
  background-color: #5ab5bd;
}
.l-footer .copyright {
  text-align: center;
  font-size: 2.9333333333vw;
  color: #fff;
}

.l-header {
  pointer-events: none;
}
.l-header a {
  pointer-events: auto;
}
.l-header .sub-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.l-header .sub-header .logo {
  padding-left: 5.3333333333vw;
  width: 48.5333333333vw;
}
.l-header .sub-header .navi-open__inner {
  position: relative;
  width: 17.6vw;
  height: 14.6666666667vw;
  cursor: pointer;
}
.l-header .sub-header .navi-open__inner span {
  display: inline-block;
  position: absolute;
  left: 4vw;
  width: 9.3333333333vw;
  height: 1.0666666667vw;
  border-radius: 1rem;
  background: #33699e;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.l-header .sub-header .navi-open__inner span:nth-of-type(1) {
  top: 2.5333333333vw;
}
.l-header .sub-header .navi-open__inner span:nth-of-type(2) {
  top: 4.9333333333vw;
}
.l-header .sub-header .navi-open__inner span:nth-of-type(2)::after {
  content: "MENU";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 4.9333333333vw;
  right: 0;
  left: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-left: 0.1em;
  width: 9.3333333333vw;
  text-align: center;
  font-size: 2.4vw;
  font-weight: bold;
  letter-spacing: 0.2em;
  color: #33699e;
}
.l-header .sub-header .navi-open__inner span:nth-of-type(3) {
  top: 7.4666666667vw;
}
.l-header .sub-header.is-open .navi-open {
  padding: 2.5333333333vw 5.8vw 6.1333333333vw;
}
.l-header .sub-header.is-open .navi-open .navi-open__inner {
  position: relative;
  width: 6vw;
  height: 6vw;
}
.l-header .sub-header.is-open .navi-open span:nth-of-type(1) {
  top: 50%;
  left: -24%;
  width: 9vw;
  height: 1.0666666667vw;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}
.l-header .sub-header.is-open .navi-open span:nth-of-type(2) {
  top: 0;
  left: -24%;
  background: none;
}
.l-header .sub-header.is-open .navi-open span:nth-of-type(2)::after {
  content: "CLOSE";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 7.3333333333vw;
  right: 0;
  left: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-left: -0.2em;
  padding-left: 0;
  text-align: center;
  font-size: 2.4vw;
  font-weight: bold;
  letter-spacing: inherit;
  color: #33699e;
}
.l-header .sub-header.is-open .navi-open span:nth-of-type(3) {
  top: 50%;
  left: -24%;
  width: 9vw;
  height: 1.0666666667vw;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.l-header .sub-header .navi {
  width: 100%;
}
.l-header .sub-header .navi__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.6666666667vw 3.3333333333vw;
  height: 20vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-header .sub-header .navi__cta__item {
  overflow: hidden;
  width: 45.3333333333vw;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
.l-header .sub-header.is-open {
  -webkit-box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.15);
}
.l-header .mainvisual {
  position: relative;
  z-index: -1;
  overflow: hidden;
  padding: 22.6666666667vw 0 1.6vw;
  background: radial-gradient(#A9D7DD, #5BB2BE);
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-header .mainvisual::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 55%, rgba(255, 255, 255, 0.1) 55%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size: 6.5px 6.5px;
  background-attachment: fixed;
}
.l-header .mainvisual__lead {
  position: relative;
  z-index: -1;
  margin: 0 auto 0.8rem;
  width: 54.2666666667vw;
  text-align: center;
  line-height: 1.5;
  font-size: 4.2666666667vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}
.l-header .mainvisual__lead::before, .l-header .mainvisual__lead::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.8vw;
  width: 0.5333333333vw;
  height: 10.4vw;
  border-radius: 0.5333333333vw;
  background-color: #fff;
}
.l-header .mainvisual__lead::before {
  left: 1.6vw;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.l-header .mainvisual__lead::after {
  right: 1.6vw;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.l-header .mainvisual__headline {
  margin: 0 auto 1.8666666667vw;
  width: 81.8666666667vw;
  height: 24.6666666667vw;
}
.l-header .mainvisual__headline::before {
  content: "";
  display: block;
  position: absolute;
  top: 17.0666666667vw;
  left: -7.8666666667vw;
  z-index: -1;
  width: 37.2vw;
  height: 36.4vw;
  background: url(../../img/sp/header_mainvisual_bg1.png?v=2) center no-repeat;
  background-size: contain;
}
.l-header .mainvisual__target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 54.6666666667vw;
  margin: 0 auto;
}
.l-header .mainvisual__target__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 0 auto;
  width: 55.0666666667vw;
  height: 7.4666666667vw;
}
.l-header .mainvisual__target__item:nth-child(1) {
  border-radius: 1.3333333333vw;
  background: #33699e;
  font-size: 4.5333333333vw;
  font-weight: bold;
  color: #fff;
}
.l-header .mainvisual__target__item:nth-child(2) {
  margin-top: 1.3333333333vw;
  border: 0.2666666667vw solid #33699e;
  background: #fff;
  -webkit-box-shadow: 0.5333333333vw 0.5333333333vw 0.5333333333vw #666;
          box-shadow: 0.5333333333vw 0.5333333333vw 0.5333333333vw #666;
  font-size: 2.9333333333vw;
  font-weight: bold;
  color: #3c3c3c;
}
.l-header .mainvisual__target__item:nth-child(2) em {
  display: block;
  margin: 0 1.3333333333vw;
  font-size: 4.8vw;
  font-weight: bold;
  color: #dc5f36;
}
.l-header .mainvisual__target__item:nth-child(2) sup {
  margin-top: -2.6666666667vw;
}
.l-header .mainvisual__merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.2666666667vw auto 0;
  width: 68.5333333333vw;
}
.l-header .mainvisual__merit::before, .l-header .mainvisual__merit::after {
  content: "";
  display: block;
  position: absolute;
  right: -4.9333333333vw;
  bottom: 26.1333333333vw;
  width: 31.2vw;
  height: 31.2vw;
}
.l-header .mainvisual__merit::before {
  z-index: 1;
  height: 33.3333333333vw;
  background: url(../../img/sp/header_mainvisual_bg2-1.png?v=2) center no-repeat;
  background-size: contain;
}
.l-header .mainvisual__merit::after {
  z-index: -1;
  background: url(../../img/sp/header_mainvisual_bg2-2.png) center no-repeat;
  background-size: contain;
}
.l-header .mainvisual__merit__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 1rem;
  width: 21.3333333333vw;
  height: 21.3333333333vw;
  background: url(../../img/sp/header_mainvisual_bg3.png) center no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 1.4;
  font-size: 3.2vw;
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.l-header .mainvisual__tel {
  margin: 6.8vw auto 0;
  width: 78.6666666667vw;
}
.l-header .mainvisual__tel__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  font-size: 3.8666666667vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #33699e;
}
.l-header .mainvisual__tel__lead::before, .l-header .mainvisual__tel__lead::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.5333333333vw;
  border-radius: 0.5333333333vw;
  background-color: #33699e;
}
.l-header .mainvisual__tel__lead::before {
  margin-right: 2.4vw;
}
.l-header .mainvisual__tel__lead::after {
  margin-left: 2.4vw;
}
.l-header .mainvisual__tel__button {
  position: relative;
  overflow: hidden;
  margin-top: 1.4666666667vw;
  width: 78.6666666667vw;
  height: 14.6666666667vw;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
}
.l-header .mainvisual__tel__button a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.l-header .mainvisual__tel__caution {
  margin-top: 1.3333333333vw;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  color: #3c3c3c;
}
.l-header .mainvisual__annotation {
  margin: 3.6vw 2.6666666667vw 0;
  text-align: right;
  font-size: 2.1333333333vw;
  font-weight: normal;
  color: #3c3c3c;
}
.l-header .mainvisual:not(.ready) .mainvisual__lead {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.75s ease-out, -webkit-transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, -webkit-transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, transform 0.75s ease-out, -webkit-transform 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__headline {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__headline::before {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__target {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__merit .mainvisual__merit__item {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__merit::before, .l-header .mainvisual:not(.ready) .mainvisual__merit::after {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__tel {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual:not(.ready) .mainvisual__annotation {
  opacity: 0;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.l-header .mainvisual.ready .mainvisual__lead {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.75s ease-out, -webkit-transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, -webkit-transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, transform 0.75s ease-out;
  transition: opacity 0.75s ease-out, transform 0.75s ease-out, -webkit-transform 0.75s ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.l-header .mainvisual.ready .mainvisual__headline {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.l-header .mainvisual.ready .mainvisual__headline::before {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 4.85s;
          transition-delay: 4.85s;
}
.l-header .mainvisual.ready .mainvisual__target {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.l-header .mainvisual.ready .mainvisual__merit .mainvisual__merit__item:nth-child(1) {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}
.l-header .mainvisual.ready .mainvisual__merit .mainvisual__merit__item:nth-child(2) {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 3.15s;
          transition-delay: 3.15s;
}
.l-header .mainvisual.ready .mainvisual__merit .mainvisual__merit__item:nth-child(3) {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.l-header .mainvisual.ready .mainvisual__merit::before, .l-header .mainvisual.ready .mainvisual__merit::after {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 4.85s;
          transition-delay: 4.85s;
}
.l-header .mainvisual.ready .mainvisual__tel {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 4.85s;
          transition-delay: 4.85s;
}
.l-header .mainvisual.ready .mainvisual__annotation {
  opacity: 1;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transition-delay: 4.85s;
          transition-delay: 4.85s;
}
.l-header > .navi__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9.3333333333vw;
}

.navi__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 0.2666666667vw solid #c4c4c4;
}
.navi__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  border-bottom: 0.2666666667vw solid #c4c4c4;
  background: url(../../img/sp/header_arrow.png) center bottom 1.3333333333vw/1.7333333333vw 1.4666666667vw no-repeat;
  line-height: 13.3333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.navi__list__item a {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 3.7333333333vw;
  color: #33699e;
}
.navi__list__item:nth-child(odd) {
  border-right: 0.2666666667vw solid #c4c4c4;
}
.navi__list::after {
  content: "";
  display: block;
  width: 50%;
  border-bottom: 0.2666666667vw solid #c4c4c4;
  line-height: 13.3333333333vw;
}

.accordion__contents {
  overflow: hidden;
  height: 0;
  max-height: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.accordion.is-open .accordion__contents {
  will-change: transform;
}

.c-cta {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 5.3333333333vw;
  padding: 0 5.3333333333vw 5.0666666667vw;
  border-radius: 1rem;
  background-color: #dceef1;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
}
.c-cta__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 10.6666666667vw;
  background-color: #33699e;
  font-size: 4.2666666667vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}
.c-cta__headline > span {
  padding-top: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
}
.c-cta__caution {
  margin-top: 1.3333333333vw;
  text-align: center;
  font-size: 1rem;
  color: #3c3c3c;
}
.c-cta__btn {
  overflow: hidden;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
}
.c-cta-a {
  margin-top: -13.3333333333vw;
  margin-bottom: 8.2666666667vw;
}
.c-cta-a .c-cta__headline {
  margin: 0 -5.3333333333vw 3.8666666667vw;
}
.c-cta-a .c-cta__lead-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  font-size: 4.1333333333vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #33699e;
}
.c-cta-a .c-cta__lead-1::before, .c-cta-a .c-cta__lead-1::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.5333333333vw;
  border-radius: 0.5333333333vw;
  background-color: #33699e;
}
.c-cta-a .c-cta__lead-1::before {
  margin-right: 0.9333333333vw;
}
.c-cta-a .c-cta__lead-1::after {
  margin-left: 0.9333333333vw;
}
.c-cta-a .c-cta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3.8666666667vw 0 4vw;
  padding: 1rem 5.8666666667vw 0;
  border-radius: 0.5rem;
  background-color: #fff;
}
.c-cta-a .c-cta__list__item {
  margin-bottom: 1rem;
  padding-left: 4.8vw;
  background: url(../../img/sp/cta_bg1.png) left center no-repeat;
  background-size: contain;
  font-size: 3.4666666667vw;
  font-weight: bold;
  color: #3c3c3c;
}
.c-cta-a .c-cta__lead-2 {
  margin-bottom: 1.0666666667vw;
  text-align: center;
  line-height: 1.5384120861;
  font-size: 4vw;
  font-weight: bold;
  letter-spacing: 0.05rem;
  color: #3c3c3c;
}
.c-cta-a .c-cta__lead-2 em {
  padding-bottom: 0.5333333333vw;
  border-bottom: 0.5333333333vw #5ab5bd dashed;
  font-weight: bold;
}
.c-cta-a .c-cta__pic {
  margin-bottom: 2vw;
}
.c-cta-a2 {
  margin-bottom: 8.2666666667vw;
}
.c-cta-a2 .c-cta__headline {
  margin: 0 -5.3333333333vw 3.8666666667vw;
}
.c-cta-a2 .c-cta__lead-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  font-size: 4.1333333333vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #33699e;
}
.c-cta-a2 .c-cta__lead-1::before, .c-cta-a2 .c-cta__lead-1::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.5333333333vw;
  border-radius: 0.5333333333vw;
  background-color: #33699e;
}
.c-cta-a2 .c-cta__lead-1::before {
  margin-right: 0.9333333333vw;
}
.c-cta-a2 .c-cta__lead-1::after {
  margin-left: 0.9333333333vw;
}
.c-cta-a2 .c-cta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.6666666667vw auto 1.3333333333vw 0;
  width: 59.4666666667vw;
}
.c-cta-a2 .c-cta__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 19.0666666667vw;
  height: 18.9333333333vw;
  background: url(../../img/sp/cta-b_bg1.png) center no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: bold;
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-cta-a2 .c-cta__lead-2 {
  margin: 0.9333333333vw auto 3.7333333333vw 0;
  width: 54.6666666667vw;
  line-height: 1.7916666667;
  font-size: 3.2vw;
  color: #3c3c3c;
}
.c-cta-a2 .c-cta__lead-2 span {
  border-bottom: 0.3466666667vw #fff dashed;
}
.c-cta-a2 .c-cta__pic {
  position: relative;
  margin-bottom: 2vw;
}
.c-cta-a2 .c-cta__pic::after {
  content: "";
  display: block;
  position: absolute;
  top: -33.2vw;
  right: -0.5333333333vw;
  width: 31.3333333333vw;
  height: 33.2vw;
  background: url(../../img/sp/cta-b_bg2.png?v=2) center no-repeat;
  background-size: contain;
}
.c-cta-b {
  margin-bottom: -42.2666666667vw;
}
.c-cta-b .c-cta__headline {
  margin: 0 -5.3333333333vw 3.8666666667vw;
}
.c-cta-b .c-cta__lead-1 {
  margin-bottom: 3.8666666667vw;
}
.c-cta-b .c-cta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.6666666667vw auto 1.3333333333vw 0;
  width: 59.4666666667vw;
}
.c-cta-b .c-cta__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 19.0666666667vw;
  height: 18.9333333333vw;
  background: url(../../img/sp/cta-b_bg1.png) center no-repeat;
  background-size: contain;
  text-align: center;
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: bold;
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-cta-b .c-cta__lead-2 {
  margin: 0.9333333333vw auto 3.7333333333vw 0;
  width: 44.6666666667vw;
  line-height: 1.6;
  font-size: 3.2vw;
  letter-spacing: 0.15em;
  color: #3c3c3c;
}
.c-cta-b .c-cta__lead-2 span {
  display: inline-block;
  margin-top: 0.3466666667vw;
  width: 100%;
  border-bottom: 0.3466666667vw #fff dashed;
}
.c-cta-b .c-cta__btn {
  position: relative;
  overflow: inherit;
}
.c-cta-b .c-cta__btn::after {
  content: "";
  display: block;
  position: absolute;
  top: -37.4666666667vw;
  right: -0.5333333333vw;
  width: 35.3333333333vw;
  height: 37.4666666667vw;
  background: url(../../img/sp/cta-b_bg2.png?v=2) center no-repeat;
  background-size: contain;
}
.c-cta-c {
  padding: 0;
}
.c-cta-c .c-cta__headline {
  background-color: #5eb5bc;
}
.c-cta-c .c-cta__lead {
  padding: 2.6666666667vw 0 4.8vw;
  text-align: center;
  line-height: 1.4444444444;
  font-size: 4.5333333333vw;
  font-weight: bold;
  color: #3c3c3c;
}
.c-cta-c .c-cta__needs__lead {
  margin: 0 auto 2.6666666667vw;
}
.c-cta-c .c-cta__needs__btn {
  margin: 0 auto;
  width: 78.6666666667vw;
}
.c-cta-c .c-cta__needs.needs-1 {
  padding: 2.6666666667vw 0;
  background-color: #f1f8f9;
}
.c-cta-c .c-cta__needs.needs-1 .c-cta__needs__headline {
  margin: -6vw auto 2.4vw 4vw;
  width: 80vw;
}
.c-cta-c .c-cta__needs.needs-1 .c-cta__needs__lead {
  width: 70.8vw;
}
.c-cta-c .c-cta__needs.needs-2 {
  padding: 0 0 5.3333333333vw;
}
.c-cta-c .c-cta__needs.needs-2 .c-cta__needs__headline {
  margin: -3.7333333333vw 0 2.4vw 5.3333333333vw;
  width: 81.6vw;
}
.c-cta-c .c-cta__needs.needs-2 .c-cta__needs__lead {
  margin-top: -1.2vw;
  width: 74.1333333333vw;
}

.c-fix-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
  visibility: visible;
  padding-bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom) * 0.8);
  padding-bottom: calc(env(safe-area-inset-bottom) * 0.8);
  background-color: #000;
  -webkit-box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -1px 3px 1px rgba(0, 0, 0, 0.15);
  opacity: 1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c-fix-cta__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 17.4666666667vw;
  height: 7.3333333333vw;
  background-color: #5ab5bd;
  font-size: 3.7333333333vw;
  font-weight: bold;
  letter-spacing: 0.15em;
  color: #fff;
}
.c-fix-cta__headline > span {
  padding-top: 0.2em;
  font-size: 0.8em;
  font-weight: bold;
}
.c-fix-cta.is-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(14.5333333333vw);
          transform: translateY(14.5333333333vw);
}
.c-fix-cta__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 1.3333333333vw;
  padding-left: 17.4666666667vw;
  height: 16vw;
  background: #fff;
}
.c-fix-cta__item {
  width: 50%;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.25);
}
.c-fix-cta__item:nth-child(1) {
  margin-right: 1.3333333333vw;
}
.c-fix-cta::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 21.3333333333vw;
  height: 24vw;
  background: url(../../img/sp/fix_cta_bg2.png?v=2) top left no-repeat;
  background-size: 100%;
}

.c-fix-banner {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c-fix-banner button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.c-fix-banner.is-hide {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(14.5333333333vw);
          transform: translateY(14.5333333333vw);
  pointer-events: none;
}
.c-fix-banner.is-first-hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.c-fix-banner.is-delete {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.c-fix-banner__body {
  position: relative;
  margin: 0 auto 0 2.6666666667vw;
  padding-top: 5.6vw;
  width: 81.3333333333vw;
}
.c-fix-banner__body__pic {
  text-align: center;
}
.c-fix-banner__body__close-button {
  position: absolute;
  top: 0;
  right: -0.6666666667vw;
  z-index: 1;
  padding: 0.6666666667vw;
  width: 6.2666666667vw;
  height: 6.2666666667vw;
}

.c-pagetop {
  display: block;
  position: fixed;
  right: 1rem;
  bottom: 23.4666666667vw;
  bottom: calc(23.4666666667vw + constant(safe-area-inset-bottom) * 0.8);
  bottom: calc(23.4666666667vw + env(safe-area-inset-bottom) * 0.8);
  z-index: 40;
  visibility: hidden;
  width: 4rem;
  height: 4rem;
  border-radius: 50px;
  -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
  opacity: 0;
  cursor: pointer;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.c-pagetop a {
  display: block;
  position: relative;
  z-index: 3;
}
.c-pagetop.active-progress {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.c-pagetop::before, .c-pagetop::after {
  content: "↑";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  font-size: 2.4rem;
}
.c-pagetop::before {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.c-pagetop::after {
  z-index: 1;
  cursor: pointer;
  color: #555;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.c-pagetop svg path {
  fill: none;
}
.c-pagetop svg.progress-circle path {
  stroke: #555;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

.c-loading-icon {
  position: absolute;
  width: 40px;
  height: 40px;
}
.c-loading-icon span {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 50%;
  height: 20px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
}
.c-loading-icon span::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@-webkit-keyframes loading {
  0% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  100% {
    margin-left: 7px;
    width: 2px;
    height: 2px;
    opacity: 0.2;
  }
}
@keyframes loading {
  0% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  100% {
    margin-left: 7px;
    width: 2px;
    height: 2px;
    opacity: 0.2;
  }
}
.c-loading-icon span:nth-child(1)::before {
  -webkit-animation: loading 0.8s linear 0s infinite;
          animation: loading 0.8s linear 0s infinite;
}
.c-loading-icon span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-loading-icon span:nth-child(2)::before {
  -webkit-animation: loading 0.8s linear -0.1s infinite;
          animation: loading 0.8s linear -0.1s infinite;
}
.c-loading-icon span:nth-child(3) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-loading-icon span:nth-child(3)::before {
  -webkit-animation: loading 0.8s linear -0.2s infinite;
          animation: loading 0.8s linear -0.2s infinite;
}
.c-loading-icon span:nth-child(4) {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.c-loading-icon span:nth-child(4)::before {
  -webkit-animation: loading 0.8s linear -0.3s infinite;
          animation: loading 0.8s linear -0.3s infinite;
}
.c-loading-icon span:nth-child(5) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-loading-icon span:nth-child(5)::before {
  -webkit-animation: loading 0.8s linear -0.4s infinite;
          animation: loading 0.8s linear -0.4s infinite;
}
.c-loading-icon span:nth-child(6) {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.c-loading-icon span:nth-child(6)::before {
  -webkit-animation: loading 0.8s linear -0.5s infinite;
          animation: loading 0.8s linear -0.5s infinite;
}
.c-loading-icon span:nth-child(7) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.c-loading-icon span:nth-child(7)::before {
  -webkit-animation: loading 0.8s linear -0.6s infinite;
          animation: loading 0.8s linear -0.6s infinite;
}
.c-loading-icon span:nth-child(8) {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}
.c-loading-icon span:nth-child(8)::before {
  -webkit-animation: loading 0.8s linear -0.7s infinite;
          animation: loading 0.8s linear -0.7s infinite;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
ul,
ol,
dl,
form,
fieldset,
table,
address,
blockquote,
noscript,
pre,
tr,
td,
input,
textarea {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-style: normal;
}

html {
  font-family: "ヒラギノ角ゴ Pro W", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
}

small {
  font-size: 1em;
}

mark {
  background: none;
}

fieldset {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font: 100%;
  font-size: inherit;
}

li {
  list-style-type: none;
}

dd {
  margin: 0;
}

a,
abbr,
acronym,
em,
strong,
span,
img,
sub,
sup,
input,
button,
textarea,
select,
label,
caption {
  font-weight: normal;
  font-style: normal;
}

a {
  text-decoration: none;
}

img {
  border: 0;
  vertical-align: bottom;
}

caption,
th {
  text-align: left;
  font-weight: normal;
}

th,
td {
  padding: 0;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

textarea {
  vertical-align: top;
}

iframe {
  border: 0;
}

@media (max-width: 319px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 320px) and (max-width: 639px) {
  html {
    font-size: 10px;
  }
}
@media (min-width: 640px) {
  html {
    font-size: 20px;
  }
}
header,
footer,
article,
section,
aside,
nav,
figure,
figcaption {
  display: block;
  margin: 0;
  padding: 0;
}

input[type=search] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: none;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

body.is-fixed {
  position: fixed;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

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

.pc {
  display: none !important;
}

.sp {
  display: block;
}

.l-container {
  position: relative;
  z-index: 0;
}

.sp-fadein-1[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.sp-fadein-1[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

.sp-top-down-1[data-scroll=out] {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.sp-top-down-1[data-scroll=in] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.sp-bottom-up-1[data-scroll=out] {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.sp-bottom-up-1[data-scroll=in] {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}

.p-covid-19 {
  color: #3c3c3c;
}
.p-covid-19__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 14.6666666667vw;
  background: url(../../img/sp/covid-19_bg.gif) top left/contain repeat-x;
  text-align: center;
  line-height: 1.5;
  font-size: 3.4vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}
.p-covid-19__headline::after {
  content: "";
  display: block;
  margin-left: 2.1333333333vw;
  width: 4.2666666667vw;
  height: 3.6vw;
  background: url(../../img/sp/covid-19_open.png?v=2) top left/contain no-repeat;
}
.p-covid-19__modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1000;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
.p-covid-19__modal.is-active {
  position: fixed;
  z-index: 1000;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.21);
  opacity: 1;
  pointer-events: all;
  -webkit-overflow-scrolling: touch;
}
.p-covid-19__modal__inner {
  position: relative;
  margin: 10.6666666667vw;
  padding: 4vw;
  border-radius: 1rem;
  background-color: #fff;
}
.p-covid-19__modal .modal-close {
  position: absolute;
  top: -3.4666666667vw;
  right: -3.3333333333vw;
  z-index: 1;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background: url(../../img/sp/covid-19_modal_close.png) center/contain no-repeat;
}
.p-covid-19__modal__headline {
  margin: 0 auto 4vw;
  padding: 1.0666666667vw 0;
  width: 68.1333333333vw;
  border-radius: 5rem;
  background-color: #d1657d;
  text-align: center;
  line-height: 1.3;
  font-size: 3.7333333333vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}
.p-covid-19__modal__lead {
  margin-bottom: 4vw;
  text-align: justify;
  line-height: 1.4615384615;
  font-size: 3.2vw;
}
.p-covid-19__modal__countermeasures {
  margin-bottom: 0.1333333333vw;
}
.p-covid-19__modal__countermeasures__item {
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: bold;
}
.p-covid-19__modal__countermeasures__item:not(:last-child) {
  margin-bottom: 2.6666666667vw;
}
.p-covid-19__modal__countermeasures__item::before {
  content: "●";
  margin-right: 0.3em;
  line-height: 1.4;
  color: #d1657d;
}
.p-covid-19__modal__pic-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-covid-19__modal__pic-list__item {
  margin-top: 3.6vw;
  width: 33.7333333333vw;
}

.p-problem {
  padding: 12vw 5.3333333333vw 10.9333333333vw;
}
.p-problem__headline {
  margin-bottom: 4.6666666667vw;
  text-align: center;
  line-height: 1.3684210526;
  font-size: 5.0666666667vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #33699e;
}
.p-problem__headline > span {
  margin-right: -0.8em;
  font-weight: bold;
}
.p-problem__contents {
  position: relative;
  z-index: -1;
  padding: 4.5333333333vw 5.3333333333vw 3.4666666667vw;
  background-color: #eff3f5;
}
.p-problem__contents::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 0.9333333333vw;
  background: url(../../img/sp/line_bg1.png) left top repeat-x;
  background-size: contain;
}
.p-problem__contents__headline {
  margin-bottom: 2.6666666667vw;
}
.p-problem__contents__example {
  position: relative;
}
.p-problem__contents__example::before, .p-problem__contents__example::after {
  content: "";
  display: block;
  position: absolute;
}
.p-problem__contents__example::before {
  z-index: 1;
}
.p-problem__contents__example::after {
  z-index: -1;
}
.p-problem__contents__example__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 47.0666666667vw;
  height: 14vw;
  border-radius: 0.5rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.3333333333;
  font-size: 3.4666666667vw;
  color: #3c3c3c;
}
.p-problem__contents__example__item:first-child {
  margin-bottom: 2.6666666667vw;
}
.p-problem__contents.everyday .p-problem__contents__example__item, .p-problem__contents.treatment .p-problem__contents__example__item {
  margin-left: auto;
}
.p-problem__contents.everyday {
  border-radius: 1rem 1rem 0 0;
}
.p-problem__contents.everyday::before {
  content: none;
}
.p-problem__contents.everyday .p-problem__contents__example::before, .p-problem__contents.everyday .p-problem__contents__example::after {
  top: -4.1333333333vw;
  left: 0;
  width: 35.8666666667vw;
  height: 35.8666666667vw;
}
.p-problem__contents.everyday .p-problem__contents__example::before {
  background: url(../../img/sp/problem_bg1-1.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.everyday .p-problem__contents__example::after {
  background: url(../../img/sp/problem_bg1-2.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.clinic .p-problem__contents__example::before, .p-problem__contents.clinic .p-problem__contents__example::after {
  top: -4.2666666667vw;
  right: 0;
  width: 36.4vw;
  height: 35.6vw;
}
.p-problem__contents.clinic .p-problem__contents__example::before {
  background: url(../../img/sp/problem_bg2-1.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.clinic .p-problem__contents__example::after {
  background: url(../../img/sp/problem_bg2-2.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.treatment .p-problem__contents__example::before, .p-problem__contents.treatment .p-problem__contents__example::after {
  top: -4.1333333333vw;
  left: 0;
  width: 35.8666666667vw;
  height: 35.6vw;
}
.p-problem__contents.treatment .p-problem__contents__example::before {
  background: url(../../img/sp/problem_bg3-1.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.treatment .p-problem__contents__example::after {
  background: url(../../img/sp/problem_bg3-2.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.dilemma {
  padding-bottom: 5.3333333333vw;
  border-radius: 0 0 1rem 1rem;
}
.p-problem__contents.dilemma .p-problem__contents__example::before, .p-problem__contents.dilemma .p-problem__contents__example::after {
  top: -4.2666666667vw;
  right: -1.6vw;
  width: 38.2666666667vw;
  height: 35.6vw;
}
.p-problem__contents.dilemma .p-problem__contents__example::before {
  background: url(../../img/sp/problem_bg4-1.png) center no-repeat;
  background-size: contain;
}
.p-problem__contents.dilemma .p-problem__contents__example::after {
  background: url(../../img/sp/problem_bg4-2.png) center no-repeat;
  background-size: contain;
}
.p-problem__solution {
  margin: 0 auto;
  padding-top: 18.1333333333vw;
  width: 69.4666666667vw;
  background: url(../../img/sp/problem_bg5.png) center top 0.8vw no-repeat;
  background-size: 12vw 14.6666666667vw;
}

.p-merit {
  background-color: #edf7f8;
}
.p-merit > .contents-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 8.9333333333vw 0 0;
}
.p-merit__headline {
  margin-bottom: 4.8vw;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.15em;
  color: #33699e;
}
.p-merit__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-merit__contents {
  position: relative;
  overflow: hidden;
  width: 50%;
  text-align: justify;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-merit__contents::before, .p-merit__contents::after {
  content: "";
  display: block;
}
.p-merit__contents__inner::before, .p-merit__contents__inner::after {
  content: "";
  display: block;
}
.p-merit__contents__headline {
  margin: 0 auto 3.2vw;
}
.p-merit__contents__text {
  line-height: 1.4285714286;
  font-size: 3.7333333333vw;
  color: #3c3c3c;
}
.p-merit__contents-1 .p-merit__contents__inner, .p-merit__contents-3 .p-merit__contents__inner, .p-merit__contents-5 .p-merit__contents__inner {
  padding: 0 4.2666666667vw 0 5.3333333333vw;
}
.p-merit__contents-2, .p-merit__contents-4, .p-merit__contents-6 {
  background: url(../../img/sp/line_bg2-y.png?v=2) left top repeat-y;
  background-size: 0.8vw 1.6vw;
}
.p-merit__contents-2 .p-merit__contents__inner, .p-merit__contents-4 .p-merit__contents__inner, .p-merit__contents-6 .p-merit__contents__inner {
  padding: 0 5.3333333333vw 0 4.2666666667vw;
}
.p-merit__contents-1 .p-merit__contents__inner, .p-merit__contents-2 .p-merit__contents__inner, .p-merit__contents-3 .p-merit__contents__inner, .p-merit__contents-4 .p-merit__contents__inner {
  padding-bottom: 4.4vw;
}
.p-merit__contents-1::after, .p-merit__contents-2::after, .p-merit__contents-3::after, .p-merit__contents-4::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.8vw;
  background: url(../../img/sp/line_bg2-x.png?v=2) left bottom repeat-x;
  background-size: contain;
}
.p-merit__contents-1 .p-merit__contents__inner::before, .p-merit__contents-2 .p-merit__contents__inner::before {
  height: 23.4666666667vw;
}
.p-merit__contents-3 .p-merit__contents__inner::before, .p-merit__contents-4 .p-merit__contents__inner::before, .p-merit__contents-5 .p-merit__contents__inner::before {
  height: 27.0666666667vw;
}
.p-merit__contents-5 .p-merit__contents__inner, .p-merit__contents-6 .p-merit__contents__inner {
  padding-bottom: 10.6666666667vw;
}
.p-merit__contents-1 .p-merit__contents__inner::before {
  background: url(../../img/sp/merit_bg1.png) center bottom 2.4vw no-repeat;
  background-size: 16.6666666667vw 21.0666666667vw;
}
.p-merit__contents-1 .p-merit__contents__headline {
  width: 33.3333333333vw;
}
.p-merit__contents-2 .p-merit__contents__inner::before {
  background: url(../../img/sp/merit_bg2.png) center bottom 5.4666666667vw no-repeat;
  background-size: 29.6vw 12vw;
}
.p-merit__contents-2 .p-merit__contents__headline {
  width: 19.7333333333vw;
}
.p-merit__contents-3 .p-merit__contents__inner::before {
  background: url(../../img/sp/merit_bg3.png) center bottom 3.6vw no-repeat;
  background-size: 19.8666666667vw;
}
.p-merit__contents-3 .p-merit__contents__headline {
  width: 26.6666666667vw;
}
.p-merit__contents-4 .p-merit__contents__inner::before {
  background: url(../../img/sp/merit_bg4.png) center bottom 3.0666666667vw no-repeat;
  background-size: 33.0666666667vw 15.4666666667vw;
}
.p-merit__contents-4 .p-merit__contents__headline {
  width: 24.5333333333vw;
}
.p-merit__contents-5 .p-merit__contents__inner::before {
  background: url(../../img/sp/merit_bg5.png) center bottom 5.6vw no-repeat;
  background-size: 25.6vw 16.4vw;
}
.p-merit__contents-5 .p-merit__contents__headline {
  width: 28.5333333333vw;
}
.p-merit__contents-6 .p-merit__contents__inner {
  padding-top: 3.2vw;
  padding-bottom: 34.1333333333vw;
}
.p-merit__contents-6 .p-merit__contents__inner::before {
  position: absolute;
  right: -0.9333333333vw;
  bottom: 11vw;
  width: 28.5333333333vw;
  height: 28.4vw;
  background: url(../../img/sp/merit_bg6.png) center no-repeat;
  background-size: contain;
}
.p-merit__contents-6 .p-merit__contents__text {
  line-height: 1.55;
  font-size: 3.8666666667vw;
  font-weight: bold;
  letter-spacing: 0.15em;
  color: #33699e;
}

.p-mri {
  background-color: #eff3f5;
  color: #3c3c3c;
}
.p-mri::before {
  content: "";
  display: block;
  width: 100%;
  height: 57.8666666667vw;
  background-color: #fff;
}
.p-mri__lead-1 {
  margin: -5.3333333333vw auto 6.1333333333vw;
  width: 74.6666666667vw;
  border-radius: 10rem;
  background-color: #8476a8;
  text-align: center;
  line-height: 10.6666666667vw;
  font-size: 4vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
}
.p-mri__lead-2 {
  position: relative;
  margin: 0 auto;
  width: 75.4666666667vw;
  text-align: center;
  line-height: 1.5;
  font-size: 3.8666666667vw;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #3c3c3c;
}
.p-mri__lead-2::before, .p-mri__lead-2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.9333333333vw;
  width: 0.5333333333vw;
  height: 8.2666666667vw;
  border-radius: 0.5333333333vw;
  background-color: #3c3c3c;
}
.p-mri__lead-2::before {
  left: 1.6vw;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.p-mri__lead-2::after {
  right: 1.6vw;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.p-mri__headline {
  margin: 2.6666666667vw auto 6.6666666667vw;
  width: 59.2vw;
}
.p-mri__reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5.3333333333vw;
  padding: 0 5.3333333333vw;
}
.p-mri__reason__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3.0666666667vw;
  width: 100%;
  text-align: center;
  line-height: 1.1764705882;
  font-size: 4.2666666667vw;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: #3c3c3c;
}
.p-mri__reason__headline::before, .p-mri__reason__headline::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #9d9d9d;
}
.p-mri__reason__headline::before {
  margin-right: 1.3333333333vw;
}
.p-mri__reason__headline::after {
  margin-left: 1.3333333333vw;
}
.p-mri__reason__contents {
  width: 44.5333333333vw;
}
.p-mri__reason__contents__headline {
  margin-bottom: 2vw;
}
.p-mri__reason__contents__item + .p-mri__reason__contents__item {
  margin-top: 2vw;
}
.p-mri__reason__treatment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 43.2vw;
}
.p-mri__reason__treatment__headline {
  margin: 14.8vw auto 2vw;
  width: 36vw;
  height: 43.4666666667vw;
}
.p-mri__doctor {
  margin: 11.4666666667vw 0 10.5333333333vw;
  border-bottom: 0.2666666667vw #8476a8 dashed;
  color: #3c3c3c;
}
.p-mri__doctor__comment {
  margin-bottom: -13.7333333333vw;
  line-height: 1.7;
  font-size: 3.4666666667vw;
}
.p-mri__doctor__pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.p-mri__doctor__pic img {
  width: 32.9333333333vw;
  height: 32.1333333333vw;
}
.p-mri__doctor__pic__cap {
  margin-right: 2.6666666667vw;
  margin-bottom: 1.8666666667vw;
  text-align: right;
  line-height: 1.25;
  font-size: 3.3333333333vw;
}
.p-mri__doctor__pic__cap .name {
  margin-left: 1.3333333333vw;
  font-size: 4.2666666667vw;
}
.p-mri .p-mri__reason__headline[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-mri .p-mri__reason__headline[data-scroll=out]::before, .p-mri .p-mri__reason__headline[data-scroll=out]::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 3s ease-out;
  transition: -webkit-box-flex 3s ease-out;
  transition: flex 3s ease-out;
  transition: flex 3s ease-out, -webkit-box-flex 3s ease-out, -ms-flex 3s ease-out;
}
.p-mri .p-mri__reason__headline[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-mri .p-mri__reason__headline[data-scroll=in]::before, .p-mri .p-mri__reason__headline[data-scroll=in]::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 3s ease-out;
  transition: -webkit-box-flex 3s ease-out;
  transition: flex 3s ease-out;
  transition: flex 3s ease-out, -webkit-box-flex 3s ease-out, -ms-flex 3s ease-out;
}

.p-feature {
  position: relative;
  margin-top: -56vw;
  padding: 56vw 5.3333333333vw 13.3333333333vw;
  background: url(../../img/sp/feature_bg1.png) right 1.0666666667vw top 60vw no-repeat, #fff;
  background-size: 39.2vw 34.9333333333vw;
}
.p-feature::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(-45deg, rgba(136, 199, 208, 0.15) 25%, transparent 25%, transparent 55%, rgba(136, 199, 208, 0.15) 55%, rgba(136, 199, 208, 0.15) 75%, transparent 75%, transparent);
  background-size: 6.5px 6.5px;
  background-attachment: fixed;
}
.p-feature .contents-inner {
  position: relative;
  z-index: 2;
}
.p-feature__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8vw;
  padding-top: 13.7333333333vw;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.13em;
  color: #3c3c3c;
}
.p-feature__headline::before, .p-feature__headline::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #5ab5bd;
}
.p-feature__headline::before {
  margin-right: 2vw;
}
.p-feature__headline::after {
  margin-left: 2vw;
}
.p-feature__contents {
  margin-bottom: 5.3333333333vw;
  padding: 4vw 0 0 42.9333333333vw;
  min-height: 40vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-feature__contents__headline {
  margin-bottom: 4vw;
  line-height: 1.2777777778;
  font-size: 4.8vw;
  font-weight: bold;
  color: #5ab5bd;
}
.p-feature__contents__text {
  line-height: 1.4285714286;
  font-size: 3.7333333333vw;
  color: #3c3c3c;
}
.p-feature__contents-1 {
  background: url(../../img/sp/feature_bg2.png) top left no-repeat;
  background-size: 40vw 40vw;
}
.p-feature__contents-1 .p-feature__contents__headline {
  width: 36.5333333333vw;
}
.p-feature__contents-2 {
  padding-top: 1.7333333333vw;
  background: url(../../img/sp/feature_bg3.png) top left no-repeat;
  background-size: 40vw 40vw;
}
.p-feature__contents-2 .p-feature__contents__headline {
  width: 36.8vw;
}
.p-feature__contents-3 {
  background: url(../../img/sp/feature_bg4.png) top left no-repeat;
  background-size: 40vw 40vw;
}
.p-feature__contents-3 .p-feature__contents__headline {
  width: 45.7333333333vw;
}
.p-feature__contents-4 {
  padding-top: 1.7333333333vw;
  background: url(../../img/sp/feature_bg5.png) top left no-repeat;
  background-size: 40vw 40vw;
}
.p-feature__contents-4 .p-feature__contents__headline {
  width: 31.4666666667vw;
}
.p-feature__contents-5 {
  margin-bottom: 3.2vw;
  background: url(../../img/sp/feature_bg6.png) top left no-repeat;
  background-size: 40vw 40vw;
}
.p-feature__contents-5 .p-feature__contents__headline {
  width: 44.2666666667vw;
}
.p-feature__caution {
  text-align: right;
  font-size: 2.9333333333vw;
  color: #3c3c3c;
}
.p-feature .p-feature__headline[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-feature .p-feature__headline[data-scroll=out]::before, .p-feature .p-feature__headline[data-scroll=out]::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 3s ease-out;
  transition: -webkit-box-flex 3s ease-out;
  transition: flex 3s ease-out;
  transition: flex 3s ease-out, -webkit-box-flex 3s ease-out, -ms-flex 3s ease-out;
}
.p-feature .p-feature__headline[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-feature .p-feature__headline[data-scroll=in]::before, .p-feature .p-feature__headline[data-scroll=in]::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 3s ease-out;
  transition: -webkit-box-flex 3s ease-out;
  transition: flex 3s ease-out;
  transition: flex 3s ease-out, -webkit-box-flex 3s ease-out, -ms-flex 3s ease-out;
}

.p-flow {
  padding: 10.5333333333vw 5.3333333333vw 0;
}
.p-flow__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 8vw;
  width: 52vw;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.15em;
  white-space: nowrap;
  color: #3c3c3c;
}
.p-flow__headline::before, .p-flow__headline::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #5ab5bd;
}
.p-flow__headline::before {
  margin-right: 2vw;
}
.p-flow__headline::after {
  margin-left: 1.3333333333vw;
}
.p-flow__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4vw 4vw 4vw 14.6666666667vw;
  border-bottom: 0.2666666667vw solid #5ab5bd;
  background-color: #eff3f5;
  color: #3c3c3c;
}
.p-flow__contents__pic {
  margin-right: 4vw;
  width: 25.0666666667vw;
}
.p-flow__contents__headline {
  line-height: 1.1333333333;
  font-size: 4.2666666667vw;
  font-weight: bold;
}
.p-flow__contents__text {
  padding-top: 2vw;
  width: 100%;
  line-height: 1.5333333333;
  font-size: 3.7333333333vw;
}
.p-flow__contents__caution {
  padding-top: 0.5333333333vw;
  padding-left: 1em;
  width: 100%;
  text-indent: -1em;
  line-height: 1.2727272727;
  font-size: 2.6666666667vw;
}
.p-flow__contents::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: -2.4vw;
  left: 0;
  width: 10.6666666667vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #5ab5bd;
  background-size: 10.6666666667vw auto;
}
.p-flow__contents-1 {
  border-radius: 1rem 1rem 0 0;
}
.p-flow__contents-1::before {
  z-index: 5;
  border-radius: 1rem 0 0;
  background-image: url(../../img/sp/flow_bg1.png?v=2);
}
.p-flow__contents-2::before {
  z-index: 4;
  background-image: url(../../img/sp/flow_bg2.png?v=2);
}
.p-flow__contents-3::before {
  z-index: 3;
  background-image: url(../../img/sp/flow_bg3.png?v=2);
}
.p-flow__contents-4::before {
  z-index: 2;
  background-image: url(../../img/sp/flow_bg4.png?v=2);
}
.p-flow__contents-5 {
  margin-bottom: 10.6666666667vw;
  border-bottom: 0;
  border-radius: 0 0 1rem 1rem;
}
.p-flow__contents-5::before {
  bottom: 0;
  z-index: 1;
  border-radius: 0 0 0 1rem;
  background-image: url(../../img/sp/flow_bg5.png?v=2);
}
.p-flow .c-cta {
  margin: 0;
}
.p-flow .p-flow__headline[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-flow .p-flow__headline[data-scroll=out]::before, .p-flow .p-flow__headline[data-scroll=out]::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-flow .p-flow__headline[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-flow .p-flow__headline[data-scroll=in]::before, .p-flow .p-flow__headline[data-scroll=in]::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-flow .p-flow__contents__outer[data-scroll=out] .p-flow__contents-1,
.p-flow .p-flow__contents__outer[data-scroll=out] .p-flow__contents-2,
.p-flow .p-flow__contents__outer[data-scroll=out] .p-flow__contents-3,
.p-flow .p-flow__contents__outer[data-scroll=out] .p-flow__contents-4,
.p-flow .p-flow__contents__outer[data-scroll=out] .p-flow__contents-5 {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-1,
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-2,
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-3,
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-4,
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-5 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-1 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 5;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-2 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  z-index: 4;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-3 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  z-index: 3;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-4 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  z-index: 2;
}
.p-flow .p-flow__contents__outer[data-scroll=in] .p-flow__contents-5 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  z-index: 1;
}

.p-qa {
  position: relative;
  margin-top: -69.4666666667vw;
  padding: 69.4666666667vw 5.3333333333vw 8vw;
  background-color: #eff3f5;
}
.p-qa__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 8vw;
  padding-top: 12.5333333333vw;
  width: 57.3333333333vw;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.15em;
  color: #3c3c3c;
}
.p-qa__headline::before, .p-qa__headline::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #5ab5bd;
}
.p-qa__headline::before {
  margin-right: 1.2vw;
}
.p-qa__headline::after {
  margin-left: 1.2vw;
}
.p-qa__contents {
  overflow: hidden;
  margin-bottom: 3.2vw;
  border-radius: 1rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
  color: #3c3c3c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-qa__contents > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-qa__contents__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.6666666667vw 7.3333333333vw 2.6666666667vw 15.4666666667vw;
  min-height: 14.9333333333vw;
  line-height: 1.2307692308;
  font-size: 3.8666666667vw;
  font-weight: bold;
}
.p-qa__contents__question::after {
  content: "";
  display: block;
  position: absolute;
  right: 2.8vw;
  width: 2.5333333333vw;
  height: 1.3333333333vw;
  background: url(../../img/sp/qa_question_arrow.png) center/contain no-repeat;
}
.p-qa__contents.is-open .p-qa__contents__question::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.p-qa__contents__answer {
  position: relative;
}
.p-qa__contents__answer__inner {
  padding: 3.7333333333vw 2.6666666667vw 2.6666666667vw;
}
.p-qa__contents__answer__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.7333333333vw;
  left: 3.2vw;
  z-index: 1;
  margin-left: 3.2vw;
  width: 14.8vw;
  height: 3.3333333333vw;
  background: url(../../img/sp/qa_answer_bg1.png) left top/contain no-repeat;
}
.p-qa__contents__answer__inner .details-inner {
  padding: 4vw;
  border-radius: 0.5rem;
  background-color: #eff3f5;
}
.p-qa__contents__answer__inner .details-inner * {
  line-height: 1.6;
  font-size: 3.6vw;
}
.p-qa__contents__answer__inner .details-inner .headline {
  font-size: 3.7333333333vw;
  font-weight: bold;
}
.p-qa__contents__answer__inner .details-inner .list__item {
  position: relative;
  padding-left: 1em;
}
.p-qa__contents__answer__inner .details-inner .list__item::before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.p-qa__contents-1 .p-qa__contents__question {
  background: url(../../img/sp/qa_question_bg1.png) left 2.6666666667vw center/9.6vw no-repeat;
}
.p-qa__contents-2 .p-qa__contents__question {
  background: url(../../img/sp/qa_question_bg2.png) left 2.6666666667vw center/9.6vw no-repeat;
}
.p-qa__contents-3 .p-qa__contents__question {
  background: url(../../img/sp/qa_question_bg3.png) left 2.6666666667vw center/9.6vw no-repeat;
}
.p-qa__contents-4 .p-qa__contents__question {
  background: url(../../img/sp/qa_question_bg4.png) left 2.6666666667vw center/9.6vw no-repeat;
}
.p-qa__contents-5 .p-qa__contents__question {
  background: url(../../img/sp/qa_question_bg5.png) left 2.6666666667vw center/9.6vw no-repeat;
}
.p-qa .p-qa__headline[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-qa .p-qa__headline[data-scroll=out]::before, .p-qa .p-qa__headline[data-scroll=out]::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-qa .p-qa__headline[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-qa .p-qa__headline[data-scroll=in]::before, .p-qa .p-qa__headline[data-scroll=in]::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-qa .p-qa__contents__outer[data-scroll=out] .p-qa__contents-1,
.p-qa .p-qa__contents__outer[data-scroll=out] .p-qa__contents-2,
.p-qa .p-qa__contents__outer[data-scroll=out] .p-qa__contents-3,
.p-qa .p-qa__contents__outer[data-scroll=out] .p-qa__contents-4,
.p-qa .p-qa__contents__outer[data-scroll=out] .p-qa__contents-5 {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-1,
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-2,
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-3,
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-4,
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-5 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-1 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-2 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-4 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.p-qa .p-qa__contents__outer[data-scroll=in] .p-qa__contents-5 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.p-clinic {
  padding: 10.6666666667vw 5.3333333333vw 5.7333333333vw;
  color: #3c3c3c;
}
.p-clinic__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 4.8vw;
  width: 85.6vw;
  text-align: center;
  font-size: 4.8vw;
  font-weight: bold;
  letter-spacing: 0.1rem;
  color: #3c3c3c;
}
.p-clinic__headline::before, .p-clinic__headline::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #5ab5bd;
}
.p-clinic__headline::before {
  margin-right: 2.4vw;
}
.p-clinic__headline::after {
  margin-left: 2.4vw;
}
.p-clinic__lead {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4.8vw;
  text-align: center;
  line-height: 1.4375;
  font-size: 4vw;
  font-weight: bold;
}
.p-clinic__open {
  margin: 0 auto 4.8vw;
  padding: 2.4vw 0;
  border-top: 0.2666666667vw solid #33699e;
  border-bottom: 0.2666666667vw solid #33699e;
}
.p-clinic__open__title {
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  color: #db5434;
}
.p-clinic__open__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.8666666667vw auto;
}
.p-clinic__open__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28vw;
  height: 5.6vw;
  border-radius: 1.0666666667vw;
  background: #33699e;
  font-size: 3.7333333333vw;
  font-weight: bold;
  color: #fff;
}
.p-clinic__open__text {
  text-align: center;
  font-size: 3.4666666667vw;
}
.p-clinic__info {
  overflow: hidden;
}
.p-clinic__info__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-clinic__info__tab__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-clinic__info__tab__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.8vw;
  width: 17.0666666667vw;
  border-radius: 0.25rem;
  background-color: #eff3f5;
  text-align: center;
  font-size: 3.4666666667vw;
}
.p-clinic__info__tab__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17.3333333333vw;
  height: 9.8666666667vw;
  color: #9d9d9d;
}
.p-clinic__info__tab__item a .prefecture1 {
  margin-bottom: 0.5333333333vw;
  font-size: 2.9333333333vw;
}
.p-clinic__info__tab__item a .prefecture2 {
  font-size: 3.2vw;
}
.p-clinic__info__tab__item.mapall a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 6.6666666667vw;
}
.p-clinic__info__tab__item.mapall a .prefecture1,
.p-clinic__info__tab__item.mapall a .prefecture2 {
  font-size: 3.7333333333vw;
}
.p-clinic__info__tab__item.mapall a .prefecture1 {
  margin-bottom: 0;
}
.p-clinic__info__tab__item.is-active {
  background-color: #33699e;
}
.p-clinic__info__tab__item.is-active a {
  color: #fff;
}
.p-clinic__info .js-tab-box-inner {
  position: relative;
  padding-bottom: 10.9333333333vw;
}
.p-clinic__info__contents {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  border-top: #33699e 0.5333333333vw solid;
  opacity: 0;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  pointer-events: none;
}
.p-clinic__info__contents.is-active {
  position: static;
  opacity: 1;
  pointer-events: all;
}
.p-clinic__info__contents__details {
  margin-bottom: 5.3333333333vw;
}
.p-clinic__info__contents__details__name {
  margin: 0 auto;
  padding: 4vw 0;
  text-align: center;
}
.p-clinic__info__contents__details__name img {
  height: 10.6666666667vw;
  width: auto;
}
.p-clinic__info__contents__details__name .open-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 65.6vw;
  height: 5.3333333333vw;
  margin-top: 1.3333333333vw;
  margin-right: auto;
  margin-left: auto;
  border-radius: 1.3333333333vw;
  background: #dc9200;
  color: #fff;
  font-weight: bold;
  font-size: 4vw;
}
.p-clinic__info__contents__details__body {
  margin-bottom: 4vw;
  font-size: 3.4666666667vw;
}
.p-clinic__info__contents__details__body > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.6666666667vw;
}
.p-clinic__info__contents__details__body dt {
  padding: 0.6666666667vw 0;
  width: 22.6666666667vw;
  border-right: 0.2666666667vw #ccc solid;
  line-height: 1.2857142857;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-clinic__info__contents__details__body dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.6666666667vw 0 0.6666666667vw 2vw;
  line-height: 1.2857142857;
}
.p-clinic__info__contents__details__body .contact dd {
  padding: 0 0 0 2vw;
}
.p-clinic__info__contents__details__body .contact dd img {
  width: 42.1333333333vw;
}
.p-clinic__info__contents__details__map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80vw;
  background-color: #EFEFEF;
}
.p-clinic__info__contents__details__map iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  width: 100%;
  min-width: 400px;
  height: 400px;
  border: none;
}
.p-clinic__info__contents__details__guide {
  margin: 2.6666666667vw 0;
}
.p-clinic__info__contents__details__guide__item {
  margin-bottom: 1.3333333333vw;
  padding-left: 1.1em;
  text-indent: -1.2em;
  font-size: 3.4666666667vw;
}
.p-clinic__info__contents__details__guide__item::before {
  content: "●";
  padding-right: 0.1em;
}
.p-clinic__info__contents__details__pdf {
  width: 42.6666666667vw;
}
.p-clinic__info__contents__doctor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-clinic__info__contents__doctor__name {
  padding: 9.3333333333vw 0 8.9333333333vw 3.3333333333vw;
  border-left: 0.2666666667vw #ccc solid;
}
.p-clinic__info__contents__doctor__name__lead {
  margin-bottom: 2.5333333333vw;
  font-size: 3.4666666667vw;
}
.p-clinic__info__contents__doctor__name__ja {
  margin-bottom: 1.7333333333vw;
  font-size: 4.8vw;
}
.p-clinic__info__contents__doctor__name__en {
  font-size: 2.8vw;
  color: #9d9d9d;
}
.p-clinic__info__contents__doctor__pic {
  width: 29.8666666667vw;
}
.p-clinic__info__contents__doctor__introduction, .p-clinic__info__contents__doctor__career {
  width: 100%;
}
.p-clinic__info__contents__doctor__introduction {
  padding: 4vw 0 3.3333333333vw;
  line-height: 1.5357142857;
  font-size: 3.4666666667vw;
}
.p-clinic__info__contents__doctor__career {
  margin-top: 4vw;
}
.p-clinic__info__contents__doctor__career thead {
  background-color: #eff3f5;
}
.p-clinic__info__contents__doctor__career thead tr th {
  padding: 1.3333333333vw 2.5333333333vw;
  font-size: 3.4666666667vw;
}
.p-clinic__info__contents__doctor__career tbody td {
  padding: 1.3333333333vw 0;
  border-bottom: #ccc solid 0.1333333333vw;
  font-size: 2.9333333333vw;
}
.p-clinic__info__contents__doctor__career tbody .career-year {
  width: 19.2vw;
}
.p-clinic__info__contents__doctor__career tbody tr:first-child td {
  padding: 2.6666666667vw 0 1.3333333333vw;
}
.p-clinic__info__contents.all {
  background-color: #f3f9fa;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details {
  position: relative;
  min-height: 90vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 10;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16.8vw;
  height: 12vw;
  border-radius: 0.9333333333vw;
  background-color: #33699e;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a {
  text-align: center;
  line-height: 1;
  font-size: 3.7333333333vw;
  color: #fff;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item a .prefecture {
  display: inline-block;
  margin-bottom: 0.5333333333vw;
  font-size: 3.3333333333vw;
  font-weight: normal;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sapporo, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sendai {
  left: 4vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.omiya, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.ginza, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.shinjuku {
  left: 21.3333333333vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sapporo, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.omiya {
  top: 4vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.sendai, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.ginza {
  top: 16.8vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.shinjuku {
  top: 29.6vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.yokohama, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kanazawa, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nagoya, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kyoto, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.osaka, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nakanoshima {
  right: 4vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kobe, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.hiroshima {
  right: 21.3333333333vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.fukuoka {
  right: 38.6666666667vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.yokohama {
  top: 10vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kanazawa {
  top: 22.8vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nagoya {
  top: 35.6vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kyoto {
  top: 48.4vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.osaka, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.kobe {
  top: 61.2vw;
}
.p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.hiroshima, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.nakanoshima, .p-clinic__info__contents.all .p-clinic__info__contents__details__clinics__item.fukuoka {
  top: 74vw;
}
.p-clinic .c-cta {
  margin: 0;
}
.p-clinic[data-scroll=out] .p-clinic__headline,
.p-clinic[data-scroll=out] .p-clinic__lead {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-clinic[data-scroll=out] .p-clinic__headline::before, .p-clinic[data-scroll=out] .p-clinic__headline::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-clinic[data-scroll=out] .p-clinic__info {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
}
.p-clinic[data-scroll=in] .p-clinic__headline,
.p-clinic[data-scroll=in] .p-clinic__lead {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.p-clinic[data-scroll=in] .p-clinic__headline {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-clinic[data-scroll=in] .p-clinic__headline::before, .p-clinic[data-scroll=in] .p-clinic__headline::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 2.4s ease-out;
  transition: -webkit-box-flex 2.4s ease-out;
  transition: flex 2.4s ease-out;
  transition: flex 2.4s ease-out, -webkit-box-flex 2.4s ease-out, -ms-flex 2.4s ease-out;
}
.p-clinic[data-scroll=in] .p-clinic__lead {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.p-clinic[data-scroll=in] .p-clinic__info {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.p-privacypolicy {
  position: relative;
}
.p-privacypolicy-inner {
  margin: 0 4vw;
}
.p-privacypolicy-inner.is-open .p-privacypolicy-title {
  background: url(../../img/sp/privacypolicy_arrow2.png) center bottom 10.5333333333vw/4.2666666667vw 2.4vw no-repeat;
}
.p-privacypolicy-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5.7333333333vw 0 17.2vw;
  width: 100%;
  background: url(../../img/sp/privacypolicy_arrow1.png) center bottom 10.5333333333vw/4.2666666667vw 2.4vw no-repeat;
  text-align: center;
  font-size: 3.3333333333vw;
  letter-spacing: 0.18em;
  color: #555;
}
.p-privacypolicy-title::before, .p-privacypolicy-title::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.2666666667vw;
  background-color: #ccc;
}
.p-privacypolicy-title::before {
  margin-right: 2.4vw;
}
.p-privacypolicy-title::after {
  margin-left: 2.4vw;
}
.p-privacypolicy-contents {
  color: #555;
}
.p-privacypolicy-contents-box {
  margin-bottom: 4vw;
}
.p-privacypolicy-contents-box.last {
  margin-bottom: 0;
  padding-bottom: 10.6666666667vw;
}
.p-privacypolicy-contents-box .title {
  font-size: 1.4rem;
  font-weight: bold;
}
.p-privacypolicy-contents-box p,
.p-privacypolicy-contents-box ul {
  line-height: 1.8333333333;
  font-size: 1.2rem;
}
.p-privacypolicy-contents-box li {
  padding-left: 2.5em;
  text-indent: -3em;
}
.p-privacypolicy-contents .reception {
  margin-top: 2vw;
  font-size: 1.2rem;
}
.p-privacypolicy-contents .reception-title {
  margin-bottom: 2vw;
}
.p-privacypolicy-contents .reception-tel a {
  padding: 0.5em;
  text-decoration: underline;
  color: #4ab4fc;
}
.p-privacypolicy .p-privacypolicy-title[data-scroll=out] {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.p-privacypolicy .p-privacypolicy-title[data-scroll=out]::before, .p-privacypolicy .p-privacypolicy-title[data-scroll=out]::after {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-transition: -webkit-box-flex 4s ease;
  transition: -webkit-box-flex 4s ease;
  transition: flex 4s ease;
  transition: flex 4s ease, -webkit-box-flex 4s ease, -ms-flex 4s ease;
}
.p-privacypolicy .p-privacypolicy-title[data-scroll=in] {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.p-privacypolicy .p-privacypolicy-title[data-scroll=in]::before, .p-privacypolicy .p-privacypolicy-title[data-scroll=in]::after {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: -webkit-box-flex 4s ease;
  transition: -webkit-box-flex 4s ease;
  transition: flex 4s ease;
  transition: flex 4s ease, -webkit-box-flex 4s ease, -ms-flex 4s ease;
}

.c-fix-banner {
  position: fixed;
  bottom: 24.9333333333vw;
  bottom: calc(24.9333333333vw + constant(safe-area-inset-bottom) * 0.8);
  bottom: calc(24.9333333333vw + env(safe-area-inset-bottom) * 0.8);
  z-index: 35;
  width: 100%;
}
.p-leave__cover-element {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.p-leave__popup {
  display: none;
  position: relative;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 85vw;
  text-align: center;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.p-leave__popup__line {
  position: absolute;
  right: 1.3333333333vw;
  bottom: 1.3333333333vw;
  width: 35.6vw;
}
.p-leave__popup__close__button {
  position: absolute;
  top: -2.5vw;
  right: -2.5vw;
  width: 8vw;
}
.p-leave__popup__close__text {
  position: absolute;
  right: 0;
  bottom: calc(-1em - 4.4vw);
  left: 0;
  text-align: center;
  font-size: 3.5vw;
  color: #fff;
}
/*# sourceMappingURL=index.css.map */