@charset "UTF-8";
/*----------------------------------------------------------------------
------------------------------------------------------------------------

File Name:
Note:

------------------------------------------------------------------------
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
------------------------------------------------------------------------
目次

1.	共通使用変数定義
2.	Function
3.	Layout
4.	Object
------------------------------------------------------------------------
----------------------------------------------------------------------*/
@keyframes animation-rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animation-draw--rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes animation-show--fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation-show--fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes animation-show--line {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 25%;
    opacity: 1;
  }
  80% {
    height: 100%;
    opacity: 1;
  }
  100% {
    height: 100%;
    opacity: 0;
  }
}
html {
  scroll-behavior: smooth;
}

.is-gsap .js-gsap-fade {
  transition: all 1.5s;
  opacity: 0;
}
.is-gsap .js-gsap-fade--top {
  transform: translateY(30px);
}
.is-gsap .js-gsap-fade--right {
  transform: translateX(30px);
}
.is-gsap .js-gsap-fade--bottom {
  transform: translateY(-30px);
}
.is-gsap .js-gsap-fade--left {
  transform: translateX(-30px);
}
.is-gsap .js-gsap-fade.is-show {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
}

.p-container {
  padding-bottom: 17.6vw;
}

.p-hero {
  position: relative;
}
.p-hero__logo {
  position: absolute;
  top: 58.1333333333vw;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
}
.p-hero__logo img {
  width: 86.8vw;
}
.p-hero__feature {
  display: flex;
  justify-content: center;
  column-gap: 2.1333333333vw;
  position: absolute;
  top: 92.9333333333vw;
  left: 0;
  width: 100%;
}
.p-hero__feature__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 27.0666666667vw;
  height: 27.0666666667vw;
}
.p-hero__feature__text {
  position: relative;
  z-index: 1;
  line-height: 1.1538461538;
  font-size: 1.3rem;
  color: #fff;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: center;
  text-shadow: 0 0 5px rgba(63, 79, 94, 0.3);
}
.p-hero__feature__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.p-hero__cv .p-cv__button {
  width: 100%;
}
.p-hero__menu__button {
  position: absolute;
  top: 5.3333333333vw;
  left: 5.3333333333vw;
}

.p-contents__title {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: center;
}
.p-contents__title::before {
  content: '';
  display: block;
  width: 0;
  height: 21.3333333333vw;
  margin-right: auto;
  margin-bottom: 3.2vw;
  margin-left: auto;
  border-right: 0.2666666667vw solid #d4bc9e;
}
.p-contents__title__text {
  margin-bottom: 2.4vw;
  font-size: 3.5rem;
  color: #000;
}
.p-contents__title__en {
  font-size: 1.55rem;
  color: #c8bdb5;
}

.p-lead {
  position: relative;
  padding-bottom: 8vw;
}
.p-lead__title {
  padding-top: 18.4vw;
  margin-bottom: 8.2666666667vw;
  text-align: center;
  line-height: 1.2307692308;
  font-size: 2.6rem;
  color: #303030;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.p-lead__list {
  margin-left: 8vw;
  margin-bottom: 29.7333333333vw;
}
.p-lead__item {
  display: flex;
  align-items: center;
  column-gap: 1.0666666667vw;
  font-size: 1.5rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #303030;
}
.p-lead__item img {
  width: 8vw;
  margin-right: 0.2666666667vw;
}
.p-lead__item em {
  padding: 1.2vw;
  font-size: 1.5rem;
  color: #fff;
  background: #168da9;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", HiraKakuProN, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.p-lead__item + .p-lead__item {
  margin-top: 1.6vw;
}
.p-lead__text {
  margin-bottom: 7.3333333333vw;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.7317073171;
  font-size: 2.05rem;
  color: #3b424c;
}
.p-lead__attention__text {
  line-height: 1.7317073171;
  font-size: 2.05rem;
  color: #3b424c;
}
.p-lead__bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  bottom: 0;
}

.p-case {
  padding: 0 0 10.6666666667vw;
  background: #edeeef;
}
.p-case__title {
  position: relative;
  z-index: 1;
  margin-bottom: 12.8vw;
  line-height: 1;
  font-size: 4.05rem;
}
.p-case__title .small {
  line-height: 1.5;
  font-size: 1.8rem;
}
.p-case__list {
  position: relative;
  margin-right: 8vw;
  margin-left: 8vw;
}
.p-case__item + .p-case__item {
  margin-top: 6.4vw;
}
.p-case__pic__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.3333333333vw;
}
.p-case__pic__item {
  width: 41.2vw;
}
.p-case__pic__text {
  text-align: center;
  font-size: 1.5rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #303030;
}
.p-case__text {
  margin-top: 8vw;
  margin-bottom: 3.7333333333vw;
  text-align: center;
  font-size: 1.5rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #303030;
}
.p-case__movie {
  margin: 5.3333333333vw auto 6.6666666667vw;
  width: 84vw;
}
.p-case__info {
  color: #a08980;
  border: 0.2666666667vw solid #d7d2cd;
  margin-right: 3.0666666667vw;
  margin-left: 3.0666666667vw;
  margin-bottom: 10.9333333333vw;
  padding: 3.4666666667vw 3.2vw;
  font-size: 0.95rem;
}
.p-case__info__title {
  margin-bottom: 1em;
  font-weight: bold;
}
.p-case__info table th {
  vertical-align: top;
  width: 23.4666666667vw;
  text-align-last: justify;
}
.p-case__info table td {
  line-height: 1.4736842105;
}
.p-case__attention__text {
  line-height: 1.3541666667;
  font-size: 2.4rem;
}
.p-case__attention__text .emphasis {
  line-height: 1.1911764706;
  font-size: 3.4rem;
  color: #168da9;
}

.p-cv {
  background: #ebe6e2;
}
.p-cv__button__wrapper {
  padding: 0 0.9333333333vw 0 1.3333333333vw;
}
.p-cv__button + .p-cv__button {
  margin-top: -4.5333333333vw;
}
.p-cv__details {
  padding-top: 3.4666666667vw;
  padding-bottom: 3.0666666667vw;
}
.p-cv__details__contents {
  display: flex;
  justify-content: center;
  margin: 0 8vw;
}
.p-cv__details__text {
  font-size: 1.4rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #3b424c;
}
.p-cv__details__text .emphasis {
  font-size: 2.1rem;
  color: #168da9;
  font-weight: bold;
}
.p-cv__details__text .emphasis .small {
  font-weight: bold;
}
.p-cv__details__text .num {
  font-size: 2.5rem;
}
.p-cv__details__text .small {
  font-size: 1.1rem;
}
.p-cv__details__text > .small {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", HiraKakuProN, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #aaafb5;
  text-align: right;
  line-height: 1.5263157895;
}
.p-cv__details .no1 {
  align-items: center;
}
.p-cv__details .no1 .p-cv__details__text {
  display: flex;
  align-items: center;
}
.p-cv__details .no1 .p-cv__details__text:first-of-type {
  order: 1;
}
.p-cv__details .no1 .p-cv__details__text:last-of-type {
  order: 3;
}
.p-cv__details .no1::before {
  content: '';
  margin-right: 5.0666666667vw;
  margin-left: 5.0666666667vw;
  height: 11.0666666667vw;
  border-left: 0.2666666667vw solid #a49489;
  transform: rotate(45deg);
  order: 2;
}
.p-cv__details .no2 {
  background: #f0f0f0;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
}
.p-cv__details .no2 .p-cv__details__text {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.p-cv__details .no2 .p-cv__details__text .emphasis {
  letter-spacing: -.5px;
}
.p-cv__details .no3 {
  margin: 0;
  justify-content: flex-end;
}
.p-cv__details .no3 .p-cv__details__text {
  padding-right: 3.2vw;
}
.p-cv__details .no3 .p-cv__details__text .small {
  font-size: 0.95rem;
}
.p-cv__present {
  padding-top: 8vw;
  padding-bottom: 5.3333333333vw;
  background: #f0edea;
}
.p-cv__present__title {
  display: flex;
  align-items: center;
  column-gap: 2.4vw;
  margin-right: 6.6666666667vw;
  margin-left: 6.6666666667vw;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 2.6666666667vw;
}
.p-cv__present__title::before, .p-cv__present__title::after {
  content: '';
  display: block;
  height: 0.2666666667vw;
  width: 100%;
}
.p-cv__present__title::before {
  background: linear-gradient(to right, #c79d52, #ffdd80);
}
.p-cv__present__title::after {
  background: linear-gradient(to left, #c79d52, #ffdd80);
}
.p-cv__present__lead {
  margin-bottom: 5.3333333333vw;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
}
.p-cv__present__lead .lg {
  display: block;
  margin-top: 2.1333333333vw;
  font-weight: bold;
  font-size: 1.65rem;
}
.p-cv__present__lead .lg > * {
  font-weight: bold;
}
.p-cv__present__lead .lg .small {
  font-size: 1.05rem;
}
.p-cv__present__lead .emphasis {
  font-weight: bold;
  color: #c86a81;
}
.p-cv__present__lead .line {
  position: relative;
}
.p-cv__present__lead .line::after {
  position: absolute;
  right: 0;
  bottom: -0.9333333333vw;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 0.9333333333vw;
  background: #e0b5b5;
  transform: skewX(-45deg);
}
.p-cv__present__pic, .p-cv__present__text, .p-cv__present__movie {
  margin-right: 6.6666666667vw;
  margin-left: 6.6666666667vw;
}
.p-cv__present__pic {
  margin-bottom: 2vw;
}
.p-cv__present__text {
  line-height: 1.4583333333;
  font-size: 1.2rem;
  margin-bottom: 2vw;
}
.p-cv__present__movie {
  position: relative;
  padding-top: 48.8vw;
}
.p-cv__present__movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-cv__exo {
  display: flex;
  flex-wrap: wrap;
  background: #f0edea;
  padding-bottom: 10.6666666667vw;
}
.p-cv__exo__contents {
  order: 2;
  flex: 1;
}
.p-cv__exo__title {
  margin-top: 2.1333333333vw;
  margin-bottom: 5.0666666667vw;
  font-size: 1.2rem;
  font-weight: bold;
}
.p-cv__exo__title .emphasis {
  display: block;
  margin-top: 1.6vw;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-cv__exo__text {
  margin-right: 6.6666666667vw;
  line-height: 1.4583333333;
  font-size: 1.2rem;
}
.p-cv__exo__text .emphasis {
  color: #c86a81;
}
.p-cv__exo__pic {
  order: 1;
  width: 38.6666666667vw;
}
.p-cv__exo__details {
  order: 3;
  margin-right: 6.6666666667vw;
  margin-left: 6.6666666667vw;
}

.p-benefits {
  border-top: 0.2666666667vw solid #a49489;
  padding-top: 7.6vw;
  padding-bottom: 4.8vw;
}
.p-benefits__lead {
  font-size: 2.25rem;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #464646;
  margin-bottom: 4.2666666667vw;
}
.p-benefits__list {
  display: flex;
  justify-content: space-between;
  margin-right: 8vw;
  margin-left: 8vw;
}
.p-benefits__item {
  width: 41.2vw;
}
.p-benefits__title {
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #806b5e;
  font-size: 1.1rem;
  margin-bottom: 2.1333333333vw;
}
.p-benefits__pic {
  margin-bottom: 1.3333333333vw;
}
.p-benefits__text {
  text-align: center;
  line-height: 1.3636363636;
  font-size: 1.1rem;
  color: #303030;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  white-space: nowrap;
}
.p-benefits__text .emphasis {
  color: #168da9;
}

.p-attention__text {
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #4c4948;
}
.p-attention__pic {
  margin-right: auto;
  margin-left: auto;
  width: 5.6vw;
}

.p-types__title {
  margin-bottom: 13.3333333333vw;
}
.p-types__title__text {
  font-size: 3.3rem;
}
.p-types__title__text .small {
  line-height: 1.8095238095;
  font-size: 2.1rem;
}
.p-types__list {
  display: flex;
  justify-content: space-between;
  margin-right: 8vw;
  margin-bottom: 1.6vw;
  margin-left: 8vw;
}
.p-types__item {
  width: 26.4vw;
}
.p-types__contents {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-types__contents__pic {
  margin-bottom: 2.1333333333vw;
}
.p-types__contents__text {
  text-align: center;
  font-size: 1.1rem;
  color: #404040;
  white-space: nowrap;
  min-width: 100%;
}
.p-types__contents__text .emphasis {
  display: block;
  padding-top: 0.6666666667vw;
  padding-bottom: 0.6666666667vw;
  margin-top: 1.0666666667vw;
  font-size: 1.7rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  background: #168da9;
  letter-spacing: -1px;
}
.p-types__contents__text .emphasis .small {
  font-size: 1.1rem;
}
.p-types__bg {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.6vw;
  width: 57.4666666667vw;
}

.p-causes > *:not(.p-causes__list) {
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.75rem;
  color: #303030;
}
.p-causes__lead {
  position: relative;
  z-index: 1;
  margin-bottom: -9.0666666667vw;
}
.p-causes__pic {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: -8.2666666667vw;
}
.p-causes__pic__text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44.8vw;
  height: 44.8vw;
  background: #edeeef;
  border-radius: 100%;
  line-height: 1.1666666667;
  font-size: 2.1rem;
  color: #168da9;
}
.p-causes__pic__text:first-child {
  margin-left: -4.5333333333vw;
}
.p-causes__pic__text:last-child {
  margin-right: -4.5333333333vw;
}
.p-causes__pic__bg {
  width: 13.8666666667vw;
}
.p-causes__text {
  line-height: 1.4571428571;
}
.p-causes__text .emphasis {
  color: #168da9;
}
.p-causes__list {
  position: relative;
  background: #edeeef;
  margin-top: 4.9333333333vw;
  padding-top: 24.1333333333vw;
  padding-bottom: 10.8vw;
}
.p-causes__list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 16.4vw;
  display: block;
  background: #fff;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.p-causes__item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-causes__item__degree {
  width: 100%;
  text-align: center;
}
.p-causes__contents {
  width: 68.1333333333vw;
}
.p-causes__contents__title {
  border-bottom: 0.2666666667vw solid #a08980;
  padding-bottom: 3.7333333333vw;
  margin-bottom: 4.1333333333vw;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.p-causes__contents__title .small {
  display: flex;
  column-gap: 2.4vw;
  align-items: center;
  margin-bottom: 3.7333333333vw;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.3rem;
  color: #a08980;
}
.p-causes__contents__title .small::after {
  content: '';
  flex: 1;
  display: block;
  width: 100%;
  border-top: 0.2666666667vw solid #a08980;
}
.p-causes__contents__title .emphasis {
  display: block;
  font-size: 2.7rem;
  color: #464646;
  white-space: nowrap;
}
.p-causes__contents__title .emphasis rt {
  font-size: 0.9rem;
  text-align: center;
  letter-spacing: 3px;
}
.p-causes__contents__text {
  line-height: 1.5;
  font-size: 1.4rem;
  color: #777;
  text-align: justify;
}
.p-causes .no1 {
  margin-bottom: 0.8vw;
}
.p-causes .no1 .p-causes__contents {
  order: 2;
}
.p-causes .no1 .p-causes__contents__title .small {
  padding-left: 1.6vw;
  margin-bottom: 1.3333333333vw;
}
.p-causes .no1 .p-causes__contents__title .emphasis {
  padding-left: 0.8vw;
}
.p-causes .no1 .p-causes__contents__text {
  margin-right: 8vw;
  margin-left: 1.6vw;
}
.p-causes .no1 .p-causes__item__pic {
  margin-top: -1.3333333333vw;
  margin-right: -0.9333333333vw;
  width: 32.8vw;
}
.p-causes .no2 {
  margin-bottom: 8.8vw;
}
.p-causes .no2 .p-causes__contents__title .small::after {
  order: -1;
}
.p-causes .no2 .p-causes__contents__title .emphasis {
  padding-left: 7.7333333333vw;
}
.p-causes .no2 .p-causes__contents__text {
  margin-right: 1.6vw;
  margin-left: 8vw;
}
.p-causes .no2 .p-causes__item__pic {
  margin-top: -2.1333333333vw;
  width: 29.7333333333vw;
}
.p-causes .no3 .p-causes__contents {
  order: 2;
}
.p-causes .no3 .p-causes__contents__title .small {
  padding-left: 1.6vw;
}
.p-causes .no3 .p-causes__contents__title .emphasis {
  padding-left: 0.8vw;
}
.p-causes .no3 .p-causes__contents__text {
  margin-right: 8vw;
  margin-left: 1.6vw;
}
.p-causes .no3 .p-causes__item__pic {
  margin-top: -5.3333333333vw;
  margin-right: -0.9333333333vw;
  width: 32.8vw;
  mix-blend-mode: darken;
}
.p-causes__attention {
  background: #edeeef;
  padding: 0 0 7.8666666667vw;
}
.p-causes__attention__text {
  line-height: 1.4782608696;
  font-size: 2.3rem;
}

.p-degree__text {
  display: inline-flex;
  column-gap: 1.6vw;
  align-items: center;
  margin-right: auto;
  margin-bottom: 6.6666666667vw;
  margin-left: auto;
  background: #fff;
  border-radius: 3.8666666667vw;
  padding: 1.6vw 2.2666666667vw 1.6vw 2.6666666667vw;
  font-size: 1.2rem;
  color: #777;
}
.p-degree__text img {
  width: 15.7333333333vw;
}

.p-needs {
  position: relative;
  padding-top: 17.3333333333vw;
  padding-bottom: 16.6666666667vw;
  overflow: hidden;
}
.p-needs > *:not(.p-needs__list):not(.p-needs__bg) {
  position: relative;
  z-index: 1;
}
.p-needs__title {
  font-size: 2.1rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #303030;
  margin-bottom: 4.6666666667vw;
}
.p-needs__title .emphasis {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 2.6666666667vw;
  color: #168da9;
  margin-top: 2.4vw;
}
.p-needs__title .emphasis .circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.8666666667vw;
  height: 33.8666666667vw;
  background: linear-gradient(to bottom, transparent, transparent 12.9333333333vw, #80c6d1 12.9333333333vw, #80c6d1 21.4666666667vw, transparent 21.4666666667vw, transparent);
  border-radius: 100%;
  overflow: hidden;
  color: #303030;
}
.p-needs__title .emphasis .circle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: radial-gradient(33.8666666667vw 33.8666666667vw, #80c6d1 0%, #80c6d1 12vw, #ffffff 12vw, #ffffff 12.4vw, #80c6d1 12.4vw, #80c6d1 16.9333333333vw);
}
.p-needs__title .lg {
  line-height: 1.4791666667;
  font-size: 2.4rem;
}
.p-needs__title .xlg {
  line-height: 1.1818181818;
  font-size: 2.75rem;
  position: relative;
}
.p-needs__title .xlg::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  z-index: -1;
  display: block;
  width: 100%;
  height: 0.8vw;
  background: #80c6d1;
  border-radius: 0.8vw;
}
.p-needs__pic {
  margin-bottom: 5.3333333333vw;
}
.p-needs__list {
  position: relative;
  z-index: 2;
  padding-top: 15.4666666667vw;
}
.p-needs__list__item + .p-needs__list__item {
  margin-top: 10.6666666667vw;
}
.p-needs__list__item:nth-child(odd) .p-needs__item__pic {
  margin-right: 0;
  margin-left: auto;
}
.p-needs__list__item:nth-child(even) .p-needs__item__pic {
  margin-right: auto;
  margin-left: 0;
}
.p-needs__item {
  position: relative;
  z-index: 1;
}
.p-needs__item::after {
  content: '';
  position: absolute;
  z-index: -1;
  display: block;
  background: rgba(166, 216, 221, 0.15);
}
.p-needs__item__title {
  width: 100%;
}
.p-needs__contents__lead {
  margin-bottom: 7.3333333333vw;
  font-size: 1.2rem;
  color: #a08980;
}
.p-needs__contents__title {
  position: relative;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1e1e1e;
}
.p-needs__contents__title::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  background: #a6d8dd;
}
.p-needs__contents__text {
  text-align: justify;
}
.p-needs__bg {
  position: absolute;
  left: 0;
  top: 146.6666666667vw;
  z-index: 1;
  width: 100%;
}
.p-needs .no1 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 9.3333333333vw;
}
.p-needs .no1::after {
  top: 12.8vw;
  right: 0;
  width: 77.8666666667vw;
  height: 85.0666666667vw;
}
.p-needs .no1 .p-needs__item__title {
  margin-bottom: 2.6666666667vw;
}
.p-needs .no1 .p-needs__item__title img {
  width: 64.8vw;
  margin-left: 20.9333333333vw;
}
.p-needs .no1 .p-needs__item__contents {
  flex: 1;
}
.p-needs .no1 .p-needs__item__pic {
  width: 40.4vw;
  margin-left: 4vw;
}
.p-needs .no1 .p-needs__contents__lead, .p-needs .no1 .p-needs__contents__title, .p-needs .no1 .p-needs__contents__text {
  padding-left: 8vw;
}
.p-needs .no1 .p-needs__contents img {
  float: right;
  shape-outside: url(../../img/sp/needs_item1_pic.png);
  shape-margin: 6.4vw;
  margin-top: 18.1333333333vw;
  width: 40.4vw;
}
.p-needs .no1 .p-needs__contents__title {
  margin-bottom: 5.3333333333vw;
  padding-top: 1.4rem;
  line-height: 1.2222222222;
  font-size: 1.8rem;
}
.p-needs .no1 .p-needs__contents__title .emphasis {
  position: absolute;
  top: 0;
  font-size: 2.9rem;
}
.p-needs .no1 .p-needs__contents__title::after {
  top: -4vw;
  left: 0;
  width: 64vw;
  height: 15.7333333333vw;
}
.p-needs .no1 .p-needs__contents__text {
  margin-right: 6.6666666667vw;
  line-height: 1.5357142857;
  font-size: 1.4rem;
  color: #686868;
}
.p-needs .no2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 18.6666666667vw;
}
.p-needs .no2::after {
  top: 12.6666666667vw;
  left: 0;
  width: 77.7333333333vw;
  height: 72.9333333333vw;
}
.p-needs .no2 .p-needs__item__title {
  margin-bottom: 5.0666666667vw;
}
.p-needs .no2 .p-needs__item__title img {
  width: 64.8vw;
  margin-left: 5.0666666667vw;
}
.p-needs .no2 .p-needs__item__contents {
  flex: 1;
  order: 1;
}
.p-needs .no2 .p-needs__item__pic {
  width: 36.5333333333vw;
  margin-top: 2.6666666667vw;
}
.p-needs .no2 .p-needs__contents__lead, .p-needs .no2 .p-needs__contents__title, .p-needs .no2 .p-needs__contents__text {
  padding-left: 0.6666666667vw;
}
.p-needs .no2 .p-needs__contents__title {
  margin-bottom: 5.7333333333vw;
  line-height: 1.2222222222;
  font-size: 1.8rem;
}
.p-needs .no2 .p-needs__contents__title .emphasis {
  font-size: 2.9rem;
}
.p-needs .no2 .p-needs__contents__title::after {
  top: -4.5333333333vw;
  left: 0;
  width: 64vw;
  height: 15.7333333333vw;
}
.p-needs .no2 .p-needs__contents__text {
  margin-right: 8vw;
  line-height: 1.5357142857;
  font-size: 1.4rem;
  color: #686868;
}
.p-needs .no3 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12vw;
}
.p-needs .no3::after {
  top: 12.6666666667vw;
  right: 0;
  width: 77.7333333333vw;
  height: 77.6vw;
}
.p-needs .no3 .p-needs__item__title {
  margin-bottom: 3.7333333333vw;
}
.p-needs .no3 .p-needs__item__title img {
  width: 64.8vw;
  margin-left: 25.3333333333vw;
}
.p-needs .no3 .p-needs__item__contents {
  flex: 1;
}
.p-needs .no3 .p-needs__item__pic {
  width: 39.0666666667vw;
  margin-top: 13.3333333333vw;
}
.p-needs .no3 .p-needs__contents__lead, .p-needs .no3 .p-needs__contents__title, .p-needs .no3 .p-needs__contents__text {
  padding-left: 8vw;
}
.p-needs .no3 .p-needs__contents img {
  float: right;
  margin-top: 25.3333333333vw;
  width: 39.0666666667vw;
}
.p-needs .no3 .p-needs__contents__title {
  margin-bottom: 5.3333333333vw;
  padding-bottom: 2.9rem;
  line-height: 1.2222222222;
  font-size: 1.8rem;
}
.p-needs .no3 .p-needs__contents__title .emphasis {
  position: absolute;
  bottom: 0;
  line-height: 1;
  font-size: 2.9rem;
  white-space: nowrap;
}
.p-needs .no3 .p-needs__contents__title::after {
  top: -4.5333333333vw;
  left: 0;
  width: 64vw;
  height: 15.7333333333vw;
}
.p-needs .no3 .p-needs__contents__text {
  margin-right: 6.6666666667vw;
  line-height: 1.5357142857;
  font-size: 1.4rem;
  color: #686868;
}
.p-needs .no4 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16vw;
}
.p-needs .no4::after {
  top: 12.6666666667vw;
  left: 0;
  width: 77.7333333333vw;
  height: 89.3333333333vw;
}
.p-needs .no4 .p-needs__item__title {
  margin-bottom: 4vw;
}
.p-needs .no4 .p-needs__item__title img {
  width: 72vw;
  margin-left: 4.9333333333vw;
}
.p-needs .no4 .p-needs__item__pic {
  margin-top: 4.8vw;
  margin-right: 2vw;
  margin-left: 4.5333333333vw;
  width: 29.3333333333vw;
}
.p-needs .no4 .p-needs__contents {
  flex: 1;
  order: 1;
}
.p-needs .no4 .p-needs__contents__lead, .p-needs .no4 .p-needs__contents__title, .p-needs .no4 .p-needs__contents__text {
  padding-left: 0.6666666667vw;
}
.p-needs .no4 .p-needs__contents__title {
  margin-bottom: 5.3333333333vw;
  line-height: 1.2222222222;
  font-size: 1.8rem;
}
.p-needs .no4 .p-needs__contents__title .emphasis {
  font-size: 2.9rem;
}
.p-needs .no4 .p-needs__contents__title::after {
  top: -4.5333333333vw;
  right: 0;
  width: 64vw;
  height: 15.7333333333vw;
}
.p-needs .no4 .p-needs__contents__text {
  margin-right: 8vw;
  line-height: 1.5357142857;
  font-size: 1.4rem;
  color: #686868;
}
.p-needs .no4 .p-needs__contents__text .small {
  display: block;
  margin-top: 1.6vw;
  margin-left: -21.3333333333vw;
  font-size: 1rem;
  color: #777;
}
.p-needs .no5 {
  display: flex;
  flex-wrap: wrap;
}
.p-needs .no5::after {
  top: 12.6666666667vw;
  left: 0;
  width: 77.7333333333vw;
  height: 77.6vw;
}
.p-needs .no5 .p-needs__item__title {
  margin-bottom: 4.4vw;
}
.p-needs .no5 .p-needs__item__title img {
  width: 64.8vw;
  margin-left: 25.3333333333vw;
}
.p-needs .no5 .p-needs__item__contents {
  flex: 1;
}
.p-needs .no5 .p-needs__item__pic {
  width: 35.7333333333vw;
}
.p-needs .no5 .p-needs__contents img {
  float: left;
  shape-outside: url(../../img/sp/needs_item5_pic.png);
  shape-margin: 1.3333333333vw;
  margin-top: 12vw;
  width: 35.7333333333vw;
}
.p-needs .no5 .p-needs__contents__lead, .p-needs .no5 .p-needs__contents__title, .p-needs .no5 .p-needs__contents__text {
  padding-left: 8vw;
}
.p-needs .no5 .p-needs__contents__title {
  margin-bottom: 5.3333333333vw;
  padding-bottom: 2.9rem;
  line-height: 1.2222222222;
  font-size: 1.8rem;
}
.p-needs .no5 .p-needs__contents__title .emphasis {
  position: absolute;
  bottom: 0;
  line-height: 1;
  font-size: 2.9rem;
  white-space: nowrap;
}
.p-needs .no5 .p-needs__contents__title::after {
  top: -4.5333333333vw;
  left: 0;
  width: 64vw;
  height: 15.7333333333vw;
}
.p-needs .no5 .p-needs__contents__text {
  line-height: 1.5357142857;
  font-size: 1.4rem;
  color: #686868;
}
.p-needs .no5 .p-needs__contents__text a {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  font-size: 1.25rem;
  color: #d07e87;
}

.p-value {
  padding: 18.6666666667vw 0 0;
  background: #ebe6e2;
}
.p-value__title {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.4634146341;
  font-size: 2.05rem;
  text-align: center;
  color: #000;
  margin-bottom: 12vw;
}
.p-value__title .xlg {
  line-height: 1.32;
  font-size: 2.5rem;
}
.p-value__title .lg {
  line-height: 1.3636363636;
  font-size: 2.2rem;
}
.p-value__title .emphasis {
  color: #168da9;
}
.p-value__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.1333333333vw;
  row-gap: 3.0666666667vw;
  margin: 0 3.3333333333vw;
}
.p-value__item {
  position: relative;
  width: 45.6vw;
  color: #231815;
}
.p-value__item > * {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  text-align: center;
}
.p-value__item__title {
  font-size: 1.15rem;
  font-weight: bold;
}
.p-value__item__title .emphasis {
  display: block;
  margin-top: 1.7333333333vw;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 7.7333333333vw;
  font-size: 1.9rem;
  font-weight: bold;
  text-shadow: 1px 1px 0 #fff;
}
.p-value__item__title .emphasis .small {
  font-size: 1.55rem;
  font-weight: bold;
}
.p-value__item__text {
  bottom: 3.2vw;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 0.65rem;
}
.p-value__item__text .count {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.7rem;
}
.p-value__item__text .count .small {
  font-size: 1rem;
}
.p-value__item__pic {
  top: 0;
  z-index: 0;
}
.p-value__item.no1, .p-value__item.no2 {
  height: 34.9333333333vw;
}
.p-value__item.no1 .p-value__item__title, .p-value__item.no2 .p-value__item__title {
  top: 14.1333333333vw;
}
.p-value__item.no3, .p-value__item.no4 {
  height: 32.6666666667vw;
}
.p-value__item.no3 .p-value__item__title, .p-value__item.no4 .p-value__item__title {
  top: 14.9333333333vw;
}

.p-ranking {
  position: relative;
  padding: 25.3333333333vw 0 14.6666666667vw;
}
.p-ranking > *:not(.p-ranking__bg) {
  position: relative;
  z-index: 1;
}
.p-ranking__title {
  text-align: center;
  margin-bottom: 9.3333333333vw;
}
.p-ranking__title__pic {
  margin-right: auto;
  margin-bottom: 0.5333333333vw;
  margin-left: auto;
  width: 35.7333333333vw;
}
.p-ranking__title__text {
  display: inline-block;
  padding: 2.9333333333vw;
  margin-bottom: 1.3333333333vw;
  background: #a6d8dd;
  font-size: 2.1rem;
  color: #4c4948;
}
.p-ranking__title__lead {
  font-size: 3.45rem;
  color: #168da9;
}
.p-ranking__contents {
  display: flex;
  flex-wrap: wrap;
  margin-right: 6.4vw;
  margin-left: 6.4vw;
  row-gap: 4.5333333333vw;
  column-gap: 4vw;
}
.p-ranking__contents__title {
  width: 100%;
}
.p-ranking__contents__title__pic {
  margin-right: auto;
  margin-bottom: 2.1333333333vw;
  margin-left: auto;
  width: 13.8666666667vw;
}
.p-ranking__contents__title__text {
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.1034482759;
  font-size: 2.9rem;
  color: #4c4948;
}
.p-ranking__contents__pic {
  width: 36vw;
}
.p-ranking__contents__text {
  flex: 1;
  line-height: 1.6538461538;
  font-size: 3.4666666667vw;
  color: #686868;
  text-align: justify;
}
.p-ranking__contents__text .small {
  display: block;
  text-align: right;
  font-size: 1rem;
}
.p-ranking__contents + .p-ranking__contents {
  margin-top: 13.3333333333vw;
}
.p-ranking__list {
  margin-bottom: 16.6666666667vw;
}
.p-ranking__attention__text {
  line-height: 1.25;
  font-size: 2.4rem;
}
.p-ranking__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.p-price {
  position: relative;
  padding: 12vw 0 29.3333333333vw;
  overflow: hidden;
}
.p-price > *:not(.p-price__bg) {
  position: relative;
  z-index: 1;
}
.p-price__title {
  margin-bottom: 14.6666666667vw;
}
.p-price__title__text {
  font-size: 3.3rem;
}
.p-price__contents {
  margin-right: 6.4vw;
  margin-left: 6.4vw;
  padding-top: 7.4666666667vw;
  padding-right: 5.8666666667vw;
  padding-bottom: 5.3333333333vw;
  padding-left: 5.8666666667vw;
  background: #fff;
  border: 0.2666666667vw solid #d6cbc3;
  border-radius: 3.7333333333vw;
}
.p-price__contents__title {
  margin-bottom: 4vw;
  padding-bottom: 4.8vw;
  border-bottom: 0.2666666667vw solid #d6cbc3;
  font-size: 1.9rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #59504d;
}
.p-price__contents + .p-price__contents {
  margin-top: 3.4666666667vw;
  margin-bottom: 13.3333333333vw;
}
.p-price__details__title {
  margin-bottom: 1.8666666667vw;
  font-size: 1.05rem;
  color: #80c6d1;
}
.p-price__details__item {
  display: flex;
  align-items: center;
  height: 5.8666666667vw;
  font-size: 1.2rem;
  color: #7c7874;
  column-gap: .5em;
}
.p-price__details__item::before {
  content: '●';
  color: #d98f8f;
}
.p-price__details__icon {
  appearance: none;
  border: 0;
  padding: 0;
  width: 3.3333333333vw;
  background: 0;
}
.p-price__details__icon img {
  display: block;
}
.p-price__details + .p-price__details {
  margin-top: 4vw;
  padding-top: 4vw;
  border-top: 0.2666666667vw solid #d8cdc5;
}
.p-price__table {
  margin-top: 2.6666666667vw;
  margin-bottom: 4vw;
  width: 100%;
  border: 0.2666666667vw solid #d6cbc3;
  background: #fff;
  font-size: 1.2rem;
}
.p-price__table th {
  padding: 2.6666666667vw;
  border-right: 0.2666666667vw solid #d6cbc3;
}
.p-price__table td {
  padding: 2.6666666667vw 4vw;
}
.p-price__item__contents {
  display: flex;
  align-items: center;
}
.p-price__item__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21.3333333333vw;
  height: 4vw;
  background: #686868;
  border-radius: 2vw;
  font-size: 1rem;
  color: #fff;
}
.p-price__item__text {
  text-align: right;
  flex: 1;
  font-size: 1.8rem;
}
.p-price__item__text .small {
  font-size: 1.1rem;
}
.p-price__item + .p-price__item {
  margin-top: 1.8666666667vw;
}
.p-price__item.monitor .p-price__item__title {
  background-color: #168da9;
}
.p-price__cv {
  padding: 0;
}
.p-price__cv .p-cv__button {
  width: 36.9333333333vw;
}
.p-price__service__item {
  scroll-margin-top: 13.3333333333vw;
}
.p-price__service__title {
  margin-bottom: 8vw;
  text-align: center;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 2.35rem;
  line-height: 1.2553191489;
  color: #000;
}
.p-price::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 160vw;
  background: linear-gradient(#fff, transparent);
}
.p-price__bg {
  position: absolute;
  left: 0;
  top: 153.3333333333vw;
  width: 100%;
}

.p-service__item {
  margin-right: 8.5333333333vw;
  margin-left: 8.5333333333vw;
}
.p-service__item + .p-service__item {
  padding-top: 5.3333333333vw;
}
.p-service__item.is-opened .icon::before {
  content: initial;
}
.p-service__item__title {
  display: flex;
  align-items: center;
  position: relative;
  border: 0.2666666667vw solid #b6a598;
  padding: 1.0666666667vw;
  background: #fff;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #404040;
  font-size: 1.7rem;
}
.p-service__item__title::before {
  content: '';
  display: block;
  margin-right: 3.2vw;
  width: 3.0666666667vw;
  height: 5.3333333333vw;
  background: #b4a397;
}
.p-service__item__title .small {
  font-size: 1.1rem;
}
.p-service__item__title .icon {
  position: absolute;
  top: 50%;
  right: 1.8666666667vw;
  align-items: center;
  justify-content: center;
  width: 5.0666666667vw;
  height: 5.0666666667vw;
  border-radius: 50%;
  background-color: #b6a599;
  transform: translateY(-50%);
}
.p-service__item__title .icon::before, .p-service__item__title .icon::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 1.7333333333vw;
  height: 0.4vw;
  border-radius: 0.1333333333vw;
  background-color: #fff;
  transform: translateY(-50%) translateX(-50%);
}
.p-service__item__title .icon::before {
  height: 1.7333333333vw;
  width: 0.4vw;
}
.p-service__item__contents {
  margin-top: 4vw;
  color: #686868;
}
.p-service__item__contents .pic {
  width: 22vw;
}
.p-service__item__contents .pic.right {
  float: right;
  margin-left: 4.6666666667vw;
  margin-bottom: 4.6666666667vw;
}
.p-service__item__contents .merit {
  display: flex;
  line-height: 1.6666666667;
  font-size: 1.35rem;
  font-weight: bold;
}
.p-service__item__contents .merit .title {
  color: #80c6d1;
  margin-right: 0.5em;
}
.p-service__item__contents .merit:first-of-type {
  margin-top: 2.9333333333vw;
}
.p-service__item__contents .details .title {
  margin-bottom: 0.8vw;
  font-size: 1.35rem;
  font-weight: bold;
}
.p-service__item__contents .details .title::before {
  content: '●';
  color: #80c6d1;
  margin-right: 0.25em;
}
.p-service__item__contents .details + .details {
  margin-top: 2.6666666667vw;
}
.p-service__item__contents > .title {
  margin-top: 2.2666666667vw;
  margin-bottom: 1.3333333333vw;
  font-size: 1.35rem;
  line-height: 1.5925925926;
  font-weight: bold;
}
.p-service__item__contents > .title .emphasis {
  font-weight: bold;
  color: #80c6d1;
}
.p-service__item__contents .text {
  line-height: 1.5925925926;
  font-size: 1.35rem;
  text-align: justify;
}
.p-service__item__contents .text .emphasis {
  color: #80c6d1;
  font-weight: bold;
}
.p-service__item__contents .text .small {
  display: block;
  line-height: 1.5714285714;
  font-size: 1.05rem;
}
.p-service__item__contents .necessary {
  margin-top: 2.6666666667vw;
  font-size: 1.35rem;
}
.p-service__item__contents .necessary .title,
.p-service__item__contents .necessary .item {
  line-height: 1.5925925926;
}
.p-service__item__contents .necessary .text > .list > .item::before {
  content: '●';
  margin-right: 0.25em;
}
.p-service__item__contents .necessary .item .small {
  display: inline;
}
.p-service__item__contents .necessary .item .item {
  text-indent: -.75em;
  margin-left: 1.25em;
  font-size: 1.15rem;
  line-height: 1.347826087;
}
.p-service__item__contents .necessary .item .item::before {
  content: '-';
  margin-right: 0.25em;
}
.p-service__item.no4 .pic {
  width: 100%;
  margin-top: 3.7333333333vw;
}

.p-faq {
  position: relative;
  padding: 16vw 0 21.3333333333vw;
  background: #fff;
}
.p-faq > *:not(.p-faq__bg) {
  position: relative;
  z-index: 1;
}
.p-faq__title {
  margin-bottom: 13.3333333333vw;
}
.p-faq__list {
  margin-right: 8vw;
  margin-left: 8vw;
}
.p-faq__list__item + .p-faq__list__item {
  margin-top: 12vw;
}
.p-faq__contents__category {
  position: relative;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 5.8666666667vw;
  height: 18.5333333333vw;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: center;
  font-size: 1.6rem;
  color: #168da9;
  margin-bottom: 1.0666666667vw;
}
.p-faq__contents__category img {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 13.8666666667vw;
  transform: translateX(-50%);
}
.p-faq__contents__question {
  margin-bottom: 4.6666666667vw;
}
.p-faq__contents__answer {
  font-size: 1.4rem;
  line-height: 1.5357142857;
  color: #505050;
  text-align: justify;
}
.p-faq__contents__answer .small {
  font-size: 1.1rem;
  color: #777;
}
.p-faq__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.p-clinic {
  padding: 13.3333333333vw 0 16vw;
}
.p-clinic__title {
  margin-bottom: 10.6666666667vw;
}
.p-clinic__pic {
  width: 83.8666666667vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.9333333333vw;
}
.p-clinic__pic__text {
  margin-top: 3.2vw;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #7f7875;
}
.p-clinic__tel {
  position: absolute;
  top: 30.1333333333vw;
  left: 25.6vw;
  width: 45.6vw;
}
.p-clinic__tel .ja {
  margin-bottom: 3.2vw;
}
.p-clinic__tel .en {
  color: #7f7875;
  font-size: 1rem;
}
.p-clinic__tel .en a {
  color: #7f7875;
  font-size: 1rem;
  text-decoration: none;
}
.p-clinic__map {
  position: absolute;
  top: 50vw;
  left: 0;
  right: 0;
  width: 100%;
}
.p-clinic__map__inner {
  position: relative;
  width: 66.6666666667vw;
  height: 65.7333333333vw;
  margin: 0 auto;
  overflow: hidden;
}
.p-clinic__map__inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  margin: 0;
  width: 100%;
  min-width: 400px;
  min-height: 400px;
  height: 65.8666666667vw;
  border: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-clinic__map__button {
  width: 100%;
  position: absolute;
  bottom: 8.2666666667vw;
  left: 0;
  right: 0;
  z-index: 1;
}
.p-clinic__map__button a {
  display: block;
  width: 64vw;
  margin: 0 auto;
}
.p-clinic .swiper {
  width: 100%;
  height: 146.6666666667vw;
}
.p-clinic .swiper-slide {
  position: relative;
  width: 79.4666666667vw;
}
.p-clinic .swiper-slide.osaka .p-clinic__map__inner,
.p-clinic .clinic .swiper-slide.osaka iframe {
  height: 71.2vw;
}

.p-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.3333333333vw;
  background: #222222;
  color: #a49489;
  font-size: 1rem;
}

.js-details .js-summary {
  list-style: none;
}
.js-details .js-summary::-webkit-details-marker {
  display: none;
}
.js-details .js-content {
  overflow: hidden;
}

.p-fix-cv {
  transition: all .2s linear;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: #d3d0cb;
}
.p-fix-cv-list {
  width: 100%;
  display: flex;
}
.p-fix-cv-item {
  background: #e5e3df;
  padding-bottom: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom) * 0.6);
  padding-bottom: calc(env(safe-area-inset-bottom) * 0.6);
  width: 50%;
}
.p-fix-cv-item.tel {
  background: url(../../img/sp/troubles_bridal-lipo_fix_cv_tel_a.png) 0 0/100% auto no-repeat;
}
.p-fix-cv-item a {
  display: block;
}
.p-fix-cv-item.is-active img {
  opacity: 0;
}
.p-fix-tel {
  box-sizing: border-box;
  width: 100%;
  display: none;
  padding: 2.4vw 2.6666666667vw;
  padding: 2.4vw 2.6666666667vw calc(px2vw(18) + constant(safe-area-inset-bottom) * 0.6);
  padding: 2.4vw 2.6666666667vw calc(px2vw(18) + env(safe-area-inset-bottom) * 0.6);
  background: #d3d0cb;
  transition: all 0.4s linear;
  box-shadow: inset 0 0 1.0666666667vw 0 rgba(0, 0, 0, 0.3);
}
.p-fix-tel-list {
  display: flex;
  gap: 0.5333333333vw;
  border: 0.5333333333vw solid #bdb9b2;
  background: #bdb9b2;
}
.p-fix-tel-item {
  flex: 1;
}
.p-fix-tel-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e3df;
  text-align: center;
  height: 14.6666666667vw;
  font-size: 1.4rem;
  color: #59472d;
  letter-spacing: .2rem;
}
.p-fix-tel.is-active {
  display: block;
  animation: show 1s linear 0s;
}
.p-fix-tel.is-active img {
  opacity: 0;
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-fixed-menu {
  position: fixed;
  top: 0;
  z-index: 100;
  transition: all .2s linear;
  pointer-events: none;
  height: 15.3333333333vw;
  width: 100%;
  background: #fff;
  opacity: 0;
}
.p-fixed-menu::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  box-shadow: 0 6px 10px 0 #a87b67;
}
.p-fixed-menu__button {
  position: fixed;
  top: 6.2666666667vw;
  right: 5.7333333333vw;
  z-index: 10000;
}

.p-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 69.3333333333vw;
  padding-top: 35.2vw;
  height: 100dvh;
  z-index: 1000;
  background: #fff;
  transform: translateX(105%);
  transition: all .2s linear;
  opacity: 0;
}
.p-menu::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  box-shadow: 5px 6px 10px 0 #a87b67;
}
.p-menu.is-open {
  opacity: 1;
  transform: translateX(0);
}
.p-menu__button {
  display: flex;
  flex-direction: column;
  border: 0;
  margin: 0;
  padding: 0;
  background: 0;
  transition: all .2s linear;
  box-sizing: border-box;
  width: 8.5333333333vw;
  height: 8.6666666667vw;
}
.p-menu__button .line {
  position: absolute;
  width: 100%;
  border-top: 0.2666666667vw solid #353230;
  transition: all .2s linear;
}
.p-menu__button.open {
  justify-content: space-between;
  height: 5.8666666667vw;
}
.p-menu__button.open .line:nth-child(1) {
  top: 0;
}
.p-menu__button.open .line:nth-child(2) {
  top: 50%;
}
.p-menu__button.open .line:nth-child(3) {
  top: 100%;
}
.p-menu__button.close {
  justify-content: center;
}
.p-menu__button.close .line:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
.p-menu__button.close .line:nth-child(2) {
  opacity: 0;
  display: none;
}
.p-menu__button.close .line:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
  margin-top: -0.1333333333vw;
}
.p-menu__nav {
  padding-left: 9.7333333333vw;
}

.p-nav__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 9.3333333333vw;
}
.p-nav__list__item {
  width: 52.4vw;
  opacity: .3;
}
.p-nav__list__item.is-active {
  opacity: 1;
}

.is-menu-open .p-fixed-menu {
  transform: translateY(-160%);
}
.is-menu-open .p-fix-cv {
  transform: translateY(100%);
}

.is-menu-open .p-container {
  filter: blur(2.5px);
}

.is-dialog-open .p-container {
  filter: blur(10px);
}

.is-fixed {
  block-size: 100dvb;
  inset-inline-start: 0;
  position: fixed;
  inline-size: 100dvi;
}

.p-dialog {
  border: 0;
  padding: 0;
  background: 0;
  max-width: none;
  max-height: none;
  opacity: 1;
}
.p-dialog__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100dvw;
  height: 100dvh;
  padding-right: 8vw;
  padding-left: 8vw;
  box-sizing: border-box;
}
.p-dialog__title {
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-align: center;
  line-height: 1.46875;
  font-size: 1.6rem;
  color: #eae9e8;
  margin-bottom: 4.8vw;
}
.p-dialog__title .small {
  display: inline-block;
  margin-bottom: 3.6vw;
  font-size: 1.1rem;
  color: #ae9e92;
}
.p-dialog__title .lg {
  font-size: 1.75rem;
}
.p-dialog__title .lg .emphasis {
  font-size: 2.15rem;
  color: #aed458;
}
.p-dialog__pic {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3.7333333333vw;
}
.p-dialog__text {
  margin-bottom: 1.6vw;
  line-height: 1.6071428571;
  font-size: 1.4rem;
  color: #d3cdc9;
  text-align: justify;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", HiraMinProN, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.p-dialog__text .emphasis {
  box-shadow: inset 0 -0.8vw 0 rgba(174, 212, 88, 0.4);
}
.p-dialog__button {
  position: absolute;
  top: 5.7333333333vw;
  right: 4.6666666667vw;
  width: 10.4vw;
  appearance: none;
  border: 0;
  padding: 0;
  background: 0;
}
.p-dialog, .p-dialog::backdrop {
  transition: opacity .15s linear;
}
.p-dialog:not([data-active=true]), .p-dialog:not([data-active=true])::backdrop {
  opacity: 0;
}
.p-dialog::backdrop {
  background: 0;
  background: rgba(35, 24, 21, 0.8);
  mix-blend-mode: multiply;
}
.p-dialog.dialog1 .p-dialog__pic__item {
  width: 40.4vw;
}
.p-dialog.dialog1 .p-dialog__pic__item figcaption {
  text-align: right;
  color: #7e6a5d;
  font-size: 1rem;
  margin-top: 1.3333333333vw;
}
.p-dialog.dialog2 .p-dialog__movie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-dialog.dialog2 .p-dialog__movie__wrapper {
  position: relative;
  padding-top: 46.9333333333vw;
  width: 100%;
  margin-bottom: 1.3333333333vw;
}
.p-dialog.dialog2 .p-dialog__pic__item {
  width: 39.2vw;
}

/*# sourceMappingURL=mommy-abdomen.css.map */