/* 2026.03=>2026.05 伝統色カードセッション追加 */
/* ヘッダー */
.l-header-logo a {
  column-gap: 12px;
  font-size: 1.2rem;
}

.l-header-logo__img {
  width: 154px;
}

.l-header-nav__list {
  column-gap: 13px;
  font-size: 1.3rem;
}

.l-header-nav .c-btn01 a {
  font-size: 1.3rem;
  width: 225px;
}

@media screen and (max-width: 1150px) {
  .l-header-nav {
    display: none;
  }
  .l-header-btn {
    position: relative;
    z-index: 100;
    width: 35px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (min-width: 1151px) {
  .l-header-btn {
    display: none;
  }
}


/* lpページ */
.page-id-172 {
  background: url(http://taoyaka-ds.com/wp-content/uploads/2026/05/back-scaled.png) repeat center/contain;
}
.page-id-172 .p-service {
  max-width: 1100px;
  width: 87%;
  margin-inline: auto;
}

.p-service .text-orange {
  color: #d58d43;
}

.p-service .text-skyblue {
  color: #739ec2;
}

.fs-24px {
  font-size: 24px;
}

.pc_only {
  display: block;
}

.pc-tab_only {
  display: block;
}

.tab_only {
  display: none;
}

.sp_only {
  display: none;
}

@media screen and (max-width: 768px){
  .page-id-172 .p-service{
    width: 90vw;
  }

  .pc_only {
    display: none;
  }

  .tab_only {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .sp_only {
    display: block;
  }

  .pc-tab_only {
    display: none;
  }
}

/* MV */
.l-mv--page .l-mv__inner.l-mv__container.l-mv__box {
  max-width: 1100px;
  text-align: left;
}

.l-mv--page .l-mv__container--work {
  font-family: 'ShipporiMincho-Regular', serif;
  font-size: clamp(2.4rem, 0.015rem + 3.61vw, 4rem);
  color: #252526;
  margin-bottom: 48px;
}

.l-mv--page .text-skyblue {
  font-size: clamp(2.7rem, -0.169rem + 4.52vw, 4.7rem);
  color: #739ec2;
}

.l-mv--page .text-orange {
  font-size: clamp(2.8rem, -0.313rem + 4.82vw, 4.8rem);
  color: #d58d43;
  line-height: 1.375;
}

.l-mv--page .l-mv__box p {
  font-size: 1.6rem;
  line-height: 2.125;
  color: #252526;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px){
  .page-id-172 .l-main--page {
    padding-top: 184px;
    padding-bottom: 0;
  }

  .l-mv--page .l-mv__inner.l-mv__container.l-mv__box {
    width: 90vw;
  }
}
@media screen and (max-width: 600px) {
  .l-mv--page .l-mv__inner.l-mv__container.l-mv__box .c-btn01 {
    margin-inline: auto;
    width: 100%;
    max-width: 276px;
  }
}


/* こんな違和感を感じたことありませんか？ */
.page-id-172 .p-service__inner {
  padding-top: 300px;
}

.p-service-problem {
  margin-bottom: 192px;
}

.p-service-problem__cp,
.p-service-timing__cp {
  font-family: 'ShipporiMincho-Medium', serif;
  color: #252526;
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  line-height: 2;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 96px;
}

.p-service-problem__cp .text-skyblue {
  color: #739ec2;
}

.p-service-problem .p-service-problem__txt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 32px;
}

.p-service-problem .p-service-problem__txt li {
  width: 248px;
  height: 225px;
  background: #fff;
  align-content: center;
  border-radius: 12px;
  text-align: center;
  line-height: 2.125;
}

.p-service-problem .p-service-problem__txt .border-orange {
  border: 1px solid #d58d43;
}

.p-service-problem .p-service-problem__txt .border-skyblue {
  border: 1px solid #739ec2;
}

@media screen and (max-width: 768px) {
  .page-id-172 .p-service__inner {
    padding-top: 150px;
  }

  .p-service-problem .p-service-problem__txt {
    justify-content: center;
    gap: 32px;
  }
}

/* 見つめるタイミング */
.p-service-timing {
  margin-bottom: 192px;
}

.p-service-timing__inner {
  display: flex;
  justify-content: space-between;
}

.p-service-timing__h2 h2 {
  text-align: left;
  margin-bottom: 96px;
}

.p-service-timing p {
  color: #252526;
  line-height: 2.125;
  margin-bottom: 45px;
}

@media screen and (max-width: 960px) {
  .p-service-timing__img {
    width: 38%;
  }
}

@media screen and (max-width: 840px) {
  .p-service-timing__inner{
    flex-direction: column;
    align-items: center;
  }

  .p-service-timing__img {
    width: 100%;
  }

  .lp-fv__image {
    text-align: center;
  }
}


/* なぜ日本の伝統色なのか */
.p-service-why {
  margin-bottom: 192px;
}

.p-service-why h2 {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  margin-bottom: 96px;
  font-family: 'ShipporiMincho-Medium', serif;
}

.p-service-why__cp {
  text-align: center;
  margin-bottom: 184px;
}

.p-service-why__cp p {
  color: #252526;
  line-height: 2;
  margin-bottom: 45px;
}

@media screen and (max-width: 768px) {
  .p-service-why__cp {
    text-align: left;
    margin-bottom: 136px;
  }
}

/* セッション内容 */
.p-service-session {
  margin-bottom: 160px;
}

.p-service-session h2 {
  margin-bottom: 96px;
}

.p-service-session h3 {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  color: #252526;
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 64px;
}

.p-service-session__cp {
  margin-bottom: 96px;
}

.p-service-session__cp p {
  text-align: center;
  line-height: 2.125;
}

.p-service-session__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 96px;
  position: relative;
  max-width: 883px;
  width: 100%;
  margin-inline: auto;
}

.p-service-session__list::before {
  content: '';
  width: 363px;
  height: 20px;
  background:
  url(http://taoyaka-ds.com/wp-content/uploads/2026/05/session.png)    no-repeat center center/cover;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: -1;
}

.p-service-session__item {
  width: 260px;
  height: 380px;
  text-align: center;
  color: #fff;
  background: #a5998a;
  border-radius: 20px;
  padding-inline: 18px;
}

.p-service-session__item span {
  display: block;
  padding-block: 30px 72px;
  font-size: 2.4rem;
  line-height: 1.41;
  font-family: 'EBGaramond-Regular', serif;
  position: relative;
}

.p-service-session__item h4 {
  font-size: 2rem;
  line-height: 1.7;
  font-family: 'ShipporiMincho-ExtraBold', serif;
  margin-bottom: 40px;
}

.p-service-session__item p {
  font-size: 1.4rem;
  line-height: 2.43;
  font-family: 'ShipporiMincho-ExtraBold', serif;
  text-align: left;
}

.p-service-session__item.item-02 {
  background: #c9a46a;
  position: relative;
}

.p-service-session__item.item-03 {
  background: #96aeb7;
  position: relative;
}

.p-service-session__item span::before {
  content: '1';
  font-family: 'EBGaramond-Regular', serif;
  font-size: 3.2rem;
  display: block;
  text-align: center;
  margin-top: -8px;
}

.item-02 span::before {
  content: '2';
}

.item-03 span::before {
  content: '3';
}

.p-service-session__item span::after {
  content: '';
  width: 1px;
  height: 30px;
  background: #fff;
  background-position: center;
  display: block;
  position: absolute;
  top: 123px;
  left: 50%;
}

.p-service-session__caption {
  text-align: center;
  line-height: 2.125;
}

@media screen and (max-width: 900px) {
  .p-service-session__list{
    flex-direction: column;
    align-items: center;
    row-gap: 32px;
  }

  .p-service-session__list::before {
    left: 50%;
    top: 50%;
    width: 2px;
    height: 445px;
    background: url(http://taoyaka-ds.com/wp-content/uploads/2026/05/session-line.png) no-repeat center/contain;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  }
}

@media screen and (max-width: 768px) {
  .p-service-session__cp p {
    text-align: left;
  }

  .p-service-session__caption {
    text-align: left;
  }
}

/* 得られるもの */
.p-service-gain {
  margin-bottom: 192px;
}

.p-service-gain h2 {
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 96px;
}

.p-service-gain__box {
  display: flex;
  justify-content: center;
  column-gap: 13%;
}

.p-service-gain__subtitle {
  font-size: 3.2rem;
  margin-bottom: 40px;
}

.p-service-gain__before-list {
  border-left: 1px solid #739ec2;
  padding-left: 38px;
  position: relative;
}

.p-service-gain__after-list {
  border-left: 1px solid #d58d43;
  padding-left: 38px;
}

.p-service-gain__before-list::after {
  content: '';
  width: 22px;
  height: 42px;
  background: url(http://taoyaka-ds.com/wp-content/uploads/2026/05/triangle.png)
    no-repeat center/contain;
  display: block;
  position: absolute;
  right: -25%;
  top: 50%;
  transform: translateY(-50%);
}

.list-skyblue,
.list-orange {
  line-height: 3.44;
}

.list-skyblue::before,
.list-orange::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #739ec2;
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 2px;
  align-items: center;
}

.list-orange::before {
  background: #d58d43;
}

@media screen and (max-width: 880px) {
  .p-service-gain__before-list,
  .p-service-gain__after-list {
    padding-left: 10px;
  }

  .list-skyblue::before,
  .list-orange::before {
    margin-right: 5px;
  }
}

@media screen and (max-width: 768px) {
  .p-service-gain__box{
    flex-direction: column;
    align-items: center;
    row-gap: 80px;
  }

  .p-service-gain__before-list::after {
    right: 50%;
    top: 100%;
    transform: translateY(50%) rotate(90deg);
  }
}

/* 詳細 */
.p-service-detail {
  margin-bottom: 192px;
}

.p-service-detail h2 {
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 96px;
}

table.p-service-detail__table {
  width: 100%;
  max-width: 747px;
  margin-inline: auto;
}

.p-service-detail__tr {
  height: 60px;
  line-height: 60px;
}

.p-service-detail__tr th {
  font-weight: 500;
  padding-left: 48px;
  border: 1px solid #739ec280;
  background: #fff;
}

.p-service-detail__td {
  padding-left: 48px;
  border: 1px solid #739ec280;
  background: #fff;
}

@media screen and (max-width: 600px){
  .p-service-detail__tr {
    display: flex;
    flex-direction: column;
    height: 120px;
  }

  .p-service-detail__tr th {
    width: 100%;
    padding-inline: 10px;
    text-align: center;
    border: none;
    border-left: 1px solid #739ec2;
    border-right: 1px solid #739ec2;
    background: #739ec280;
  }

  .p-service-detail__td {
    width: 100%;
    padding-inline: 10px;
    text-align: center;
    border-left: 1px solid #739ec2;
    border-right: 1px solid #739ec2;
  }

  .p-service-detail__tr:last-of-type .p-service-detail__td {
    border-bottom: 1px solid #739ec2;
  }
}

/* いまの自分」を見つけにいく時間を。*/
.p-service-time {
  margin-bottom: 192px;
}

.p-service-time h2 {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  color: #252526;
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 64px;
}

.p-service-time p {
  color: #252526;
  font-family: 'ShipporiMincho-Medium', serif;
  text-align: center;
  margin-bottom: 64px;
  line-height: 2.125;
}

@media screen and (max-width: 600px) {
  .p-service-time p {
    text-align: left;
  }
}


/* メッセージ */
.p-service-messages {
  margin-bottom: 248px;
}

h2.c-ttl01__ttl.messages__skyblue {
  font-size: clamp(2.3rem, 0.343rem + 2.41vw, 3.2rem);
  line-height: 2;
  color: #252526;
  font-family: 'ShipporiMincho-Medium', serif;
}

/* お客様の声 */
.p-service-voice {
  margin-bottom: 192px;
}

.page-id-172 .p-service-voice__inner {
  width: 100%;
}

.p-service-voice h2 {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  line-height: 2;
  color: #252526;
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 72px;
}

@media screen and (max-width: 465px) {
  .p-service-voice h2 {
    font-size: 2.2rem;
  }
}




/* なぜセッションをつくったのか */
.p-service-why_session {
  margin-bottom: 168px;
}

.p-service-why_session h2 {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
  line-height: 2;
  font-family: 'ShipporiMincho-Medium', serif;
  margin-bottom: 96px;
}

.p-service-why_session__cp {
  text-align: center;
}

.p-service-why_session__cp p {
  margin-bottom: 40px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .p-service-why_session__cp {
    text-align: left;
  }
}


@media screen and (max-width: 400px) {
  .p-service-why_session h2 {
    font-size: 2.3rem;
  }
}


/* プロフィール */
.p-top-profile__inner {
  width: 100%;
  max-width: 1100px;
  display: block;
}

.page-id-172 .p-top-profile .c-ttl01__ttl {
  font-size: clamp(2.4rem, 0.343rem + 2.41vw, 3.2rem);
}

.profile__flex {
  display: flex;
  justify-content: space-between;
}

.p-top-profile__txt {
  letter-spacing: 0;
  margin-bottom: 40px;
}

.p-top-profile__info {
  display: flex;
}

.p-top-profile__info p {
  font-size: 2.4rem;
  margin-right: 40px;
  margin-bottom: 0;
}

.p-top-profile__info .p-top-profile__trade-name {
  font-family: 'EBGaramond-Medium', serif;
  margin-right: 16px;
}

.page-id-172 .c-ttl01--horizontal {
  border: none;
}

@media screen and (max-width: 1190px) {
  .p-top-profile__info p {
    font-size: 2rem;
    margin-right: 16px;
  }

  .p-top-profile__info .p-top-profile__trade-name {
    margin-right: 8px;
  }

  .p-top-profile__info h3 {
    font-size: 2rem;
  }

  .p-top-profile__img {
    width: 40%;
  }
}

@media screen and (max-width: 960px) {
  .p-top-profile__img {
    width: 35%;
  }
}

@media screen and (max-width: 870px) {
  .p-top-profile__img {
    width: 26.5%;
  }
}

@media screen and (max-width: 768px) {
  .p-top-profile__img {
    width: 100%;
  }
}