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

File Name: thread-lift.scss
Note: 糸リフト施術ページのスタイル（SP版）

------------------------------------------------------------------------
----------------------------------------------------------------------*/
.date-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.3333333333vw;
  font-size: 1.2rem;
  color: #999490;
}

.c-anchor {
  margin: 0 2vw 2rem;
}
.c-anchor__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.6rem;
  row-gap: 0.9rem;
}
.c-anchor__item {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0.5rem 1.2rem 0.5rem 1.5rem;
  border: 1px solid #c4bab2;
  border-radius: 2em;
  background: #f2f1ef;
  font-size: 1.2rem;
}
.c-anchor__item a {
  line-height: 1.2;
  color: #7f7875 !important;
}
.c-anchor__item a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.c-anchor__item::after {
  content: "";
  margin-left: 0.5rem;
  width: 1.8666666667vw;
  height: 2.1333333333vw;
  background-image: url(../img/case_arrow1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.c-scrollTable {
  position: relative;
}
.c-scrollTable__inner {
  overflow-x: scroll;
}
.c-scrollTable__slidehint {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
.c-scrollTable__slidehint__icon {
  display: flex;
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.5rem 0.5rem;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  background: rgba(0,0,0,.7);
  opacity: 0;
  text-align: center;
  box-sizing: border-box;
  transition: opacity 0.3s;
}
.c-scrollTable__slidehint__icon::before {
  content: "";
  display: inline-block;
  order: 2;
  width: 40px;
  height: 40px;
  background-image: url(../img/table_icon1.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.c-scrollTable__slidehint__icon::after {
  content: "";
  display: block;
  order: 1;
  width: 34px;
  height: 14px;
  background-image: url(../img/table_icon2.svg);
  background-repeat: no-repeat;
  opacity: 0;
  transition-delay: 2.4s;
}
.c-scrollTable__slidehint__text {
  order: 3;
  margin-top: 5px;
  font-size: 1rem;
  color: #fff;
}
.c-scrollTable table {
  width: 100%;
  table-layout: fixed;
}
.c-scrollTable.is-active .c-scrollTable__slidehint__icon {
  opacity: 0.8;
}
.c-scrollTable.is-active .c-scrollTable__slidehint__icon::before {
  animation: slidehint_appear 1.5s linear infinite;
}
.c-scrollTable.is-active .c-scrollTable__slidehint__icon::after {
  opacity: 1;
}
@keyframes slidehint_appear {
  0% {
    opacity: 0;
    transform: translateX(4rem);
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
    transform: translateX(-4rem);
  }
}

.date-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: 1.3333333333vw;
  font-size: 1.2rem;
  color: #999490;
}

.p-supervisor {
  position: relative;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #efece9;
  color: #7f7875;
}
.p-supervisor a {
  color: #7f7875;
}
.p-supervisor a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-supervisor__headline {
  margin-left: 8rem;
  padding: 0;
  background: none;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: normal;
}
.p-supervisor__details {
  display: flex;
  align-items: center;
}
.p-supervisor__details__pic {
  margin: -1.4rem 1rem 0 0;
  width: 7rem;
}
.p-supervisor__details__name {
  flex: 1;
  font-size: 1.1rem;
}
.p-supervisor__details__name .name-emphasis {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-supervisor__details__name .job-title {
  display: block;
  margin-top: 0.5rem;
  line-height: 1.4;
}
.p-supervisor__details__name .name-position {
  line-height: 1.8;
}
.p-supervisor__link {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  margin: 0;
  padding: 0;
  background: none;
  text-align: right;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2rem;
}
.p-supervisor__link a {
  display: block;
  padding-left: 2rem;
  background: url(../img/tc_icon_arrow_1.png) left center no-repeat;
  background-size: contain;
}

.p-supervisor {
  position: relative;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #efece9;
  color: #7f7875;
}
.p-supervisor a {
  color: #7f7875;
}
.p-supervisor a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.p-supervisor__headline {
  margin-left: 8rem;
  padding: 0;
  background: none;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: normal;
}
.p-supervisor__details {
  display: flex;
  align-items: center;
}
.p-supervisor__details__pic {
  margin: -1.4rem 1rem 0 0;
  width: 7rem;
}
.p-supervisor__details__name {
  flex: 1;
  font-size: 1.1rem;
}
.p-supervisor__details__name .name-emphasis {
  font-size: 1.8rem;
  font-weight: bold;
}
.p-supervisor__details__name .job-title {
  display: block;
  margin-top: 0.5rem;
  line-height: 1.4;
}
.p-supervisor__details__name .name-position {
  line-height: 1.8;
}
.p-supervisor__link {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  margin: 0;
  padding: 0;
  background: none;
  text-align: right;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2rem;
}
.p-supervisor__link a {
  display: block;
  padding-left: 2rem;
  background: url(../img/tc_icon_arrow_1.png) left center no-repeat;
  background-size: contain;
}

.m-provider {
  position: relative;
  margin: 0 1rem 2rem;
  padding: 1rem;
  background: #efece9;
  color: #7f7875;
}
.m-provider a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.m-provider .title {
  margin-left: 8rem;
  padding: 0;
  background: none;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: normal;
}
.m-provider .doctor {
  display: flex;
  align-items: center;
}
.m-provider .doctor .pic {
  margin: -1.4rem 1rem 0 0;
  width: 7rem;
}
.m-provider .doctor .name {
  flex: 1;
  font-size: 1.1rem;
}
.m-provider .doctor .name .emphasis {
  font-size: 1.8rem;
  font-weight: bold;
}
.m-provider .doctor .name .job-title {
  display: block;
  margin-top: 0.5rem;
  line-height: 1.4;
}
.m-provider .doctor .name .position {
  line-height: 1.8;
}
.m-provider .link {
  margin: 0;
  padding: 0;
  background: none;
  text-align: right;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2rem;
}
.m-provider .link a {
  padding-left: 2rem;
  background: url(../../img/sp/tc_icon_arrow_1.png) left center no-repeat;
  background-size: 1.4rem auto;
}
.m-provider#profile.m-provider a::before {
  content: none;
}
.m-provider#profile .title {
  margin-bottom: 0.4rem;
  opacity: 0.8;
  font-size: 1.3rem;
}
.m-provider#profile .doctor {
  margin-bottom: 1.7rem;
}
.m-provider#profile .doctor .pic {
  margin-top: 0;
}
.m-provider#profile .doctor .name .title {
  display: block;
  margin-left: 0;
  font-size: 1.3rem;
}
.m-provider#profile .doctor .name .position {
  font-size: 1.2rem;
}
.m-provider#profile .doctor .name .position .job-title {
  opacity: 0.9;
  font-size: 1.2rem;
}
.m-provider#profile .introduction,
.m-provider#profile .license,
.m-provider#profile .society {
  text-align: justify;
  line-height: 1.7;
  font-size: 1.2rem;
}
.m-provider#profile .introduction {
  margin-bottom: 0.8rem;
}
.m-provider#profile .license__list {
  opacity: 0.8;
  font-size: 1rem;
}
.m-provider#profile .society {
  margin-top: 0.8rem;
}
.m-provider.m-provider {
  position: relative;
  margin: 0 1rem 2rem;
  padding: 1rem;
  background: #efece9;
  color: #7f7875;
}
.m-provider.m-provider a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.m-provider.m-provider .link {
  margin: 0;
  padding: 0;
  background: none;
  text-align: right;
  text-decoration: none;
  line-height: 1;
  font-size: 1.2rem;
}
.m-provider.m-provider .link a {
  padding-left: 2rem;
  background: url(../../img/sp/tc_icon_arrow_1.png) left center no-repeat;
  background-size: 1.4rem auto;
}

.p-anchor .anchor-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.p-anchor .anchor-item {
  display: flex;
  position: relative;
  flex-basis: 24%;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  margin: 0.18rem;
  min-height: 5.5rem;
  border-radius: 0.4rem;
  background: linear-gradient(#f2efed, #e5dfdb);
  text-align: center;
}
.p-anchor .anchor-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 0;
  width: 100%;
  height: 100%;
  line-height: 1.2307692308;
  font-size: 1.3rem;
  color: #7f7875;
  box-sizing: border-box;
}
.p-anchor .anchor-item::after {
  content: "";
  display: block;
  position: absolute;
  right: 50%;
  bottom: 0.6rem;
  margin-right: -0.35rem;
  width: 0.7rem;
  height: 0.7rem;
  border-right: 0.1rem solid #7f7875;
  border-bottom: 0.1rem solid #7f7875;
  transform: rotate(45deg);
}
.p-anchor .p-anchor__list {
  margin: 0;
  row-gap: 1.3333333333vw;
  column-gap: 1.3333333333vw;
}
.p-anchor .p-anchor__item {
  display: list-item;
  flex-basis: auto;
  flex-shrink: 1;
  margin: 0;
  width: 0;
}
.p-anchor .p-anchor__item::after {
  border-right: 0.2666666667vw solid #7e7774;
  border-bottom: 0.2666666667vw solid #7e7774;
}
.p-anchor .p-anchor__item a {
  padding: 0;
  color: #7e7774;
}

.link.button a {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 0.5333333333vw solid #554c48;
  background: linear-gradient(#91847b, #443b34);
  vertical-align: middle;
  line-height: 1.25;
  color: #f5f2f0;
  box-sizing: border-box;
  transition: opacity 0.1s linear;
}
.link.button a > * {
  color: #f5f2f0;
}
.link.button a .inner-text1 {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 2.40625;
  font-size: 1.6rem;
}
.link.button a .inner-text2 {
  display: block;
  flex-grow: 1;
  align-self: flex-end;
  order: 3;
  width: 100%;
  border-top: 0.2666666667vw solid #474038;
  opacity: 0.7;
  text-align: center;
  line-height: 1.7;
  font-size: 1rem;
}
.link.button a::before {
  content: none;
}
.link.button a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.3333333333vw;
  width: 5.6vw;
  height: 10.2666666667vw;
  background: url(../../../../m/img/arrow.png) right center no-repeat;
  background-size: 5.6vw auto;
}

.p-hero {
  position: relative;
  margin-bottom: 5.3333333333vw;
  padding-top: 25.3333333333vw;
  height: 94.9333333333vw;
  box-sizing: border-box;
}
.p-hero > *:not(.p-hero__bg) {
  position: relative;
  z-index: 1;
}
.p-hero__title {
  margin-left: 8.2666666667vw;
  margin-bottom: 10.5333333333vw;
  width: 39.6vw;
}
.p-hero__features {
  display: flex;
  margin-top: -4vw;
  margin-bottom: 1.3333333333vw;
  margin-left: 6vw;
  height: 29.2vw;
}
.p-hero__features__item:nth-child(2) {
  margin-right: -0.8vw;
}
.p-hero__features img {
  width: auto;
  height: 100%;
}
.p-hero__cv {
  display: flex;
  justify-content: center;
}
.p-hero__cv .p-hero__cv__item {
  width: 78.2666666667vw;
}
.p-hero__cv .p-hero__cv__item a .inner-text1 {
  line-height: 2.4230769231;
  font-size: 1.3rem;
}
.p-hero__cv .p-hero__cv__item a::after {
  height: 8.4vw;
}
.p-hero__bg {
  position: absolute;
  top: 0;
  left: 0;
}

.p-date {
  margin: 0 5.3333333333vw 4vw;
}

.p-supervisor {
  margin: 0 2.6666666667vw 6.6666666667vw;
}
.p-supervisor__link a {
  background-image: url(../../../../m/img/tc_icon_arrow_1.png);
}

.p-anchor {
  margin: 0 2.6666666667vw 16vw;
}
.p-anchor .p-anchor__list {
  column-gap: 1.8666666667vw;
  row-gap: 1.3333333333vw;
}
.p-anchor .p-anchor__item {
  width: 46.4vw;
}

.p-box {
  margin-bottom: 16vw;
}
.p-box > *:not(.p-box__title) {
  margin-right: 5vw;
  margin-left: 5vw;
}
.p-box__title {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 5.3333333333vw;
  padding-left: 5.0666666667vw;
  height: 17.7333333333vw;
  border-top: 0.8vw solid #5d7098;
  background-image: linear-gradient(to bottom, #fff, #f5f3f1 66%, #ebe6e2);
  background-position: 0 0;
  background-repeat: repeat-x;
  line-height: 1.1944444444;
  font-size: 1.8rem;
  font-weight: bold;
  color: #797370;
}
.p-box__title::after {
  content: attr(data-eng);
  position: absolute;
  right: 3.4666666667vw;
  bottom: 2.6666666667vw;
  font-size: 1rem;
  font-weight: normal;
  color: #c8bdb5;
}
.p-box__text {
  line-height: 1.7142857143;
  font-size: 1.4rem;
}
.p-box__subtitle {
  display: flex;
  align-items: center;
  margin-bottom: 1.3333333333vw;
  padding-left: 4.2666666667vw;
  height: 11.4666666667vw;
  line-height: 1.3125;
  font-size: 1.6rem;
  font-weight: bold;
  border-left: 1.0666666667vw solid #5d7098;
}
.p-box__subtitle:has(br) {
  height: 16.8vw;
}
.p-box__anchor__item::after {
  background-image: url(../../../../m/img/case_arrow1.png);
}

.p-recommended__contents {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(4, 36vw);
  height: 144vw;
  padding-right: 4vw;
  padding-left: 6.6666666667vw;
}
.p-recommended__contents__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.p-recommended__details {
  position: relative;
  z-index: 1;
}
.p-recommended__details__title {
  padding-bottom: 1.2vw;
  line-height: 1.3;
  font-size: 2rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 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;
  color: #59504d;
}
.p-recommended__details__contents {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding-top: 2.4vw;
}
.p-recommended__details.no1, .p-recommended__details.no2 {
  margin-right: auto;
  margin-left: 0;
  width: 57.4666666667vw;
}
.p-recommended__details.no3, .p-recommended__details.no4 {
  width: 53.6vw;
  margin-right: 0;
  margin-left: auto;
}
.p-recommended__details.no1 {
  padding-top: 3.4666666667vw;
}
.p-recommended__details.no1 .p-recommended__details__contents {
  top: 18.9333333333vw;
}
.p-recommended__details.no2 {
  padding-top: 0.5333333333vw;
}
.p-recommended__details.no2 .p-recommended__details__contents {
  top: 16vw;
}
.p-recommended__details.no3 {
  padding-top: 3.4666666667vw;
}
.p-recommended__details.no3 .p-recommended__details__contents {
  top: 12.2666666667vw;
}
.p-recommended__details.no4 {
  padding-top: 0.5333333333vw;
}
.p-recommended__details.no4 .p-recommended__details__contents {
  top: 9.0666666667vw;
}
.p-recommended__item {
  line-height: 1.3333333333;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: #6c6461;
}
.p-recommended__item::before {
  content: "●";
}
.p-recommended__item + .p-recommended__item {
  margin-top: 0.5333333333vw;
}

.p-case__title {
  margin-bottom: 6.6666666667vw;
}
.p-case__contents__title {
  margin-bottom: 2.6666666667vw;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-case__contents + .p-case__contents {
  margin-top: 6.6666666667vw;
}
.p-case__item__title {
  margin-bottom: 2.6666666667vw;
  line-height: 1.1666666667;
  font-size: 1.5rem;
  font-weight: bold;
}
.p-case__item__pic {
  margin-bottom: 2.6666666667vw;
}
.p-case__item__text {
  line-height: 1.5769230769;
  font-size: 1.3rem;
}
.p-case__item + .p-case__item {
  margin-top: 6.6666666667vw;
}
.p-case__info__table {
  margin-top: 8vw;
}
.p-case__info__table table {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  border: 0.1rem solid #d3cac3;
  font-size: 1.2rem;
}
.p-case__info__table table a {
  color: #6d9dd0;
}
.p-case__info__table th,
.p-case__info__table td {
  display: block;
  border-bottom: 0.1rem solid #d3cac3;
  line-height: 1.5;
}
.p-case__info__table th {
  padding: 0.5rem 1rem;
  background: #f5f3f1;
}
.p-case__info__table td {
  padding: 1rem;
  background: #fefefe;
}
.p-case__info__table tr:last-child td {
  border-bottom: 0;
}

.p-banner {
  margin-top: 13.3333333333vw;
}

.p-about__text {
  margin-bottom: 4vw;
}

.p-merit__text {
  margin-bottom: 6.6666666667vw;
}
.p-merit__contents__title {
  display: flex;
  align-items: center;
  margin-bottom: 1.3333333333vw;
  padding-left: 4.2666666667vw;
  height: 11.4666666667vw;
  line-height: 1.3125;
  font-size: 1.6rem;
  font-weight: bold;
  border-left: 1.0666666667vw solid #5d7098;
}
.p-merit__contents__title:has(br) {
  height: 16.8vw;
}
.p-merit__contents__text {
  margin-bottom: 2.6666666667vw;
}
.p-merit__contents + .p-merit__contents {
  margin-top: 6.6666666667vw;
}
.p-merit__contents:nth-of-type(1) .p-merit__contents__title {
  text-indent: -1.25rem;
  padding-left: calc(4.2666666667vw + 1.25rem);
}
.p-merit__contents:nth-of-type(3) .p-merit__contents__title {
  text-indent: -1.5rem;
  padding-left: calc(4.2666666667vw + 1.5rem);
}

.p-demerit__text {
  margin-bottom: 6.6666666667vw;
}
.p-demerit__contents__text {
  margin-bottom: 2.6666666667vw;
}
.p-demerit__contents + .p-demerit__contents {
  margin-top: 8vw;
}
.p-demerit__contents:nth-of-type(1) .p-merit__contents__title {
  text-indent: -1.25rem;
  padding-left: calc(4.2666666667vw + 1.25rem);
}
.p-demerit__contents:nth-of-type(3) .p-merit__contents__title {
  text-indent: -1.5rem;
  padding-left: calc(4.2666666667vw + 1.5rem);
}
.p-demerit__resolve {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8vw;
  padding-right: 4vw;
  padding-left: 4vw;
  box-sizing: border-box;
  height: 27.4666666667vw;
  border: 0.2666666667vw solid #c8bdb5;
  background: #f6f4f2;
  text-align: center;
}
.p-demerit__resolve .emphasis {
  font-weight: bold;
  color: #ed7b74;
}

.p-difference__text {
  margin-bottom: 8.6666666667vw;
}
.p-difference__contents__title {
  margin-bottom: 4.5333333333vw;
  line-height: 1.25;
  font-size: 1.8rem;
  font-weight: bold;
  color: #5d7098;
}
.p-difference__contents__text {
  margin-bottom: 3.3333333333vw;
}
.p-difference__contents + .p-difference__contents {
  margin-top: 9.3333333333vw;
}

.p-kinds__text {
  margin-bottom: 10vw;
}
.p-kinds__contents {
  margin-bottom: 10vw;
  border-top: 0.2666666667vw solid #c8bdb5;
}
.p-kinds__contents:last-of-type {
  margin-bottom: 8.6666666667vw;
  border-bottom: 0.2666666667vw solid #c8bdb5;
}
.p-kinds__item {
  display: grid;
  grid-template-columns: 32vw 1fr;
  padding-top: 5.3333333333vw;
  gap: 5.3333333333vw;
  margin-bottom: 4vw;
}
.p-kinds__item__inner {
  display: contents;
}
.p-kinds__item__title {
  grid-column: 1/3;
  grid-row: 1/2;
  text-align: center;
  font-size: 2.4rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 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: #5d7098;
}
.p-kinds__item__pic {
  grid-column: 1/2;
  grid-row: 2/3;
}
.p-kinds__item__text {
  grid-column: 2/3;
  grid-row: 2/3;
}
.p-kinds__points__item {
  position: relative;
  counter-increment: points;
  padding-top: 4vw;
  margin-bottom: 4.6666666667vw;
}
.p-kinds__points__item > * {
  position: relative;
  z-index: 1;
}
.p-kinds__points__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 25.0666666667vw;
  height: 25.0666666667vw;
  background: #cfd1e8;
  border-radius: 100%;
}
.p-kinds__points__title {
  margin-bottom: 4.6666666667vw;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  color: #5d7098;
}
.p-kinds__points__title::before {
  content: "Point" counter(points);
  display: block;
  margin-bottom: 3.2vw;
  font-size: 1.4rem;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 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-kinds .p-kinds__table {
  width: 199.7333333333vw;
}
.p-kinds__table__title {
  margin-bottom: 2.6666666667vw;
  font-size: 1.4rem;
}
.p-kinds__table th,
.p-kinds__table td {
  border: 0.2666666667vw solid #7f7875;
  text-align: center;
}
.p-kinds__table thead td,
.p-kinds__table tbody th {
  background: #f6f4f2;
}
.p-kinds__table thead td {
  width: 22.9333333333vw;
  height: 10.4vw;
}
.p-kinds__table thead th {
  background: #cdcfe6;
  font-size: 1.4rem;
  font-weight: bold;
}
.p-kinds__table tbody th,
.p-kinds__table tbody td {
  line-height: 1.1666666667;
  font-size: 1.2rem;
}
.p-kinds__table tbody td {
  padding-top: 0.8vw;
  padding-bottom: 0.8vw;
  height: 9.0666666667vw;
}
.p-kinds__table tbody td:has(.p-kinds__table__list) {
  padding-bottom: 0;
  border-bottom: 0;
  vertical-align: top;
}
.p-kinds__table tbody td:has(.p-kinds__table__pic) {
  padding: 0;
  border-top: 0;
  vertical-align: bottom;
}
.p-kinds__table__list {
  margin-left: 10px;
}
.p-kinds__table__item {
  margin-left: 1.15em;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  text-indent: -1.15em;
}
.p-kinds__table__item::before {
  content: "●";
  margin-right: 0.25em;
}
.p-kinds__table__pic {
  margin-top: auto;
  margin-bottom: 0;
}
.p-kinds .c-scrollTable__slidehint__icon::before {
  background-image: url(../../../../m/img/table_icon1.svg);
}
.p-kinds .c-scrollTable__slidehint__icon::after {
  background-image: url(../../../../m/img/table_icon2.svg);
}

.p-flow__title {
  margin-bottom: 12vw;
}
.p-flow__item {
  position: relative;
  display: flow-root;
  color: #797370;
}
.p-flow__item__title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 2.1333333333vw;
  margin-bottom: 4vw;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: bold;
}
.p-flow__item__title::before {
  content: "";
  display: block;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  background-image: linear-gradient(to right, #f5f3f1 0%, #f5f3f1 50%, #f5f3f1 55.62%, #fff 100%);
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 100%;
  border: 1.3333333333vw solid #569bb2;
}
.p-flow__item__pic {
  float: right;
  width: 22vw;
  margin-left: 2.6666666667vw;
}
.p-flow__item__text {
  margin-left: 9.0666666667vw;
  line-height: 1.7142857143;
  font-size: 1.4rem;
}
.p-flow__item + .p-flow__item {
  margin-top: 8vw;
}
.p-flow__item:first-child .p-flow__item__pic {
  margin-bottom: 3.2vw;
}
.p-flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 4.2666666667vw;
  left: 3.4666666667vw;
  display: block;
  height: calc(100% + 8vw);
  border-left: 0.2666666667vw solid #569bb2;
}
.p-flow__details {
  clear: both;
  margin-left: 6.9333333333vw;
}
.p-flow__details__title {
  display: flex;
  align-items: center;
  column-gap: 1.3333333333vw;
  margin-bottom: 0.5333333333vw;
  font-size: 1.4rem;
  font-weight: bold;
  color: #569bb2;
}
.p-flow__details__title::before {
  content: "";
  display: block;
  width: 6.4vw;
  height: 6.4vw;
  background: url(../../../../m/img/contents_360-lipo_flow_item_bg.png) 0 0/contain no-repeat;
}
.p-flow__details__text {
  margin-left: 7.7333333333vw;
  line-height: 1.4615384615;
  font-size: 1.3rem;
}
.p-flow__details + .p-flow__details {
  margin-top: 3.2vw;
}

.p-price ul.p-price__service {
  display: flex;
  column-gap: 2.2%;
  margin: 1em auto;
}
.p-price ul.p-price__service li {
  width: 31.8181818182%;
}
.p-price__title {
  margin-bottom: 12vw;
}
.p-price__feature {
  margin-bottom: 10.6666666667vw;
}
.p-price__table__title {
  margin-bottom: 3.7333333333vw;
  font-size: 1.8rem;
  font-weight: bold;
}
.p-price__table + .p-price__table {
  margin-top: 9.0666666667vw;
}
.p-price__notice.sp {
  margin: 0 0 1rem;
  padding-left: 1.1rem;
  text-indent: -1.1rem;
  line-height: 1.2727272727;
  font-size: 1.1rem;
  color: #a39e9b;
}
.p-price__notice:not(.sp) {
  margin-top: 3.2vw;
}
.p-price__notice:not(.sp) > * {
  line-height: 1.4545454545;
  font-size: 1.1rem;
}
.p-price table {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  table-layout: auto;
  border-collapse: collapse;
  border-bottom: 0.2666666667vw solid #c7bcb5;
}
.p-price table th {
  font-size: 1.2rem;
}
.p-price table thead,
.p-price table tbody tr:nth-child(even) td {
  background: none;
}
.p-price table thead td {
  border-bottom: 0.2666666667vw solid #c7bcb5;
}
.p-price table thead th {
  padding: 1.6vw;
  font-weight: bold;
  border: 0.2666666667vw solid #c7bcb5;
  text-align: center;
}
.p-price table thead th .tax-included {
  display: block;
  font-size: 1.1rem;
}
.p-price table thead th.loan {
  line-height: 4.5333333333vw;
}
.p-price table tbody th,
.p-price table tbody td {
  border-right: 0.2666666667vw solid #c7bcb5;
  border-bottom: 0.2666666667vw dotted #c7bcb5;
  border-left: 0.2666666667vw solid #c7bcb5;
  line-height: 1.4;
}
.p-price table tbody th {
  padding: 1.25rem 0.5rem;
  width: 41.6vw;
  background: #f2efed;
  box-sizing: border-box;
}
.p-price table tbody td {
  padding: 0.5em 0;
  text-align: center;
  font-size: 1.5rem;
}
.p-price table tbody td span {
  display: block;
  font-size: 1.1rem;
}
.p-price table tbody td.loan {
  width: 24vw;
  line-height: 1.25;
  font-size: 1.1rem;
  box-sizing: border-box;
}
.p-price table thead .loan {
  padding: 1.6vw 4vw 1.6vw 0;
  box-sizing: border-box;
}
.p-price table thead .icon.question {
  display: inline-block;
  position: relative;
  margin-right: -5.3333333333vw;
  margin-left: 0.3rem;
  width: 4.5333333333vw;
  height: 4.5333333333vw;
  background: url(../../../../m/img/icon_question.png);
  background-size: 100% auto;
  cursor: help;
  vertical-align: top;
  font-weight: normal;
}
.p-price table thead .icon.question .text {
  display: none;
}
.p-price table thead .icon.question.is-active.is-active .text {
  display: block;
  position: absolute;
  right: -1.7rem;
  bottom: 1.5rem;
  z-index: 1;
  padding: 0.75rem 1.5rem 2.75rem;
  width: 58.6666666667vw;
  border-radius: 0.25rem;
  background: url(../../../../m/img/icon_question_bg2.png) 0 0 no-repeat;
  background-size: 100% 100%;
  box-shadow: inset 0 0.2666666667vw 0 0 #fff;
  text-align: left;
  line-height: 1.4545454545;
  font-size: 1.1rem;
  font-style: normal;
  box-sizing: border-box;
}
.p-price table thead .icon.question.is-active.is-active .text a {
  padding: 0;
  background: none;
}

.p-faq__title {
  margin-bottom: 40px;
}
.p-faq__contents + .p-faq__contents {
  margin-top: 7.3333333333vw;
}
.p-faq__question {
  display: flex;
  column-gap: 2.1333333333vw;
  margin-bottom: 4vw;
  padding-top: 0.4vw;
  padding-bottom: 2.6666666667vw;
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 0.2666666667vw solid #cdc9c8;
}
.p-faq__question::before {
  content: "";
  display: block;
  margin-top: -0.4vw;
  width: 4.5333333333vw;
  height: 5.6vw;
  background: url(../../../../m/img/contents_threadlift_faq_question_bg.png) 0 0/contain no-repeat;
}
.p-faq__answer {
  display: grid;
  grid-template-columns: 3.8666666667vw 1fr;
  column-gap: 8px;
  margin-top: -0.4vw;
}
.p-faq__answer::before {
  grid-column: 1/2;
  content: "";
  display: block;
  margin-top: 0.2666666667vw;
  width: 3.8666666667vw;
  height: 4.1333333333vw;
  background: url(../../../../m/img/contents_threadlift_faq_answer_bg.png) 0 0/contain no-repeat;
}
.p-faq__text, .p-faq__item {
  line-height: 1.5;
  font-size: 1.4rem;
}
.p-faq__list {
  margin-top: 1em;
}
.p-faq__item {
  margin-left: 1em;
  text-indent: -1.15em;
}
.p-faq__item::before {
  margin-right: 0.25em;
  content: "●";
}

.p-summary__table {
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
  border: 0.1rem solid #c7bcb5;
  line-height: 1.4;
  font-size: 1.3rem;
  word-wrap: break-word;
}
.p-summary__table thead,
.p-summary__table tbody tr:nth-child(even) th,
.p-summary__table tbody tr:nth-child(even) td {
  background-color: #f2efed;
}
.p-summary__table th,
.p-summary__table td {
  padding: 0.5em;
  border: 0.1em solid #c7bcb5;
  line-height: 1.4em;
  font-size: 1em;
}
.p-summary__table th {
  width: 6em;
}

.p-related .m-operation-genre-title {
  padding-bottom: 0.4rem;
  border-bottom: 0.05rem solid #c7bcb5;
  font-size: 1.7rem;
}
.p-related .m-operation-item {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.2rem 0;
  box-sizing: border-box;
}
.p-related .m-operation-item::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  padding-top: 1.25rem;
  width: 1.25rem;
  background: url(../../../../m/img/tc_icon_arrow_4.png) center no-repeat;
  background-size: contain;
}
.p-related .m-operation-item .pic {
  order: 1;
  padding-right: 1.2rem;
  width: 4rem;
}
.p-related .m-operation-item .text,
.p-related .m-operation-item .name {
  order: 2;
  flex: 1;
  padding-right: 1.25rem;
  width: auto;
  line-height: 1.4166666667;
  font-size: 1.2rem;
}
.p-related .m-operation-item:not(.area-link)::before {
  content: initial;
}
.p-related .m-operation-item:not(.area-link) .pic {
  opacity: 0.6;
}
.p-related .m-operation-item:not(.area-link) .text {
  color: #c5c1bf;
}
.p-related .m-operation-list {
  display: flex;
  flex-wrap: wrap;
}
.p-related .operation-item {
  box-sizing: border-box;
  width: 50%;
}
.p-related .operation-item a {
  color: #5d7098;
}
.p-related .operation-item:nth-child(odd) {
  border-right: 0.2666666667vw dashed #c7bcb5;
}
.p-related .operation-item:nth-child(odd) .m-operation-item {
  padding-right: 3.2vw;
}
.p-related .operation-item:nth-child(odd) .m-operation-item::before {
  right: 1.2rem;
}
.p-related .operation-item:nth-child(even) .m-operation-item {
  padding-left: 3.2vw;
}

.p-provider a {
  color: #5d7098;
}
/*# sourceMappingURL=threadlift.css.map */
