.p-service-column {
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-column__link, .p-service-column__block {
    display: flex;
    flex-wrap: wrap;
  }
  .p-service-column__link.--reverse, .p-service-column__block.--reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__link, .p-service-column__block {
    display: block;
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__link + .p-service-column__link, .p-service-column__link + .p-service-column__block, .p-service-column__block + .p-service-column__link, .p-service-column__block + .p-service-column__block {
    margin-top: min(5.556vw, 88px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__link + .p-service-column__link, .p-service-column__link + .p-service-column__block, .p-service-column__block + .p-service-column__link, .p-service-column__block + .p-service-column__block {
    margin-top: min(10.667vw, 44px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__link {
    align-items: center;
  }
}
@media (hover: hover) {
  .p-service-column__link:hover .p-service-column__image img {
    transform: scale(1.2);
  }
  .p-service-column__link:hover .p-service-column__title {
    color: var(--text-link);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__block.--center {
    align-items: center;
  }
}
.p-service-column__image {
  display: block;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-column__image {
    width: min(40.278vw, 638px);
    border-radius: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__image {
    width: 100%;
    border-radius: min(2.133vw, 8.8px);
  }
}
.p-service-column__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.45s ease;
}
.p-service-column__image.--border {
  border: var(--border) solid 1px;
}
.p-service-column__content > *:first-child {
  margin-top: 0 !important;
}
.p-service-column__content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 835px) {
  .p-service-column__content {
    flex: 1;
    padding-left: min(5.556vw, 88px);
  }
  .--reverse .p-service-column__content {
    padding-left: 0;
    padding-right: min(5.556vw, 88px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__content {
    margin-top: min(8.533vw, 35.2px);
  }
  .p-service-column__content:has(.p-service-column__title.--small) {
    margin-top: min(5.333vw, 22px);
  }
}
.p-service-column__title {
  transition: color var(--duration);
}
@media screen and (min-width: 835px) {
  .p-service-column__button {
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__button {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__button + .p-service-column__button {
    margin-top: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__button + .p-service-column__button {
    margin-top: min(2.133vw, 8.8px);
  }
}
.p-service-column__brand {
  overflow: hidden;
}
.p-service-column__brand > img {
  max-width: none;
  width: auto;
}
@media screen and (min-width: 835px) {
  .p-service-column__brand {
    margin-bottom: min(2.778vw, 44px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__brand.--good {
    padding-left: min(1.111vw, 17.6px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__brand.--good > img {
    height: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__brand.--good > img {
    height: min(8.533vw, 35.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-column__brand.--initia > img {
    height: min(2.222vw, 35.2px);
    translate: calc(min(2.222vw, 35.2px) * -1) 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-column__brand.--initia > img {
    height: min(6.4vw, 26.4px);
    translate: calc(min(4.267vw, 17.6px) * -1) 0;
  }
}

.p-service-project__list {
  display: grid;
}
@media screen and (min-width: 835px) {
  .p-service-project__list {
    grid-template-columns: repeat(2, 1fr);
    row-gap: min(2.778vw, 44px);
    column-gap: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__list {
    grid-template-columns: 1fr;
    row-gap: min(16vw, 66px);
  }
}
.p-service-project__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-project__image {
    border-radius: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__image {
    border-radius: min(2.133vw, 8.8px);
  }
}
.p-service-project__image img {
  width: 100%;
}
@media screen and (min-width: 835px) {
  .p-service-project__content {
    display: flex;
    flex-wrap: wrap;
    margin-top: min(2.083vw, 33px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__content {
    margin-top: min(7.467vw, 30.8px);
  }
}
.p-service-project__brand, .p-service-project__brands {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 835px) {
  .p-service-project__brand, .p-service-project__brands {
    width: min(12.5vw, 198px);
    border-right: var(--border-gray) solid 1px;
  }
  .p-service-project__brand + *, .p-service-project__brands + * {
    padding-left: min(2.083vw, 33px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand, .p-service-project__brands {
    margin-bottom: min(3.2vw, 13.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand {
    display: flex;
    align-items: center;
  }
  .p-service-project__brand + * {
    padding-left: min(2.083vw, 33px);
  }
}
.p-service-project__brand > img {
  width: auto;
  max-width: none;
}
@media screen and (min-width: 835px) {
  .p-service-project__brand > img {
    height: min(1.667vw, 26.4px);
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand > img {
    height: min(5.333vw, 22px);
    translate: calc(min(7.467vw, 30.8px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--forum > img {
    height: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--forum > img {
    translate: 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--gran > img {
    height: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--gran > img {
    translate: 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--nears > img, .p-service-project__brand.--mimaru > img {
    height: min(2.222vw, 35.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--nears > img, .p-service-project__brand.--mimaru > img {
    translate: calc(min(11.733vw, 48.4px) * -1) 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--mimaru > img {
    height: min(6.4vw, 26.4px);
    translate: calc(min(10.667vw, 44px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--midpoint > img {
    height: min(5vw, 79.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--midpoint > img {
    height: min(7.467vw, 30.8px);
    translate: calc(min(2.133vw, 8.8px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--outwork > img {
    height: min(3.889vw, 61.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--outwork > img {
    height: min(9.6vw, 39.6px);
    translate: calc(min(14.933vw, 61.6px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--mobica > img {
    height: min(5.278vw, 83.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--mobica > img {
    height: min(9.6vw, 39.6px);
    translate: calc(min(19.733vw, 81.4px) * -1) 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--etowa > img {
    translate: calc(min(10.133vw, 41.8px) * -1) 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--kyotology {
    height: min(17.333vw, 71.5px);
    margin-top: calc(min(2.133vw, 8.8px) * -1);
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--kyotology > img {
    height: min(8.75vw, 138.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--kyotology > img {
    height: min(22.4vw, 92.4px);
    translate: calc(min(5.333vw, 22px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--anone > img {
    height: min(8.611vw, 136.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--anone > img {
    height: min(21.333vw, 88px);
    margin-top: calc(min(2.133vw, 8.8px) * -1);
    translate: calc(min(5.333vw, 22px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--glance > img {
    height: min(0.486vw, 7.7px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--glance > img {
    height: min(2.133vw, 8.8px);
    translate: min(0.8vw, 3.3px) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--value > img {
    height: min(1.25vw, 19.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--value > img {
    height: min(4.8vw, 19.8px);
    translate: calc(min(8.533vw, 35.2px) * -1) 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--ruff-laugh {
    height: min(17.333vw, 71.5px);
    margin-top: calc(min(3.2vw, 13.2px) * -1);
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--ruff-laugh > img {
    height: min(7.292vw, 115.5px);
    margin-top: calc(min(0.556vw, 8.8px) * -1);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--ruff-laugh > img {
    height: min(19.733vw, 81.4px);
    translate: calc(min(2.667vw, 11px) * -1) 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--cosmos-gracia > img {
    height: min(0.417vw, 6.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--cosmos-gracia > img {
    max-width: min(53.333vw, 220px);
    height: auto;
    translate: 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--cosmos-reid > img {
    height: min(0.625vw, 9.9px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--cosmos-reid > img {
    max-width: min(53.333vw, 220px);
    height: auto;
    translate: 0;
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--cross-c > img {
    translate: 0 0;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brand.--reid-c > img {
    height: min(0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brand.--reid-c > img {
    height: min(3.2vw, 13.2px);
    translate: 0 0;
  }
}
.p-service-project__brands {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 835px) {
  .p-service-project__brands {
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__brands__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: min(1.111vw, 17.6px);
    padding-right: min(0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__brands__inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    row-gap: min(4.267vw, 17.6px);
  }
}
.p-service-project__description > *:first-child {
  margin-top: 0 !important;
}
.p-service-project__description > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 835px) {
  .p-service-project__description {
    flex: 1;
  }
}
.p-service-project__title {
  width: 100%;
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-project__title {
    font-size: clamp(17px, 1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__title {
    font-size: clamp(17px, 5.333vw, 22px);
    margin-top: min(3.2vw, 13.2px);
  }
}
.p-service-project__text {
  width: 100%;
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-project__text {
    font-size: clamp(11.9px, 0.972vw, 15.4px);
    margin-top: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-top: min(3.2vw, 13.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-project__links, .p-service-project__link {
    margin-top: min(1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__links, .p-service-project__link {
    margin-top: min(4.267vw, 17.6px);
  }
}
.p-service-project__links {
  display: grid;
}
.p-service-project__links > li {
  width: 100%;
}
.p-service-project__links > li > * {
  margin: 0;
}
@media screen and (min-width: 835px) {
  .p-service-project__links {
    gap: min(0.833vw, 13.2px) min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-project__links {
    gap: min(2.133vw, 8.8px) min(3.2vw, 13.2px);
  }
}

.p-service-solution {
  display: flex;
  column-gap: min(5.556vw, 88px);
}
@media screen and (min-width: 835px) {
  .p-service-solution:nth-child(odd) {
    flex-direction: row;
  }
  .p-service-solution:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution {
    width: 100%;
    flex-direction: column;
  }
}
.p-service-solution + .p-service-solution {
  margin-top: min(5.556vw, 88px);
}
@media screen and (max-width: 834px) {
  .p-service-solution + .p-service-solution {
    margin-top: min(12.8vw, 52.8px);
  }
}
.p-service-solution__image {
  overflow: hidden;
}
@media screen and (min-width: 835px) {
  .p-service-solution__image {
    max-width: min(40.278vw, 638px);
    border-radius: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__image {
    border-radius: min(2.133vw, 8.8px);
  }
}
.p-service-solution__image img {
  width: 100%;
}
.p-service-solution__content {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media screen and (min-width: 835px) {
  .p-service-solution__content {
    gap: min(2.778vw, 44px);
    max-width: calc(100% - min(40.278vw, 638px) - min(5.556vw, 88px));
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__content {
    gap: min(6.4vw, 26.4px);
    margin-top: min(8.533vw, 35.2px);
  }
}
.p-service-solution__brands__inner {
  display: flex;
  align-items: center;
}
.p-service-solution__brands__item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: min(0.556vw, 8.8px);
}
.p-service-solution__brands__item:not(:first-child) {
  margin-left: min(0.833vw, 13.2px);
  padding-left: min(0.833vw, 13.2px);
  border-left: var(--border-gray) solid 1px;
}
.p-service-solution__description > *:first-child {
  margin-top: 0 !important;
}
.p-service-solution__description > *:last-child {
  margin-bottom: 0 !important;
}
.p-service-solution__title {
  width: 100%;
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-solution__title {
    font-size: clamp(17px, 1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__title {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-service-solution__text {
  width: 100%;
  line-height: var(--lh-200);
}
@media screen and (min-width: 835px) {
  .p-service-solution__text {
    font-size: clamp(13.6px, 1.111vw, 17.6px);
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-top: min(3.2vw, 13.2px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-solution__links, .p-service-solution__link {
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__links, .p-service-solution__link {
    margin-top: min(4.267vw, 17.6px);
  }
}
.p-service-solution__links {
  display: flex;
  row-gap: min(1.389vw, 22px);
}
.p-service-solution__links > li > * {
  margin: 0;
}
@media screen and (min-width: 835px) {
  .p-service-solution__links {
    gap: min(0.833vw, 13.2px) min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-solution__links {
    gap: min(2.133vw, 8.8px) min(3.2vw, 13.2px);
  }
}

.p-service-subsolution {
  background-color: var(--bg-blue);
  padding: min(2.778vw, 44px);
}
@media screen and (max-width: 834px) {
  .p-service-subsolution {
    padding: min(8.533vw, 35.2px);
  }
}
.p-service-subsolution__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: min(1.389vw, 22px);
}
@media screen and (max-width: 834px) {
  .p-service-subsolution__list {
    grid-template-columns: repeat(1, 1fr);
    row-gap: min(5.333vw, 22px);
  }
}
.p-service-subsolution__title {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-subsolution__title {
    font-size: clamp(17px, 1.389vw, 22px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-subsolution__title {
    font-size: clamp(17px, 5.333vw, 22px);
  }
}
.p-service-subsolution__text {
  font-weight: var(--fw-400);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-subsolution__text {
    font-size: clamp(11.9px, 0.972vw, 15.4px);
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-subsolution__text {
    font-size: clamp(11.9px, 3.733vw, 15.4px);
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-subsolution__links {
    margin-top: min(2.778vw, 44px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-subsolution__links {
    margin-top: min(5.333vw, 22px);
  }
}
@media screen and (min-width: 835px) {
  .p-service-subsolution__links > li + li {
    margin-top: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-subsolution__links > li + li {
    margin-top: min(2.133vw, 8.8px);
  }
}

@media screen and (min-width: 835px) {
  .p-service-achievements {
    margin-top: min(4.167vw, 66px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-achievements {
    margin-top: min(16vw, 66px);
  }
}

@media screen and (min-width: 835px) {
  .p-service-contact {
    margin-top: min(5.556vw, 88px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact {
    margin-top: min(10.667vw, 44px);
  }
}
.p-service-contact__inner {
  background-color: var(--bg-blue);
}
@media screen and (min-width: 835px) {
  .p-service-contact__inner {
    border-radius: min(0.556vw, 8.8px);
    padding: min(4.167vw, 66px);
    display: flex;
    gap: min(4.167vw, 66px);
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__inner {
    border-radius: min(2.133vw, 8.8px);
    padding: min(8.533vw, 35.2px) min(5.333vw, 22px);
    display: block;
  }
}
.p-service-contact__header {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
}
@media screen and (min-width: 835px) {
  .p-service-contact__header {
    width: min(28.125vw, 445.5px);
    gap: min(1.667vw, 26.4px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__header {
    margin-bottom: min(8.533vw, 35.2px);
    gap: min(4.267vw, 17.6px);
  }
}
.p-service-contact__title {
  color: var(--text);
  font-weight: var(--fw-500);
  line-height: var(--lh-100);
}
@media screen and (min-width: 835px) {
  .p-service-contact__title {
    font-size: min(2.222vw, 35.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__title {
    font-size: min(6.4vw, 26.4px);
  }
}
.p-service-contact__company {
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-contact__company {
    font-size: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__company {
    font-size: min(3.733vw, 15.4px);
  }
}
.p-service-contact__content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 835px) {
  .p-service-contact__content {
    flex: 1;
    gap: min(2.222vw, 35.2px);
    align-items: center;
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__content {
    gap: min(6.4vw, 26.4px);
  }
}
.p-service-contact__phones {
  display: flex;
}
@media screen and (min-width: 835px) {
  .p-service-contact__phones {
    width: 100%;
    gap: min(2.778vw, 44px);
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__phones {
    flex-direction: column;
    gap: min(5.333vw, 22px);
  }
}
.p-service-contact__phone {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 835px) {
  .p-service-contact__phone {
    flex-shrink: 0;
    gap: min(1.111vw, 17.6px);
    align-items: flex-start;
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__phone {
    gap: min(3.2vw, 13.2px);
  }
}
.p-service-contact__phone__header {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 835px) {
  .p-service-contact__phone__header {
    gap: min(0.556vw, 8.8px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__phone__header {
    gap: min(2.133vw, 8.8px);
    flex-wrap: wrap;
  }
}
.p-service-contact__area {
  background-color: #fff;
  border: 1px solid var(--border);
  color: var(--text);
  white-space: nowrap;
  font-weight: var(--fw-500);
  line-height: var(--lh-100);
}
@media screen and (min-width: 835px) {
  .p-service-contact__area {
    border-radius: min(0.278vw, 4.4px);
    padding: min(0.694vw, 11px);
    font-size: min(0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__area {
    border-radius: min(1.067vw, 4.4px);
    padding: min(2.667vw, 11px);
    font-size: min(3.2vw, 13.2px);
  }
}
.p-service-contact__number {
  color: var(--text);
  font-family: var(--font-en);
  font-weight: var(--fw-400);
  line-height: var(--lh-100);
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 835px) {
  .p-service-contact__number {
    font-size: min(2.222vw, 35.2px);
    pointer-events: none;
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__number {
    font-size: min(8.533vw, 35.2px);
  }
}
@media (hover: hover) {
  .p-service-contact__number:hover {
    color: var(--text-link);
  }
}
.p-service-contact__time {
  color: var(--text);
  font-weight: var(--fw-400);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-contact__time {
    font-size: min(0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__time {
    font-size: min(3.2vw, 13.2px);
  }
}
.p-service-contact__mail {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 835px) {
  .p-service-contact__mail {
    gap: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__mail {
    gap: min(3.2vw, 13.2px);
  }
}
.p-service-contact__mail__button {
  width: 100%;
  background-color: var(--brand);
  text-align: center;
  text-decoration: none;
  display: block;
}
@media screen and (min-width: 835px) {
  .p-service-contact__mail__button {
    border-radius: min(0.278vw, 4.4px);
    padding: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__mail__button {
    border-radius: min(1.067vw, 4.4px);
    padding: min(4.267vw, 17.6px);
  }
}
.p-service-contact__mail__button > span {
  color: var(--text-white);
  font-weight: var(--fw-500);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-contact__mail__button > span {
    font-size: min(1.111vw, 17.6px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__mail__button > span {
    font-size: min(4.267vw, 17.6px);
  }
}
@media (hover: hover) {
  .p-service-contact__mail__button:hover {
    background-color: #004c8c;
  }
}
.p-service-contact__mail__note {
  width: 100%;
  color: var(--text);
  font-weight: var(--fw-400);
  line-height: var(--lh-150);
}
@media screen and (min-width: 835px) {
  .p-service-contact__mail__note {
    font-size: min(0.833vw, 13.2px);
  }
}
@media screen and (max-width: 834px) {
  .p-service-contact__mail__note {
    font-size: min(3.2vw, 13.2px);
  }
}
.p-service-contact__mail__note a.--link {
  color: var(--text-link);
  text-decoration: none;
}
@media (hover: hover) {
  .p-service-contact__mail__note a.--link:hover {
    text-decoration: underline;
  }
}