@charset "UTF-8";
/*** The new CSS reset - version 1.11.3 (last updated 25.8.2024) ***/
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

a, button {
  cursor: revert;
}

ol, ul, menu, summary {
  list-style: none;
}

ol {
  counter-reset: revert;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

:where(pre) {
  all: revert;
  box-sizing: border-box;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

::-webkit-details-marker {
  display: none;
}

@font-face {
  font-family: "AxisStd-ExtraLight";
  src: url("../fonts/cae76507-fde0-48d2-8060-f95b67662772.eot?#iefix");
  src: url("../fonts/cae76507-fde0-48d2-8060-f95b67662772.eot?#iefix") format("eot"), url("../fonts/25516da4-2e65-456a-bc9c-cc6960f6c384.woff") format("woff"), url("../fonts/8c439ac8-83ef-4635-a477-df9c64f97b62.ttf") format("truetype"), url("../fonts/93d1f11a-903e-4293-a2f1-cd55b87b5087.svg#93d1f11a-903e-4293-a2f1-cd55b87b5087") format("svg");
}
@font-face {
  font-family: "AxisStd-Light";
  src: url("../fonts/aa7c9f5f-bd2d-4fbb-a4a5-82ba2cd0189c.eot?#iefix");
  src: url("../fonts/aa7c9f5f-bd2d-4fbb-a4a5-82ba2cd0189c.eot?#iefix") format("eot"), url("../fonts/18820f9e-d51e-43be-9d0f-e510d9d1878a.woff") format("woff"), url("../fonts/cb3a3886-7dec-420d-bf42-698737ce3561.ttf") format("truetype"), url("../fonts/9bdde1f9-7637-4fa1-994d-2f2ad4929b1f.svg#9bdde1f9-7637-4fa1-994d-2f2ad4929b1f") format("svg");
}
@font-face {
  font-family: "AxisStd-Regular";
  src: url("../fonts/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix");
  src: url("../fonts/7e908add-1f72-4926-8e0d-33613fad3a87.eot?#iefix") format("eot"), url("../fonts/6e9eb620-9339-4b2e-bb9b-d514def96de7.woff") format("woff"), url("../fonts/a71ba532-858c-440c-8abd-e89a2ae8efea.ttf") format("truetype"), url("../fonts/5d948218-1de1-4508-b1a6-fe03ccced886.svg#5d948218-1de1-4508-b1a6-fe03ccced886") format("svg");
}
@font-face {
  font-family: "AxisStd-Medium";
  src: url("../fonts/724feca3-e632-4df0-811e-d0184d5e569c.eot?#iefix");
  src: url("../fonts/724feca3-e632-4df0-811e-d0184d5e569c.eot?#iefix") format("eot"), url("../fonts/2a67f3cb-4bfa-4ec5-9167-73e8c4e78635.woff") format("woff"), url("../fonts/f09ad952-d955-4c72-a632-1313427634d0.ttf") format("truetype"), url("../fonts/c60a0c5e-c39d-4513-b578-1a5858cbecde.svg#c60a0c5e-c39d-4513-b578-1a5858cbecde") format("svg");
}
@font-face {
  font-family: "Copperplate W01 Bold";
  src: url("../fonts/e6a8c4d5-913e-44d1-b01a-48698d34d808.eot?#iefix");
  src: url("../fonts/e6a8c4d5-913e-44d1-b01a-48698d34d808.eot?#iefix") format("eot"), url("../fonts/3d5f7d99-9e98-4e47-a51a-3ce277a8bd99.woff") format("woff"), url("../fonts/936a01c4-abc2-4ad8-96a2-eda15966f830.ttf") format("truetype"), url("../fonts/78e4901a-65d7-4330-b8d8-ce397d8873ea.svg#78e4901a-65d7-4330-b8d8-ce397d8873ea") format("svg");
}
@font-face {
  font-family: "HelveticaNeue-Thin";
  src: url("../fonts/HelveticaNeue-Thin.otf") format("opentype");
}
@font-face {
  font-family: "HelveticaNeueUltraLight";
  src: url("../fonts/HelveticaNeueUltraLight.otf") format("opentype");
}
@font-face {
  font-family: "Dangrek-Regular";
  src: url("../fonts/Dangrek-Regular.ttf") format("truetype");
}
* {
  box-sizing: border-box;
}

@property --window-width {
  syntax: "<length>";
  initial-value: 0px;
  inherits: true;
}
img {
  vertical-align: middle;
}

html {
  container-type: inline-size;
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
@media screen and (max-width: 1230px) {
  html {
    scroll-padding-top: 72px;
  }
}

body {
  --window-width: 100cqw;
  --scrollbar-width: calc(100vw - var(--window-width));
}

:root {
  --bg-color1:#282828;
  --bg-color2:#33384B;
  --col:#00A8C3;
  --col2:#787878;
  --max-widths:1550px;
  --max-width:1440px;
  --marquee-duration: 45s;
  --logo-gap: 20px;
  --logo-row-height: 120px;
}
@media screen and (max-width: 1023px) {
  :root {
    --logo-row-height: 90px;
  }
}

body {
  color: #696969;
  letter-spacing: 0.048em;
  font-size: 1.125rem;
  line-height: 1.888;
  font-family: "AxisStd-Regular", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  body {
    font-size: 1rem;
  }
}

.swiper {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.swiper.swiper-initialized {
  opacity: 1;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100002;
}
@media screen and (max-width: 1230px) {
  .header {
    position: fixed;
    background: #FFF;
    top: 0;
    left: 0;
    right: 0;
  }
}
.header.open {
  background: var(--bg-color2);
}
.header.open .header__logo svg path {
  fill: white;
}
.header__animation {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100002;
  transition: top 0.3s ease;
}
.header__animation.is-hidden {
  top: -120px;
}
@media screen and (max-width: 1230px) {
  .header__animation.is-hidden {
    top: -72px;
  }
}
@media screen and (max-width: 1230px) {
  .header__animation {
    position: fixed;
    background: #FFF;
    top: 0;
    left: 0;
    right: 0;
  }
}
.header__animation.open {
  background: var(--bg-color2);
}
.header__animation.open .header__logo svg path {
  fill: white;
}
.header__animation.open ~ * .header-animation__subNav {
  opacity: 0;
  pointer-events: none;
}
.header__animation .header__inner {
  display: flex;
  align-items: center;
  padding: 46px 55px;
  justify-content: space-between;
  height: 120px;
}
@media screen and (max-width: 1230px) {
  .header__animation .header__inner {
    padding: 20px 15px;
    height: 72px;
  }
}
.header__animation .header__logo {
  align-content: center;
  margin-top: 4px;
  width: auto;
  min-width: 169px;
  max-width: 169px;
}
.header__animation .header__logo svg {
  width: 100%;
  height: auto;
}
.header__animation .header__nav {
  margin-left: auto;
}
@media screen and (max-width: 1230px) {
  .header__animation .header__nav {
    display: none;
  }
}
.header__animation .header__list {
  display: flex;
  margin-left: auto;
  flex-wrap: wrap;
  padding-left: 20px;
  justify-content: flex-end;
}
.header__animation .header__list li {
  margin: 0 10px;
}
.header__animation .header__list li span {
  position: relative;
  z-index: 1;
}
.header__animation .header__list a, .header__animation .header__list button {
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.5em;
  color: #000;
  letter-spacing: 0;
  text-decoration: none;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding-bottom: 4px;
}
.header__animation .header__list a::after, .header__animation .header__list button::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #00A8C3;
  content: "";
  pointer-events: none;
  transition: transform 0.4s ease;
  z-index: 1;
}
.header__animation .header__list a.is-active::after, .header__animation .header__list a.current::after, .header__animation .header__list button.is-active::after, .header__animation .header__list button.current::after {
  transform: scaleX(1);
}
.header__animation .header__list a:hover::after, .header__animation .header__list button:hover::after {
  transform: scaleX(1);
}

.header__subNav {
  padding: 11px 55px;
  background-color: #EEEEEE;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843) inset;
}
.header__subNav.is-active .header__subNav-list {
  display: flex;
}
.header__subNav.is-active .header__subNav-toggle.c-acr-btn::before {
  transform: translateY(9px) rotate(-45deg);
}
.header__subNav-toggle {
  display: none;
}
@media screen and (max-width: 1230px) {
  .header__subNav {
    padding: 8px 15px;
  }
  .header__subNav-toggle {
    font-size: 15px;
    letter-spacing: 0.032em;
    line-height: 1.4;
    color: #000000;
    display: block;
    height: 29px;
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    width: fit-content;
  }
  .header__subNav-toggle.c-acr-btn {
    border-bottom: 0;
  }
  .header__subNav-toggle.c-acr-btn::before {
    top: 4px;
    transform: rotate(135deg);
    right: -32px;
  }
}
.header__subNav-group {
  width: 100%;
}
@media screen and (max-width: 1230px) {
  .header__subNav-group {
    display: flex;
    flex-direction: column;
  }
}
.header__subNav-nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
@media screen and (max-width: 1230px) {
  .header__subNav-nav {
    align-items: flex-start;
  }
}
.header__subNav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 1230px) {
  .header__subNav-list {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    width: 100%;
    top: calc(100% + 16px);
    gap: 12px;
  }
}
.header__subNav-item {
  margin: 0 15px;
}
@media screen and (max-width: 1230px) {
  .header__subNav-item {
    margin: unset;
    padding: 0 16px;
    width: 100%;
  }
}
.header__subNav-item a {
  color: #000000;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.032em;
}
@media screen and (max-width: 1230px) {
  .header__subNav-item a {
    font-size: 13px;
    display: block;
    width: 100%;
  }
}
.header__subNav-item:last-child {
  margin-right: 0;
}
.header__subNav-btn.c-btn {
  background: #00A8C3;
  padding: 6px;
  width: 150px;
  color: #ffffff;
  margin: 0 0 0 auto;
  white-space: nowrap;
  flex-shrink: 0;
}
.header__subNav-btn.c-btn::after {
  display: none;
}
.header__subNav-btn.c-btn--w200 {
  width: 200px;
}
@media screen and (max-width: 1230px) {
  .header__subNav-btn.c-btn {
    border-radius: 4px;
    padding: 2.2px 7px;
    width: fit-content;
    font-size: 0.8125rem;
  }
}
.header-animation__subNav {
  padding: 11px 55px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843) inset;
  position: sticky;
  top: 120px;
  z-index: 100001;
  transition: top 0.3s ease;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav {
    position: fixed;
    top: 71px;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: top;
  }
  @supports (-webkit-touch-callout: none) {
    .header-animation__subNav {
      top: 79px;
    }
  }
}
.header-animation__subNav::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eeeeee;
  z-index: -1;
}
.header-animation__subNav::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: -2;
  backdrop-filter: blur(2px);
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav.is-sticky-top {
    top: 0;
  }
}
@media screen and (min-width: 1231px) {
  .header-animation__subNav.is-sticky-top {
    top: -1px;
  }
}
.header-animation__subNav.is-active::before {
  opacity: 1;
  pointer-events: auto;
}
.header-animation__subNav.is-active .header__subNav-list {
  display: flex;
  pointer-events: auto;
}
.header-animation__subNav.is-active .header__subNav-list::after {
  height: 100%;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav.is-active .header__subNav-item {
    opacity: 1;
    transition-delay: 0.3s;
  }
}
.header-animation__subNav.is-active .header__subNav-toggle.c-acr-btn::before {
  transform: translateY(9px) rotate(-45deg);
}
.header-animation__subNav .header__subNav-toggle {
  display: none;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav {
    padding: 8px 15px;
    top: 71px;
  }
  .header-animation__subNav .header__subNav-toggle {
    font-size: 15px;
    letter-spacing: 0.032em;
    line-height: 1.4;
    color: #000000;
    display: block;
    height: 29px;
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    width: fit-content;
  }
  .header-animation__subNav .header__subNav-toggle.c-acr-btn {
    border-bottom: 0;
    padding-right: 30px;
  }
  .header-animation__subNav .header__subNav-toggle.c-acr-btn::before {
    top: 4px;
    transform: rotate(135deg);
    right: 0;
  }
}
.header-animation__subNav .header__subNav-group {
  width: 100%;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav .header__subNav-group {
    display: flex;
    flex-direction: column;
  }
}
.header-animation__subNav .header__subNav-nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: relative;
}
.header-animation__subNav .header__subNav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav .header__subNav-list {
    pointer-events: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: calc(100% + 7px);
    left: -15px;
    width: 100vw;
    padding: 16px 15px 30px 15px;
    gap: 12px;
  }
  .header-animation__subNav .header__subNav-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #eeeeee;
    z-index: -1;
    transition: height 0.5s ease;
  }
}
.header-animation__subNav .header__subNav-item {
  margin: 0 15px;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav .header__subNav-item {
    margin: unset;
    padding: 0 16px;
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
  }
}
.header-animation__subNav .header__subNav-item a {
  color: #000000;
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.032em;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav .header__subNav-item a {
    font-size: 13px;
    display: block;
    width: 100%;
  }
}
.header-animation__subNav .header__subNav-item:last-child {
  margin-right: 0;
}
.header-animation__subNav .header__subNav-btn.c-btn {
  background: #00A8C3;
  padding: 6px;
  width: 150px;
  color: #ffffff;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1230px) {
  .header-animation__subNav .header__subNav-btn.c-btn {
    width: 100px;
    font-size: 12px;
    padding: 4px;
    height: auto;
    line-height: 2;
  }
}

.header__inner {
  display: flex;
  align-items: center;
  padding: 46px 55px;
  justify-content: space-between;
  height: 120px;
}
@media screen and (max-width: 1230px) {
  .header__inner {
    padding: 20px 15px;
    height: 72px;
  }
}
.header__logo {
  align-content: center;
  margin-top: 4px;
  width: auto;
  min-width: 169px;
  max-width: 169px;
}
.header__logo svg {
  width: 100%;
  height: auto;
}
.header__nav {
  margin-left: auto;
}
@media screen and (max-width: 1230px) {
  .header__nav {
    display: none;
  }
}
.header__list {
  display: flex;
  margin-left: auto;
  flex-wrap: wrap;
  padding-left: 20px;
  justify-content: flex-end;
}
.header__list li {
  margin: 0 10px;
}
.header__list li span {
  position: relative;
  z-index: 1;
}
.header__list a, .header__list button {
  position: relative;
  font-size: 0.9375rem;
  line-height: 1.5em;
  color: #000;
  letter-spacing: 0;
  text-decoration: none;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding-bottom: 4px;
}
.header__list a::after, .header__list button::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #00A8C3;
  content: "";
  pointer-events: none;
  transition: transform 0.4s ease;
  z-index: 1;
}
.header__list a.is-active::after, .header__list a.current::after, .header__list button.is-active::after, .header__list button.current::after {
  transform: scaleX(1);
}
.header__list a:hover::after, .header__list button:hover::after {
  transform: scaleX(1);
}

[data-aspect] {
  aspect-ratio: var(--ar);
}

.center-block {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.position-relative {
  position: relative;
}

.color-primary {
  color: var(--col);
}

.color-secondary {
  color: #C3FF00;
}

.object-cover {
  object-fit: cover;
}

.d-block {
  display: block;
}

.ml0 {
  margin-left: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mr60 {
  margin-right: 60px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr90 {
  margin-right: 90px;
}

.mt0 {
  margin-top: 0;
}

.mx-auto {
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .mtsp0 {
    margin-top: 0;
  }
}
.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb24 {
  margin-bottom: 24px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb26 {
  margin-bottom: 26px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.mb120 {
  margin-bottom: 120px;
}

.pt30 {
  padding-top: 30px;
}

.pt50 {
  padding-top: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb16 {
  padding-bottom: 16px;
}

.pb20 {
  padding-bottom: 20px;
}

.px15 {
  padding: 0 15px;
}

.w100 {
  width: 100%;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.issp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .issp {
    display: block;
  }
}

.isxm {
  display: none;
}
@media screen and (max-width: 767px) {
  .isxm {
    display: block;
  }
}

.ispc {
  display: block;
}
@media screen and (max-width: 1023px) {
  .ispc {
    display: none;
  }
}

.tl {
  text-align: left;
}

.fntfamilyregular {
  font-family: "AxisStd-Regular", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.fntfamilymedium {
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.fntregular {
  font-weight: 400;
}

.fntmedium {
  font-weight: 500;
}

.fntsemi {
  font-weight: 600;
}

.fntb {
  font-weight: bold;
}

.d-flex__wrapCircle {
  display: flex;
  justify-content: center;
  gap: 12px;
}
.d-flex__wrapCircle--l3 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 66px;
  padding: 31px 0 49px;
}
@media screen and (max-width: 1023px) {
  .d-flex__wrapCircle--l3 {
    padding: 27px 0 87px;
  }
}
.d-flex__wrapCircle--l2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 194px;
  padding: 0 0 46px;
}
@media screen and (max-width: 1023px) {
  .d-flex__wrapCircle--l2 {
    gap: 66px;
    padding: 27px 0 87px;
  }
}
.d-flex__wrapCircle--l4 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 66px;
  padding: 27px 0 87px;
}
.d-flex__wrapCircle--w .c-title {
  background-color: #E6E6E6;
  color: #888888;
}
.d-flex__wrapCircle--bw .c-content:first-child .c-title {
  background-color: #272727;
  opacity: 0.8;
  color: #888888;
}
.d-flex__wrapCircle--bw .c-content:last-child .c-title {
  background-color: #E6E6E6;
  color: #888888;
}
.d-flex__wrapCircle--ax .c-title {
  background-color: #543654;
}
.d-flex__wrapCircle--dev .c-title {
  background-color: #3d575c;
}
.d-flex__wrapCircle--data .c-title {
  background-color: #635a3a;
}
.d-flex__wrapCircle--uiux .c-title {
  background-color: #424660;
}
.d-flex__wrapCircle--pm .c-title {
  background-color: #3B4B5D;
}
.d-flex__wrapCircle--p .c-imgwaku--circle .c-title {
  background-color: #543654;
}
.d-flex__wrapCircle--y .c-imgwaku--circle .c-title {
  background-color: #E1F429;
  color: #000000;
}
.d-flex__wrapCircle--w257 .c-imgwaku--circle {
  width: 257px;
  aspect-ratio: 1/1;
  overflow: hidden;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  margin: 0 auto 35px;
}
.d-flex__wrapCircle--w257 .c-imgwaku--circle .c-title {
  width: 215px;
  height: 215px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-flex__wrapCircle--w257 p {
  max-width: 257px;
}
.d-flex__wrapCircle--w257.d-flex__wrapCircle--uiux {
  gap: 270px;
}
@media screen and (max-width: 1023px) {
  .d-flex__wrapCircle--w257.d-flex__wrapCircle--uiux {
    gap: 66px;
  }
}
.d-flex__wrapCircle--w257.d-flex__wrapCircle--uiux p {
  max-width: 345px;
}
.d-flex__wrapCircle--w257.d-flex__wrapCircle--free p {
  max-width: 286px;
}
.d-flex__wrapCircle--w257 .c-content .c-title {
  line-height: 1.3;
}
.d-flex__wrapCircle--w257 .c-content .c-circle {
  max-width: 400px;
}
.d-flex__wrapCircle--w257 .c-content .c-circle li {
  line-height: inherit;
}
.d-flex__wrapCircle--w257 .c-content .c-circle li::before {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .d-flex__wrapCircle {
    gap: 1vw;
  }
  .d-flex__wrapCircle .c-imgwaku--circle {
    padding: 15px;
  }
}
.d-flex__wrapCircle01 > div > div {
  background-color: #F3F3F3;
}
.d-flex__wrapCircle01 > div > div img {
  aspect-ratio: 180/78;
  object-fit: contain;
  max-width: 180px;
}
.d-flex__wrapCircle > div {
  width: 255px;
  aspect-ratio: 1/1;
  overflow: hidden;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.d-flex__wrapCircle > div > div {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-hover {
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.link-hover:hover {
  opacity: 0.6;
}

.require-left::before {
  content: "※";
  color: #c3ff00;
  font-size: inherit;
  margin-right: 4px;
  display: inline;
}
.require-left--w::before {
  color: #ffffff;
}
.require-left--mr0::before {
  margin-right: 0;
}

.arrow-left::before {
  content: "＜";
  color: inherit;
  font-size: inherit;
  margin-right: 4px;
  display: inline;
}
.arrow-left--mr0::before {
  margin-right: 0;
}

.arrow-right::after {
  content: "＞";
  color: inherit;
  font-size: inherit;
  margin-left: 4px;
  display: inline;
}
.arrow-right--ml0::after {
  margin-left: 0;
}

.require-right::after {
  content: "※";
  color: inherit;
  font-size: inherit;
  margin-left: 4px;
  display: inline;
}
.require-right--y::after {
  color: #c3ff00;
}

.link-blank {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
}
.link-blank::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../img/common/icon_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.js-slide-switch {
  cursor: pointer;
}

h2 {
  font-size: 3rem;
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  h2 {
    font-size: 1.75rem;
  }
}

h3 {
  font-size: 2rem;
}
@media screen and (max-width: 1023px) {
  h3 {
    font-size: 1.5rem;
  }
}

.fnt12 {
  font-size: 0.75rem;
}
@media screen and (max-width: 1023px) {
  .fnt12 {
    font-size: 0.75rem;
  }
}

.fnt14 {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .fnt14 {
    font-size: 0.875rem;
  }
}

.fnt16 {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .fnt16 {
    font-size: 1rem;
  }
}

.fnt20 {
  font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .fnt20 {
    font-size: 1.125rem;
  }
}

.fnt24 {
  font-size: 1.5rem;
}
@media screen and (max-width: 1023px) {
  .fnt24 {
    font-size: 1.25rem;
  }
}

.fnt30 {
  font-size: 1.875rem;
}
@media screen and (max-width: 1023px) {
  .fnt30 {
    font-size: 1.375rem;
  }
}

.fnt32 {
  font-size: 2rem;
}
@media screen and (max-width: 1023px) {
  .fnt32 {
    font-size: 1.5rem;
  }
}

.fnt36 {
  font-size: 2.25rem;
}
@media screen and (max-width: 1023px) {
  .fnt36 {
    font-size: 1.5rem;
  }
}

.fnt40 {
  font-size: 2.5rem;
}
@media screen and (max-width: 1023px) {
  .fnt40 {
    font-size: 1.625rem;
  }
}

.fnt48 {
  font-size: 3rem;
}
@media screen and (max-width: 1023px) {
  .fnt48 {
    font-size: 1.75rem;
  }
}

.fnt54 {
  font-size: 3.375rem;
}
@media screen and (max-width: 1023px) {
  .fnt54 {
    font-size: 1.875rem;
  }
}

.fnt64 {
  font-size: 4rem;
}
@media screen and (max-width: 1023px) {
  .fnt64 {
    font-size: 2.75rem;
  }
}

main {
  padding-top: 120px;
}
@media screen and (max-width: 1230px) {
  main {
    padding-top: 72px;
  }
}

.bg--after::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

section {
  margin: 70px auto 90px;
}
@media screen and (max-width: 1023px) {
  section {
    padding: 0px;
  }
}

@container (max-width: 1240px) {
  .footer__subnav ul li {
    width: calc(50% - 10px);
  }
}
.footer {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .footer {
    flex-direction: column;
  }
}
.footer__subnav {
  background: var(--bg-color1);
  padding: 32px 55px 32px;
}
@media screen and (max-width: 1023px) {
  .footer__subnav {
    padding: 16px;
  }
}
.footer__subnav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  gap: 24px 0;
}
@media screen and (max-width: 1023px) {
  .footer__subnav ul {
    gap: 12px 0;
  }
}
.footer__subnav ul:after {
  content: "";
  width: calc(33.33% - 10px);
}
.footer__subnav li {
  width: calc(33.33% - 10px);
}
.footer__subnav li.is-active a {
  color: #787878;
  pointer-events: none;
}
.footer__subnav li.is-active a span::after {
  display: none;
}
@media screen and (max-width: 1023px) {
  .footer__subnav li {
    width: 100% !important;
  }
}
.footer__subnav span {
  position: relative;
}
.footer__subnav span:after {
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-size: contain;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%228%22%20viewBox%3D%220%200%2026%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20y1%3D%224%22%20x2%3D%2222%22%20y2%3D%224%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M25.25%204L19.25%207.4641L19.25%200.535898L25.25%204Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
}
.footer__subnav a {
  color: #FFF;
  border-bottom: 1px solid var(--col2);
  display: block;
  padding: 12px 0;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .footer__subnav a {
    padding-bottom: 24px;
  }
}
.footer__upper {
  background: var(--bg-color2);
  padding: 47px 0;
  color: #FFF;
}
.footer__upper.bg--offer {
  background: #30323B;
}
.footer__upper.is-border {
  border-top: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
}
.footer__upper .c-btn {
  width: 300px;
}
@media screen and (max-width: 1023px) {
  .footer__upper .c-btn {
    max-width: 375px;
    width: calc(100% - 30px);
  }
}
.footer__side {
  padding: 60px 55px 45px 0;
  display: flex;
  position: absolute;
  height: 102%;
  flex-direction: column;
  right: 0;
}
@media screen and (max-width: 1023px) {
  .footer__side {
    position: relative;
    padding: 30px 15px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }
}
.footer__nav {
  padding: 60px 55px;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .footer__nav {
    padding: 32px 15px;
    padding-bottom: 0;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.footer__nav li a {
  line-height: 2.28;
  letter-spacing: 0.048em;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: none;
}
.footer__accordion {
  font-size: 0.875rem;
}
.footer__list {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .footer__list {
    margin-bottom: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  .footer__list.is-active {
    max-height: 500px;
  }
  .footer__list > li {
    padding: 0 16px;
  }
  .footer__list > li:first-child {
    padding-top: 16px;
  }
}
@media screen and (max-width: 767px) {
  .footer__list a {
    display: inline;
    position: relative;
    padding-left: 16px;
  }
  .footer__list a::before {
    content: "";
    position: absolute;
    display: block;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #00A8C3;
    border-radius: 50%;
  }
}
.footer__list--lower a {
  position: relative;
  text-decoration: none;
}
.footer__col {
  margin-right: 100px;
  margin-right: clamp(50px, 50px + 50 * (100vw - 1024px) / 216, 100px);
}
@media screen and (max-width: 767px) {
  .footer__col {
    width: 100%;
    margin-right: unset;
  }
  .footer__col > div {
    border-bottom: 1px solid #E9E9E9;
  }
  .footer__col > div:not(:has(> .footer__accordion)) {
    padding: 8px;
  }
}
.footer__col div {
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 2.28;
  font-weight: 600;
}
.footer__col div a {
  font-size: 0.875rem;
}
.footer__col div + div {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .footer__col div + div {
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .footer__accordion {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px;
    cursor: pointer;
  }
  .footer__accordion::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 16px;
    width: 14px;
    height: 2px;
    transform: translateY(-50%);
    background-color: #00A8C3;
  }
  .footer__accordion::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 22px;
    width: 2px;
    height: 14px;
    transform: translateY(-50%);
    background-color: #00A8C3;
    opacity: 1;
    transition: opacity 0.25s;
  }
  .footer__accordion.is-active::after {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer .policy {
    border: none;
  }
  .footer .policy a {
    font-family: "AxisStd-regular", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }
}
.footer .banner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1023px) {
  .footer .banner {
    flex-direction: row;
  }
}
.footer .banner .c-btn {
  width: 200px;
  padding: 12px 54px 12px 32px;
  margin-right: 0;
}
@media screen and (max-width: 1023px) {
  .footer .banner .c-btn {
    width: 50%;
    padding: 12px 40px 12px 16px;
  }
  .footer .banner .c-btn::after {
    right: 15px;
  }
}
.footer .banner .magazine_logo {
  width: 200px;
  display: block;
  background: none;
  padding: 15px 8px 8px;
  background-color: #ECECEC;
  outline: 1px solid #B7B7B7;
  border-radius: 3px;
  margin-left: auto;
  text-align: center;
}
.footer .banner .magazine_logo img {
  max-width: 167px;
}
@media screen and (max-width: 1023px) {
  .footer .banner .magazine_logo img {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .footer .banner .magazine_logo {
    width: 50%;
  }
}
.footer .sns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 30px 0 auto;
  gap: 15px;
}
@media screen and (max-width: 1023px) {
  .footer .sns {
    margin: 0;
  }
}
.footer .sns a {
  display: flex;
}
.footer small {
  font-size: 0.75rem;
  white-space: nowrap;
  color: #ABA9A9;
  text-align: right;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .footer small {
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
  }
}

.breadcrumbs {
  height: 50px;
  align-content: center;
  text-align: center;
  color: #B7B7B7;
  position: relative;
  margin-bottom: 80px;
  font-size: 0.9375rem;
}
.breadcrumbs.mb7 {
  margin-bottom: 7px;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs {
    text-align: left;
    white-space: nowrap;
    font-size: 0.8125rem;
    margin-bottom: 48px;
  }
}
@container (max-width: 500px) {
  .breadcrumbs {
    font-size: 2.7vw;
  }
}
.breadcrumbs:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/lines.svg) no-repeat center top;
  background-size: 100% 50px;
}
.breadcrumbs__list {
  display: flex;
  justify-content: center;
  gap: 20px;
  overflow-x: scroll;
}
.breadcrumbs__list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .breadcrumbs__list {
    padding: 0 15px;
  }
}
.breadcrumbs__list li {
  line-height: 1.7;
}
.breadcrumbs__list li + li {
  position: relative;
}
.breadcrumbs__list li + li:before {
  content: "＞";
  position: relative;
  left: -10px;
}
.breadcrumbs__list a {
  color: #FFF;
  position: relative;
  text-decoration: none;
}

.gmenubtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  display: flex;
  flex-direction: column;
  text-align: right;
  height: 30px;
  width: 40px;
  align-items: center;
  justify-content: center;
  top: 0px;
  z-index: 10000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: manipulation;
  display: none;
  text-align: center;
}
@media screen and (max-width: 1230px) {
  .gmenubtn {
    display: flex;
  }
}
.gmenubtn span {
  transition: all 0.2s ease;
  width: 22px;
  height: 2px;
  background: #000;
  margin: 3px auto;
  display: block;
}
.gmenubtn.open span {
  background: #FFF;
}
.gmenubtn.open span:nth-of-type(1) {
  transform: translateY(8px) rotate(45deg);
  animation: none;
}
.gmenubtn.open span:nth-of-type(2) {
  opacity: 0;
}
.gmenubtn.open span:nth-of-type(3) {
  transform: translateY(-8px) rotate(-45deg);
  animation: none;
}
.gmenubtn.open:hover span:first-child {
  animation: none;
}
.gmenubtn.open:hover span:last-child {
  animation: none !important;
  animation-play-state: paused !important;
}
.gmenubtn.open p:before {
  display: none;
}
.gmenubtn.open p:after {
  display: block;
}

/* purgecss start ignore */
.micromodal-is-locked {
  overflow: hidden;
}

.modal {
  z-index: 99;
  position: relative;
}
.modal .c-btn {
  height: 50px;
}
.modal__magazine {
  width: 100%;
  padding: 12px 72px 12px 50px;
  text-align: center;
  border: 1px solid #B7B7B7;
  background-color: #ECECEC;
  margin-top: 22px;
  height: 50px;
  border-radius: 3px;
}
.modal__magazine img {
  width: 167px;
  object-fit: contain;
}
.modal__content {
  line-height: 1.5;
  min-height: 100vh;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 72px;
  color: #FFF;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 32px;
}
.modal__content div {
  font-weight: 500;
  font-size: 1.25rem;
  margin-top: 20px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.modal__content > ul {
  padding: 3px 6px 0;
}
.modal__content > ul a {
  padding: 10px 0;
  font-size: 1.125rem;
  display: block;
  position: relative;
}
.modal__content > ul:nth-last-of-type(1) {
  padding-bottom: 30px;
}
.modal__content .c-btn {
  width: 100%;
}
.modal__content .sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modal__content .sns a {
  display: flex;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2F3344;
  display: flex;
  justify-content: center;
  margin: auto;
  overflow: auto;
}

.modal__container {
  width: 100%;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "✕";
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

/* purgecss end ignore */
/**
 * Swiper 9.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 28, 2023
 */
/* purgecss start ignore */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper, swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide, swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  -ms-touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification, swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* purgecss end ignore */
.l-col {
  max-width: var(--max-width);
  width: calc(100% - 115px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1023px) {
  .l-col {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.l-col2 {
  max-width: var(--max-width);
  width: calc(100% - 106px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1023px) {
  .l-col2 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.l-col3 {
  max-width: var(--max-width);
  width: calc(100% - 228px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1023px) {
  .l-col3 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.l-col4 {
  max-width: 1071px;
  width: calc(100% - 368px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1023px) {
  .l-col4 {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}

.l-container__1440 {
  max-width: var(--max-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.l-container__1038 {
  max-width: 1038px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c-h1 {
  font-size: 3.375rem;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .c-h1 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.c-h1 .en {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--col);
}
@media screen and (max-width: 1023px) {
  .c-h1 .en {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
.c-h1--blk {
  color: #000;
}
.c-h1--wh {
  color: #FFF;
}

.c-h2 {
  font-size: 3rem;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .c-h2 {
    font-size: 1.75rem;
    margin-bottom: 20px;
  }
}
.c-h2 .en {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
  color: var(--col);
}
@media screen and (max-width: 1023px) {
  .c-h2 .en {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
.c-h2--blk {
  color: #000;
}
.c-h2--wh {
  color: #FFF;
}

.c-h3 {
  font-size: 2.25rem;
  text-align: center;
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .c-h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
.c-h3 .en {
  font-size: 1rem;
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--col);
}
@media screen and (max-width: 1023px) {
  .c-h3 .en {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}
.c-h3--blk {
  color: #000;
}
.c-h3--wh {
  color: #FFF;
}

.c-h2Small {
  font-size: 2.875rem;
  text-align: center;
  position: relative;
  color: #ffffff;
  z-index: 1;
  margin-bottom: 40px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .c-h2Small {
    font-size: 1.75rem;
    margin-bottom: 20px;
  }
}

.c-wh {
  color: #FFF;
}

.c-section--bg {
  padding: 70px 0 90px;
  margin: 0 auto;
}

.c-bg2wob {
  background: var(--bg-color2);
  overflow-x: hidden;
}

.c-bg2 {
  background: var(--bg-color2);
  overflow-x: hidden;
  border-bottom: 1px solid #969696;
}

.c-bg3 {
  background: var(--bg-color2);
  overflow-x: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}

.c-bg4wob {
  background: var(--bg-color1);
  overflow-x: hidden;
}

.c-btn {
  color: #FFF;
  font-size: 0.9375rem;
  background: linear-gradient(90deg, #00A8C3 0%, #097F93 100%);
  border-radius: 3px;
  display: block;
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  padding: 12px 72px 12px 50px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.c-btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-size: contain;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%228%22%20viewBox%3D%220%200%2026%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20y1%3D%224%22%20x2%3D%2222%22%20y2%3D%224%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M25.25%204L19.25%207.4641L19.25%200.535898L25.25%204Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
}
.c-btn--noArr:after {
  display: none;
}
.c-btn--w200 {
  width: 200px;
}
.c-btn--w300 {
  width: 300px;
}
.c-btn--left {
  margin-left: 0;
}

.c-textClamp {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.c-textClamp--2 {
  -webkit-line-clamp: 2;
}
.c-textClamp--3 {
  -webkit-line-clamp: 3;
}

.c-link {
  color: #00A8C3;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.c-link:hover {
  opacity: 0.8;
}

.c-newItem {
  display: flex;
  gap: 34px;
}
@media screen and (max-width: 1023px) {
  .c-newItem {
    gap: 15px;
  }
}
.c-newItem .c-imgwaku img {
  aspect-ratio: 193/139;
  object-fit: cover;
}
.c-newItem > div:first-child {
  width: 33.4%;
  flex-shrink: 0;
  height: fit-content;
}
@media screen and (max-width: 1023px) {
  .c-newItem > div:first-child {
    width: 38.4%;
  }
}
.c-newItem--content {
  line-height: 2;
}
.c-newItem--content time {
  color: #E7E7E7;
  font-size: 1rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-newItem--content time {
    font-size: 0.75rem;
  }
}
.c-newItem--content p {
  line-height: 1.77;
}
@media screen and (max-width: 767px) {
  .c-newItem--content p {
    font-size: 0.875rem;
  }
}

.c-memberlist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin: 60px auto 0;
  max-width: 1440px;
}
@media screen and (max-width: 767px) {
  .c-memberlist {
    grid-template-columns: 1fr;
  }
}
.c-memberlist .item {
  display: grid;
  grid-template-columns: 228px 1fr;
  gap: 30px;
  align-items: start;
}
.c-memberlist .item > div:nth-child(2) {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .c-memberlist .item {
    grid-template-columns: 1fr;
  }
  .c-memberlist .item > div:nth-child(2) {
    margin-top: 0;
  }
}
.c-memberlist .item > div:first-child {
  max-width: 228px;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .c-memberlist .item > div:first-child {
    width: 100%;
    margin: 0 auto;
  }
}
.c-memberlist .item > div:first-child:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #EBEBEB;
  border: 1px solid #DADADA;
  border-radius: 100vw;
  overflow: hidden;
}
.c-memberlist .item > div:first-child:after {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #7884B1 0%, #33384B 100%);
  border-radius: 100vw;
  overflow: hidden;
}
.c-memberlist .item > div:first-child > div {
  overflow: hidden;
  width: 70%;
  border-radius: 100vw;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
.c-memberlist .item > div:first-child img {
  width: 100%;
  object-fit: cover;
}
.c-memberlist .item dl {
  display: flex;
}
.c-memberlist .item dt:after {
  content: ":";
}

.c-imgwaku {
  padding: 15px;
  position: relative;
  max-width: 1440px;
  margin: 0 auto 50px;
}
.c-imgwaku:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/img_waku.svg) no-repeat center top;
  background-size: 100% 100%;
}
.c-imgwaku img {
  width: 100%;
  vertical-align: middle;
}
.c-imgwaku--none::before {
  display: none;
}
.c-imgwaku--circle {
  padding: 21px;
  position: relative;
  border-radius: 50%;
}
.c-imgwaku--circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/common/img_waku_circle.svg") no-repeat center/cover;
  background-size: 100% 100%;
}
.c-imgwaku--circle img {
  width: 100%;
  vertical-align: middle;
  border-radius: 50%;
}
.c-imgwaku--plus::after {
  content: "";
  position: absolute;
  background: url(../img/common/plus.svg) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
  right: 36px;
  bottom: 36px;
}
.c-imgwaku--top {
  backdrop-filter: blur(5px);
  margin-bottom: 0;
}
.c-col1 {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 1440px;
  row-gap: 51px;
}
.c-col1 .content {
  padding: 15px 0;
}
@media screen and (max-width: 1023px) {
  .c-col1 .content {
    padding: 0 15px;
  }
}
@media screen and (max-width: 1023px) {
  .c-col1 {
    row-gap: 40px;
  }
}
.c-col1 > div {
  display: flex;
  gap: 21px;
}
@media screen and (max-width: 1023px) {
  .c-col1 > div {
    flex-direction: column;
  }
}
.c-col1 > div > div:first-child {
  width: 32.3%;
  flex-shrink: 0;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .c-col1 > div > div:first-child {
    width: 100%;
  }
}
.c-col1 > div > div:first-child img {
  aspect-ratio: 401/292;
  object-fit: cover;
  height: 100%;
}
.c-col1 > div .content h3 {
  margin-bottom: 14px;
}

.c-col2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1440px;
  margin: 0 auto 50px;
  gap: 20px;
}
.c-col2--30 {
  gap: 30px;
}
@media screen and (max-width: 1023px) {
  .c-col2 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .c-col2 > * + div {
    margin-top: 40px;
  }
}
.c-col2 .content {
  padding: 0 15px;
}
.c-col2 .c-imgwaku {
  margin-bottom: 20px;
}

.c-col3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1440px;
  margin: 0 auto 50px;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .c-col3 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1023px) {
  .c-col3 > * + div {
    margin-top: 40px;
  }
}
.c-col3 .content {
  padding: 0 20px;
}
.c-col3 a {
  text-decoration: none;
}
.c-col3 img {
  aspect-ratio: 407/296;
  object-fit: cover;
  height: auto;
}
.c-col3 .c-imgwaku {
  margin-bottom: 20px;
}

.c-col6 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 27px;
  margin: 0 auto;
  max-width: 1380px;
  padding: 0 15px;
  width: 100%;
}
.c-col6 > div {
  width: calc((100% - 135px) / 6);
}
@media screen and (max-width: 1399px) {
  .c-col6 > div {
    width: calc((100% - 81px) / 4);
  }
}
@media screen and (max-width: 1023px) {
  .c-col6 > div {
    width: calc((100% - 54px) / 3);
  }
}
@media screen and (max-width: 767px) {
  .c-col6 {
    gap: 60px 15px;
  }
  .c-col6 > div {
    width: 100%;
  }
}
.c-col6--arrow > div {
  position: relative;
}
.c-col6--arrow > div > div {
  position: relative;
}
.c-col6--arrow > div > div::after {
  content: "";
  position: absolute;
  top: 100px;
  right: -27px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../img/common/icon_arrow_right.svg") no-repeat center/contain;
}
.c-col6--arrow > div:last-child > div::after {
  display: none;
}
.c-col6--arrow > div:nth-child(6n) > div::after {
  display: none;
}
@media screen and (max-width: 1399px) {
  .c-col6--arrow > div:nth-child(6n) > div::after {
    display: block;
  }
  .c-col6--arrow > div:nth-child(4n) > div::after {
    display: none;
  }
  .c-col6--arrow > div:last-child > div::after {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .c-col6--arrow > div:nth-child(4n) > div::after {
    display: block;
  }
  .c-col6--arrow > div:nth-child(3n) > div::after {
    display: none;
  }
  .c-col6--arrow > div:last-child > div > div::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-col6--arrow > div > div::after {
    display: block;
    right: 0;
    left: 6%;
    top: auto;
    bottom: -40px;
    transform: translateX(-50%) rotate(90deg);
    margin: auto;
  }
  .c-col6--arrow > div:nth-child(3n) > div::after {
    display: block;
  }
  .c-col6--arrow > div:nth-child(2n) > div::after {
    display: block;
  }
  .c-col6--arrow > div:last-child > div::after {
    display: none;
  }
}

.c-col4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 1221px;
  row-gap: 75px;
  column-gap: 67px;
}
@media screen and (max-width: 1440px) {
  .c-col4 {
    row-gap: 5.2083333333vw;
    column-gap: 4.6527777778vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-col4 {
    row-gap: 75px;
    column-gap: 67px;
  }
}
.c-col4 {
  margin: 0 auto;
}
.c-col4--number {
  counter-reset: item;
}
.c-col4--number > div {
  counter-increment: item;
}
.c-col4--number > div .content h3 {
  width: fit-content;
  margin: 0 auto;
}
.c-col4--number > div .content h3::before {
  content: counter(item) ".";
  font-size: inherit;
  display: inline-block;
  margin-right: 3px;
}
.c-col4--arrow > div {
  position: relative;
}
.c-col4--arrow > div .c-imgwaku--circle {
  position: relative;
}
.c-col4--arrow > div .c-imgwaku--circle::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -56px;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: url("../img/common/icon_arrow_right.svg") no-repeat center/contain;
}
@media screen and (max-width: 1440px) {
  .c-col4--arrow > div .c-imgwaku--circle::after {
    right: -3.8888888889vw;
    width: 2.7777777778vw;
    height: 2.7777777778vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-col4--arrow > div .c-imgwaku--circle::after {
    right: -15.1515151515vw;
    width: 40px;
    height: 40px;
  }
}
.c-col4--arrow > div:last-child .c-imgwaku--circle::after {
  display: none;
}
.c-col4--arrow > div:nth-child(4n) .c-imgwaku--circle::after {
  display: none;
}
@media screen and (max-width: 1023px) {
  .c-col4--arrow > div:nth-child(2n) .c-imgwaku--circle::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .c-col4--arrow > div:nth-child(2n) .c-imgwaku--circle::after {
    display: block;
  }
  .c-col4--arrow > div .c-imgwaku--circle::after {
    display: block;
    left: 50%;
    width: 30px;
    height: 30px;
    right: 0;
    top: auto;
    bottom: -55px;
    transform: translateX(-50%);
    background: url(../img/common/icon_arrow_down.svg) no-repeat center/contain;
  }
  .c-col4--arrow > div:last-child .c-imgwaku--circle::after {
    display: none;
  }
}
.c-col4 .c-title {
  width: 215px;
  height: 215px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  background-color: #494949;
  color: #ffffff;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.c-col4 .c-title span {
  line-height: 1;
  font-size: 1.5rem;
}
.c-col4 .c-title span:first-child {
  font-family: "AxisStd-Light";
  font-weight: 200;
  font-size: 3.125rem;
}
@media screen and (max-width: 1440px) {
  .c-col4 .c-title {
    width: 14.9305555556vw;
    height: 14.9305555556vw;
    gap: 1.3888888889vw;
  }
  .c-col4 .c-title span {
    font-size: 1.6666666667vw;
  }
  .c-col4 .c-title span:first-child {
    font-size: 3.4722222222vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-col4 .c-title {
    width: 215px;
    height: 215px;
    gap: 20px;
  }
  .c-col4 .c-title span {
    font-size: 1.5rem;
  }
  .c-col4 .c-title span:first-child {
    font-size: 3.125rem;
  }
}
.c-col4 > div {
  max-width: 255px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .c-col4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .c-col4 {
    grid-template-columns: 1fr;
  }
}
.c-col4 a {
  text-decoration: none;
}
.c-col4 img {
  aspect-ratio: 215/215;
  object-fit: cover;
  height: auto;
}

.c-faq {
  max-width: 990px;
  width: 100%;
  margin: 0 auto;
}
.c-faq a {
  color: var(--col);
}
.c-faq__question, .c-faq__answer {
  display: flex;
  gap: 19px;
  align-items: center;
}
.c-faq__question p, .c-faq__answer p {
  font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .c-faq__question, .c-faq__answer {
    gap: 15px;
  }
}
.c-faq__icon {
  width: 90px;
  height: 90px;
  font-size: 0;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .c-faq__icon {
    width: 70px;
    height: 70px;
  }
}
.c-faq__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  position: relative;
  font-size: 2rem;
  color: #888888;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .c-faq__icon::before {
    font-size: 1.5rem;
    width: 55px;
    height: 55px;
  }
}
.c-faq__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/img_waku_circle.svg) no-repeat center/cover;
  background-size: 100% 100%;
  border-radius: 50%;
}
.c-faq__question {
  margin-bottom: 22px;
  align-items: center;
}
.c-faq__question .c-faq__icon::before {
  content: "Q";
  background-color: #272727;
}
.c-faq__answer {
  padding-top: 10px;
}
.c-faq__answer:not(:last-child) {
  margin-bottom: 60px;
}
.c-faq__answer .c-faq__icon::before {
  content: "A";
  background-color: #E6E6E6;
}

.c-tl {
  text-align: left;
}

.c-service__check {
  max-width: 988px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-service__check {
    flex-direction: column;
  }
}
.c-service__check {
  gap: 20px;
}
.c-service__check01 {
  padding: 77px 0 116px;
}
@media screen and (max-width: 767px) {
  .c-service__check01 {
    padding: 20px 0 116px;
  }
}
.c-service__checkContent {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .c-service__checkContent {
    width: 100%;
  }
}
.c-service__checkItem {
  display: flex;
  align-items: center;
  gap: 18px;
}
.c-service__checkItem:not(:last-child) {
  margin-bottom: 31px;
}
.c-service__checkIcon {
  flex-shrink: 0;
  position: relative;
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background: url("../img/common/bg_check.svg") no-repeat center/cover;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.c-service__checkIcon::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  z-index: 5;
}
.c-service__checkIcon02::after {
  color: #E1F429;
}

.c-plus {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 2px solid #00A8C3;
  border-radius: 50%;
  position: relative;
}
.c-plus::before, .c-plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #00A8C3;
  transform: translate(-50%, -50%);
}
.c-plus::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.c-minus {
  display: inline-block;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: 2px solid #00A8C3;
  border-radius: 50%;
  position: relative;
}
.c-minus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 2px;
  background: #00A8C3;
  transform: translate(-50%, -50%);
}

.c-form__note {
  font-size: 1.125rem;
  line-height: 2.27;
  text-align: center;
  padding: 35px 0 0;
  position: relative;
  letter-spacing: 0.02em;
}
.c-form__note::before {
  content: "※";
  color: #c3ff00;
  font-size: 1.125rem;
  margin-right: 4px;
}
@media screen and (max-width: 767px) {
  .c-form__note::before {
    font-size: 1rem;
  }
}
.c-form__note.pt0 {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .c-form__note {
    padding: 30px 0 0;
    font-size: 1rem;
  }
}

.c-star {
  width: 204px;
  height: 204px;
  background: url("../img/common/bg_star.svg") no-repeat center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-star p {
  font-size: 1.125rem;
  font-weight: bold;
  color: #33384B;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 1440px) {
  .c-star {
    width: 14.1666666667vw;
    height: 14.1666666667vw;
  }
  .c-star p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-star {
    width: 204px;
    height: 204px;
  }
  .c-star p {
    font-size: 1.125rem;
  }
}

.c-arrow__heroPattern {
  width: 100%;
  position: relative;
  height: 33px;
  display: flex;
  align-items: center;
  margin: 20px auto 0;
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern:not(.c-arrow__heroPattern--horizontal) {
    flex-direction: column;
    width: 33px;
    height: calc(100% - 20px);
    margin-bottom: 0;
  }
  .c-arrow__heroPattern:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: 1;
    width: 100%;
  }
  .c-arrow__heroPattern:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText .is-rotate {
    transform: rotate(90deg);
    transform-origin: center;
  }
}
.c-arrow__heroPattern--pm .c-arrow__heroPatternText {
  background: linear-gradient(to right, #3B4B5D, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--pm:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #3B4B5D, #00A8C3);
  }
}
.c-arrow__heroPattern--ft .c-arrow__heroPatternText {
  background: linear-gradient(to right, #33384B, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--ft:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #33384B, #00A8C3);
  }
}
.c-arrow__heroPattern--uiux .c-arrow__heroPatternText {
  background: linear-gradient(to right, #424660, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--uiux:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #424660, #00A8C3);
  }
}
.c-arrow__heroPattern--commerce .c-arrow__heroPatternText {
  background: linear-gradient(to right, #3F574B, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--commerce:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #3F574B, #00A8C3);
  }
}
.c-arrow__heroPattern--data .c-arrow__heroPatternText {
  background: linear-gradient(to right, #635a3a, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--data:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #635a3a, #00A8C3);
  }
}
.c-arrow__heroPattern--digital .c-arrow__heroPatternText {
  background: linear-gradient(to right, #594437, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--digital:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #594437, #00A8C3);
  }
}
.c-arrow__heroPattern--dev .c-arrow__heroPatternText {
  background: linear-gradient(to right, #3d575c, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--dev:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #3d575c, #00A8C3);
  }
}
.c-arrow__heroPattern--human .c-arrow__heroPatternText {
  background: linear-gradient(to right, #EFEFEF, #00A8C3);
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--human:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    background: linear-gradient(to bottom, #EFEFEF, #00A8C3);
  }
}
.c-arrow__heroPattern::after {
  content: "";
  display: block;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern::after {
    width: 57px;
    height: 57px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern:not(.c-arrow__heroPattern--horizontal)::after {
    margin-top: -10px;
  }
}
.c-arrow__heroPattern--style01::after {
  width: 57px;
  height: 61px;
  margin-left: -3px;
  background: url(../img/common/icon_arrow_right_hero_01.svg) no-repeat center/contain;
}
.c-arrow__heroPattern--style01 .c-arrow__heroPatternText {
  padding-left: 57px;
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--style01:not(.c-arrow__heroPattern--horizontal)::after {
    width: 57px;
    height: 57px;
    margin-left: 0;
    background: url(../img/common/icon_arrow_down_hero_sp.svg) no-repeat center/contain;
  }
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--style01:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    padding-left: 0;
    padding-bottom: 10px;
  }
}
.c-arrow__heroPattern--style02::after {
  width: 35px;
  height: 60px;
  margin-left: -3px;
  background: url(../img/common/icon_arrow_right_hero_02.svg) no-repeat center/contain;
}
.c-arrow__heroPattern--style02 .c-arrow__heroPatternText {
  padding-left: 35px;
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--style02:not(.c-arrow__heroPattern--horizontal)::after {
    width: 57px;
    height: 57px;
    margin-left: 0;
    background: url(../img/common/icon_arrow_down_hero_sp.svg) no-repeat center/contain;
  }
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPattern--style02:not(.c-arrow__heroPattern--horizontal) .c-arrow__heroPatternText {
    padding-left: 0;
    padding-bottom: 10px;
  }
}
.c-arrow__heroPatternText {
  font-size: 1.125rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex: 1;
  height: 100%;
  background-color: #00A8C3;
}
.c-arrow__heroPatternText span {
  display: inline-block;
}
@media screen and (max-width: 1440px) {
  .c-arrow__heroPatternText {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-arrow__heroPatternText {
    font-size: 1rem;
  }
}

.c-heroPattern {
  position: relative;
  width: fit-content;
  text-align: center;
}
.c-heroPattern--w63 img {
  width: 63px;
}
.c-heroPattern--w78 img {
  width: 78px;
}
.c-heroPattern--w74 img {
  width: 74px;
}
.c-heroPattern--w80 img {
  width: 80px;
}
.c-heroPattern--w83 img {
  width: 83px;
}
.c-heroPattern--w96 img {
  width: 96px;
}
.c-heroPattern--w116 img {
  width: 116px;
}
.c-heroPattern--w110 img {
  width: 110px;
}
.c-heroPattern--w112 img {
  width: 112px;
}
.c-heroPattern--w137 img {
  width: 137px;
}
.c-heroPattern--w149 img {
  width: 149px;
}
.c-heroPattern--w85 img {
  width: 85px;
}
.c-heroPattern--w138 img {
  width: 138px;
}
.c-heroPattern__name {
  font-size: 0.875rem;
  color: #ffffff;
  position: absolute;
  text-align: center;
}
.c-heroPattern__name span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-heroPattern__name span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.c-heroPattern__name--left {
  top: 10px;
  right: -114px;
}
.c-heroPattern__name--left > span {
  width: 167px;
  height: 85px;
}
.c-heroPattern__name--left > span::after {
  background: url(../img/common/pattern_name_left.svg) no-repeat center/contain;
}
.c-heroPattern__name--right {
  top: 20px;
  left: -83px;
}
.c-heroPattern__name--right > span {
  width: 129px;
  height: 85px;
}
.c-heroPattern__name--right > span::after {
  background: url(../img/common/pattern_name_right.svg) no-repeat center/contain;
}
.c-heroPattern__name--bottom {
  top: -93px;
  left: 50%;
  transform: translateX(-50%);
}
.c-heroPattern__name--bottom > span {
  width: 159px;
  height: 93px;
}
.c-heroPattern__name--bottom > span::after {
  background: url(../img/common/pattern_name_bottom.svg) no-repeat center/contain;
}
.c-heroPattern__name--bottom > span > span {
  transform: translateY(-5px);
}
.c-heroPattern img {
  margin: 0 auto;
  object-fit: contain;
  height: 234px;
}
.c-heroPattern figcaption {
  color: #B7B7B7;
  min-height: 51px;
  font-size: 0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 235px;
  margin: 0 auto;
}
.c-heroPattern figcaption.is-custom {
  min-height: fit-content;
  line-height: 1;
}
.c-heroPattern figcaption.is-custom--mt10 {
  margin-top: 10px;
}
@media screen and (max-width: 1440px) {
  .c-heroPattern--w63 img {
    width: 4.375vw;
  }
  .c-heroPattern--w78 img {
    width: 5.4166666667vw;
  }
  .c-heroPattern--w74 img {
    width: 5.1388888889vw;
  }
  .c-heroPattern--w80 img {
    width: 5.5555555556vw;
  }
  .c-heroPattern--w83 img {
    width: 5.7638888889vw;
  }
  .c-heroPattern--w96 img {
    width: 6.6666666667vw;
  }
  .c-heroPattern--w116 img {
    width: 8.0555555556vw;
  }
  .c-heroPattern--w110 img {
    width: 7.6388888889vw;
  }
  .c-heroPattern--w112 img {
    width: 7.7777777778vw;
  }
  .c-heroPattern--w137 img {
    width: 9.5138888889vw;
  }
  .c-heroPattern--w149 img {
    width: 10.3472222222vw;
  }
  .c-heroPattern--w85 img {
    width: 5.9027777778vw;
  }
  .c-heroPattern--w138 img {
    width: 9.5833333333vw;
  }
  .c-heroPattern__name {
    font-size: 0.9722222222vw;
  }
  .c-heroPattern__name--left {
    top: 0.6944444444vw;
    right: -7.9166666667vw;
  }
  .c-heroPattern__name--left > span {
    width: 11.5972222222vw;
    height: 5.9027777778vw;
  }
  .c-heroPattern__name--right {
    top: 1.3888888889vw;
    right: -5.7638888889vw;
  }
  .c-heroPattern__name--right > span {
    width: 8.9583333333vw;
    height: 5.9027777778vw;
  }
  .c-heroPattern__name--bottom {
    top: -6.4583333333vw;
  }
  .c-heroPattern__name--bottom > span {
    width: 11.0416666667vw;
    height: 6.4583333333vw;
  }
  .c-heroPattern__name--bottom > span > span {
    transform: translateY(-0.3472222222vw);
  }
  .c-heroPattern img {
    height: 16.25vw;
  }
  .c-heroPattern figcaption {
    font-size: 1.0416666667vw;
    min-height: 3.5416666667vw;
    max-width: 16.3194444444vw;
  }
  .c-heroPattern figcaption.is-custom--mt10 {
    margin-top: 0.6944444444vw;
  }
}
@media screen and (max-width: 1023px) {
  .c-heroPattern--w63 img {
    width: 63px;
  }
  .c-heroPattern--w78 img {
    width: 78px;
  }
  .c-heroPattern--w74 img {
    width: 74px;
  }
  .c-heroPattern--w80 img {
    width: 80px;
  }
  .c-heroPattern--w83 img {
    width: 83px;
  }
  .c-heroPattern--w96 img {
    width: 96px;
  }
  .c-heroPattern--w116 img {
    width: 116px;
  }
  .c-heroPattern--w110 img {
    width: 110px;
  }
  .c-heroPattern--w112 img {
    width: 112px;
  }
  .c-heroPattern--w137 img {
    width: 137px;
  }
  .c-heroPattern--w149 img {
    width: 149px;
  }
  .c-heroPattern--w85 img {
    width: 85px;
  }
  .c-heroPattern--w138 img {
    width: 138px;
  }
  .c-heroPattern__name {
    font-size: 0.9375rem;
  }
  .c-heroPattern__name--left {
    top: 10px;
    right: -114px;
  }
  .c-heroPattern__name--left > span {
    width: 167px;
    height: 85px;
  }
  .c-heroPattern__name--right {
    top: 20px;
    right: -83px;
  }
  .c-heroPattern__name--right > span {
    width: 129px;
    height: 85px;
  }
  .c-heroPattern__name--bottom {
    top: -86px;
  }
  .c-heroPattern__name--bottom > span {
    width: 149px;
    height: 90px;
  }
  .c-heroPattern__name--bottom > span::after {
    background: url(../img/common/pattern_name_bottom_sp.svg) no-repeat center/contain;
  }
  .c-heroPattern__name--bottom > span > span {
    transform: translateY(-3px);
  }
  .c-heroPattern__name--bottom.c-heroPattern__name--bottomSpRound {
    top: -65px;
  }
  .c-heroPattern__name--bottom.c-heroPattern__name--bottomSpRound > span {
    width: 121px;
    height: 71px;
  }
  .c-heroPattern__name--bottom.c-heroPattern__name--bottomSpRound > span::after {
    background: url(../img/common/pattern_name_bottom_sp_round.svg) no-repeat center/contain;
  }
  .c-heroPattern img {
    height: 234px;
  }
  .c-heroPattern figcaption {
    font-size: 0.9375rem;
    min-height: 51px;
    max-width: 235px;
  }
  .c-heroPattern figcaption.is-custom--mt10 {
    margin-top: 10px;
  }
}

.c-process {
  padding: 40px 0;
  background-color: var(--bg-color1);
}
@media screen and (max-width: 767px) {
  .c-process {
    padding: 30px 0;
  }
}
.c-process__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-process__list {
    gap: 11.7%;
  }
}
.c-process__item {
  padding: 4px 33px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 1.88;
  position: relative;
}
@media screen and (max-width: 767px) {
  .c-process__item {
    font-size: min(3vw, 18px);
    padding: 4px min(8.3%, 33px);
  }
}
.c-process__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 100px;
  height: 1px;
  background-color: #d8d8d8;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-process__item:not(:last-child)::after {
    width: 52.7%;
  }
}
.c-process__item.is-current {
  background-color: #ffffff;
  color: var(--bg-color1);
}

.c-num {
  list-style: none;
  counter-reset: li-counter;
}
.c-num > li {
  position: relative;
  padding-left: 2em;
}
.c-num > li:before {
  counter-increment: li-counter;
  content: counter(li-counter) ". ";
  position: absolute;
  text-align: right;
  left: 0;
  width: 32px;
}
.c-num--style02 > li:before {
  content: "(" counter(li-counter) ")";
}

.c-circle {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-circle li {
  position: relative;
  padding-left: 16px;
  line-height: 2.22;
}
.c-circle li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}

.c-ceo-txt {
  position: absolute;
  top: 130px;
  left: 75px;
}
@media screen and (max-width: 1023px) {
  .c-ceo-txt {
    top: 7vw;
    left: 5vw;
  }
}
.c-ceo-txtCenter {
  position: absolute;
  top: 50%;
  left: 75px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1023px) {
  .c-ceo-txtCenter {
    left: 5vw;
  }
}
.c-ceo-txtTitle {
  font-family: "Dangrek-Regular", sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: 44px;
}
@media screen and (max-width: 1023px) {
  .c-ceo-txtTitle {
    font-size: 6vw;
    margin-bottom: 2vw;
  }
}
.c-ceo-txtDesc {
  font-size: 18px;
  font-weight: 400;
  font-family: "AxisStd-Regular";
}
@media screen and (max-width: 1023px) {
  .c-ceo-txtDesc {
    font-size: 2vw;
  }
}

.c-subNavServices {
  position: absolute;
  transform: translateY(-10px);
  width: 100%;
  top: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
  background-color: rgba(238, 238, 238, 0.8);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.5019607843) inset;
}
.c-subNavServices.is-active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.c-subNavServices__list {
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .c-subNavServices__list {
    flex-direction: column;
  }
}
.c-subNavServices__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.c-subNavServices__link.is-active::after {
  transform: scaleX(1);
}
.c-subNavServices__link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #00A8C3;
  content: "";
  pointer-events: none;
  transition: transform 0.4s ease;
}
.c-subNavServices__link:hover::after {
  transform: scaleX(1);
}
.c-subNavServices__item {
  min-width: 63px;
}
.c-subNavServices__item:nth-child(4) .c-subNavServices__img img {
  object-fit: cover;
}
.c-subNavServices__text {
  font-size: 0.8125rem;
  line-height: 1.53;
  color: #000;
  text-align: center;
  height: 54px;
  display: flex;
  align-items: center;
  min-height: 43px;
}
.c-subNavServices__img {
  height: 93px;
  display: flex;
  align-items: flex-end;
}
.c-subNavServices__img img {
  object-fit: contain;
}

.c-sign {
  width: 203px;
  margin-left: auto;
}

.c-ceo-img {
  aspect-ratio: 1440/524;
  object-fit: cover;
}

.c-acr-btn {
  position: relative;
}
@media screen and (max-width: 1230px) {
  .c-acr-btn {
    border-bottom: 1px solid #969696;
  }
}
@media screen and (max-width: 1230px) {
  .c-acr-btn:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 14px;
    right: 14px;
    width: 13px;
    height: 13px;
    margin: auto;
    border-top: 1px solid #018EBE;
    border-right: 1px solid #018EBE;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
    z-index: 2;
    transition: transform 0.3s ease;
  }
}
.c-acr-btn.is-open:before {
  transform: translateY(6px) rotate(-45deg);
}

.c-acr-content {
  overflow: hidden;
  transition: height 0.3s ease;
}

.c-acr-content.is-collapsed {
  height: 0 !important;
}

.c-pager {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 80px auto;
}
.c-pager .prev {
  width: 60px;
  aspect-ratio: 1/1;
  background: url(../img/common/prev.svg) no-repeat left top;
  background-size: contain;
  margin-right: 30px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-pager .prev {
    margin-right: auto;
    width: 40px;
  }
}
.c-pager .next {
  width: 60px;
  aspect-ratio: 1/1;
  background: url(../img/common/next.svg) no-repeat left top;
  background-size: contain;
  margin-left: 30px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-pager .next {
    margin-left: auto;
    width: 40px;
  }
}
.c-pager .page {
  background: #30323B;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 3px;
  border: 1px solid #4D4D4D;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-pager .page {
    width: 35px;
    height: 35px;
  }
}
.c-pager .current {
  background: #FFF;
  color: #000;
}

/* 2列分（= 全体の50%）スライドしたら継ぎ目なく戻る */
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.p-top__mainV {
  aspect-ratio: 1440/860;
  background: url(../img/top/mainv.jpg) no-repeat center center;
  background-size: contain;
  margin: 0;
  overflow-x: hidden;
}
.p-top__under {
  margin-top: -18.3%;
  padding: 0 55px;
}
.p-top__under .c-col2 .c-imgwaku {
  margin-bottom: 0;
}
.p-top__under--link {
  max-width: 95%;
  margin: auto;
  margin-bottom: 7%;
}
@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .p-top__under--link {
    max-width: 100%;
  }
}
.p-top__under--link .c-btn {
  width: 300px;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-top__under--link .c-btn {
    max-width: 360px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-top__under {
    padding: 0 15px;
  }
  .p-top__under .c-col2 > * + div {
    margin-top: 0;
  }
}
.p-top__marquee {
  position: relative;
  overflow: hidden;
  padding-bottom: 20px;
}
.p-top__marquee .track {
  display: flex;
  width: max-content;
  animation: marquee var(--marquee-duration) linear infinite;
  will-change: transform;
}
.p-top__marquee .logos {
  display: flex;
  align-items: center;
  gap: var(--logo-gap);
  padding: 0 var(--logo-gap);
  margin: 0;
  list-style: none;
}
.p-top__marquee img {
  width: 200px;
  display: block;
}
.p-top__feature {
  background: var(--bg-color2);
  overflow-x: hidden;
}
.p-top__feature__inner {
  position: relative;
  width: 725px;
  margin: 160px auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .p-top__feature__inner {
    width: calc(100% - 82px);
    max-width: 725px;
  }
}
.p-top__feature__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 725px;
  border-radius: 50%;
  z-index: 1;
  aspect-ratio: 1/1;
  background: rgb(67, 70, 80);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1023px) {
  .p-top__feature__inner:before {
    width: 100%;
    max-width: 725px;
  }
}
.p-top__feature__inner.p-top__feature__inner02::after {
  width: 350px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature__inner.p-top__feature__inner02::after {
    width: 66%;
  }
}
.p-top__feature__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 435px;
  border-radius: 50%;
  z-index: 2;
  aspect-ratio: 1/1;
  background: url(../img/top/circles.svg) no-repeat center center;
  background-size: contain;
  backdrop-filter: blur(42px);
}
@media screen and (max-width: 1023px) {
  .p-top__feature__inner::after {
    width: 66%;
  }
}
.p-top__feature .circle {
  position: absolute;
  aspect-ratio: 1/1;
  width: 434px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media screen and (max-width: 1023px) {
  .p-top__feature .circle {
    width: 100%;
  }
}
.p-top__feature .circlep {
  position: absolute;
  aspect-ratio: 1/1;
  width: 434px;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .p-top__feature .circlep {
    width: calc(100% + 52px);
  }
}
.p-top__feature h3 {
  border-radius: 50%;
  background: #00A8C3;
  aspect-ratio: 1/1;
  width: 363px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.7066;
  color: #FFF;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 0.9375rem;
  flex-direction: column;
  font-size: 12px;
}
@media only screen and (min-width: 375px) {
  .p-top__feature h3 {
    font-size: calc(12px + 3 * (100vw - 375px) / (1023 - 375));
  }
}
@media only screen and (min-width: 1023px) {
  .p-top__feature h3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top__feature h3 {
    width: 54.6%;
    white-space: nowrap;
  }
}
.p-top__feature h3 span {
  display: block;
  font-size: 1.5rem;
  font-size: 20px;
}
@media only screen and (min-width: 375px) {
  .p-top__feature h3 span {
    font-size: calc(20px + 4 * (100vw - 375px) / (1023 - 375));
  }
}
@media only screen and (min-width: 1023px) {
  .p-top__feature h3 span {
    font-size: 24px;
  }
}
.p-top__feature h4 {
  border-radius: 50%;
  background: #E6E6E6;
  aspect-ratio: 1/1;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.7066;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  color: #00A8C3;
  font-size: 0.9375rem;
  font-size: 10px;
}
@media only screen and (min-width: 375px) {
  .p-top__feature h4 {
    font-size: calc(10px + 5 * (100vw - 375px) / (1023 - 375));
  }
}
@media only screen and (min-width: 1023px) {
  .p-top__feature h4 {
    font-size: 15px;
  }
}
.p-top__feature h4 {
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .p-top__feature h4 {
    width: 79.6%;
  }
}
.p-top__feature h4 span {
  display: block;
  color: #525252;
  font-size: 1.25rem;
  font-size: 13px;
}
@media only screen and (min-width: 375px) {
  .p-top__feature h4 span {
    font-size: calc(13px + 7 * (100vw - 375px) / (1023 - 375));
  }
}
@media only screen and (min-width: 1023px) {
  .p-top__feature h4 span {
    font-size: 20px;
  }
}
.p-top__feature .circles {
  text-align: center;
  position: absolute;
  aspect-ratio: 1/1;
  width: 290px;
  z-index: 3;
  backdrop-filter: blur(21px);
  background: url(../img/top/circles.svg) no-repeat center center;
  background-size: contain;
  border-radius: 100vw;
}
@media screen and (max-width: 1023px) {
  .p-top__feature .circles {
    width: 40.3%;
  }
}
.p-top__feature .circles span {
  line-height: 1.28;
}
.p-top__feature .circles p {
  color: #B7B7B7;
  line-height: 1.7;
  text-align: left;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-top__feature .circles p {
    font-size: 0.875rem;
  }
}
.p-top__feature .circles1 {
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
}
.p-top__feature .circles1 p {
  position: absolute;
  top: 37px;
  right: -230px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature .circles1 p {
    top: 50%;
    transform: translateY(-50%);
    width: 258px;
    right: inherit;
    left: 40%;
    margin-top: -100px;
  }
}
.p-top__feature .circles2 {
  bottom: 40px;
  left: -30px;
}
.p-top__feature .circles2 p {
  position: absolute;
  top: 260px;
  left: -200px;
}
.p-top__feature .circles3 {
  bottom: 40px;
  right: -30px;
}
.p-top__feature .circles3 p {
  position: absolute;
  top: 260px;
  right: -100px;
}
.p-top__feature .cp {
  position: absolute;
  color: #B7B7B7;
  line-height: 1.7;
  text-align: left;
  z-index: 2;
  font-size: 0.9375rem;
  width: 100%;
  font-weight: 500;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .p-top__feature .cp {
    font-size: 0.875rem;
    white-space: nowrap;
  }
}
.p-top__feature .cp1 {
  margin-top: -85%;
  margin-left: 56%;
  width: 265px;
}
@media screen and (max-width: 767px) {
  .p-top__feature .cp1 {
    margin-left: 17%;
    margin-top: -62%;
  }
}
.p-top__feature .cp2 {
  margin-top: 75%;
  margin-left: -74%;
  width: 265px;
}
@media screen and (max-width: 767px) {
  .p-top__feature .cp2 {
    margin-left: 0 !important;
    margin-top: 41%;
    left: 0;
    transform: translate(0, -50%);
  }
}
.p-top__feature .cp3 {
  margin-top: 75%;
  margin-left: 96%;
  width: 265px;
}
@media screen and (max-width: 767px) {
  .p-top__feature .cp3 {
    margin-left: 0 !important;
    margin-top: 41%;
    left: inherit;
    text-align: right;
    right: 0;
    width: 50%;
    transform: translate(0, -50%);
  }
}
.p-top__feature--bgnone {
  background: none;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--bgnone {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-top__feature--bgnone .p-top__feature__inner {
    margin-bottom: 90px;
  }
}
.p-top__feature--about {
  width: 583px;
  overflow: visible;
  background: none;
  transform: translateX(40px);
}
.p-top__feature--about .p-top__feature__inner {
  width: 583px;
  height: 583px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about .p-top__feature__inner {
    width: calc(100% - 82px);
    max-width: 583px;
  }
}
.p-top__feature--about .p-top__feature__inner:before {
  width: 583px;
  height: 583px;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about .p-top__feature__inner:before {
    width: 100%;
    max-width: 583px;
    height: auto;
  }
}
.p-top__feature--about h3 {
  width: 292px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about h3 {
    width: 57.6%;
    white-space: nowrap;
  }
}
.p-top__feature--about h4 {
  width: 193px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about h4 {
    width: 79.6%;
  }
}
.p-top__feature--about .circles {
  width: 233px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about .circles {
    width: 40.3%;
  }
}
.p-top__feature--about .circle:before {
  width: 349px;
  height: 349px;
}
@media screen and (max-width: 1023px) {
  .p-top__feature--about .circle:before {
    width: 66%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.p-top__rec {
  background: var(--bg-color2);
  overflow-x: hidden;
}
.p-top__rec--gd {
  position: relative;
  z-index: 1;
}
.p-top__rec--gd::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to top, #282828 0%, rgba(0, 0, 0, 0.3) 100%);
}
.p-top__recDesc {
  text-align: center;
  font-size: 2.875rem;
  color: #FFF;
  line-height: 1.304;
  margin: 85px auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-top__recDesc {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top__recDesc {
    font-size: 2rem;
    margin: 40px auto 30px;
  }
}
.p-top__recDesc span {
  position: relative;
  z-index: 1;
}
.p-top__recDesc--be:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 51%;
  transform: translate(-50%, -50%);
  background: url(../img/top/bgmuchu.svg) no-repeat center center;
  width: 1143px;
  height: 503px;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .p-top__recDesc--be:before {
    width: 98%;
    top: -2%;
  }
}
.p-top__rec.c-section--bg {
  padding-bottom: 18px;
}
.p-top__recFree {
  display: flex;
  justify-content: center;
  padding: 38px 40px 38px;
  margin-top: 70px;
  background-color: #373737;
  border: 1px solid #707070;
}
.p-top__recFree .c-h3 {
  text-align: left;
}
.p-top__recFree .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35%;
  border-right: 1px solid #5B5B5B;
}
.p-top__recFree .img img {
  display: block;
  width: 65%;
}
.p-top__recFree > div:not([class]) {
  width: 65%;
  padding: 16px;
  padding-left: 72px;
}
@media screen and (max-width: 1023px) {
  .p-top__recFree {
    flex-direction: column;
    padding: 38px 24px 38px;
  }
  .p-top__recFree > div {
    max-width: 500px;
    margin: auto;
  }
  .p-top__recFree .img {
    width: 100%;
    border: none;
    border-bottom: 1px solid #5B5B5B;
    padding-bottom: 32px;
  }
  .p-top__recFree .img img {
    width: 80%;
  }
  .p-top__recFree > div:not([class]) {
    width: 100%;
    padding: 0;
    margin-top: 32px;
  }
}
.p-top__rec ul {
  display: grid;
  width: 1590px;
  margin: 130px 0 40px;
  position: relative;
  margin-left: calc(50% - 795px);
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023px) {
  .p-top__rec ul {
    margin: 0 0 10%;
    width: 120%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .p-top__rec ul {
    margin: 0 0 60px;
  }
}
.p-top__rec ul li:nth-child(2) {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-top__rec ul li:nth-child(2) {
    margin-top: 20%;
  }
}
.p-top__rec ul li:nth-child(3) {
  transform: translateY(-8px);
}
.p-top__rec ul li:nth-child(4) {
  margin-top: 90px;
}
@media screen and (max-width: 1023px) {
  .p-top__rec ul li:nth-child(4) {
    margin-top: 30%;
  }
}
.p-top__rec ul img {
  aspect-ratio: 390/530;
  object-fit: cover;
}
.p-top__news {
  background: var(--bg-color1);
  padding-left: 55px;
  padding-right: 55px;
}
@media screen and (max-width: 1023px) {
  .p-top__news {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-top__news__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;
  gap: 40px;
  max-width: 1440px;
  margin: 60px auto 0;
}
@media screen and (max-width: 1023px) {
  .p-top__news__block {
    gap: 100px;
  }
}
@media screen and (max-width: 767px) {
  .p-top__news__block {
    grid-template-columns: 1fr;
  }
}
.p-top__news__list {
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.p-top__news__list .c-imgwaku {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-top__news__list {
    margin: 40px 15px;
  }
}
.p-top__news__list li a {
  display: grid;
  grid-template-columns: 244px auto;
  gap: 30px;
  color: #FFF;
  line-height: 2;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-top__news__list li a {
    grid-template-columns: 1fr;
    font-size: 0.9375rem;
  }
}
.p-top__news__list li div:has(img) {
  text-align: center;
  overflow: hidden;
  aspect-ratio: 244/190;
  width: 244px;
}
@media screen and (max-width: 1023px) {
  .p-top__news__list li div:has(img) {
    width: 100%;
  }
}
.p-top__news__list li div:has(img) img {
  object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-top__news__list li div:has(img) img {
    width: 100%;
    object-fit: cover;
    vertical-align: middle;
  }
}
.p-top__news__list .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 1023px) {
  .p-top__news__list .title {
    min-height: 90px;
  }
}
@media screen and (max-width: 767px) {
  .p-top__news__list .title {
    min-height: auto;
  }
}
.p-top__news h3 {
  font-size: 2.25rem;
}
@media screen and (max-width: 1023px) {
  .p-top__news h3 {
    font-size: 1.5rem;
  }
}
.p-top__works {
  padding-left: 0;
  padding-right: 0;
  color: #373737;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-top__works {
    width: 100%;
  }
}
.p-top__works .swiper {
  position: relative;
  margin: 80px auto;
}
@media screen and (max-width: 1023px) {
  .p-top__works .swiper {
    margin: 40px auto;
  }
}
.p-top__works .swiper-wrapper {
  max-width: 1350px;
}
@media screen and (max-width: 1023px) {
  .p-top__works .swiper-wrapper {
    margin-left: 0;
  }
}
.p-top__worksSlider {
  position: relative;
}
.p-top__works .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 407/296;
}
.p-top__works .swiper-slide .content {
  padding-top: 0;
  padding-bottom: 0;
}
.p-top__works .swiper-slide div {
  padding: 15px;
  width: 100%;
}
.p-top__works .swiper-slide div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/top/waku.svg) no-repeat left top;
  width: 100%;
  height: 100%;
  background-size: contain;
}
.p-top__works .swiper-slide div span {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 407/296;
  object-fit: cover;
  overflow: hidden;
}
.p-top__works .swiper-button-wrap {
  position: absolute;
  top: 160px;
  max-width: 1410px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 1;
}
.p-top__works .swiper-button-prev {
  width: 60px;
  left: -43px;
}
@container (max-width: 1552px) {
  .p-top__works .swiper-button-prev {
    left: -30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top__works .swiper-button-prev {
    left: 15px;
  }
}
.p-top__works .swiper-button-prev svg {
  display: none;
}
.p-top__works .swiper-button-prev:before {
  content: "";
  position: absolute;
  background: url(../img/common/prev.svg) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.p-top__works .swiper-button-next {
  width: 60px;
  right: -43px;
}
@container (max-width: 1552px) {
  .p-top__works .swiper-button-next {
    right: -30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-top__works .swiper-button-next {
    right: 15px;
  }
}
.p-top__works .swiper-button-next svg {
  display: none;
}
.p-top__works .swiper-button-next:before {
  content: "";
  position: absolute;
  background: url(../img/common/next.svg) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.p-top__works p {
  margin: 20px 0 10px;
}
.p-top__works h3 {
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .p-top__works h3 {
    font-size: 1rem;
  }
}

@container (max-width: 1200px) {
  .p-top__feature .cp2 {
    margin-left: -54%;
  }
}
@container (max-width: 1200px) {
  .p-top__feature .cp3 {
    margin-left: 66%;
  }
}
.p-service {
  overflow-x: hidden;
}
.p-service .w1200 {
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-service__support--ax.l-col {
    padding: 0;
  }
}
.p-service__support--axList {
  display: flex;
  gap: 21px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--axList {
    gap: 1.4583333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--axList {
    flex-direction: column;
    gap: 40px;
  }
}
.p-service__support--axItem {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .p-service__support--axItem {
    width: 100%;
  }
}
.p-service__support--axItemTag {
  margin-bottom: 167px;
  text-align: center;
  background-color: #097F93;
  font-size: 1.125rem;
}
@media screen and (max-width: 1440px) {
  .p-service__support--axItemTag {
    margin-bottom: 11.5972222222vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--axItemTag {
    padding: 2px 0;
    margin-bottom: 109px;
  }
}
.p-service__support--axItemContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 127px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--axItemContent {
    row-gap: 8.8194444444vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--axItemContent {
    row-gap: 95px;
  }
  .p-service__support--axItemContent .c-heroPattern__name--bottom {
    font-size: 0.8125rem;
  }
  .p-service__support--axItemContent > div:first-child .c-heroPattern__name--bottom > span {
    width: 120px;
  }
}
.p-service__support--axItemContent > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-service__support--axItemContent > div:first-child:nth-last-child(3) {
  grid-column: 1/-1;
  justify-self: center;
}
.p-service__support--pmList {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-service__support--pmList {
    flex-direction: column;
    gap: 32px;
  }
}
.p-service__support--pmItem:first-child {
  width: 36%;
}
.p-service__support--pmItem:last-child {
  width: 64%;
}
.p-service__support--pmItemContent {
  display: flex;
  justify-content: center;
  gap: 61px;
  padding-top: 132px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--pmItemContent {
    gap: 4.2361111111vw;
    padding-top: 9.1666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--pmItem {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-service__support--pmItem .c-arrow__heroPatternWrap {
    width: 17.68%;
  }
  .p-service__support--pmItemContent {
    width: 82.32%;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    padding-top: 87px;
    gap: 99px;
  }
  .p-service__support--pmItem:first-child, .p-service__support--pmItem:last-child {
    width: 100%;
  }
}
.p-service__support--commerceList {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-service__support--commerceList {
    flex-direction: column;
    gap: 32px;
  }
}
.p-service__support--commerceItem:first-child {
  width: 66%;
}
.p-service__support--commerceItem:last-child {
  width: 34%;
}
.p-service__support--commerceItemContent {
  display: flex;
  justify-content: center;
  gap: 123px;
  padding-top: 132px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--commerceItemContent {
    gap: 8.5416666667vw;
    padding-top: 9.1666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--commerceItem {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-service__support--commerceItem .c-arrow__heroPatternWrap {
    width: 17.68%;
  }
  .p-service__support--commerceItemContent {
    width: 82.32%;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    padding-top: 87px;
    gap: 99px;
  }
  .p-service__support--commerceItem:first-child, .p-service__support--commerceItem:last-child {
    width: 100%;
  }
}
.p-service__support--uiuxList {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-service__support--uiuxList {
    flex-direction: column;
    gap: 32px;
  }
}
.p-service__support--uiuxItem:first-child {
  width: 62%;
}
.p-service__support--uiuxItem:first-child .p-service__support--uiuxItemContent > div:last-child {
  transform: translateX(22px);
}
@media screen and (max-width: 1440px) {
  .p-service__support--uiuxItem:first-child .p-service__support--uiuxItemContent > div:last-child {
    transform: translateX(1.5277777778vw);
  }
}
.p-service__support--uiuxItem:last-child {
  width: 38%;
}
.p-service__support--uiuxItem:last-child .p-service__support--uiuxItemContent {
  padding-top: 293px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--uiuxItem:last-child .p-service__support--uiuxItemContent {
    padding-top: 20.3472222222vw;
  }
}
.p-service__support--uiuxItem:last-child .c-star {
  position: absolute;
  top: 38px;
  left: -28px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--uiuxItem:last-child .c-star {
    top: 2.6388888889vw;
    left: -1.9444444444vw;
  }
}
.p-service__support--uiuxItem:last-child .c-star p {
  color: #ffffff;
}
.p-service__support--uiuxItem {
  position: relative;
}
.p-service__support--uiuxItemContent {
  display: flex;
  justify-content: center;
  gap: 84px;
  padding-top: 132px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--uiuxItemContent {
    gap: 5.8333333333vw;
    padding-top: 9.1666666667vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--uiuxItem {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-service__support--uiuxItem .c-arrow__heroPatternWrap {
    width: 17.68%;
  }
  .p-service__support--uiuxItemContent {
    width: 82.32%;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    padding-top: 87px;
    gap: 99px;
  }
  .p-service__support--uiuxItem:first-child, .p-service__support--uiuxItem:last-child {
    width: 100%;
  }
  .p-service__support--uiuxItem:last-child .p-service__support--uiuxItemContent {
    padding-top: 0;
  }
  .p-service__support--uiuxItem:last-child .c-star {
    position: unset;
    margin: 0 auto 20px;
  }
}
.p-service__support--dataList {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-service__support--dataList {
    flex-direction: column;
    gap: 32px;
  }
}
.p-service__support--dataItem {
  position: relative;
  width: 33.33%;
}
@media screen and (max-width: 1023px) {
  .p-service__support--dataItem {
    width: 100%;
  }
}
.p-service__support--dataItemContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  row-gap: 116px;
  padding-top: 132px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--dataItemContent {
    row-gap: 8.0555555556vw;
    padding-top: 9.1666666667vw;
  }
}
.p-service__support--dataItemContent > div:first-child:nth-last-child(3) {
  grid-column: 1/-1;
  justify-self: center;
}
@media screen and (max-width: 1023px) {
  .p-service__support--dataItem {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-service__support--dataItem .c-heroPattern__name--bottom {
    font-size: 0.8125rem;
  }
  .p-service__support--dataItem .c-heroPattern__name--bottom > span {
    width: 120px;
  }
  .p-service__support--dataItem .c-arrow__heroPatternWrap {
    width: 15%;
  }
  .p-service__support--dataItemContent {
    width: 85%;
    align-items: center;
    height: fit-content;
    padding-top: 87px;
    row-gap: 105px;
    column-gap: 15px;
  }
}
.p-service__support--digitalList {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-service__support--digitalList {
    flex-direction: column;
    gap: 32px;
  }
}
.p-service__support--digitalItem {
  position: relative;
  width: 33.33%;
}
@media screen and (max-width: 1023px) {
  .p-service__support--digitalItem {
    width: 100%;
  }
}
.p-service__support--digitalItemContent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  row-gap: 116px;
  padding-top: 132px;
}
@media screen and (max-width: 1440px) {
  .p-service__support--digitalItemContent {
    row-gap: 8.0555555556vw;
    padding-top: 9.1666666667vw;
  }
}
.p-service__support--digitalItemContent > div:first-child:nth-last-child(3) {
  grid-column: 1/-1;
  justify-self: center;
}
@media screen and (max-width: 1023px) {
  .p-service__support--digitalItem {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-service__support--digitalItem .c-heroPattern__name--bottom {
    font-size: 0.8125rem;
  }
  .p-service__support--digitalItem .c-heroPattern__name--bottom > span {
    width: 120px;
  }
  .p-service__support--digitalItem .c-arrow__heroPatternWrap {
    width: 15%;
  }
  .p-service__support--digitalItemContent {
    width: 85%;
    align-items: center;
    height: fit-content;
    padding-top: 87px;
    row-gap: 105px;
    column-gap: 15px;
  }
}
.p-service__support--devListWrap {
  position: relative;
  width: 100%;
}
.p-service__support--devArrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}
.p-service__support--devArrow .c-arrow__heroPatternWrap {
  position: absolute;
  background: linear-gradient(to right, #3d575c, #00A8C3);
}
.p-service__support--devArrow .c-arrow__heroPatternWrap .c-arrow__heroPattern {
  margin: 0;
}
.p-service__support--devArrow .c-arrow__heroPatternWrap .c-arrow__heroPattern::after {
  position: absolute;
  right: -33px;
  margin: 0;
}
.p-service__support--devList {
  display: flex;
  position: relative;
}
.p-service__support--devItem {
  position: relative;
  width: 20%;
}
.p-service__support--devItemH {
  min-height: 285px;
}
.p-service__support--devItem:last-child .p-service__support--devItemContent::after {
  display: none;
}
.p-service__support--devItemContent {
  position: relative;
  display: flex;
  gap: 116px;
  flex-direction: column;
  align-items: center;
  padding-top: 132px;
}
.p-service__support--devItemContent::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 98%;
  border-left: 1px dashed #969696;
}
@media screen and (max-width: 1440px) {
  .p-service__support--devItemContent {
    padding-top: 9.1666666667vw;
    gap: 8.0555555556vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__support--dev.l-col {
    padding: 0;
  }
  .p-service__support--dev .p-service__introTitle, .p-service__support--dev .p-service__introDesc {
    padding: 0 15px;
  }
  .p-service__support--devListWrap {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin: 0 15px;
    padding-right: 30px;
  }
  .p-service__support--dev .c-heroPattern__name--bottom > span {
    width: 159px;
    height: 93px;
  }
  .p-service__support--devList {
    width: 1323px;
  }
  .p-service__support--devArrow {
    width: 1323px;
  }
  .p-service__support--devItemContent {
    padding-top: 132px;
    gap: 116px;
  }
}
.p-service__recommendThumb {
  width: clamp(223px, 104.1666666667vw, 856px);
  margin: clamp(31px, 9.0277777778vw, 130px) auto 0;
}
@media screen and (max-width: 1023px) {
  .p-service__recommendThumb {
    width: 100%;
    text-align: center;
    max-width: 375px;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__recommend.l-col2 {
    padding: 0;
  }
  .p-service__recommend .p-service__introTitle {
    padding: 0 15px;
  }
}
.p-service__recommendCircle {
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-service__recommendCircle {
    padding-top: 201px;
  }
}
.p-service__recommendCircleItem {
  width: clamp(82px, 24.3055555556vw, 316px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}
.p-service__recommendCircleItem::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.p-service__recommendCircleItem:first-child {
  margin-right: clamp(-78px, -5.9722222222vw, -20px);
  transform: translateY(clamp(36px, 10.8333333333vw, 141px));
  z-index: 1;
}
.p-service__recommendCircleItem:first-child::after {
  left: clamp(55px, 16.3194444444vw, 212px);
  bottom: clamp(2px, 0.4861111111vw, 6px);
  width: clamp(16px, 4.7916666667vw, 62px);
  height: clamp(8px, 2.3611111111vw, 31px);
  background-image: url(../img/services/icon_circle_01.svg);
}
.p-service__recommendCircleItem:nth-child(2) {
  margin-right: clamp(-111px, -8.5416666667vw, -29px);
  z-index: 2;
}
.p-service__recommendCircleItem:nth-child(3) {
  margin-right: clamp(-110px, -8.4722222222vw, -28px);
  transform: translateY(clamp(44px, 13.2638888889vw, 172px));
  z-index: 3;
}
.p-service__recommendCircleItem:nth-child(3)::after {
  left: clamp(32px, 9.5138888889vw, 124px);
  bottom: clamp(-28px, -2.1527777778vw, -7px);
  width: clamp(15px, 4.5138888889vw, 59px);
  height: clamp(11px, 3.2638888889vw, 42px);
  background-image: url(../img/services/icon_circle_02.svg);
}
.p-service__recommendCircleItem:nth-child(4) {
  margin-right: clamp(-77px, -5.9027777778vw, -20px);
  z-index: 2;
}
.p-service__recommendCircleItem:nth-child(4)::after {
  left: clamp(23px, 6.875vw, 89px);
  bottom: clamp(-19px, -1.4583333333vw, -5px);
  width: clamp(16px, 4.7916666667vw, 62px);
  height: clamp(8px, 2.3611111111vw, 31px);
  background-image: url(../img/services/icon_circle_03.svg);
}
.p-service__recommendCircleItem:last-child {
  transform: translateY(clamp(44px, 13.2638888889vw, 172px));
  z-index: 1;
}
.p-service__recommendCircleItem:last-child::after {
  left: clamp(-2px, -0.2083333333vw, -1px);
  bottom: clamp(5px, 2.0833333333vw, 27px);
  width: clamp(21px, 6.3194444444vw, 82px);
  height: clamp(9px, 2.7777777778vw, 36px);
  background-image: url(../img/services/icon_circle_04.svg);
}
.p-service__recommendCircleItem > div {
  width: clamp(75px, 22.3611111111vw, 288px);
  border-radius: 50%;
  background: #E3E3E3;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-service__recommendCircleItem > div p {
  color: #131313;
  text-align: center;
  font-size: clamp(5.6px, 1.3888888889vw, 20px);
  max-width: clamp(150px, 16.9444444444vw, 244px);
}
@media screen and (max-width: 1023px) {
  .p-service__recommendCircleItem {
    width: 196px;
  }
  .p-service__recommendCircleItem:first-child {
    margin-right: unset;
    transform: translate(313px, 100px);
    z-index: 5;
  }
  .p-service__recommendCircleItem:first-child::after {
    width: 26px;
    bottom: -31px;
    left: 86px;
    height: 34px;
    background-image: url(../img/services/icon_circle_01_sp.svg);
  }
  .p-service__recommendCircleItem:nth-child(2) {
    margin-right: unset;
    transform: translate(275px, 23px);
    z-index: 4;
  }
  .p-service__recommendCircleItem:nth-child(2)::after {
    width: 26px;
    height: 34px;
    bottom: -31px;
    background-image: url(../img/services/icon_circle_02_sp.svg);
  }
  .p-service__recommendCircleItem:nth-child(3) {
    margin-right: unset;
    transform: translate(-80px, -196px);
    z-index: 1;
  }
  .p-service__recommendCircleItem:nth-child(3)::after {
    display: none;
  }
  .p-service__recommendCircleItem:nth-child(4) {
    margin-right: unset;
    transform: translate(-114px, -129px);
    z-index: 2;
  }
  .p-service__recommendCircleItem:nth-child(4)::after {
    display: none;
  }
  .p-service__recommendCircleItem:last-child {
    transform: translate(-471px, -52px);
    z-index: 3;
  }
  .p-service__recommendCircleItem:last-child::after {
    display: none;
  }
  .p-service__recommendCircleItem > div {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1023px) {
  .p-service__recommendCircleItem > div p {
    max-width: 147px;
    font-size: 0.875rem;
  }
}
.p-service__stepItem {
  background-color: #f3f3f3;
  border: 3px solid #e1e1e1;
  border-radius: 10px;
  padding: 26px;
  position: relative;
}
.p-service__stepItem:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -57px;
  width: 49px;
  height: 23px;
  background: url("../img/common/icon_arrow_down.svg") no-repeat center/contain;
}
.p-service__stepItem h3 {
  margin-bottom: 7px;
}
.p-service__stepItem:not(:last-child) {
  margin-bottom: 76px;
}
.p-service__onlineCreator .p-freelance__mainWaku, .p-service__onlineCreator .p-freelance__mainWaku02 {
  margin: 0 auto;
  padding: 0;
}
.p-service__onlineCreator .p-freelance__mainWaku .c-imgwaku img, .p-service__onlineCreator .p-freelance__mainWaku02 .c-imgwaku img {
  min-height: 450px;
}
@media screen and (max-width: 1023px) {
  .p-service__onlineCreator .p-freelance__mainWaku02 .p-freelance__mainWakuTxt img {
    width: 83%;
  }
  .p-service__onlineCreator .p-freelance__mainWaku02 .p-freelance__mainWakuTxt {
    width: calc(100% - 7.2vw);
    left: 3.6vw;
    padding: 3.6vw;
  }
}
.p-service__per {
  display: flex;
  justify-content: center;
  gap: clamp(20px, 1.9444444444vw, 28px);
  padding: clamp(130px, 12.4305555556vw, 179px) 0 clamp(90px, 7.3611111111vw, 106px);
}
.p-service__perNote {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1245px) {
  .p-service__perNote {
    position: unset;
    margin-top: 20px;
    text-align: right;
  }
}
.p-service__per .fnt24 {
  font-size: clamp(18px, 1.6666666667vw, 24px);
}
@media screen and (max-width: 1023px) {
  .p-service__per .fnt24 {
    font-size: 1.125rem;
  }
}
.p-service__per .fnt48 {
  font-size: clamp(24px, 3.3333333333vw, 48px);
}
@media screen and (max-width: 1023px) {
  .p-service__per .fnt48 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__per {
    flex-direction: column;
    gap: 170px;
  }
}
.p-service__perItem {
  flex: 1;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-service__perItem {
    width: 100%;
  }
}
.p-service__perItem:first-child .p-service__perLegends p:first-child {
  bottom: clamp(-65px, -4.5138888889vw, -46px);
  left: clamp(-56px, -3.8888888889vw, -40px);
}
.p-service__perItem:first-child .p-service__perLegends p:first-child span::after {
  width: clamp(60px, 5.9027777778vw, 85px);
  top: clamp(-27px, -1.875vw, -19px);
  right: clamp(-56px, -3.8888888889vw, -40px);
  transform: rotate(139deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:first-child .p-service__perLegends p:first-child {
    bottom: -51px;
    left: -13px;
  }
  .p-service__perItem:first-child .p-service__perLegends p:first-child span::after {
    width: 43px;
    top: -25px;
    right: -29px;
    transform: rotate(121deg);
  }
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(2) {
  left: clamp(-152px, -10.5555555556vw, -108px);
  bottom: clamp(38px, 3.6805555556vw, 53px);
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(2) span::after {
  width: clamp(49px, 4.7916666667vw, 69px);
  bottom: clamp(53px, 5.1388888889vw, 74px);
  left: clamp(24px, 2.2916666667vw, 33px);
  transform: rotate(-34deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(2) {
    left: -67px;
    bottom: -5px;
  }
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(2) span::after {
    left: -4px;
    transform: rotate(-56deg);
  }
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(3) {
  top: clamp(-59px, -4.0972222222vw, -42px);
  left: clamp(-168px, -11.6666666667vw, -120px);
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(3) span::after {
  width: clamp(88px, 8.5416666667vw, 123px);
  bottom: clamp(-63px, -4.375vw, -45px);
  left: clamp(-58px, -4.0277777778vw, -41px);
  transform: rotate(56deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(3) {
    top: -34px;
    left: -65px;
    line-height: 1.4;
  }
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(3) span {
    margin-bottom: -4px;
  }
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(3) span::after {
    width: 69px;
    bottom: -35px;
    left: -35px;
    transform: rotate(56deg);
  }
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(4) {
  top: clamp(-133px, -9.2361111111vw, -95px);
  left: clamp(21px, 2.0138888889vw, 29px);
}
.p-service__perItem:first-child .p-service__perLegends p:nth-child(4) span::after {
  width: clamp(78px, 7.6388888889vw, 110px);
  bottom: clamp(-55px, -3.8194444444vw, -39px);
  left: clamp(-3px, -0.2083333333vw, -2px);
  transform: rotate(52deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(4) {
    top: -74px;
    left: 28px;
  }
  .p-service__perItem:first-child .p-service__perLegends p:nth-child(4) span::after {
    width: 58px;
    bottom: -35px;
    left: -19px;
    transform: rotate(52deg);
  }
}
.p-service__perItem:first-child .p-service__perLegends p:last-child {
  top: clamp(-131px, -9.0972222222vw, -94px);
  left: clamp(244px, 23.75vw, 342px);
}
.p-service__perItem:first-child .p-service__perLegends p:last-child span::after {
  width: clamp(92px, 8.9583333333vw, 129px);
  bottom: clamp(-62px, -4.3055555556vw, -44px);
  left: clamp(-157px, -10.9027777778vw, -112px);
  transform: rotate(-56deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:first-child .p-service__perLegends p:last-child {
    top: -71px;
    left: 183px;
  }
  .p-service__perItem:first-child .p-service__perLegends p:last-child span::after {
    width: 71px;
    bottom: -39px;
    left: -78px;
    transform: rotate(-56deg);
  }
}
.p-service__perItem:last-child .p-service__perLegends p:first-child {
  bottom: clamp(-55px, -3.8194444444vw, -39px);
  left: clamp(-152px, -10.5555555556vw, -108px);
}
.p-service__perItem:last-child .p-service__perLegends p:first-child span::after {
  width: clamp(60px, 5.9027777778vw, 85px);
  top: clamp(-39px, -2.7083333333vw, -28px);
  right: clamp(11px, 1.0416666667vw, 15px);
  transform: rotate(139deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:first-child {
    bottom: -58px;
    left: -56px;
  }
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(2) {
  left: clamp(-182px, -12.6388888889vw, -130px);
  bottom: clamp(236px, 22.9861111111vw, 331px);
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(2) span::after {
  width: clamp(71px, 6.9444444444vw, 100px);
  bottom: clamp(-47px, -3.2638888889vw, -34px);
  left: clamp(-7px, -0.4861111111vw, -5px);
  transform: rotate(43deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(2) {
    left: -65px;
    bottom: 206px;
    line-height: 1.4;
  }
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(2) span {
    margin-bottom: -4px;
  }
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(2) span::after {
    width: 51px;
  }
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(3) {
  top: clamp(-116px, -8.0555555556vw, -75px);
  left: clamp(-41px, -2.8472222222vw, -34px);
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(3) span::after {
  width: clamp(86px, 8.8194444444vw, 127px);
  bottom: clamp(-67px, -4.6527777778vw, -48px);
  left: clamp(-43px, -2.9861111111vw, -35px);
  transform: rotate(74deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(3) {
    top: -75px;
    left: -34px;
  }
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(4) {
  top: clamp(-143px, -9.9305555556vw, -95px);
  left: clamp(50px, 6.8055555556vw, 98px);
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(4) span::after {
  width: clamp(62px, 6.0416666667vw, 87px);
  bottom: clamp(-71px, -4.9305555556vw, -51px);
  left: clamp(-54px, -3.75vw, -39px);
  transform: rotate(83deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(4) {
    top: -95px;
    left: 50px;
  }
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(4) span::after {
    width: 62px;
    bottom: -51px;
    left: -39px;
  }
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(5) {
  top: clamp(-120px, -8.3333333333vw, -86px);
  left: clamp(149px, 14.5138888889vw, 209px);
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(5) span::after {
  width: clamp(57px, 5.5555555556vw, 80px);
  bottom: clamp(-47px, -3.2638888889vw, -34px);
  left: clamp(-106px, -7.3611111111vw, -78px);
  transform: rotate(119deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(5) {
    top: -78px;
    left: 123px;
  }
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(6) {
  top: clamp(-134px, -9.3055555556vw, -96px);
  left: clamp(254px, 24.7222222222vw, 356px);
}
.p-service__perItem:last-child .p-service__perLegends p:nth-child(6) span::after {
  width: clamp(91px, 8.8888888889vw, 128px);
  bottom: clamp(-63px, -4.375vw, -45px);
  left: clamp(-146px, -10.1388888889vw, -104px);
  transform: rotate(123deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(6) {
    top: -48px;
    left: 213px;
  }
  .p-service__perItem:last-child .p-service__perLegends p:nth-child(6) span::after {
    width: 77px;
    bottom: -53px;
    left: -56px;
    transform: rotate(123deg);
  }
}
.p-service__perItem:last-child .p-service__perLegends p:last-child {
  right: clamp(-124px, -8.6111111111vw, -89px);
  bottom: clamp(-14px, -0.9722222222vw, -10px);
}
.p-service__perItem:last-child .p-service__perLegends p:last-child span::after {
  width: clamp(67px, 6.5277777778vw, 94px);
  bottom: clamp(55px, 5.3472222222vw, 77px);
  left: clamp(-100px, -6.9444444444vw, -71px);
  transform: rotate(42deg);
}
@media screen and (max-width: 1023px) {
  .p-service__perItem:last-child .p-service__perLegends p:last-child {
    right: -76px;
    bottom: -42px;
  }
}
.p-service__perChart {
  display: flex;
  place-content: center;
  flex-flow: wrap;
  position: absolute;
  z-index: 10;
}
.p-service__perChart .donut {
  width: clamp(229px, 28.4722222222vw, 410px);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-service__perChart .donut .donut-svg {
  width: 100%;
  height: 100%;
}
.p-service__perChart .donut:not(:has(.donut-svg)) {
  border-radius: 50%;
  -webkit-mask: radial-gradient(circle, transparent 0 63.5%, rgba(0, 0, 0, 0.6) 64%, #000 65% 100%);
  mask: radial-gradient(circle, transparent 0 63.5%, rgba(0, 0, 0, 0.6) 64%, #000 65% 100%);
}
@media screen and (max-width: 1023px) {
  .p-service__perChart .donut {
    width: 229px;
  }
}
.p-service__perLegends p {
  position: absolute;
  display: flex;
  align-items: flex-end;
  font-size: clamp(12px, 1.25vw, 18px);
  line-height: 1;
  min-width: clamp(121px, 11.8055555556vw, 170px);
  text-align: center;
}
.p-service__perLegends p span {
  margin-bottom: clamp(-4px, -0.2777777778vw, -1px);
  position: relative;
}
.p-service__perLegends p span::after {
  content: "";
  position: absolute;
  height: 1px;
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .p-service__perLegends p span {
    margin-bottom: -2px;
  }
}
.p-service__perContent {
  padding: clamp(40px, 5.2777777778vw, 76px);
  border-radius: 50%;
  position: relative;
  width: fit-content;
}
.p-service__perContent::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/common/img_waku_circle.svg) no-repeat center/100% 100%;
  border-radius: 50%;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-service__perContent {
    padding: 40px;
  }
}
.p-service__per .c-imgwaku--circle {
  width: clamp(180px, 21.7361111111vw, 313px);
  aspect-ratio: 1;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1023px) {
  .p-service__per .c-imgwaku--circle {
    width: 180px;
  }
}
.p-service__per .c-imgwaku--circle h3 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-serviceStaffingCreator h2:not(.p-service__intro .p-service__introTitle) {
  color: #4d4d4d;
}
.p-serviceStaffingCreator__hero {
  color: #000000;
}
.p-serviceStaffingCreator__hero--title h1 {
  position: relative;
  margin: 8px auto;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  .p-serviceStaffingCreator__hero--title h1 {
    width: 85%;
  }
}
.p-serviceStaffingCreator__hero--title h1 span {
  position: absolute;
  top: 8px;
  right: -31px;
}
@media screen and (max-width: 767px) {
  .p-serviceStaffingCreator__hero--title h1 span {
    right: -7vw;
    top: 1vw;
  }
}
.p-serviceStaffingCreator__hero--title h1 img {
  aspect-ratio: 645/55;
  object-fit: cover;
}
.p-serviceStaffingCreator__hero--desc {
  margin: 16px 0 23px;
}
.p-serviceStaffingCreator__hero--thumb {
  margin-top: -6%;
  position: relative;
  pointer-events: none;
}
.p-serviceStaffingCreator__why {
  color: #4d4d4d;
  margin-top: 50px;
}
.p-serviceStaffingCreator__why .c-imgwaku {
  padding: 15px;
}
.p-serviceStaffingCreator__why .c-col3 {
  margin: 0 auto 90px;
}
.p-serviceStaffingCreator__creative .p-service__introDesc {
  margin: 18px 0 44px;
}
.p-serviceStaffingCreator__creative .content {
  margin-top: 33px;
}
.p-serviceStaffingCreator__creativeNote {
  font-size: 0.875rem;
  margin-top: 67px;
}
.p-serviceStaffingCreator__creativeNote::before {
  color: #4d4d4d;
}
.p-serviceStaffingCreator__pricingTxt {
  margin-top: 32px;
  color: #4D4D4D;
  text-align: center;
  font-size: 24px;
}
.p-serviceStaffingCreator__pricingTxt .strikethrough {
  position: relative;
  padding: 0 8px;
}
.p-serviceStaffingCreator__pricingTxt .strikethrough::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #4D4D4D;
}
.p-serviceStaffingCreator__pricingTxt .number {
  font-size: 64px;
  color: var(--col);
  padding: 0 4px;
  line-height: 4rem;
}
.p-serviceStaffingCreator__pricingTxt span:not([class]) {
  font-size: 36px;
}
.p-serviceStaffingCreator__pricingList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  padding: 64px 0 0 245px;
}
@media screen and (max-width: 767px) {
  .p-serviceStaffingCreator__pricingList {
    padding: 30px 0 0 0;
    grid-template-columns: 1fr;
  }
}
.p-serviceStaffingCreator__pricingItem {
  background-color: #f3f3f3;
  border: 3px solid #e1e1e1;
  border-radius: 5px;
  text-align: center;
}
.p-serviceStaffingCreator__pricingItem:last-child .p-serviceStaffingCreator__pricingHour {
  display: none;
}
@media (max-width: 1305px) {
  .p-serviceStaffingCreator__pricingItem:last-child .p-serviceStaffingCreator__pricingHour {
    display: block;
  }
}
.p-serviceStaffingCreator__pricingItem:nth-child(2) .p-serviceStaffingCreator__pricingHour {
  display: none;
}
@container (max-width: 894px) {
  .p-serviceStaffingCreator__pricingItem:nth-child(2) .p-serviceStaffingCreator__pricingHour {
    display: block;
  }
}
.p-serviceStaffingCreator__pricingItem h3 {
  margin-bottom: 15px;
}
.p-serviceStaffingCreator__pricingItem ul {
  padding-bottom: 10px;
}
.p-serviceStaffingCreator__pricingItem ul li {
  border-radius: 5px;
  padding: 17px 10px;
  margin: 0 16px 11px;
  background-color: #ffffff;
  position: relative;
}
.p-serviceStaffingCreator__pricingHour {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -262px;
  padding: 14px 95px 14px 64px;
  color: #ffffff;
  background-color: #00a8c3;
  z-index: 10;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2509803922);
  clip-path: polygon(0 0, calc(100% - 33px) 0, 100% 50%, calc(100% - 33px) 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .p-serviceStaffingCreator__pricingHour {
    left: -45px;
    padding: 3% 5% 3% 4%;
    clip-path: polygon(0 0, 83% 0, 100% 50%, 83% 100%, 0 100%);
    font-size: 15px;
  }
}
.p-serviceStaffingCreator__pricingNotes {
  padding: 33px 0 0 245px;
  font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
  .p-serviceStaffingCreator__pricingNotes {
    padding: 33px 0 0 0;
  }
}
.p-serviceStaffingCreator__pricingNotes .c-num li {
  padding-left: 2.5em;
}
.p-serviceStaffingCreator__pricingNotes .c-num li::after {
  content: "※";
  color: #4d4d4d;
  font-size: inherit;
  position: absolute;
  left: 0;
  top: 0;
  display: inline;
}
.p-service section:not(.p-service__hero) {
  margin: 0 auto 100px;
}
@media screen and (max-width: 1023px) {
  .p-service section:not(.p-service__hero) {
    margin: 0 auto 90px;
  }
}
.p-service .c-col2 {
  margin: 0 auto;
  row-gap: 44px;
}
@media screen and (max-width: 1023px) {
  .p-service .c-col2 {
    gap: 0;
    row-gap: 0;
  }
}
.p-service .c-imgwaku {
  margin: 0 auto 27px;
}
@media screen and (max-width: 1023px) {
  .p-service .c-imgwaku img {
    min-height: 300px;
  }
}
.p-service__hero {
  margin-bottom: 32px;
}
@media screen and (max-width: 1023px) {
  .p-service__hero span.fnt36 {
    font-size: 1.125rem;
  }
}
.p-service__heroInner {
  display: flex;
  gap: 43px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner {
    flex-direction: column;
    gap: 30px;
  }
}
.p-service__heroInner02 {
  margin-top: 70px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner02 {
    margin-top: 30px;
  }
}
.p-service__heroInner03 .p-service__heroThumb {
  text-align: center;
}
.p-service__heroInner03 .p-service__heroThumb img {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner03 .p-service__heroThumb {
    margin-top: 30px;
  }
}
.p-service__heroInner04 {
  margin-top: 30px;
}
.p-service__heroInner05 {
  margin-top: 74px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner05 {
    margin-top: 30px;
  }
}
.p-service__heroInner06 {
  margin-top: 30px;
}
.p-service__heroInner07 {
  margin-top: 72px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner07 {
    margin-top: 30px;
  }
}
.p-service__heroInner08 {
  margin-top: 72px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner08 {
    margin-top: 30px;
  }
}
.p-service__heroInner09 .p-service__heroThumb {
  width: 55%;
}
.p-service__heroInner09 .p-service__heroThumb img {
  transform: translateY(-64px);
}
@media screen and (max-width: 1023px) {
  .p-service__heroInner09 .p-service__heroThumb {
    width: 100%;
  }
  .p-service__heroInner09 .p-service__heroThumb img {
    transform: translateY(-30px);
  }
}
.p-service__heroThumb {
  width: 49.25%;
  max-width: 657px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroThumb {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-service__heroThumb {
    width: 100%;
    max-width: 100%;
  }
}
.p-service__heroDesc {
  font-size: 1.125rem;
  line-height: 1.88;
  letter-spacing: 0.02em;
  max-width: 480px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroDesc {
    max-width: 100%;
  }
}
.p-service__heroContent {
  flex: 1;
  padding-top: 12.6%;
}
.p-service__heroContent .c-btn {
  margin: 50px auto 0 0;
}
.p-service__heroContent .c-btn.mt15 {
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .p-service__heroContent {
    padding-top: 0;
  }
  .p-service__heroContent .c-btn {
    margin: 60px auto 0;
  }
}
.p-service__intro {
  margin-bottom: 110px;
  position: relative;
  width: 100%;
}
.p-service__introBg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.p-service__introBg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-service__introh800 {
  min-height: 800px;
}
@media screen and (max-width: 1023px) {
  .p-service__intro--bgsp::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
  }
}
.p-service__introDigital {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  z-index: 2;
  padding-bottom: clamp(24px, 2.7777777778vw, 40px);
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital {
    width: 100%;
    padding: 27px 15px 87px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
}
.p-service__introDigital--list {
  display: flex;
  gap: clamp(16px, 1.9444444444vw, 28px);
  position: absolute;
}
.p-service__introDigital--list > div {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital--list > div {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital--list ul {
    width: 47%;
  }
}
.p-service__introDigital--list01 {
  flex-direction: column;
  gap: 0;
  left: -64%;
  top: 36%;
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital--list01 {
    flex-direction: row;
    gap: clamp(16px, 1.9444444444vw, 28px);
  }
}
.p-service__introDigital--list02 {
  top: clamp(8px, 0.9027777778vw, 13px);
  right: -88%;
}
.p-service__introDigital--list li {
  font-size: clamp(14px, 1.25vw, 18px);
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital--list {
    max-width: 400px;
    width: 100%;
    flex-flow: wrap;
    position: unset;
  }
  .p-service__introDigital--list li {
    font-size: 1rem;
  }
}
.p-service__introDigital--line {
  position: absolute;
  background-color: #ffffff;
  height: max(1px, 0.0694444444vw);
  z-index: 10;
}
.p-service__introDigital--line01 {
  width: clamp(160px, 20.2083333333vw, 291px);
  top: 53%;
  left: -27%;
}
.p-service__introDigital--line02 {
  width: clamp(96px, 12.0833333333vw, 174px);
  right: clamp(-60px, -4.1666666667vw, -24px);
  top: clamp(72px, 8.125vw, 117px);
  transform: rotate(-32deg);
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital--line {
    display: none;
  }
}
.p-service__introDigital--content {
  padding: clamp(64px, 8.3333333333vw, 120px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
}
.p-service__introDigital--content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/common/img_waku_circle.svg) no-repeat center/100% 100%;
  border-radius: 50%;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
}
.p-service__introDigital--txt {
  position: absolute;
  top: clamp(32px, 4.0277777778vw, 58px);
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(13px, 1.3888888889vw, 20px);
}
.p-service__introDigital .c-imgwaku--circle {
  width: clamp(180px, 17.3611111111vw, 250px);
  aspect-ratio: 1/1;
  overflow: hidden;
  margin: 0 auto;
  padding: clamp(10px, 1.3888888889vw, 20px);
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital .c-imgwaku--circle {
    width: 180px;
    padding: 20px;
  }
}
.p-service__introDigital .c-imgwaku--circle h3 {
  width: clamp(140px, 14.5833333333vw, 210px);
  height: clamp(140px, 14.5833333333vw, 210px);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.35;
  font-size: clamp(14px, 1.3888888889vw, 20px);
  background-color: #594437;
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .p-service__introDigital .c-imgwaku--circle h3 {
    width: 140px;
    height: 140px;
  }
}
.p-service__introShop--thumb {
  background-color: #ffffff;
  padding: 50px 0;
  position: relative;
  z-index: 2;
}
.p-service__introShop--thumb img {
  max-width: 1252px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-service__introShop--thumb {
    padding: 20px 0;
  }
}
.p-service__introShop--experts {
  padding: 92px 15px 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-service__introShop--experts {
    gap: 2%;
    padding: 60px 3%;
  }
  .p-service__introShop--experts span {
    font-size: 2.4vw;
  }
  .p-service__introShop--experts img {
    width: 45%;
  }
}
.p-service__intro .d-flex__wrapCircle {
  padding: 17px 0 93px 0;
}
.p-service__intro {
  color: #ffffff;
}
.p-service__introTxt {
  padding-top: 66px;
  height: 100%;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1023px) {
  .p-service__introTxt {
    padding-top: 12%;
  }
}
.p-service__introTitle {
  font-size: 3rem;
  color: #ffffff;
  text-align: center;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .p-service__introTitle {
    font-size: 1.75rem;
    margin-bottom: 20px;
  }
}
.p-service__introTitle.is-black {
  color: #000000;
}
.p-service__introDesc {
  line-height: 1.88;
  letter-spacing: 0.02em;
  text-align: center;
  margin: 18px 0 50px;
}
@media screen and (max-width: 1023px) {
  .p-service__introDesc {
    margin: 18px 0 30px;
  }
}
.p-service__introNote {
  max-width: 286px;
  line-height: 1.88;
  letter-spacing: 0.02em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .p-service__introNote {
    max-width: 64%;
    font-size: 3.7vw;
  }
}
.p-service__introNote01 {
  position: absolute;
  left: 69%;
  bottom: 50%;
}
@media screen and (max-width: 767px) {
  .p-service__introNote01 {
    bottom: 38%;
    left: 23%;
  }
}
.p-service__introNote02 {
  position: absolute;
  bottom: 27%;
  left: 14%;
}
@media screen and (max-width: 767px) {
  .p-service__introNote02 {
    bottom: 4%;
    left: 21%;
  }
}
.p-service__voleim {
  overflow: hidden;
}
.p-service__voleimBg {
  position: relative;
}
.p-service__voleimBg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 76.875vw;
  height: 48.6111111111vw;
  background: url(../img/services/bg_voleim.png) no-repeat center/cover;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .p-service__voleimBg::before {
    width: 100%;
    height: 100%;
    filter: brightness(0.5);
  }
}
.p-service__voleimContent {
  padding: 6.1805555556vw 10.8333333333vw 31.875vw 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-service__voleimContent {
    padding: 24vw 20px;
    display: block;
  }
}
.p-service__voleimContent ul li {
  font-size: 1.25vw;
}
.p-service__voleimContent ul li::before {
  top: 1.25vw;
  width: 0.2777777778vw;
  height: 0.2777777778vw;
}
@media screen and (max-width: 1023px) {
  .p-service__voleimContent ul li {
    font-size: 1rem;
  }
  .p-service__voleimContent ul li::before {
    top: 18px;
    width: 4px;
    height: 4px;
  }
}
.p-service__inner {
  padding: 0px 0 140px;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
}
.p-service--ui {
  background: #424660;
}
.p-service--uiData--phase .p-service__introDesc {
  margin-bottom: 106px;
}
@media screen and (max-width: 1023px) {
  .p-service--uiData--phase .p-service__introDesc {
    margin-bottom: 30px;
  }
}
.p-service--ui02 {
  background: #543654;
}
.p-service--ui03 {
  background: #6c6c6c;
}
.p-service--ui04 {
  background: #3b4b5d;
}
.p-service--ui05 {
  background: #3d575c;
}
.p-service--ui06 {
  background: #3f574b;
}
.p-service--ui07 {
  background: #635a3a;
}
.p-service--ui08 {
  background: #594437;
}
.p-service--ui09 {
  background: #624141;
}
.p-service .point {
  background: rgba(255, 255, 255, 0.1);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 1023px) {
  .p-service .point {
    padding: 0 15px;
  }
}
.p-service .point .inner {
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 37px 0;
}
.p-service .point ul {
  width: fit-content;
  margin: 0 auto;
}
.p-service .point li {
  position: relative;
  padding-left: 45px;
  margin: 5px 0;
}
.p-service .point li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background: url(../img/common/icon_chk.png) no-repeat left top;
  background-size: contain;
}

.p-company {
  background: #33384B;
  overflow-x: hidden;
}
@media screen and (max-width: 1023px) {
  .p-company__glad {
    margin-top: 0;
  }
}
.p-company__inner {
  padding: 0px 0 140px;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
}
.p-company__featureHuman {
  color: #4D4D4D;
  background-color: #EFEFEF;
  padding: 72px 46px 101px;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHuman {
    padding: 5.18vw 3.31vw 7.27vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHuman {
    padding: 60px 20px 80px;
  }
}
.p-company__featureHumanList {
  margin-top: 55px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanList {
    margin-top: 3.96vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanList {
    margin-top: 40px;
    flex-direction: column;
    align-items: center;
  }
}
.p-company__featureHumanArrow {
  max-width: 1139px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding-bottom: 24px;
  transform: rotate(180deg);
}
@media screen and (max-width: 1440px) {
  .p-company__featureHumanArrow {
    padding-bottom: 1.6666666667vw;
    max-width: 79.0972222222vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanArrow {
    position: absolute;
    height: 100%;
    top: 0;
    padding-bottom: 0;
    right: 0;
    width: fit-content;
  }
  .p-company__featureHumanArrow .c-arrow__heroPatternWrap {
    height: 100%;
  }
}
.p-company__featureHumanItem + .p-company__featureHumanItem {
  margin-left: -12px;
  position: relative;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanItem + .p-company__featureHumanItem {
    margin-left: -0.8vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanItem + .p-company__featureHumanItem {
    margin-left: 0;
    margin-top: -12px;
  }
}
.p-company__featureHumanItem + .p-company__featureHumanItem::before {
  content: "";
  position: absolute;
  top: 101px;
  left: -18px;
  transform: translateY(-50%);
  z-index: 100;
  width: 30px;
  height: 17px;
  background: url(../img/common/icon_arrow_right.svg) no-repeat center/contain;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanItem + .p-company__featureHumanItem::before {
    top: 6.8vw;
    left: -1.8vw;
    width: 2.88vw;
    height: 1.5vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanItem + .p-company__featureHumanItem::before {
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    width: 30px;
    height: 17px;
  }
}
.p-company__featureHumanItem--style02 + .p-company__featureHumanItem::before {
  background: url(../img/common/icon_arrow_right_02.svg) no-repeat center/contain;
}
.p-company__featureHumanItem .c-imgwaku--circle {
  width: 213px;
  aspect-ratio: 1/1;
  overflow: hidden;
  backdrop-filter: blur(42px);
  -webkit-backdrop-filter: blur(42px);
  padding: 18px;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanItem .c-imgwaku--circle {
    width: 14.32vw;
    padding: 1.26vw;
    backdrop-filter: blur(2.82vw);
    -webkit-backdrop-filter: blur(2.82vw);
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanItem .c-imgwaku--circle {
    width: 213px;
    padding: 18px;
    backdrop-filter: blur(42px);
    -webkit-backdrop-filter: blur(42px);
  }
}
.p-company__featureHumanItem .c-imgwaku--circle p {
  width: 178px;
  height: 178px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #00A8C3;
  color: #FFFFFF;
  position: relative;
  z-index: 100;
  font-size: 1.125rem;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanItem .c-imgwaku--circle p {
    width: 11.81vw;
    height: 11.81vw;
    font-size: 1.21vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanItem .c-imgwaku--circle p {
    width: 178px;
    height: 178px;
    font-size: 1.125rem;
  }
}
.p-company__featureHumanItem .c-imgwaku--circle p span {
  font-size: 0.8125rem;
  display: block;
}
@media screen and (max-width: 1390px) {
  .p-company__featureHumanItem .c-imgwaku--circle p span {
    font-size: 0.88vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featureHumanItem .c-imgwaku--circle p span {
    font-size: 0.8125rem;
  }
}
.p-company__featureHumanItem--style02 .c-imgwaku--circle p {
  background-color: #097F93;
}
.p-company__featureWrapPattern .c-acr-content {
  overflow: unset;
}
@media screen and (max-width: 1023px) {
  .p-company__featureWrapPattern .c-acr-content {
    overflow: hidden;
  }
}
.p-company__featurePatternPurple {
  width: 87px;
  flex-shrink: 0;
  background-color: #8695D2;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 1.5rem;
  flex-direction: column;
}
.p-company__featurePatternPurple span {
  line-height: 1.5;
}
.p-company__featurePatternPurple .is-rotate {
  transform: rotate(90deg);
  transform-origin: center;
}
.p-company__featurePatternA {
  display: flex;
  align-items: flex-end;
  gap: 32px;
}
.p-company__featurePatternALeft {
  width: 59%;
}
.p-company__featurePatternALeftList {
  display: flex;
  margin-top: 18px;
}
.p-company__featurePatternALeftItem {
  width: 50%;
  text-align: center;
}
.p-company__featurePatternALeftItem > span {
  display: block;
}
.p-company__featurePatternALeftItem:first-child > span {
  margin-bottom: 16px;
  font-size: 1.125rem;
}
.p-company__featurePatternALeftItem:first-child > div figure {
  margin: 0 auto;
}
.p-company__featurePatternALeftItem:last-child > div {
  display: flex;
  padding-left: 56px;
  position: relative;
}
.p-company__featurePatternALeftItem:last-child > div::before {
  content: "";
  position: absolute;
  left: 25px;
  top: -97px;
  width: 1px;
  height: 138.7%;
  border-left: 1px dashed #969696;
}
.p-company__featurePatternALeftItem:last-child > div figure {
  width: 50%;
}
.p-company__featurePatternALeftItem:last-child > span {
  margin-bottom: 255px;
}
.p-company__featurePatternARight {
  flex: 1;
  display: flex;
  gap: 27px;
}
.p-company__featurePatternARight > div:last-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-company__featurePatternARight > div:last-child > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-company__featurePatternARight > div:last-child .c-star {
  margin-top: 5px;
}
.p-company__featurePatternARight > div:last-child figure {
  text-align: center;
  margin-top: 75px;
  padding-left: 22px;
  transform: translateY(5px);
}
.p-company__featurePatternB {
  position: relative;
}
.p-company__featurePatternB .c-star {
  position: absolute;
  right: 42px;
  top: 98px;
}
.p-company__featurePatternBList {
  display: flex;
  justify-content: center;
  gap: 85px;
  margin-top: 29px;
}
.p-company__featurePatternBItem {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 0;
}
.p-company__featurePatternBItem > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-company__featurePatternBItem:has(> :nth-child(3):last-child) {
  column-gap: 62px;
}
.p-company__featurePatternBItem:has(> :nth-child(4):last-child) {
  column-gap: 40px;
}
.p-company__featurePatternBItem figure {
  text-align: center;
  width: 100%;
}
.p-company__featurePatternBItem > :first-child:nth-last-child(3) {
  grid-column: 1/-1;
  justify-self: center;
}
.p-company__featurePatternCContent {
  margin-top: 70px;
}
.p-company__featurePatternCContentPlus {
  display: flex;
  justify-content: center;
}
.p-company__featurePatternCContentPlus > div {
  width: 50%;
  display: flex;
}
.p-company__featurePatternCContentPlus > div:first-child {
  align-items: center;
  justify-content: center;
}
.p-company__featurePatternCContentPlus > div:last-child {
  gap: 88px;
  padding-left: 184px;
  position: relative;
}
.p-company__featurePatternCContentPlus > div:last-child::before {
  content: "";
  position: absolute;
  top: 45%;
  left: -63px;
  transform: translateY(-50%);
  width: 61px;
  height: 61px;
  background: linear-gradient(#fff, #fff) no-repeat center/7px 100%, linear-gradient(#fff, #fff) no-repeat center/100% 7px;
}
.p-company__featurePatternCContent02 {
  max-width: 805px;
  margin-left: auto;
  margin-top: 53px;
  position: relative;
}
.p-company__featurePatternCContent02 .c-star {
  position: absolute;
  top: 80px;
  left: -66px;
}
.p-company__featurePatternCContent02List {
  margin-top: 45px;
  display: flex;
  padding-left: 134px;
  gap: 36px;
}
.p-company__featurePatternCContent02List > div {
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .p-company__featurePatternPurple {
    width: 6.0416666667vw;
    border-radius: 0.6944444444vw;
    font-size: 1.6666666667vw;
  }
  .p-company__featurePatternA {
    gap: 2.2222222222vw;
  }
  .p-company__featurePatternALeftList {
    margin-top: 1.25vw;
  }
  .p-company__featurePatternALeftItem:first-child > span {
    margin-bottom: 1.1111111111vw;
    font-size: 1.25vw;
  }
  .p-company__featurePatternALeftItem:last-child > div {
    padding-left: 2.5vw;
  }
  .p-company__featurePatternALeftItem:last-child > div::before {
    left: 1.7361111111vw;
    top: -6.7361111111vw;
    height: 24vw;
  }
  .p-company__featurePatternALeftItem:last-child > span {
    margin-bottom: 17.7083333333vw;
  }
  .p-company__featurePatternARight {
    gap: 1.875vw;
  }
  .p-company__featurePatternARight > div:last-child .c-star {
    margin-top: 0.3472222222vw;
  }
  .p-company__featurePatternARight > div:last-child figure {
    margin-top: 5.2083333333vw;
    padding-left: 1.5277777778vw;
    transform: translateY(0.3472222222vw);
  }
  .p-company__featurePatternB .c-star {
    position: absolute;
    right: 2.9166666667vw;
    top: 6.8055555556vw;
  }
  .p-company__featurePatternBList {
    gap: 5.9027777778vw;
    margin-top: 2.0138888889vw;
  }
  .p-company__featurePatternBItem {
    gap: 1.3888888889vw 0;
  }
  .p-company__featurePatternBItem:has(> :nth-child(3):last-child) {
    column-gap: 4.3055555556vw;
  }
  .p-company__featurePatternBItem:has(> :nth-child(4):last-child) {
    column-gap: 2.7777777778vw;
  }
  .p-company__featurePatternCContent {
    margin-top: 4.8611111111vw;
  }
  .p-company__featurePatternCContentPlus > div:last-child {
    gap: 6.1111111111vw;
    padding-left: 12.7777777778vw;
  }
  .p-company__featurePatternCContentPlus > div:last-child::before {
    top: 45%;
    left: -4.375vw;
    width: 4.2361111111vw;
    height: 4.2361111111vw;
    background-size: 0.4861111111vw 100%, 100% 0.4861111111vw;
  }
  .p-company__featurePatternCContent02 {
    max-width: 55.9027777778vw;
    margin-top: 3.6805555556vw;
  }
  .p-company__featurePatternCContent02 .c-star {
    top: 5.5555555556vw;
    left: -4.5833333333vw;
  }
  .p-company__featurePatternCContent02List {
    margin-top: 3.125vw;
    padding-left: 9.3055555556vw;
    gap: 2.5vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__featurePatternPurple {
    width: 100%;
    border-radius: 10px;
    font-size: 1.5rem;
    flex-direction: row;
    padding: 15px 0;
  }
  .p-company__featurePatternPurple .is-rotate {
    transform: rotate(0);
  }
  .p-company__featurePattern .c-arrow__heroPatternWrap {
    width: 18%;
  }
  .p-company__featurePatternA {
    flex-direction: column;
    gap: 32px;
  }
  .p-company__featurePatternALeft {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
  }
  .p-company__featurePatternALeftList {
    width: 82%;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    margin-top: 0;
  }
  .p-company__featurePatternALeftItem {
    width: 100%;
  }
  .p-company__featurePatternALeftItem:first-child {
    position: relative;
  }
  .p-company__featurePatternALeftItem:first-child::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -24px;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #969696;
  }
  .p-company__featurePatternALeftItem:first-child > span {
    margin-bottom: 95px;
    font-size: 1.125rem;
  }
  .p-company__featurePatternALeftItem:last-child > div {
    padding-left: 0;
  }
  .p-company__featurePatternALeftItem:last-child > div::before {
    display: none;
  }
  .p-company__featurePatternALeftItem:last-child > span {
    font-size: 1.125rem;
    margin-bottom: 75px;
  }
  .p-company__featurePatternARight {
    gap: 32px;
    flex-direction: column;
    width: 100%;
  }
  .p-company__featurePatternARight > div:last-child {
    padding-left: 0;
  }
  .p-company__featurePatternARight > div:last-child > div:first-child {
    flex-direction: row-reverse;
    align-items: stretch;
  }
  .p-company__featurePatternARight > div:last-child > div:first-child > div:last-child {
    width: 82%;
  }
  .p-company__featurePatternARight > div:last-child > div:first-child > div:last-child > span {
    text-align: center;
    margin-bottom: 95px;
    font-size: 1.125rem;
  }
  .p-company__featurePatternARight > div:last-child .c-star {
    margin: 16px auto 0;
  }
  .p-company__featurePatternARight > div:last-child figure {
    transform: unset;
    margin-top: unset;
    padding-left: 0;
    width: 100%;
  }
  .p-company__featurePatternB {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    padding-bottom: 220px;
  }
  .p-company__featurePatternB .c-star {
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 0;
    right: unset;
  }
  .p-company__featurePatternBList {
    width: 82%;
    gap: 32px;
    flex-direction: column;
    padding-top: 68px;
    padding-left: 8px;
    margin-top: 0;
  }
  .p-company__featurePatternBItem:has(> :nth-child(3):last-child) {
    gap: 24px;
  }
  .p-company__featurePatternBItem:has(> :nth-child(4):last-child) {
    column-gap: 24px;
    row-gap: 80px;
  }
  .p-company__featurePatternBItem .c-heroPattern figcaption {
    height: 63px;
    line-height: 1.5;
  }
  .p-company__featurePatternC {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
  }
  .p-company__featurePatternC > div:last-child {
    width: 82%;
  }
  .p-company__featurePatternCContent {
    margin-top: 0;
  }
  .p-company__featurePatternCContentPlus {
    flex-direction: column;
  }
  .p-company__featurePatternCContentPlus > div {
    width: 100%;
  }
  .p-company__featurePatternCContentPlus > div:last-child {
    gap: 40px;
    padding-left: 0;
    margin-top: 100px;
    justify-content: center;
  }
  .p-company__featurePatternCContentPlus > div:last-child::before {
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
    width: 61px;
    height: 61px;
    background-size: 7px 100%, 100% 7px;
  }
  .p-company__featurePatternCContent02 {
    max-width: 100%;
    margin-top: 32px;
    display: flex;
    align-items: stretch;
  }
  .p-company__featurePatternCContent02 .c-star {
    position: unset;
  }
  .p-company__featurePatternCContent02 .c-arrow__heroPatternWrap {
    padding-left: 8px;
  }
  .p-company__featurePatternCContent02List {
    width: 82%;
    padding-left: 0;
    gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
}
.p-company__outer {
  background: #FFF;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.p-company__outer .l-col > p {
  color: #333333;
}
.p-company__outerPd {
  background-color: #EDEDED;
  border-radius: 10px;
  margin-top: 18px;
  padding: 14px 11.6% 32px;
}
@media screen and (max-width: 767px) {
  .p-company__outerPd {
    padding: 24px;
  }
}
.p-company__outerPd--list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.p-company__outerPd--list figure:first-child img {
  width: 78px;
}
@media screen and (max-width: 1023px) {
  .p-company__outerPd--list figure:first-child img {
    width: 79px;
  }
}
.p-company__outerPd--list figure:nth-child(2) img {
  width: 74px;
}
@media screen and (max-width: 1023px) {
  .p-company__outerPd--list figure:nth-child(2) img {
    width: 79px;
  }
}
.p-company__outerPd--list figure:last-child img {
  width: 83px;
}
@media screen and (max-width: 1023px) {
  .p-company__outerPd--list figure:last-child img {
    width: 79px;
  }
}
.p-company__outerPd--list img {
  object-fit: contain;
  height: 234px;
}
@media screen and (max-width: 1023px) {
  .p-company__outerPd--list img {
    height: 157px;
  }
}
.p-company__outerArrow {
  margin: 18px auto 0;
  width: fit-content;
  position: relative;
}
.p-company__outerFigu {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu {
    display: flex;
    align-items: center;
    margin-top: -10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu figure {
    width: 50%;
  }
}
.p-company__outerFigu figure img {
  width: 144px;
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu figure img {
    width: auto;
  }
}
.p-company__outerFigu--list {
  display: flex;
  margin-top: 69px;
}
.p-company__outerFigu--list .p-company__outerFigu {
  flex-shrink: 0;
}
.p-company__outerFigu--list .p-company__outerFigu figure img {
  width: 144px;
  height: 259px;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu--list .p-company__outerFigu figure {
    width: 100%;
  }
  .p-company__outerFigu--list .p-company__outerFigu figure img {
    width: 100px;
    height: 241px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu--list .p-company__outerFigu {
    width: 27%;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu--list {
    margin-top: 33px;
  }
}
.p-company__outerFigu--right {
  flex: 1;
  margin-top: -10px;
}
.p-company__outerFigu--right .p-company__outerPd--list {
  padding-left: 9.6%;
  padding-right: 11.5%;
}
@media screen and (max-width: 1200px) {
  .p-company__outerFigu--right .p-company__outerPd--list {
    padding-left: 3.6%;
    padding-right: 1.6%;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu--right .p-company__outerPd--list {
    padding-left: 0;
    padding-right: 0;
    margin-top: 16px;
  }
  .p-company__outerFigu--right .p-company__outerPd--list img {
    width: 66px;
    object-fit: contain;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outerFigu--right {
    margin-top: 23px;
  }
}
.p-company__outer figcaption {
  color: #000000;
  font-size: 0.9375rem;
  margin-top: 6px;
  min-height: 51px;
  max-width: 144px;
  margin: 0 auto;
}
.p-company__outer figcaption.noh {
  min-height: unset;
}
@media screen and (max-width: 1023px) {
  .p-company__outer figcaption {
    font-size: 0.875rem;
    margin-top: 10px;
  }
}
.p-company__outer .p-company__inner {
  color: #000;
  padding-bottom: 0;
}
.p-company__outer h3 {
  font-size: 2.25rem;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-company__outer h3 {
    font-size: 1.5rem;
  }
}
.p-company__outer .col2 {
  display: flex;
  text-align: center;
  gap: 30px;
  color: #FFF;
}
.p-company__outer .col2 .p-company__outerFigu--title {
  position: absolute;
  padding: 10px 0 10px 64%;
  width: 100%;
  top: 29%;
  font-size: 1.2vw;
}
@media screen and (min-width: 1440px) {
  .p-company__outer .col2 .p-company__outerFigu--title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 .p-company__outerFigu--title {
    font-size: 16px;
    display: flex;
    width: unset;
    flex: 1;
    position: unset;
    padding: 10px 0 10px 0;
  }
}
.p-company__outer .col2 .p-company__outerNote {
  font-size: 1rem;
}
.p-company__outer .col2 .p-company__outerFigu--title02 {
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0 auto;
  gap: 20px;
  color: #00A8C3;
  font-size: 1.125rem;
  width: 82%;
}
.p-company__outer .col2 .p-company__outerFigu--title02::before, .p-company__outer .col2 .p-company__outerFigu--title02::after {
  content: "";
  flex: 1;
  border-top: 1px dashed #969696;
}
@media screen and (max-width: 767px) {
  .p-company__outer .col2 .p-company__outerFigu--title02 {
    width: 100%;
    gap: 7px;
  }
}
.p-company__outer .col2 .p-company__outerPd--title {
  font-size: 0.9375rem;
  margin-bottom: 5px;
  color: #000000;
}
.p-company__outer .col2 .p-comany__outerContract {
  padding: 30px 0;
  min-width: 121px;
  background-color: #33384B;
  color: #ffffff;
  position: relative;
  font-size: 0.875rem;
  border-radius: 30px;
}
.p-company__outer .col2 .p-comany__outerContract01 {
  position: absolute;
  right: 120px;
  top: 43px;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 .p-comany__outerContract01 {
    right: 80px;
  }
}
.p-company__outer .col2 .p-comany__outerContract01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #33384B;
}
.p-company__outer .col2 .p-comany__outerContract02 {
  width: 100%;
  max-width: 385px;
  margin: 39px auto 14px;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 .p-comany__outerContract02 {
    max-width: 335px;
    margin: 25px auto 6px;
  }
}
.p-company__outer .col2 .p-comany__outerContract02::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #33384B;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 {
    flex-direction: column;
  }
  .p-company__outer .col2 p.mt40 {
    margin-top: 15px;
  }
}
.p-company__outer .col2 p {
  padding: 10px 0;
  color: #333333;
}
.p-company__outer .col2 > div {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 > div {
    width: 100%;
  }
}
.p-company__outer .col2 > div:first-child {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 > div:first-child {
    margin-bottom: 60px;
  }
}
.p-company__outer .col2 > div:first-child:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px dashed #969696;
}
@media screen and (max-width: 1023px) {
  .p-company__outer .col2 > div:first-child:after {
    right: 0;
    bottom: -45px;
    width: 100%;
    height: 1px;
    top: inherit;
    border-top: 1px dashed #969696;
  }
}
.p-company__outer .col2 > div:first-child .p-company__outerSubtitle {
  background: #b2b2b2;
  color: #FFFFFF;
}
.p-company__outer .col2 > div:last-child .p-company__outerSubtitle {
  background: #00A8C3;
  color: #FFFFFF;
}
.p-company__atable {
  width: 100%;
  margin-top: 30px;
  color: #333333;
}
@media screen and (max-width: 1023px) {
  .p-company__atable {
    margin: 30px auto;
    font-size: 0.875rem;
  }
}
.p-company__atable thead {
  background: #f2f2f2;
  font-weight: bold;
}
.p-company__atable thead th {
  font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
  .p-company__atable thead th {
    width: 33%;
    font-size: 1rem;
  }
}
.p-company__atable thead th:nth-child(2) {
  border-left: 1px solid #969696;
  border-right: 1px solid #969696;
}
.p-company__atable .current {
  color: #00A8C3;
}
.p-company__atable .list {
  width: fit-content;
  text-align: left;
  margin: 0 auto;
  padding: 0 10px;
}
.p-company__atable th {
  padding: 40px 0;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .p-company__atable th {
    width: 10px;
    padding: 10px;
  }
}
.p-company__atable tr {
  border: 1px solid #969696;
  border-left: none;
  border-right: none;
}
.p-company__atable tr:nth-child(2n+2) {
  background: #f2f2f2;
}
.p-company__atable td {
  vertical-align: middle;
  border-left: 1px solid #969696;
  text-align: center;
  padding: 40px 0;
}
.p-company__about {
  display: flex;
  position: relative;
  align-items: center;
  padding: 20px 0;
  gap: 0 0px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-company__about--hero {
    padding-bottom: 57px;
  }
}
.p-company__about02 {
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-company__about {
    flex-direction: column;
    padding: 0px 0;
  }
}
.p-company__aboutImg {
  display: flex;
  transform: translateX(108px);
  max-width: 60%;
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg {
    max-width: 100%;
    transform: translateX(5%);
    margin-bottom: 30px;
  }
}
.p-company__aboutImg02 {
  width: 676px;
  height: 267px;
  flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg02 {
    width: 46.94vw;
    height: 18.54vw;
  }
}
.p-company__aboutImg02 > div {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg02 > div {
    transform: translateX(14%);
  }
}
@media screen and (max-width: 800px) {
  .p-company__aboutImg02 > div {
    transform: translateX(5%);
  }
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg02 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
.p-company__aboutImg02 .p-company__history__item {
  position: absolute;
}
.p-company__aboutImg02 .p-company__history__item::before, .p-company__aboutImg02 .p-company__history__item::after {
  display: none;
}
.p-company__aboutImg02 .p-company__history__item:nth-child(2) {
  left: 168px;
  top: 146px;
  z-index: 10;
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg02 .p-company__history__item:nth-child(2) {
    left: 11.66vw;
    top: 10.13vw;
  }
}
.p-company__aboutImg02 .p-company__history__item:nth-child(3) {
  left: 287px;
  top: -19px;
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg02 .p-company__history__item:nth-child(3) {
    left: 19.93vw;
    top: -1.31vw;
  }
}
.p-company__aboutImg02 .p-company__history__item:last-child {
  right: -37px;
  top: 65px;
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg02 .p-company__history__item:last-child {
    right: -2.56vw;
    top: 4.51vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg02 .p-company__history__item {
    position: unset;
  }
  .p-company__aboutImg02 .p-company__history__item:first-child {
    margin-top: -43px;
    transform: translateX(14px);
  }
  .p-company__aboutImg02 .p-company__history__item:nth-child(3) {
    margin-top: -60px;
    transform: translateX(-35px);
  }
  .p-company__aboutImg02 .p-company__history__item:last-child {
    margin-top: -13px;
    transform: translateX(-55px);
  }
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg02 .p-company__history__item .img {
    max-width: 15.83vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg02 .p-company__history__item .img {
    max-width: 100%;
  }
}
.p-company__aboutImg02 .p-company__history__item .img:before {
  opacity: 0.8;
}
.p-company__aboutImg .c-imgwaku--circle {
  width: 388px;
  height: 388px;
  padding: 32px;
}
@media screen and (max-width: 1440px) {
  .p-company__aboutImg .c-imgwaku--circle {
    width: 27vw;
    height: 27vw;
    padding: 2.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg .c-imgwaku--circle {
    width: 60vw;
    height: 46.2vw;
    padding: 4vw;
  }
}
.p-company__aboutImg .c-imgwaku--circle p {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #888888;
}
.p-company__aboutImg .c-imgwaku--circle:first-child p {
  background-color: #E6E6E6;
}
.p-company__aboutImg .c-imgwaku--circle:last-child {
  transform: translateX(-73px);
}
@media screen and (max-width: 1023px) {
  .p-company__aboutImg .c-imgwaku--circle:last-child {
    transform: translateX(-20%);
  }
}
.p-company__aboutImg .c-imgwaku--circle:last-child p {
  background-color: #272727;
}
.p-company__about .content {
  width: 50%;
  max-width: 35.5%;
  margin: 0 4%;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-company__about .content {
    order: 2;
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
  }
  .p-company__about .content h2 {
    text-align: center;
  }
}
.p-company__about--right {
  position: relative;
  justify-content: flex-start;
}
.p-company__about--right .content {
  position: relative;
}
.p-company__about--right .inner {
  position: relative;
  left: calc(20px + 20 * (100vw - 1024px) / 416);
}
@media screen and (max-width: 1023px) {
  .p-company__about--right .inner {
    left: inherit;
  }
}
.p-company__about--right .c-imgwaku {
  position: relative;
  right: inherit;
  transform: translateX(-60px);
}
@media screen and (max-width: 1023px) {
  .p-company__about--right .c-imgwaku {
    transform: none;
  }
}
.p-company__about--top {
  justify-content: center;
  gap: 0 40px;
  margin: 0;
  padding: 0;
}
.p-company__about--top .p-top__feature {
  max-width: 690px;
  background: none;
}
@media screen and (max-width: 1023px) {
  .p-company__about--top .p-top__feature {
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
  }
}
@media screen and (max-width: 1023px) {
  .p-company__about--top .p-top__feature__inner {
    margin: 20vw auto;
  }
}
.p-company__about--top .content {
  left: 30px;
}
@media screen and (max-width: 1023px) {
  .p-company__about--top .content {
    left: inherit;
  }
}
.p-company__about .c-btn {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-company__about .c-btn {
    margin-bottom: 0;
    margin-left: auto;
  }
}
.p-company__table {
  color: #FFF;
}
.p-company__table dl {
  display: flex;
  border-top: 1px solid #969696;
  align-items: center;
}
.p-company__table dl:nth-last-of-type(1) {
  border-bottom: 1px solid #969696;
}
.p-company__table dt {
  width: 160px;
  text-align: right;
  padding: 30px 30px;
}
@media screen and (max-width: 1023px) {
  .p-company__table dt {
    padding: 15px 15px 15px 0px;
    width: 110px;
  }
}
.p-company__table dd {
  padding: 30px 40px;
  border-left: 1px solid #969696;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-company__table dd {
    padding: 15px 0 15px 15px;
  }
}
.p-company .num {
  list-style: none;
  counter-reset: li-counter;
}
.p-company .num li {
  position: relative;
  padding-left: 2em;
}
.p-company .num li:before {
  counter-increment: li-counter;
  content: counter(li-counter) ". ";
  position: absolute;
  text-align: right;
  left: 0;
  width: 32px;
}
.p-company__map {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.p-company__map a {
  text-decoration: underline;
}
.p-company .map {
  height: 550px;
}
.p-company .vision {
  height: 550px;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0;
}
.p-company .vision div {
  position: relative;
}
.p-company .vision:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  margin: auto;
  width: 100vw;
  height: 100%;
  background: url(../img/company/philosophy/img02.png) no-repeat center center;
  background-size: cover;
}
.p-company .message {
  position: relative;
}
.p-company .message .inner {
  max-width: 1124px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
  margin-bottom: 130px;
}
.p-company .message .inner img {
  height: auto;
}
.p-company .message:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%);
  width: 70%;
  height: 550px;
  background: url(../img/company/philosophy/img03.png) no-repeat left center;
  background-size: contain;
}
@media screen and (max-width: 1023px) {
  .p-company .message:before {
    display: none;
  }
}
.p-company .message h2 {
  text-align: left;
}
.p-company__ph .imgover {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.p-company__ph .imgover img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  object-position: center center;
}
.p-company__ph h3 {
  font-size: 2.25rem;
}
@media screen and (max-width: 1023px) {
  .p-company__ph h3 {
    font-size: 1.5rem;
  }
}
.p-company__history {
  margin-bottom: 100px;
}
@media screen and (max-width: 1023px) {
  .p-company__history {
    margin-top: 80px;
  }
}
.p-company__history__head {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  margin: 80px 0 20px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-company__history__head {
    display: none;
  }
}
.p-company__history__item {
  position: relative;
}
.p-company__history__item[data-y="2024"]:before {
  top: -9%;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item[data-y="2024"]:before {
    top: -35px;
  }
}
.p-company__history__item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: #969696;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item:after {
    z-index: 1;
    width: calc(100% - 130px);
    right: 0;
    left: inherit;
  }
}
.p-company__history__item:before {
  content: attr(data-y);
  display: block;
  position: absolute;
  left: 0;
  top: -4%;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 8px;
  background: #424660;
  font-size: 3rem;
  z-index: 1;
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item:before {
    position: relative;
    font-size: 2.125rem;
    top: -35px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__history__item.is-open .block:before {
    transform: translateY(2px) rotate(-45deg);
  }
}
@media screen and (max-width: 1023px) {
  .p-company__history__item:not(.is-open) .inner {
    height: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .block:before {
    position: relative;
    content: "";
    position: absolute;
    pointer-events: none;
    top: -4px;
    left: 0;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #018EBE;
    border-right: 2px solid #018EBE;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
    z-index: 2;
    transition: transform 0.3s ease;
  }
}
.p-company__history__item .inner {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  position: relative;
  overflow: visible;
  transition: none;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .inner {
    grid-template-columns: 1fr;
    overflow: hidden;
    top: -56px;
    /* 高さアニメーション用 */
    transition: height 0.3s ease;
  }
}
.p-company__history__item .inner > div {
  padding-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .inner > div {
    padding-top: 20px;
  }
}
.p-company__history__item .inner > div:nth-child(1) {
  padding-left: clamp(0px, (100vw - 1024px) / 416 * 150, 150px);
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .inner > div:nth-child(1) {
    padding-top: 0px;
    padding-left: 0;
  }
}
.p-company__history__item .inner > div:nth-child(2) {
  border-left: 1px dotted #969696;
  border-right: 1px dotted #969696;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .inner > div:nth-child(2) {
    border: none;
    border-top: 1px dotted #969696;
  }
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .inner > div:nth-child(3) {
    border-top: 1px dotted #969696;
  }
}
.p-company__history__item p {
  margin: 20px 0 40px;
}
.p-company__history__item .list {
  margin-top: 80px;
  max-width: 330px;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .list {
    max-width: 100%;
    margin: 20px 0 30px;
  }
}
.p-company__history__item .list li {
  padding-left: 1em;
  text-indent: -1em;
}
.p-company__history__item .list li:before {
  content: "・";
}
.p-company__history__item .list li + li {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .list li + li {
    margin-top: 15px;
  }
}
.p-company__history__item .img {
  width: 228px;
  max-width: 228px;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  overflow: hidden;
  position: relative;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .img {
    width: 100%;
    margin: 0 auto;
  }
}
.p-company__history__item .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #EBEBEB;
  border: 1px solid #DADADA;
  border-radius: 100vw;
  overflow: hidden;
}
.p-company__history__item .img:after {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #7884B1 0%, #33384B 100%);
  border-radius: 100vw;
  overflow: hidden;
}
.p-company__history__item .img > div {
  overflow: hidden;
  width: 70%;
  border-radius: 100vw;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
.p-company__history__item .img img {
  width: 100%;
  object-fit: cover;
}
.p-company__history__item .is-blue .img::after {
  background: linear-gradient(180deg, #00A8C3 0%, #076F81 100%);
}
.p-company__history__item .ttl {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-company__history__item .ttl {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
}

.p-cases__resource {
  padding: 40px 0 0;
}
@media screen and (max-width: 1023px) {
  .p-cases__resource {
    padding: 0;
    margin-top: 30px;
  }
}
.p-cases__resource--list {
  margin: 0;
}
.p-cases__resource--list.c-col2 {
  row-gap: 70px;
  column-gap: 20px;
}
@media screen and (max-width: 1023px) {
  .p-cases__resource--list.c-col2 {
    row-gap: 40px;
  }
}
.p-cases__resource--item .c-imgwaku img {
  aspect-ratio: 680/493;
  object-fit: cover;
}
.p-cases__history {
  margin: 0;
  padding: 0;
  padding-bottom: 37px;
}
.p-cases__history .swiper {
  margin: 0;
}
.p-cases__history .swiper-slide {
  color: #ffffff;
}

.p-recruit {
  overflow-x: clip;
}
@media screen and (max-width: 1023px) {
  .p-recruit {
    padding-top: 120px;
  }
}
.p-recruit .p-top__recDesc {
  margin-top: 0;
}
.p-recruit .p-top__recDesc span {
  position: relative;
  z-index: 1;
}
.p-recruit .c-imgwaku {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-recruit .c-col2 > * + div {
    margin-top: 0;
  }
  .p-recruit .c-col2 .c-imgwaku {
    margin-bottom: 0;
  }
  .p-recruit p.mb50 {
    margin-bottom: 20px;
  }
  .p-recruit p.mb80 {
    margin-bottom: 30px;
  }
}
.p-recruit__vision {
  max-width: 1555px;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__vision {
    flex-direction: column;
    gap: 80px;
  }
}
.p-recruit__visionMv {
  width: 45%;
}
.p-recruit__visionMv img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .p-recruit__visionMv {
    width: 100%;
  }
}
.p-recruit__visionContent {
  flex: 1;
  padding-top: 55px;
  padding-left: 10%;
}
.p-recruit__visionContent img {
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-recruit__visionContent {
    padding: 0 15px;
  }
}
.p-recruit__visionContent h3 {
  color: #bababa;
}
.p-recruit__visionContent h2 {
  color: #ffffff;
  margin-bottom: 31px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__visionContent h2 {
    margin-bottom: 20px;
  }
}
.p-recruit__visionContent p {
  max-width: 585px;
  color: #ffffff;
  margin-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__visionContent p {
    margin-bottom: 60px;
  }
}
.p-recruit__visionContent .c-btn {
  margin: unset;
  padding: 12px 62px 12px 22px;
}
.p-recruit__job {
  padding: 0 15px;
}
.p-recruit__job--inner {
  max-width: 1210px;
  margin: 0 auto;
}
.p-recruit__job--list {
  display: flex;
  flex-direction: column;
  gap: 33px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__job--list.mb50 {
    margin-bottom: 60px;
  }
}
.p-recruit__job--list span {
  position: relative;
}
.p-recruit__job--list span:after {
  content: "";
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background-size: contain;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%228%22%20viewBox%3D%220%200%2026%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20y1%3D%224%22%20x2%3D%2222%22%20y2%3D%224%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M25.25%204L19.25%207.4641L19.25%200.535898L25.25%204Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
}
.p-recruit__job--list a {
  color: #fff;
  border-bottom: 1px solid var(--col2);
  display: block;
  padding: 12px 0;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .p-recruit__job--list a {
    padding-bottom: 24px;
  }
}
.p-recruit__slide {
  margin: 0;
  padding: 0 0 80px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__slide {
    padding: 0 0 90px;
  }
}
.p-recruit__slide .content {
  margin-top: 17px;
}
.p-recruit__slide p {
  margin: 0;
}
.p-recruit__slide .swiper {
  margin: 0 0 50px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__slide .swiper {
    margin: 0 0 60px;
  }
}
.p-recruit__slide .swiper-slide {
  color: #ffffff;
}
.p-recruit__working {
  position: relative;
}
.p-recruit__working::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  margin: auto;
  width: 100vw;
  height: 100%;
  background: url(../img/recruit/img04.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 1023px) {
  .p-recruit__working::before {
    filter: brightness(0.5);
  }
}
.p-recruit__working--inner {
  width: 85%;
  margin: auto;
  display: flex;
  justify-content: flex-end;
  padding: 168px 70px 173px 0px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__working--inner {
    justify-content: center;
    padding: 120px 15px;
  }
}
.p-recruit__step {
  padding-bottom: 90px;
  border-bottom: 1px solid #969696;
}
@media screen and (max-width: 1023px) {
  .p-recruit__step {
    margin-top: 90px;
  }
}
.p-recruit__stepItem {
  background-color: #f2f2f2;
  border-top: 1px solid #969696;
  border-bottom: 1px solid #969696;
  position: relative;
}
.p-recruit__stepItem:not(:last-child) {
  margin-bottom: 46px;
}
.p-recruit__stepItem:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -36px;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 18px solid #00a8c3;
}
.p-recruit__stepContent {
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 121px;
  text-align: center;
  padding: 25px 0;
}
.p-recruit__stepTitle {
  font-size: 6rem;
  line-height: 1;
  height: 6rem;
  color: #00a8c3;
  font-family: "HelveticaNeue-Thin", sans-serif;
  font-weight: 200;
  text-align: center;
  position: absolute;
  min-width: 150px;
  inset-block-start: 50%;
  translate: 0 -50%;
  left: 20px;
  will-change: transform;
}
@media screen and (max-width: 1023px) {
  .p-recruit__stepTitle {
    height: unset;
  }
}
@media screen and (max-width: 767px) {
  .p-recruit__stepTitle {
    font-size: 12.516vw;
    left: 1vw;
    min-width: 14.557vw;
  }
}
.p-recruit__stepName {
  font-size: 1.5rem;
  line-height: 1.41;
  color: #333333;
  margin-bottom: 3px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__stepName {
    font-size: 1.25rem;
  }
}
.p-recruit__stepTxt {
  font-size: 1.125rem;
  line-height: 1.88;
  color: #333333;
}
@media screen and (max-width: 1023px) {
  .p-recruit__stepTxt {
    font-size: 1rem;
  }
}
.p-recruit__form .c-btn {
  background: #00a8c3;
}
.p-recruit__formContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-recruit__formSearch {
  display: flex;
  align-items: center;
  max-width: 664px;
  background-color: #30323b;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 11.5px 15px;
  margin: 0 auto 50px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-recruit__formSearch {
    max-width: 93%;
  }
}
.p-recruit__formSearch--icon {
  width: 21px;
  height: 25px;
  margin-right: 26px;
  flex-shrink: 0;
}
.p-recruit__formSearch--input {
  flex: 1;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "AxisStd-Regular";
  line-height: 2.27;
}
.p-recruit__formSearch--input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.p-recruit__formSearch--close {
  width: 18px;
  height: 18px;
  margin-left: 12px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  display: none;
  position: relative;
  flex-shrink: 0;
  outline: none;
}
.p-recruit__formSearch--close::before, .p-recruit__formSearch--close::after {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 18px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
}
.p-recruit__formSearch--close::before {
  transform: rotate(45deg);
}
.p-recruit__formSearch--close::after {
  transform: rotate(-45deg);
}
.p-recruit__formSearch--close:hover::before, .p-recruit__formSearch--close:hover::after {
  background: rgba(255, 255, 255, 0.75);
}
.p-recruit__formSearch.is-filled .p-recruit__formSearch--close {
  display: block;
}
.p-recruit__formBody {
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-recruit__formDate {
  font-size: 1rem;
  line-height: 2.56;
  font-weight: 400;
  font-family: "AxisStd-Regular";
}
@media screen and (max-width: 767px) {
  .p-recruit__formDate {
    font-size: 0.875rem;
  }
}
.p-recruit__formDetails p {
  font-size: 1rem;
  line-height: 1.56;
  font-weight: 400;
  font-family: "AxisStd-Regular";
}
@media screen and (max-width: 767px) {
  .p-recruit__formDetails p {
    font-size: 0.875rem;
  }
}
.p-recruit__formTitle {
  font-size: 1.5rem;
  margin-bottom: 20px;
  line-height: 1.7;
  font-weight: 500;
  font-family: "AxisStd-Medium";
}
@media screen and (max-width: 767px) {
  .p-recruit__formTitle {
    font-size: 1.25rem;
  }
}
.p-recruit__formTitle02 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  margin-bottom: 26px;
}
.p-recruit__formDesc02 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  overflow: hidden;
  margin-bottom: 30px;
}
.p-recruit__formFilters {
  padding: 30px 43px;
  width: 28.75%;
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
@container (max-width: 1400px) {
  .p-recruit__formFilters {
    padding: 30px 15px 0;
  }
}
@container (max-width: 1240px) {
  .p-recruit__formFilters {
    width: 40%;
  }
}
@media screen and (max-width: 1023px) {
  .p-recruit__formFilters {
    width: 100%;
  }
}
.p-recruit__formBody .l-container__1440 {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-recruit__formBody .l-container__1440 {
    flex-direction: column;
    gap: 50px;
  }
}
.p-recruit__formPagination {
  flex: 1;
  margin: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-recruit__formList {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.p-recruit__formListContent {
  display: flex;
  flex-wrap: wrap;
  height: auto;
}
.p-recruit__formListContent:has(.is-last-row) ~ .p-recruit__formPagination {
  border-top: 0;
}
.p-recruit__formItemWrap {
  flex: 0 0 50%;
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-recruit__formItemWrap:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-recruit__formItemWrap:nth-child(even) {
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-recruit__formItemWrap:last-child {
  border-bottom: 0;
}
.p-recruit__formItemWrap:nth-child(odd):nth-last-child(2) {
  border-bottom: 0;
}
.p-recruit__formItemWrap.is-last-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843) !important;
}
@container (max-width: 1256px) {
  .p-recruit__formItemWrap {
    flex: 0 0 100%;
    border-right: 0;
  }
  .p-recruit__formItemWrap:nth-child(odd) {
    border-right: 0;
  }
  .p-recruit__formItemWrap {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  }
  .p-recruit__formItemWrap:last-child {
    border-bottom: 0;
  }
  .p-recruit__formItemWrap:nth-last-child(2), .p-recruit__formItemWrap:nth-child(odd):nth-last-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  }
}
@media screen and (max-width: 1023px) {
  .p-recruit__formItemWrap:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
  }
}
.p-recruit__formItem {
  flex: 1;
  padding: 40px 30px 35px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.p-recruit__formItem--pickup::after {
  content: "";
  position: absolute;
  background-image: url("../img/freelance/offer/pickup.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 73px;
  height: 73px;
  top: 28px;
  left: 21px;
}
.p-recruit__formItem02 {
  padding: 49px 40px 40px 10px;
}
.p-recruit__formItem02 .p-recruit__formCard {
  gap: 7px;
  display: flex;
  height: 100%;
}
.p-recruit__formItem02 .p-recruit__formDetails {
  margin-bottom: 8px;
}
.p-recruit__formItem02 .p-recruit__formThumb {
  width: 144px;
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .p-recruit__formItem02 .p-recruit__formThumb {
    width: 32%;
  }
}
.p-recruit__formItem02 .p-recruit__formThumb img {
  aspect-ratio: 144/259;
  object-fit: contain;
}
.p-recruit__formItem.p-recruit__formItem02 .c-btn {
  margin: 45px 0 0;
}
@container (max-width: 1400px) {
  .p-recruit__formItem {
    padding: 40px 15px 35px;
  }
}
.p-recruit__formItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #c3ff00;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.p-recruit__formItem:hover::before {
  opacity: 1;
}
.p-recruit__formItem .c-btn {
  margin: 30px 0 0;
  padding: 5px 36px 5px 35px;
}
.p-recruit__formItem .c-btn::after {
  display: none;
}
.p-recruit__formCard {
  display: flex;
  gap: 20px;
  height: 100%;
}
.p-recruit__formThumb {
  flex-shrink: 0;
  width: 132px;
}
@media screen and (max-width: 767px) {
  .p-recruit__formThumb {
    width: 32%;
  }
}
.p-recruit__formThumb img {
  aspect-ratio: 132/237;
  object-fit: contain;
  width: 100%;
}
.p-recruit__formTag {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 13px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}
.p-recruit__formTag span {
  font-size: 0.875rem;
  padding: 5px 8px;
  text-align: center;
  min-width: 108px;
  background-color: #30323B;
  border-radius: 5px;
  border: 1px solid #4D4D4D;
}
.p-recruit__formSalary {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.p-recruit__formSalary--price {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
.p-recruit__formSalary--price p {
  margin: 0;
}
.p-recruit__formFilter--title {
  color: #ffffff;
  text-align: center;
  display: flex;
  align-items: baseline;
  gap: 16px;
  justify-content: center;
  margin-bottom: 40px;
}
.p-recruit__formFilter--title span:first-child {
  font-size: 6rem;
  line-height: 1;
  font-family: "HelveticaNeueUltraLight";
  font-weight: 100;
  text-align: center;
}
.p-recruit__formFilter--title span:last-child {
  font-weight: 500;
  font-family: "AxisStd-Medium";
  font-size: 1.25rem;
  transform: translateY(-2px);
}
.p-recruit__formFilter--desc {
  font-weight: 500;
  font-family: "AxisStd-Medium";
  font-size: 1.5rem;
  margin-bottom: 18px;
}
.p-recruit__formFilter--category:not(:last-child) {
  margin-bottom: 20px;
}
.p-recruit__formFilter--category.is-open .p-recruit__formFilter--toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.p-recruit__formFilter--category.is-open .p-recruit__formFilter--toggle::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-recruit__formFilter--category.is-open .p-recruit__formFilter--options {
  padding: 18px 21px 22px;
  opacity: 1;
}
.p-recruit__formFilter--toggle {
  width: 100%;
  padding: 7px 21px;
  border: 1px solid #4d4d4d;
  background-color: #30323b;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: left;
  color: rgba(255, 255, 255, 0.5019607843);
  cursor: pointer;
  position: relative;
}
.p-recruit__formFilter--toggle::after {
  content: "";
  position: absolute;
  right: 21px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid #d9d9d9;
  transition: transform 0.3s ease;
}
.p-recruit__formFilter--options {
  padding: 0 21px;
  background-color: #30323b;
  border: 1px solid #4d4d4d;
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
  opacity: 0;
  display: block;
}
.p-recruit__formFilter--options li:not(:last-child) {
  margin-bottom: 9px;
}
.p-recruit__formFilter--options label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5019607843);
  cursor: pointer;
  font-weight: 400;
  font-family: "AxisStd-Regular";
}
.p-recruit__formFilter--options input[type=checkbox] {
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
  width: 25px;
  height: 25px;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-color: transparent;
}
.p-recruit__formFilter--options input[type=checkbox]:checked {
  background-color: #c3ff00;
  border-color: #c3ff00;
}
.p-recruit__formFilter--options input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 19px;
  height: 12px;
  border-left: 3px solid #30323b;
  border-bottom: 3px solid #30323b;
  transform: translateX(-50%) rotate(-45deg);
  will-change: transform;
}
.p-recruit__about .mw1210 {
  max-width: 1210px;
  width: 100%;
}
.p-recruit__aboutCulture--content {
  position: relative;
  height: 524px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.p-recruit__aboutCulture--content:not(:last-child) {
  margin-bottom: 50px;
}
.p-recruit__aboutCulture--content > div {
  position: relative;
  z-index: 2;
  padding: 0 15px;
}
.p-recruit__aboutCulture--content > div h3 {
  margin: 0 auto 48px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutCulture--content > div h3 {
    margin: 0 auto 30px;
  }
}
.p-recruit__aboutCulture--content > div p {
  max-width: 850px;
}
.p-recruit__aboutCulture--content::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  background: no-repeat center/cover;
}
.p-recruit__aboutCulture--content01::before {
  background-image: url(../img/recruit/about/bg_culture_01.png);
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutCulture--content01 h3 {
    max-width: 170px;
  }
}
.p-recruit__aboutCulture--content02::before {
  background-image: url(../img/recruit/about/bg_culture_02.png);
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutCulture--content02 h3 {
    max-width: 300px;
  }
}
.p-recruit__aboutCulture--content03::before {
  background-image: url(../img/recruit/about/bg_culture_03.png);
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutCulture--content03 h3 {
    max-width: 170px;
  }
}
.p-recruit__aboutMember {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 44px 28px 44px 5.2%;
  background-color: #373737;
  border: 1px solid #707070;
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutMember {
    flex-direction: column;
    padding: 24px;
    gap: 30px;
  }
}
.p-recruit__aboutMember--txt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 30%;
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutMember--txt {
    width: 100%;
    align-items: center;
  }
}
@media (max-width: 1200px) {
  .p-recruit__aboutMember .fnt40 {
    font-size: 32px;
  }
}
.p-recruit__aboutMember--img {
  width: 70%;
  display: flex;
  align-items: center;
  gap: 3px;
}
.p-recruit__aboutMember--img div {
  width: 33.33%;
}
.p-recruit__aboutMember--img img {
  aspect-ratio: 283/212;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutMember--img {
    width: 100%;
  }
  .p-recruit__aboutMember--img div {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-recruit__aboutMember--img img {
    min-height: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-recruit__about div.mb40 {
    margin-bottom: 30px;
  }
  .p-recruit__about p.mb70 {
    margin-bottom: 30px;
  }
}
.p-recruit__aboutTop ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-top: 70px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__aboutTop ul {
    margin-top: 0;
  }
}
.p-recruit__aboutTop ul li img {
  aspect-ratio: 354/482;
  object-fit: cover;
}
.p-recruit__about .vision {
  height: 550px;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0;
}
.p-recruit__about .vision div {
  position: relative;
  z-index: 2;
}
.p-recruit__about .vision:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  margin: auto;
  width: 100vw;
  height: 100%;
  background: url(../img/company/philosophy/img02.png) no-repeat center center;
  background-size: cover;
}
.p-recruit__about .imgover {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.p-recruit__about .imgover img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  object-position: center center;
}
.p-recruit__messageCeo {
  margin: 0 0 90px 0;
}
.p-recruit__messageCeo .c-h2Small {
  padding: 0 15px;
}
.p-recruit__messageCeoImg {
  margin-bottom: 70px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__messageCeoImg {
    margin-bottom: 30px;
  }
}
.p-recruit__messageContent {
  margin: 0;
}
.p-recruit__messageContent .c-h1 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__messageContent .c-h1 {
    margin-bottom: 20px;
  }
}
.p-recruit__messageDesc {
  max-width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}
.p-recruit__messageDesc p:not(:last-child) {
  margin-bottom: 50px;
}
.p-recruit__messageDesc p:not(:last-child).mb40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__messageDesc p:not(:last-child) {
    margin-bottom: 20px;
  }
  .p-recruit__messageDesc p:not(:last-child).mb40 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .p-recruit__message .mb70 {
    margin-bottom: 30px;
  }
}
.p-recruit__messageSign {
  display: inline-block;
  width: 203px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-recruit__messageSign {
    width: 154px;
  }
}
.p-recruit__messageSignTitle {
  display: block;
  color: #fff;
  font-size: 0.8125rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__messageSignTitle {
    font-size: 0.6875rem;
    margin-bottom: 10px;
  }
}
.p-recruit__messageSign .c-sign {
  margin-left: 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-recruit__welfare .c-col2 > * + div {
    margin-top: 0;
  }
  .p-recruit__welfare p.mb50 {
    margin-bottom: 20px;
  }
  .p-recruit__welfare p.mb90 {
    margin-bottom: 30px;
  }
}
.p-recruit__welfareTop .js-swiperFade .swiper-slide {
  opacity: 0;
}
.p-recruit__welfareTop .js-swiperFade .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.p-recruit__welfareTop .js-swiperFade .swiper-slide-active {
  opacity: 1;
}
.p-recruit__welfareListsubText {
  line-height: 2.7;
}
.p-recruit__welfareList .c-col2 {
  gap: 50px;
}
@media screen and (max-width: 1023px) {
  .p-recruit__welfareList .c-col2 {
    gap: 40px;
  }
  .p-recruit__welfareList .c-col2 .mb20 {
    margin-bottom: 10px;
  }
}
.p-recruit__welfareList .c-col2 > div > div:first-child {
  margin-bottom: 20px;
}
.p-recruit__welfareList .c-col2 img {
  aspect-ratio: 656/482;
  object-fit: cover;
  vertical-align: middle;
}
.p-recruit__welfareWork {
  margin-bottom: 50px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
}
.p-recruit__welfareWork--list {
  max-width: 930px;
  padding: 0 15px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-recruit__welfareWork--list {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .p-recruit__storyList.c-col3 {
    gap: 60px 20px;
  }
}

.p-news__magazine .p-news__content--magazine {
  margin-top: 70px;
  padding-top: 30px;
  margin-bottom: 0;
}
.p-news__magazine .p-news__content--magazine .c-imgwaku {
  margin: 0;
}
.p-news__magazine .p-news__content--magazine .c-btn {
  margin: 0 0 0 auto;
}
.p-news__magazine .p-news__content--magazine ~ .p-news__content--magazine {
  margin-top: 50px;
  padding-top: 0;
}
.p-news__magazine .p-news__content--magazine:last-child {
  margin-bottom: 90px;
}
@media screen and (max-width: 1023px) {
  .p-news__magazine .p-news__content--magazine {
    margin-top: 70px;
    padding-top: 0;
  }
  .p-news__magazine .p-news__content--magazine ~ .p-news__content--magazine {
    margin-top: 90px;
  }
  .p-news__magazine .p-news__content--magazine:last-child {
    margin-bottom: 90px;
  }
}
.p-news__magazineThumb {
  aspect-ratio: 1304/694;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .p-news__magazine .c-col3 {
    gap: 40px;
  }
  .p-news__magazine h2 {
    margin-bottom: 20px;
  }
  .p-news__magazine .mt50 {
    margin-top: 90px;
  }
  .p-news__magazine p.mb90 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-news__magazine .pt30 {
    padding-top: 0;
  }
}
.p-news__magazineMeta {
  color: #e7e7e7;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.03em;
  display: flex;
  align-items: center;
  gap: 30px;
}
.p-news__magazineMeta span {
  position: relative;
}
.p-news__magazineMeta span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  background-color: #e7e7e7;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}
.p-news__magazineMv {
  margin-top: 40px;
}
.p-news__magazineMv.c-imgwaku {
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-news__magazineMv.c-imgwaku {
    margin-bottom: 40px;
  }
  .p-news__magazineMv.c-imgwaku img {
    aspect-ratio: 407/390;
    object-fit: cover;
  }
}
.p-news__magazineMv .p-news__magazineMeta {
  justify-content: center;
}
.p-news__magazineMv--title {
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .p-news__magazineMv--title {
    font-size: 1.25rem;
    margin-top: 5px;
  }
}
.p-news__magazineMv--content {
  padding: 4% 15px;
  text-align: center;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6980392157);
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-news__magazineMv--content {
    padding: 15px;
  }
}
.p-news__magazineTitle {
  width: 510px;
  margin: 0 auto;
  object-fit: cover;
}
.p-news__magazineTitle img {
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-news__magazineTitle {
    width: 90%;
    text-align: center;
  }
}
.p-news__content .c-col2 {
  row-gap: 47px;
  column-gap: 50px;
  margin: 0 auto;
}
.p-news__content .c-col2 .c-imgwaku {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-news__content .c-col2 {
    row-gap: 40px;
  }
}
.p-news__content .c-btn {
  padding: 11px 27px 11px 18px;
  width: 112px;
  margin: 20px 0 0 auto;
}
.p-news__content .c-btn::after {
  width: 14px;
  height: 8px;
  background-size: contain;
  right: 7px;
}
@media screen and (max-width: 1023px) {
  .p-news__content .c-btn {
    margin: 60px 0 0 auto;
  }
}

.p-contact__desc {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .p-contact__desc {
    margin-bottom: 30px;
  }
}
.p-contact__complete {
  margin: 90px auto 70px;
}
.p-contact__completeTitle {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-contact__complete {
    margin: 30px auto 60px;
  }
  .p-contact__completeTitle {
    margin-bottom: 20px;
  }
}
.p-contact .c-btn {
  cursor: pointer;
}
.p-contact__confirm {
  margin-top: 96px;
}
@media screen and (max-width: 767px) {
  .p-contact__confirm {
    margin-top: 30px;
    margin-bottom: 40px;
  }
}
.p-contact__confirmBack {
  background: #a1a1a1;
  padding: 12px 50px;
}
.p-contact__confirmBack::after {
  right: unset;
  left: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%228%22%20viewBox%3D%220%200%2026%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cline%20x1%3D%2226%22%20y1%3D%224%22%20x2%3D%224%22%20y2%3D%224%22%20stroke%3D%22white%22%2F%3E%3Cpath%20d%3D%22M0.75%204L6.75%200.535898V7.4641L0.75%204Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
}
.p-contact__confirmAction {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-contact__confirmAction {
    flex-direction: column;
    align-items: center;
  }
}
.p-contact__confirmAction .c-btn {
  margin: 0;
}
.p-contact__value {
  color: rgba(255, 255, 255, 0.5019607843);
}
.p-contact__form {
  max-width: 935px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.p-contact__form .c-form__note {
  padding-bottom: 74px;
}
@media screen and (max-width: 767px) {
  .p-contact__form .c-form__note {
    padding-bottom: 30px;
  }
}
.p-contact__form .error-message {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 2.92;
  margin-left: 241px;
  color: #ff0000;
}
@media screen and (max-width: 767px) {
  .p-contact__form .error-message {
    margin-left: 0;
  }
}
.p-contact__form .wpcf7-form.submitting .js-cf7-submit {
  opacity: 0.5;
  pointer-events: none;
}
.p-contact__form .wpcf7-form.invalid .wpcf7-response-output {
  margin: 20px 0 30px;
  padding: 20px;
  background-color: #ff4800;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  border: 0px solid #ff4800;
}
.p-contact__form .wpcf7-form.sent .wpcf7-response-output {
  margin: 20px 0 30px;
  padding: 20px;
  background-color: #c3ff00;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  border-radius: 5px;
  border: 0px solid #c3ff00;
}
.p-contact__form .p-contact__submit p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.p-contact__form .wpcf7-not-valid-tip {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 2.92;
  margin-left: 241px;
  color: #ff0000;
}
.p-contact__form .p-contact__row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .p-contact__form .p-contact__row {
    flex-direction: column;
    gap: 0;
  }
}
.p-contact__form .p-contact__row .p-contact__field {
  flex: 1;
}
.p-contact__form .p-contact__field {
  position: relative;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field {
    margin-bottom: 30px;
  }
}
.p-contact__form .p-contact__field:has(.p-contact__privacy) {
  width: fit-content;
  margin: 0 auto;
}
.p-contact__form .p-contact__field .error {
  border: 1px solid #ff0000 !important;
}
.p-contact__form .p-contact__field .wpcf7-form-control-wrap {
  position: relative;
}
.p-contact__form .p-contact__field .wpcf7-form-control-wrap:has(select)::after {
  content: "";
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.25s ease;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #d9d9d9;
  pointer-events: none;
  z-index: 100;
}
@media screen and (max-width: 1023px) {
  .p-contact__form .p-contact__field .wpcf7-form-control-wrap:has(select)::after {
    right: 3vw;
  }
}
.p-contact__form .p-contact__field .wpcf7-form-control-wrap.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}
.p-contact__form .p-contact__field > p {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field > p {
    flex-direction: column;
    gap: 10px;
  }
}
.p-contact__form .p-contact__field > p > span {
  flex: 1;
  width: 100%;
}
.p-contact__form .p-contact__field > p > span:has(select) {
  width: 33.53%;
  flex: 0 0 33.53%;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field > p > span:has(select) {
    flex: 1;
    width: 100%;
  }
}
.p-contact__form .p-contact__field-start p {
  align-items: flex-start;
}
.p-contact__form .p-contact__field label {
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  position: relative;
  min-width: 211px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field label {
    margin-right: auto;
    font-size: 1rem;
  }
}
.p-contact__form .p-contact__field label::after {
  content: "※";
  color: #c3ff00;
  font-size: 1.125rem;
  margin-left: 4px;
  display: none;
}
.p-contact__form .p-contact__field:has(.p-contact__value[aria-required=true]) label::after, .p-contact__form .p-contact__field:has(input[required]) label::after, .p-contact__form .p-contact__field:has(input[aria-required=true]) label::after, .p-contact__form .p-contact__field:has(select[required]) label::after, .p-contact__form .p-contact__field:has(select[aria-required=true]) label::after, .p-contact__form .p-contact__field:has(textarea[required]) label::after, .p-contact__form .p-contact__field:has(textarea[aria-required=true]) label::after {
  display: inline;
}
.p-contact__form .p-contact__field input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 35px;
  height: 35px;
  border: 1px solid #4d4d4d;
  padding: 0;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-color: #30323b;
}
.p-contact__form .p-contact__field input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  width: 19px;
  height: 12px;
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  transform: translateX(-50%) rotate(-45deg);
  will-change: transform;
}
.p-contact__form .p-contact__field input,
.p-contact__form .p-contact__field textarea {
  width: 100%;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 3.5px 21px;
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  color: #ffffff;
  background-color: #30323b;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field input,
  .p-contact__form .p-contact__field textarea {
    font-size: 4vw;
    padding: 3.5px 3vw;
  }
}
.p-contact__form .p-contact__field input.wpcf7-not-valid,
.p-contact__form .p-contact__field textarea.wpcf7-not-valid {
  border: 0.1rem solid #ff0000;
}
.p-contact__form .p-contact__field input::placeholder,
.p-contact__form .p-contact__field textarea::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field input::placeholder,
  .p-contact__form .p-contact__field textarea::placeholder {
    font-size: 4vw;
  }
}
.p-contact__form .p-contact__field select {
  color: rgba(255, 255, 255, 0.5019607843);
}
.p-contact__form .p-contact__field select.is-filled {
  color: #ffffff;
}
.p-contact__form .p-contact__field select {
  width: 100%;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 3.5px 21px;
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  background-color: #30323b;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__field select {
    font-size: 4vw;
    padding: 3.5px 3vw;
  }
}
.p-contact__form .p-contact__field select.wpcf7-not-valid {
  border: 0.1rem solid #ff0000;
}
.p-contact__form .p-contact__field select {
  appearance: none;
  padding-right: 40px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-contact__form .p-contact__field select {
    padding: 3.5px 10vw 3.5px 3vw;
  }
}
.p-contact__form .p-contact__field select + .select-arrow, .p-contact__form .p-contact__field.has-select::after {
  content: "";
}
.p-contact__form .p-contact__field select::after {
  content: none;
}
.p-contact__form .p-contact__field textarea {
  white-space: normal;
  resize: vertical;
  min-height: 350px;
}
.p-contact__form .p-contact__privacy {
  margin-top: 50px;
  text-align: center;
}
.p-contact__form .p-contact__privacy span {
  display: block;
  width: 35px;
  height: 35px;
}
.p-contact__form .p-contact__privacy .wpcf7-list-item-label {
  display: none;
}
.p-contact__form .p-contact__privacy + .error-message {
  margin-left: 0;
}
.p-contact__form .p-contact__privacy p {
  display: flex;
  gap: 1.125rem;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__privacy p {
    font-size: 1rem;
  }
}
.p-contact__form .p-contact__privacy label {
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-contact__form .p-contact__privacy label {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}
.p-contact__form .p-contact__privacy label a {
  color: #00a8c3;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-contact__form .p-contact__privacy label a:hover {
  opacity: 0.7;
}
.p-contact__form .p-contact__privacy label::after {
  content: "※";
  color: #c3ff00;
  font-size: 1.125rem;
  margin-left: 4px;
}
.p-contact__form .p-contact__submit {
  text-align: right;
  margin-top: 80px;
}

.p-freelance input,
.p-freelance select,
.p-freelance textarea {
  width: 100%;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 3.5px 21px;
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  color: #ffffff;
  background-color: #30323b;
  transition: all 0.3s ease;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-freelance input,
  .p-freelance select,
  .p-freelance textarea {
    font-size: min(4vw, 18px);
    padding: 3.5px min(3vw, 21px);
  }
}
.p-freelance input::placeholder,
.p-freelance select::placeholder,
.p-freelance textarea::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-freelance input::placeholder,
  .p-freelance select::placeholder,
  .p-freelance textarea::placeholder {
    font-size: min(4vw, 18px);
  }
}
.p-freelance select {
  color: rgba(255, 255, 255, 0.5019607843);
}
.p-freelance select.is-filled {
  color: #ffffff;
}
.p-freelance select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 40px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1023px) {
  .p-freelance select {
    padding: 3.5px 10vw 3.5px 3vw;
  }
}
.p-freelance select + .select-arrow, .p-freelance.has-select::after {
  content: "";
}
.p-freelance select::after {
  content: none;
}
.p-freelance textarea {
  word-wrap: break-word;
  min-height: 350px;
  resize: none;
  white-space: unset;
}
.p-freelance #myRadarChart {
  width: 90% !important;
  height: 640px !important;
  object-fit: contain;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-freelance #myRadarChart {
    width: 100% !important;
    height: 300px !important;
  }
}
.p-freelance a {
  transition: opacity 0.3s ease;
}
.p-freelance a:hover {
  opacity: 0.6;
}
.p-freelance__mainHero {
  width: 100%;
  max-width: 1346px;
  margin: 0 auto;
  padding: 10px 15px 0;
}
.p-freelance__mainHeroThumb {
  width: 570px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainHeroThumb {
    width: 100%;
  }
}
.p-freelance__mainHeroThumb img {
  width: 100%;
  object-fit: cover;
}
.p-freelance__mainHeroTag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 39px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainHeroTag {
    justify-content: center;
  }
}
.p-freelance__mainHeroTag li {
  font-size: 0.875rem;
  padding: 6.5px 17px;
  text-align: center;
  min-width: 266px;
  background-color: rgba(182, 182, 182, 0.1607843137);
  border-radius: 5px;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  gap: 13px;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
.p-freelance__mainHeroTag li.is-mac span {
  transform: translateY(6px);
}
.p-freelance__mainHeroTag li.is-mac span::after {
  bottom: 12px;
}
.p-freelance__mainHeroTag li.is-small {
  font-size: 0.6875rem;
}
.p-freelance__mainHeroTag li.is-small span {
  transform: translateX(-8px);
}
.p-freelance__mainHeroTag li.is-small.is-mac span {
  transform: translate(-8px, 6px);
}
.p-freelance__mainHeroTag li span {
  font-family: "HelveticaNeue-Thin", sans-serif;
  font-weight: 200;
  font-size: 4rem;
  line-height: 1;
  position: relative;
}
.p-freelance__mainHeroTag li span::after {
  content: "％以上";
  font-size: 0.875rem;
  position: absolute;
  bottom: 8px;
  left: 80%;
  width: 100%;
}
.p-freelance__mainHeroContent {
  flex: 1;
  padding-top: 30px;
}
.p-freelance__mainHeroContent img {
  margin-bottom: 20px;
  width: 308px;
}
.p-freelance__mainHeroContent h1 {
  line-height: 1.4;
  margin-bottom: 20px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainHeroContent {
    padding-top: 0;
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .p-freelance__mainHeroContent p.fnt20 {
    font-size: 3.9vw;
  }
}
.p-freelance__mainHeroInner {
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainHeroInner {
    flex-direction: column-reverse;
    gap: 50px;
  }
}
.p-freelance__mainHero .c-btn {
  margin: 12px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainHero .c-btn {
    margin: 20px auto 0;
  }
}
.p-freelance__main .d-flex__wrapCircle--l3 {
  padding: 31px 0 83px;
}
.p-freelance__main .p-service__intro08 {
  margin-bottom: 0;
}
.p-freelance__mainServiceList {
  margin-top: 27px;
}
.p-freelance__mainServiceItemAvatar {
  max-width: 200px;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.p-freelance__mainServiceItemAvatar > div {
  overflow: hidden;
  width: 70%;
  border-radius: 100vw;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
.p-freelance__mainServiceItemAvatar > div h3 {
  font-size: 1rem;
  color: #ffffff;
  width: 143px;
  height: 143px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #272727;
}
.p-freelance__mainServiceItemAvatar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ebebeb;
  border: 1px solid #dadada;
  border-radius: 100vw;
  overflow: hidden;
}
.p-freelance__mainServiceItemAvatar::after {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #7884b1 0%, #33384b 100%);
  border-radius: 100vw;
  overflow: hidden;
}
.p-freelance__mainServiceItemInfo {
  font-size: 1rem;
  color: #ffffff;
  margin: 25px auto 0;
  max-width: 257px;
}
.p-freelance__mainWaku {
  width: 100%;
  margin: 0 auto 100px;
  max-width: 1363px;
  padding: 0 15px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku {
    margin: 0 auto 90px;
  }
}
.p-freelance__mainWaku02 {
  margin-top: 100px;
}
.p-freelance__mainWaku02 .c-btn {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku02 {
    margin-top: 90px;
  }
  .p-freelance__mainWaku02 .c-btn {
    margin: 40px 0 0 0;
    width: 73vw;
    font-size: min(3.3vw, 15px);
    max-width: 300px;
  }
}
.p-freelance__mainWaku02 .p-freelance__mainWakuTxt {
  top: 21%;
  left: 10%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku02 .p-freelance__mainWakuTxt {
    left: 31px;
    top: 69%;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(5px);
    padding: 20px;
    border-radius: 0;
    width: calc(100% - 61px);
  }
}
.p-freelance__mainWaku02 .p-freelance__mainWakuTxt img {
  width: 73%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku02 .p-freelance__mainWakuTxt img {
    width: 65%;
    max-width: 280px;
  }
}
.p-freelance__mainWaku02 .p-freelance__mainWakuTxt p {
  color: #000000;
  margin-top: 31px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku02 .p-freelance__mainWakuTxt p {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWaku .c-imgwaku img {
    min-height: 400px;
    object-fit: cover;
  }
}
.p-freelance__mainWakuTxt {
  position: absolute;
  top: 23%;
  left: 7%;
  width: fit-content;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWakuTxt {
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-freelance__mainWakuTxt p {
  font-size: 1.125rem;
  margin-top: 5px;
}
@media screen and (max-width: 1440px) {
  .p-freelance__mainWakuTxt p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWakuTxt p {
    font-size: 0.625rem;
    max-width: 92%;
  }
}
.p-freelance__mainWakuTxt img {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainWakuTxt img {
    width: 64%;
    max-width: 400px;
  }
}
.p-freelance__mainTags {
  margin: 10px auto 80px;
}
.p-freelance__mainTags h2 {
  margin-bottom: 20px;
}
.p-freelance__mainTagsList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 17px 8px;
  max-width: 1238px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1110px) {
  .p-freelance__mainTagsList {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-freelance__mainTagsList {
    grid-template-columns: repeat(2, 1fr);
  }
}
.p-freelance__mainTagsList span {
  color: #ffffff;
  padding: 6.5px 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #30323b;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
}
@media screen and (max-width: 510px) {
  .p-freelance__mainTagsList span {
    font-size: 3vw;
  }
}
.p-freelance__mainPjDesc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainPjDesc {
    gap: 20px;
  }
}
.p-freelance__mainPjDesc p span:first-child::after {
  content: ":";
  margin-left: 7px;
}
.p-freelance__mainPjDesc p span:nth-child(2) {
  font-family: "HelveticaNeueUltraLight", sans-serif;
  font-weight: 100;
  font-size: 6rem;
  line-height: 1;
  width: fit-content;
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__mainPjDesc p span:nth-child(2) {
    font-size: 3rem;
  }
}
.p-freelance__mainPjDesc p span:last-child {
  margin-left: 18.59px;
}
.p-freelance__mainPjItem {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  position: relative;
}
.p-freelance__mainPjItem:nth-child(3n+2) {
  border-left: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__mainPjItem:nth-child(3n+1)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 100%;
  width: 100vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__mainPjItem:nth-child(3n)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 100%;
  width: 100vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__mainPjItem:last-child:nth-child(3n+1) {
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__mainPjItem:last-child:nth-child(3n+1)::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 100%;
  width: 100vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__mainPjItem:last-child:nth-child(3n+2)::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 100%;
  width: 100vw;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3019607843);
}
@media screen and (max-width: 1350px) {
  .p-freelance__mainPjItem:nth-child(3n+2) {
    border-left: none;
    border-right: none;
  }
  .p-freelance__mainPjItem:nth-child(3n+1)::after, .p-freelance__mainPjItem:nth-child(3n)::after {
    display: none;
  }
  .p-freelance__mainPjItem:nth-child(2n+1) {
    border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
  }
  .p-freelance__mainPjItem:nth-child(2n+1)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    right: 100%;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3019607843);
  }
  .p-freelance__mainPjItem:nth-child(2n)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 100%;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3019607843);
  }
  .p-freelance__mainPjItem:last-child:nth-child(2n+1)::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 100%;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3019607843);
  }
}
@media screen and (max-width: 767px) {
  .p-freelance__mainPjItem:nth-child(2n+1) {
    border-right: none;
  }
  .p-freelance__mainPjItem:nth-child(2n+1)::after, .p-freelance__mainPjItem:nth-child(2n)::after {
    display: none;
  }
  .p-freelance__mainPjItem::before, .p-freelance__mainPjItem::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100vw;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3019607843);
  }
  .p-freelance__mainPjItem::before {
    right: 100%;
  }
  .p-freelance__mainPjItem::after {
    left: 100%;
  }
}
.p-freelance__mainPjList {
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
  margin-top: 40px;
}
.p-freelance__mainPjListInner {
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1350px) {
  .p-freelance__mainPjListInner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-freelance__mainPjListInner {
    grid-template-columns: 1fr;
  }
}
.p-freelance__mainPjListInner .p-recruit__formItem02 {
  padding: 49px 36px 40px 10px;
  height: 100%;
  display: block;
}
@media screen and (max-width: 1350px) {
  .p-freelance__mainPjListInner .p-recruit__formItem02 {
    padding: 30px 20px;
  }
}
.p-freelance__mainPjListInner .p-recruit__formContent .c-btn {
  margin-top: 45px;
}
.p-freelance__mainPjListInner .p-recruit__formItem {
  border: 0;
}
.p-freelance__mainPj > .c-btn {
  margin-top: 40px;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.p-freelance__mainPj > .c-btn:after {
  display: none;
}
.p-freelance__creator .footer__upper {
  transform: translateY(-2px);
}
.p-freelance__creator .c-col3 .content {
  padding: 0 15px;
}
.p-freelance__creator .c-faq p {
  color: #000000;
}
.p-freelance__creator .p-service__introDesc {
  color: #000000;
}
.p-freelance__creator .p-service__intro.mb0 {
  margin-bottom: 0;
}
.p-freelance__creator .p-service__intro--freeCreator {
  margin-top: 24px;
  margin-bottom: 0;
}
.p-freelance__creator .p-service__intro--freeCreator .p-service__introTxt {
  padding: 115px 0 25px;
}
.p-freelance__creator .p-service__intro--freeCreator .p-service__introTitle {
  margin-bottom: 44px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator .p-service__intro--freeCreator {
    padding: 0 15px;
  }
}
.p-freelance__creator--heroTitle {
  margin-bottom: 40px;
}
.p-freelance__creator--heroTitle h1 {
  margin: 0 auto;
  width: fit-content;
}
.p-freelance__creator--heroTitle h1 img {
  aspect-ratio: 604/233;
  object-fit: cover;
}
.p-freelance__creator--heroDesc {
  margin-bottom: 23px;
  color: #040404;
}
.p-freelance__creator--about {
  margin: 50px 0 0;
  padding-bottom: 4.65%;
  position: relative;
}
.p-freelance__creator--about::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 47.3%;
  height: 100%;
  background: url("../img/freelance/creator/bg_about.png") no-repeat center/cover;
  z-index: -1;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--about::before {
    display: none;
  }
}
.p-freelance__creator--aboutTxt {
  padding: 6.18% 0 0 12.91%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--aboutTxt {
    padding: 0;
    text-align: center;
  }
}
.p-freelance__creator--aboutTxt h3 {
  color: #111111;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--aboutTxt h3 {
    padding: 0 15px;
  }
}
.p-freelance__creator--aboutTxt h2 {
  color: #040404;
  margin-bottom: 13px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--aboutTxt h2 {
    padding: 0 15px;
    font-size: 1.6875rem;
  }
}
.p-freelance__creator--aboutTxt p {
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--aboutTxt p {
    margin-top: 20px;
    padding: 0 15px;
  }
}
.p-freelance__creator--voice .p-service__introTitle {
  margin-bottom: 40px;
}
.p-freelance__creator--voiceList {
  display: flex;
  flex-direction: column;
  gap: 41px;
}
.p-freelance__creator--voiceItem {
  display: flex;
  gap: 3.68%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--voiceItem {
    flex-direction: column;
    gap: 50px;
    align-items: center;
  }
}
.p-freelance__creator--voiceItemThumb {
  margin-left: 2.56%;
  width: 246px;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--voiceItemThumb {
    margin-left: 0;
    width: 100%;
  }
}
.p-freelance__creator--voiceItemContent {
  padding: 20px 30px 30px 30px;
  height: fit-content;
  color: #ffffff;
  background-color: #33384b;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--voiceItemContent {
    padding: 20px;
  }
}
.p-freelance__creator--voiceItemContent::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -19px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #33384b;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--voiceItemContent::before {
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 0;
    border-bottom: 20px solid #33384b;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
  }
}
.p-freelance__creator--voiceItemTxt h3 {
  margin-bottom: 5px;
}
.p-freelance__creator--voiceItemAvatar {
  max-width: 228px;
  aspect-ratio: 1/1;
  border-radius: 100vw;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-freelance__creator--voiceItemAvatar {
    margin: 0 auto;
  }
}
.p-freelance__creator--voiceItemAvatar > div {
  overflow: hidden;
  width: 70%;
  border-radius: 100vw;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}
.p-freelance__creator--voiceItemAvatar > div img {
  width: 100%;
  object-fit: cover;
}
.p-freelance__creator--voiceItemAvatar::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ebebeb;
  border: 1px solid #dadada;
  border-radius: 100vw;
  overflow: hidden;
}
.p-freelance__creator--voiceItemAvatar::after {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #7884b1 0%, #33384b 100%);
  border-radius: 100vw;
  overflow: hidden;
}
.p-freelance__creator--voiceItemInfo {
  font-size: 0.875rem;
  color: #010101;
  text-align: center;
  margin-top: 21px;
}
.p-freelance__myPage-chart {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
}
.p-freelance__myPage-social {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-social {
    flex-direction: column;
  }
}
.p-freelance__myPage-job li {
  padding-left: 10px;
}
.p-freelance__myPage-job li:not(:last-child) {
  margin-bottom: 16px;
}
.p-freelance__myPage-jobTitle {
  position: relative;
  margin-bottom: 13px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-jobTitle {
    font-size: 0.9375rem;
  }
}
.p-freelance__myPage-jobTitle::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}
.p-freelance__myPage-jobDesc p:not(:last-child) {
  margin-bottom: 13px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-jobDesc p:not(:last-child) {
    font-size: 0.9375rem;
  }
}
.p-freelance__myPage-other h3 {
  font-size: 1rem;
  line-height: 1.3;
  margin-bottom: 12px;
}
.p-freelance__myPage-other p {
  font-size: 1rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5019607843);
}
.p-freelance__myPage-expTitle {
  padding: 10px 20px;
  background-color: #4c505e;
  border-radius: 5px;
}
.p-freelance__myPage-expWrap {
  margin-top: 48px;
}
.p-freelance__myPage-expList {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.p-freelance__myPage-expItem h3 {
  font-size: 1rem;
  line-height: 1.3;
  color: #00a8c3;
  padding-left: 20px;
  position: relative;
}
.p-freelance__myPage-expItem h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid #00a8c3;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  transition: transform 0.3s ease;
}
.p-freelance__myPage-expItem.is-active h3::before {
  transform: translateY(-50%) rotate(0deg);
}
.p-freelance__myPage-expItem h4 {
  font-size: 1rem;
  line-height: 1.3;
  padding-left: 20px;
  position: relative;
}
.p-freelance__myPage-expItem h4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 7.5px;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ffffff;
}
.p-freelance__myPage-expLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.p-freelance__myPage-expLine span {
  display: block;
}
.p-freelance__myPage-expLine span:first-child {
  height: 5px;
  border-radius: 3px;
  background-color: #f2f2f2;
  width: 100%;
  position: relative;
}
.p-freelance__myPage-expLine span:first-child i {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #00a8c3;
  transition: width 0.3s ease;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="0"] {
  width: 0%;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="1"] {
  width: 20%;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="2"] {
  width: 40%;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="3"] {
  width: 60%;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="4"] {
  width: 80%;
}
.p-freelance__myPage-expLine span:first-child i[data-exp="5"] {
  width: 100%;
  border-radius: 3px;
}
.p-freelance__myPage-expLine span:last-child {
  font-size: 1rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5019607843);
  flex-shrink: 0;
}
.p-freelance__myPage-expdd {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
  flex: 1;
}
.p-freelance__myPage-expdd.is-active {
  max-height: 1000px;
}
.p-freelance__myPage-expdd li {
  margin-top: 12px;
}
.p-freelance__myPage-box {
  padding: 48px 5.9%;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-box {
    padding: 48px 15px;
  }
}
.p-freelance__myPage-edit a {
  padding: 8px 15px;
}
.p-freelance__myPage-edit a span {
  font-size: 0.8125rem;
  line-height: 1;
  letter-spacing: 0.2em;
}
.p-freelance__myPage-edit a {
  color: #00a8c3;
  border: 1px solid #00a8c3;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.p-freelance__myPage-edit a::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  background-image: url("../img/common/icon_edit.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-freelance__myPage-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-freelance__myPage-desc .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}
.p-freelance__myPage-desc .row.row--line {
  position: relative;
}
.p-freelance__myPage-desc .row.row--line::after {
  content: "";
  position: absolute;
  transform: translateY(-50%);
  bottom: -8px;
  width: 100%;
  height: 1px;
  background-color: #707381;
}
.p-freelance__myPage-desc dt {
  width: 85px;
  font-size: 1rem;
  line-height: 1.3;
  flex-shrink: 0;
}
.p-freelance__myPage-desc dt.mw115 {
  min-width: 115px;
  width: auto;
}
.p-freelance__myPage-desc dd {
  flex: 1;
  font-size: 1rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5019607843);
}
.p-freelance__myPage-desc dd a {
  color: #00a8c3;
}
.p-freelance__myPage-desc dd a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-freelance__myPage-heading {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-freelance__myPage-header {
  background-image: url("../img/common/bg_freelance.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}
.p-freelance__myPage-intro {
  padding: 48px 15px;
  background-color: rgba(255, 255, 255, 0.1);
}
.p-freelance__myPage-headerInner {
  text-align: center;
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.p-freelance__myPage-thumb {
  width: 228px;
  height: 228px;
  border-radius: 50%;
  background-color: rgba(235, 235, 235, 0.8);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-freelance__myPage-thumb::before {
  content: "";
  position: absolute;
  width: 198px;
  height: 198px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #7884b1, #33384b);
}
.p-freelance__myPage-thumb img {
  position: relative;
  width: 164px;
  height: 164px;
  border-radius: 50%;
  object-fit: cover;
  z-index: 1;
}
.p-freelance__myPage-name {
  line-height: 1;
  margin-bottom: 8px;
}
.p-freelance__myPage-email a {
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.p-freelance__myPage-email a::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../img/common/icon_setting.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.p-freelance__myPage-item--left {
  width: 35%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-item--left {
    width: 100%;
  }
}
.p-freelance__myPage-item--left .p-freelance__myPage-box:first-child {
  position: relative;
}
.p-freelance__myPage-item--left .p-freelance__myPage-box:first-child::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 1px;
  background-color: #707381;
}
.p-freelance__myPage-item--right {
  width: 65%;
  border-left: 1px solid #707381;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-item--right {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #707381;
  }
  .p-freelance__myPage-item--right .p-freelance__myPage-desc .row {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}
.p-freelance__myPage-content {
  border-top: 1px solid #707381;
}
.p-freelance__myPage-content .l-container__1440 {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-freelance__myPage-content .l-container__1440 {
    flex-direction: column;
  }
}
.p-freelance .c-process__item {
  width: 190px;
  white-space: nowrap;
  padding: 4px 0;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-freelance .c-process__list {
    gap: 5%;
  }
  .p-freelance .c-process__item {
    width: 28vw;
  }
  .p-freelance .c-process__item::after {
    width: 18%;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .p-freelance .c-process__item::after {
    width: 19%;
  }
}
.p-freelance__offer--bb {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__offer--bt {
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__offerSlide {
  padding-top: 83px;
}
.p-freelance__offerSlideContent {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.p-freelance__offerSlideContent .swiper {
  max-width: 1365px;
}
.p-freelance__offerSlideContent .swiper-slide {
  display: flex;
  height: auto;
}
.p-freelance__offerSlideContent .swiper-slide .p-recruit__formItem02 {
  flex: 100%;
  height: 100%;
  display: block;
}
.p-freelance__offerSlideContent .swiper-slide-active, .p-freelance__offerSlideContent .swiper-slide-next {
  border-right: 1px solid rgba(255, 255, 255, 0.3019607843);
}
@media screen and (max-width: 767px) {
  .p-freelance__offerSlideContent .swiper-slide-active, .p-freelance__offerSlideContent .swiper-slide-next {
    border: 0;
  }
}
.p-freelance__offerSlideContent .p-recruit__formItem {
  border: 0;
}
.p-freelance__offerSlideContent .p-recruit__formItem02 {
  padding: 49px 30px 40px 10px;
}
@media screen and (max-width: 767px) {
  .p-freelance__offerSlideContent .p-recruit__formItem02 {
    padding: 49px 10px 40px 10px;
  }
}
.p-freelance__offerSlideContent .swiper-button-wrap {
  position: absolute;
  top: 160px;
  max-width: 1440px;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 1;
}
.p-freelance__offerSlideContent .swiper-button-prev {
  width: 60px;
  left: 10px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerSlideContent .swiper-button-prev {
    left: 8px;
  }
}
.p-freelance__offerSlideContent .swiper-button-prev svg {
  display: none;
}
.p-freelance__offerSlideContent .swiper-button-prev:before {
  content: "";
  position: absolute;
  background: url(../img/common/prev.svg) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.p-freelance__offerSlideContent .swiper-button-next {
  width: 60px;
  right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerSlideContent .swiper-button-next {
    right: 8px;
  }
}
.p-freelance__offerSlideContent .swiper-button-next svg {
  display: none;
}
.p-freelance__offerSlideContent .swiper-button-next:before {
  content: "";
  position: absolute;
  background: url(../img/common/next.svg) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
}
.p-freelance__offerContent {
  padding: 48px 0 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerContentTitle {
    margin-top: 10px;
  }
  .p-freelance__offerContentTitle.mb40 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerContent {
    padding: 20px 0 0;
  }
}
.p-freelance__offerAction {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 43px;
  gap: 23px;
}
.p-freelance__offerAction a {
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerAction {
    flex-direction: column;
  }
}
@media (max-width: 1060px) {
  .p-freelance__offerHeader, .p-freelance__offerBack {
    padding: 0 15px;
  }
}
.p-freelance__offerInfo {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1060px) {
  .p-freelance__offerInfo {
    padding: 0 15px;
  }
}
.p-freelance__offerInfoItem {
  display: flex;
  align-items: center;
  gap: 20px;
}
.p-freelance__offerInfoLabel {
  padding: 14px 23px;
  color: #000000;
  background-color: #c3ff00;
  border-radius: 5px;
  max-width: 135px;
  width: 100%;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerInfoLabel {
    padding: 14px 2%;
    max-width: 24%;
  }
}
.p-freelance__offerBlock {
  padding: 40px 0;
}
.p-freelance__offerBlockTag {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.p-freelance__offerBlockTag span {
  font-size: 1rem;
  padding: 6.5px 11px;
  text-align: center;
  min-width: 160px;
  background-color: #30323b;
  border-radius: 5px;
  border: 1px solid #4d4d4d;
}
.p-freelance__offerBlockContent {
  display: flex;
  gap: 19px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerBlockContent {
    flex-direction: column;
  }
}
@media (max-width: 1060px) {
  .p-freelance__offerBlockContent {
    padding: 0 15px;
  }
}
.p-freelance__offerBlockContent.mb73 {
  margin-bottom: 73px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerBlockContent.mb73 {
    margin-bottom: 40px;
  }
}
.p-freelance__offerBlockNote {
  margin-left: -5px;
}
.p-freelance__offerBlockTitle {
  font-size: 1.125rem;
  color: #ffffff;
  font-weight: 600;
  max-width: 284px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__offerBlockTitle {
    max-width: 100%;
  }
}
.p-freelance__offerBlockSubTitle {
  font-size: 1.125rem;
}
.p-freelance__offerBlockSubTitle:not(:first-child) {
  margin-top: 25px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__entry .p-contact__confirmAction {
    margin-top: 60px;
  }
}
.p-freelance__entryThumb {
  margin-bottom: 80px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__entryThumb {
    margin-bottom: 30px;
  }
}
.p-freelance__entryTitle {
  margin-bottom: 50px;
  text-align: center;
  color: #ffffff;
}
.p-freelance__entryRequest {
  font-size: 1rem;
  line-height: 2.12;
}
.p-freelance__entryLink {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__entryLink {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.p-freelance__entryNoteSmall {
  font-size: 0.875rem;
}
.p-freelance__entryNoteLarge {
  line-height: 2.1;
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.p-freelance__entryConfirm {
  color: rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 30px;
  text-align: center;
}
.p-freelance__entryComplete {
  padding-bottom: 122px;
}
.p-freelance__entryCompleteTxt {
  border-top: 1px solid #969696;
  border-bottom: 1px solid #969696;
  margin-top: 60px;
  padding: 45px 0;
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
}
.p-freelance__entryCompleteTxt p:not(:first-child) {
  margin-top: 0.8em;
}
.p-freelance__entryForm {
  padding-bottom: 122px;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.p-freelance__entryFormNote {
  font-size: 0.9375rem;
  margin-top: 14px;
  margin-bottom: 48px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__entryFormNote {
    margin-bottom: 60px;
  }
}
.p-freelance__form {
  max-width: 905px;
  width: 100%;
  margin: 0 auto;
}
.p-freelance__form .error-message {
  width: 100%;
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
  padding-left: 242px;
  color: #ff0000;
  margin-top: 5px;
}
.p-freelance__form .error-message--privacy {
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.p-freelance__form .error-message--privacy01 {
  max-width: 320px;
}
.p-freelance__form .error-message--privacy02 {
  max-width: 356px;
}
.p-freelance__form .error-message--website {
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .error-message {
    padding-left: 0;
  }
}
.p-freelance__form .error-field {
  border: 1px solid #ff0000 !important;
}
.p-freelance__form input[type=radio].error-field + span,
.p-freelance__form input[type=checkbox].error-field + span {
  border-color: #ff0000 !important;
}
.p-freelance__form-feenum {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: auto;
  gap: 12px;
}
.p-freelance__form-feenumWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.p-freelance__form-feenum input {
  max-width: 150px;
  flex-shrink: 0;
}
.p-freelance__form-feenum span {
  flex: 1;
}
.p-freelance__form-history {
  width: 100%;
}
.p-freelance__form-history--box {
  background-color: #4c505e;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.p-freelance__form-history--content {
  position: relative;
  padding: 20px;
  border-bottom: 1px solid #30323b;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-history--content {
    padding: 4vw;
  }
}
.p-freelance__form-history--content:first-child .p-freelance__form-history--remove {
  display: none;
}
.p-freelance__form-history--content input {
  margin-bottom: 20px;
}
.p-freelance__form-history--remove button {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 auto;
}
.p-freelance__form-history--add {
  padding: 13px 20px;
  background-color: #4c505e;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.p-freelance__form-history--add button {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 auto;
}
.p-freelance__form-select {
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-select {
    gap: 2vw;
  }
}
.p-freelance__form-selectWrap select {
  flex-shrink: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.p-freelance__form-select--txt {
  flex: 1 !important;
}
.p-freelance__form input[name="tel[]"] {
  max-width: 113px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form input[name="tel[]"] {
    max-width: 25vw;
  }
}
.p-freelance__form-postcode input {
  max-width: 150px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-postcode input {
    max-width: 34.9vw;
  }
}
.p-freelance__form-postcode a {
  flex: 1;
  white-space: nowrap;
}
.p-freelance__form-postcode {
  gap: 10px;
}
.p-freelance__form-hyphen {
  margin: 0 12px;
}
.p-freelance__form-selectWrap {
  position: relative;
}
.p-freelance__form-selectWrap.w100 {
  width: 100%;
}
.p-freelance__form-selectWrap::after {
  content: "";
  position: absolute;
  right: 19px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.25s ease;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #d9d9d9;
  pointer-events: none;
  z-index: 100;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-selectWrap::after {
    right: 3vw;
  }
}
.p-freelance__form-selectWrap.is-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.p-freelance__form-radio {
  gap: 20px;
  cursor: pointer;
}
.p-freelance__form-radio label,
.p-freelance__form-radio p, .p-freelance__form-radio--txt,
.p-freelance__form-radio .p-freelance__form-radio--txt {
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-radio {
    gap: 3vw;
  }
}
.p-freelance__form-radio input {
  display: none;
}
.p-freelance__form-radio--after {
  width: 36px;
  height: 36px;
  border: 1px solid #4d4d4d;
  border-radius: 50%;
  background-color: #30323b;
  position: relative;
}
.p-freelance__form-radio--after::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #c3ff00;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.p-freelance__form-radio input:checked + .p-freelance__form-radio--after::before {
  opacity: 1;
}
.p-freelance__form-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-freelance__form-flex--between {
  justify-content: space-between;
}
.p-freelance__form-flex--start {
  justify-content: start;
}
.p-freelance__form-flex > * {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.p-freelance__form-row {
  display: flex;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-row {
    gap: 2vw;
  }
}
.p-freelance__form-row > * {
  flex: 1 1 0;
  width: 100%;
}
.p-freelance__form-rowR {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.p-freelance__form-rowRWrap {
  flex-wrap: wrap;
  row-gap: 20px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-rowR {
    gap: 4vw;
  }
}
.p-freelance__form-rowL {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.p-freelance__form-rowL--20 {
  gap: 20px;
}
.p-freelance__form-rowL .p-freelance__form-textarea {
  padding-top: 27px;
  border-top: 1px solid #666c82;
}
.p-freelance__form-rowL .p-freelance__myPage-expItem {
  padding: 27px 0;
  border-top: 1px solid #666c82;
}
.p-freelance__form-rowL .p-freelance__myPage-expItemBb {
  border-bottom: 1px solid #666c82;
}
.p-freelance__form-rowL .p-freelance__myPage-expItem h3 {
  font-size: 1.125rem;
  color: #ffffff;
  padding-left: 48px;
}
.p-freelance__form-rowL .p-freelance__myPage-expItem h3::before {
  left: 13px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 9px solid #d9d9d9;
}
.p-freelance__form-rowL .p-freelance__myPage-expItem.is-active .p-freelance__myPage-expdd {
  margin-top: 22px;
}
.p-freelance__form-rowL .p-freelance__myPage-expdd {
  transition: max-height 0.3s ease, margin 0.3s ease;
  margin-top: 0;
}
.p-freelance__form-title {
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-title {
    margin-bottom: 20px;
  }
}
.p-freelance__form-visible {
  font-size: 14px;
  letter-spacing: 0.03em;
  margin-left: 242px;
  margin-top: 10px;
  color: #00a8c3;
  display: block;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}
.p-freelance__form-visible:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-freelance__form-visible::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/common/icon_eye.png) no-repeat 50%/100% auto;
  content: "";
}
.p-freelance__form-visible::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 16px;
  height: 1px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  background: #00a8c3;
  content: "";
  opacity: 0;
}
.p-freelance__form-visible.is-visible::after {
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-visible {
    margin-left: 0;
  }
}
.p-freelance__form-website {
  margin-top: 40px;
  margin-left: 242px;
  display: flex;
  flex-direction: column;
  gap: 39px;
}
.p-freelance__form-websiteInner {
  display: flex;
  align-items: center;
  gap: 15px;
}
.p-freelance__form-websiteImg {
  width: 24%;
  flex-shrink: 0;
}
.p-freelance__form-websiteImg img {
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-websiteImg img {
    height: 7vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-website {
    margin-left: 0;
  }
}
.p-freelance__form-note {
  font-size: 0.875rem;
  letter-spacing: 0.03em;
  margin-left: 242px;
  margin-top: 10px;
}
.p-freelance__form-note02 {
  margin-top: unset;
  margin-bottom: 25px;
}
.p-freelance__form-note a {
  color: #00a8c3;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-freelance__form-note a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-note {
    font-size: 0.75rem;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-body.pt50 {
    padding-top: 40px;
  }
}
.p-freelance__form-border {
  padding: 50px 0;
  border-top: 1px solid #969696;
  border-bottom: 1px solid #969696;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-border {
    padding: 40px 0;
  }
}
.p-freelance__form-borderB {
  padding-bottom: 50px;
  border-bottom: 1px solid #969696;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-borderB {
    padding-bottom: 40px;
  }
  .p-freelance__form-borderB.pt50 {
    padding-top: 40px;
  }
}
.p-freelance__form-borderT {
  padding-top: 50px;
  border-top: 1px solid #969696;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-borderT {
    padding-top: 40px;
  }
}
.p-freelance__form-file {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.p-freelance__form-fileBtn {
  width: 44.5px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.p-freelance__form-picture {
  width: 145px;
  height: 145px;
  position: relative;
  margin: 0 auto 40px;
  cursor: pointer;
}
.p-freelance__form-picture figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 100%;
}
.p-freelance__form-picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-freelance__formTitle {
  font-size: 1.5rem;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #ffffff;
  margin-bottom: 50px;
}
.p-freelance__formTitle::before, .p-freelance__formTitle::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #969696;
}
@media screen and (max-width: 1023px) {
  .p-freelance__formTitle {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}
.p-freelance__form-definition {
  display: flex;
  flex-direction: column;
}
.p-freelance__form-definition .p-freelance__form-content {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-definition .p-freelance__form-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 940px) {
  .p-freelance__form-definition {
    padding: 0 15px;
  }
}
.p-freelance__form-definition:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-definition:not(:last-child) {
    margin-bottom: 30px;
  }
}
.p-freelance__formInner {
  padding-bottom: 40px;
  border-bottom: 1px solid #969696;
}
.p-freelance__formInner .tml-field-wrap:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__formInner .tml-field-wrap:not(:last-child) {
    margin-bottom: 30px;
  }
}
.p-freelance__formInner .tml-field-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-freelance__formInner .tml-field-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 940px) {
  .p-freelance__formInner .tml-field-wrap {
    padding: 0 15px;
  }
}
.p-freelance__form .tml-links {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 30px 0 100px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .tml-links {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.p-freelance__form .tml-links a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #00a8c3;
}
.p-freelance__form .tml-button {
  margin-top: 30px;
}
.p-freelance__form-submit {
  margin-top: 50px;
}
.p-freelance__form-submit.mt30 {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-submit {
    margin-top: 40px;
  }
}
.p-freelance__form .tml-privacy-wrap,
.p-freelance__form .tml-remember-wrap,
.p-freelance__form .p-freelance__form-checkbox {
  margin-top: 30px;
  text-align: left;
  display: flex;
  gap: 1.125rem;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.p-freelance__form .tml-privacy-wrap.p-freelance__form-checkbox--start,
.p-freelance__form .tml-remember-wrap.p-freelance__form-checkbox--start,
.p-freelance__form .p-freelance__form-checkbox.p-freelance__form-checkbox--start {
  justify-content: flex-start;
}
.p-freelance__form .tml-privacy-wrap.tml-privacy-wrap, .p-freelance__form .tml-privacy-wrap.tml-remember-wrap,
.p-freelance__form .tml-remember-wrap.tml-privacy-wrap,
.p-freelance__form .tml-remember-wrap.tml-remember-wrap,
.p-freelance__form .p-freelance__form-checkbox.tml-privacy-wrap,
.p-freelance__form .p-freelance__form-checkbox.tml-remember-wrap {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.p-freelance__form .tml-privacy-wrap.tml-privacy-wrap label, .p-freelance__form .tml-privacy-wrap.tml-remember-wrap label,
.p-freelance__form .tml-remember-wrap.tml-privacy-wrap label,
.p-freelance__form .tml-remember-wrap.tml-remember-wrap label,
.p-freelance__form .p-freelance__form-checkbox.tml-privacy-wrap label,
.p-freelance__form .p-freelance__form-checkbox.tml-remember-wrap label {
  flex: initial;
}
.p-freelance__form .tml-privacy-wrap label,
.p-freelance__form .tml-privacy-wrap p, .p-freelance__form .tml-privacy-wrap--txt,
.p-freelance__form .tml-remember-wrap label,
.p-freelance__form .tml-remember-wrap p,
.p-freelance__form .tml-remember-wrap--txt,
.p-freelance__form .p-freelance__form-checkbox label,
.p-freelance__form .p-freelance__form-checkbox p,
.p-freelance__form .p-freelance__form-checkbox--txt {
  flex: 1;
}
.p-freelance__form .tml-privacy-wrap.p-freelance__form-checkbox--style2,
.p-freelance__form .tml-remember-wrap.p-freelance__form-checkbox--style2,
.p-freelance__form .p-freelance__form-checkbox.p-freelance__form-checkbox--style2 {
  margin-top: 0;
  gap: 6px;
}
.p-freelance__form .tml-privacy-wrap.p-freelance__form-checkbox--style2 input[type=checkbox]:checked,
.p-freelance__form .tml-remember-wrap.p-freelance__form-checkbox--style2 input[type=checkbox]:checked,
.p-freelance__form .p-freelance__form-checkbox.p-freelance__form-checkbox--style2 input[type=checkbox]:checked {
  background-color: #c3ff00;
}
.p-freelance__form .tml-privacy-wrap.p-freelance__form-checkbox--style2 input[type=checkbox]:checked::after,
.p-freelance__form .tml-remember-wrap.p-freelance__form-checkbox--style2 input[type=checkbox]:checked::after,
.p-freelance__form .p-freelance__form-checkbox.p-freelance__form-checkbox--style2 input[type=checkbox]:checked::after {
  border-color: #30323b;
}
.p-freelance__form .tml-privacy-wrap input[type=checkbox],
.p-freelance__form .tml-remember-wrap input[type=checkbox],
.p-freelance__form .p-freelance__form-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 35px;
  height: 35px;
  border: 1px solid #4d4d4d;
  padding: 0;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  background-color: #30323b;
  flex-shrink: 0;
}
.p-freelance__form .tml-privacy-wrap input[type=checkbox]:checked::after,
.p-freelance__form .tml-remember-wrap input[type=checkbox]:checked::after,
.p-freelance__form .p-freelance__form-checkbox input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  width: 19px;
  height: 12px;
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  transform: translateX(-50%) rotate(-45deg);
  will-change: transform;
}
.p-freelance__form .tml-privacy-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
@media screen and (max-width: 767px) {
  .p-freelance__form .tml-privacy-wrap {
    font-size: 1rem;
  }
}
.p-freelance__form .tml-privacy-wrapInner {
  display: flex;
  align-items: center;
  gap: 18px;
}
.p-freelance__form .tml-privacy-wrap span {
  display: block;
  width: 35px;
  height: 35px;
}
.p-freelance__form .tml-privacy-wrap label {
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-freelance__form .tml-privacy-wrap label {
    font-size: 1rem;
  }
}
.p-freelance__form .tml-privacy-wrap label a {
  color: #00a8c3;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-freelance__form .tml-privacy-wrap label a:hover {
  opacity: 0.7;
}
.p-freelance__form .tml-privacy-wrap label::after {
  content: "※";
  color: #c3ff00;
  font-size: 1.125rem;
  margin-left: 4px;
}
.p-freelance__form .tml-row {
  display: flex;
  width: 100%;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .tml-row {
    gap: 2vw;
  }
}
.p-freelance__form .tml-row .tml-field {
  flex: 1;
  width: 100%;
}
.p-freelance__form-label {
  position: relative;
}
.p-freelance__form-label--note::before {
  content: attr(data-note);
  display: block;
  position: absolute;
  bottom: -10px;
  font-size: 12px;
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form-label--note {
    display: flex;
    flex-direction: column-reverse;
  }
  .p-freelance__form-label--note::before {
    position: unset;
  }
  .p-freelance__form-label--note::after {
    position: absolute;
    top: -3px;
    left: 66px;
  }
}
.p-freelance__form .tml-label, .p-freelance__form-label {
  font-size: 1.125rem;
  line-height: 2.27;
  letter-spacing: 0.02em;
  position: relative;
  width: 242px;
  flex-shrink: 0;
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .tml-label, .p-freelance__form-label {
    margin-right: auto;
    font-size: 1rem;
    margin-bottom: 10px;
    padding-right: 0;
    width: 100%;
  }
}
.p-freelance__form .tml-label::after, .p-freelance__form-label::after {
  content: "※";
  color: #c3ff00;
  font-size: 1.125rem;
  margin-left: 4px;
  display: none;
}
.p-freelance__form:has(.p-contact__value[aria-required=true]) .tml-label::after, .p-freelance__form:has(input[required]) .tml-label::after, .p-freelance__form:has(input[aria-required=true]) .tml-label::after, .p-freelance__form:has(select[required]) .tml-label::after, .p-freelance__form:has(select[aria-required=true]) .tml-label::after, .p-freelance__form:has(textarea[required]) .tml-label::after, .p-freelance__form:has(textarea[aria-required=true]) .tml-label::after {
  display: inline;
}
.p-freelance__form:has(.p-contact__value[aria-required=true]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(input[required]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(input[aria-required=true]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(select[required]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(select[aria-required=true]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(textarea[required]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after, .p-freelance__form:has(textarea[aria-required=true]) .p-freelance__form-definition[aria-required=true] .p-freelance__form-label::after {
  display: inline;
}
.p-freelance__form:has(.p-contact__value[aria-required=true]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(input[required]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(input[aria-required=true]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(select[required]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(select[aria-required=true]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(textarea[required]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after, .p-freelance__form:has(textarea[aria-required=true]) .p-freelance__form-content:has(input[required],
input[aria-required=true],
select[required],
select[aria-required=true],
textarea[required],
textarea[aria-required=true]) .p-freelance__form-label::after {
  display: inline;
}
.p-freelance__form .c-form__note {
  padding-bottom: 57px;
}
@media screen and (max-width: 767px) {
  .p-freelance__form .c-form__note {
    padding-bottom: 30px;
  }
}
.p-freelance__form .tml-social-ttl {
  font-size: 1.5rem;
  font-family: "AxisStd-Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .tml-social-ttl {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
}
.p-freelance__form .tml-login,
.p-freelance__form .tml-register,
.p-freelance__form .tml-social-divider {
  max-width: 100%;
}
.p-freelance__form .tml-social-providers {
  max-width: 650px;
  display: flex;
  gap: 20px;
}
.p-freelance__form .tml-social-providers li {
  width: 50%;
}
.p-freelance__form .tml-social-providers li a {
  border-radius: 5px;
}
.p-freelance__form .tml-social-providers li .tml-social-provider-icon {
  border-right: 0;
}
@media screen and (max-width: 1023px) {
  .p-freelance__form .tml-social-providers {
    flex-direction: column;
  }
  .p-freelance__form .tml-social-providers li {
    width: 100%;
  }
}
.p-freelance__form .tml-social-divider {
  margin: 2em 0;
}
.p-freelance__form .tml-social-divider span {
  display: none;
}
.p-freelance__form ul.tml-social-providers {
  list-style: none;
  margin: 0 auto 44px;
  padding: 0;
}
@media (max-width: 940px) {
  .p-freelance__form ul.tml-social-providers {
    padding: 0 15px;
  }
}
.p-freelance__form ul.tml-social-providers li {
  margin: 0;
  padding: 0;
}
.p-freelance__form .tml-social-provider:after {
  content: "";
  clear: both;
  display: table;
}
.p-freelance__form .tml-social-provider .tml-social-provider-icon {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 2.5em;
}
.p-freelance__form .tml-social-provider .tml-social-provider-icon img {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  width: 1.5em;
}
.p-freelance__form .tml-social-provider .tml-social-provider-text {
  display: table-cell;
  padding-left: 1em;
  line-height: 2.5;
}
.p-freelance__form .tml-social-providers a.tml-social-provider:link,
.p-freelance__form .tml-social-providers a.tml-social-provider:visited {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  line-height: 1;
  text-align: left;
  text-decoration: none;
}
.p-freelance__form .tml-social-providers a.tml-social-provider-facebook:active,
.p-freelance__form .tml-social-providers a.tml-social-provider-facebook:focus,
.p-freelance__form .tml-social-providers a.tml-social-provider-facebook:hover,
.p-freelance__form .tml-social-providers a.tml-social-provider-facebook:link,
.p-freelance__form .tml-social-providers a.tml-social-provider-facebook:visited {
  background-color: #0865fe;
  color: #fff;
  border: 1px solid #acacac;
}
.p-freelance__form .tml-social-providers a.tml-social-provider-google:active,
.p-freelance__form .tml-social-providers a.tml-social-provider-google:focus,
.p-freelance__form .tml-social-providers a.tml-social-provider-google:hover,
.p-freelance__form .tml-social-providers a.tml-social-provider-google:link,
.p-freelance__form .tml-social-providers a.tml-social-provider-google:visited {
  background-color: #fff;
  color: #707070;
  border: 1px solid #acacac;
}
.p-freelance__form .tml-social-providers-divider {
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  display: none;
}
.p-freelance__form .tml-social-providers-divider:before {
  background: #bbb;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 1em;
  width: 100%;
}
.p-freelance__form .tml-social-providers-divider span {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 1em;
  color: #bbb;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  text-align: center;
  width: 2em;
  z-index: 1;
}

.p-privacy {
  padding-bottom: 122px;
}
.p-privacy h2 {
  color: #ffffff;
}
.p-privacy__article--table > div {
  max-width: var(--max-width);
  width: calc(100% - 228px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1023px) {
  .p-privacy__article--table > div {
    width: 100%;
  }
  .p-privacy__article--table > div.p-privacy__content {
    padding: 0 15px;
  }
}
.p-privacy__block {
  margin-bottom: 26px;
}
.p-privacy__block .c-num li:not(:last-child) {
  margin-bottom: 6px;
}
.p-privacy .p-cookie-table {
  overflow-x: auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-privacy .p-cookie-table {
    margin-left: 15px;
  }
}
.p-privacy .p-cookie-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #969696;
}
@media screen and (max-width: 1023px) {
  .p-privacy .p-cookie-table table {
    width: 1000px;
  }
}
.p-privacy .p-cookie-table table th, .p-privacy .p-cookie-table table td {
  border: 1px solid #969696;
  padding: 1rem;
  text-align: left;
  vertical-align: middle;
}
.p-privacy .p-cookie-table table thead {
  background-color: #f2f2f2;
  color: #000;
}
.p-privacy .p-cookie-table table thead th {
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
}
.p-privacy .p-cookie-table table tbody td {
  vertical-align: middle;
}
@media screen and (max-width: 1023px) {
  .p-privacy .p-cookie-table table tbody td {
    min-width: 120px;
  }
}
.p-privacy .p-cookie-table table tbody td:first-child {
  font-weight: bold;
}
.p-privacy .p-cookie-table table tbody td a {
  color: #00A8C3;
  text-decoration: underline;
  text-underline-offset: 6px;
}

.p-error {
  padding-bottom: 122px;
}
.p-error__title {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.375rem;
  min-height: 205px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 48px;
}
.p-error__title--400 {
  background-image: url("../img/common/400.svg");
}
.p-error__title--401 {
  background-image: url("../img/common/401.svg");
  background-position: 47.7% center;
}
@media screen and (max-width: 1023px) {
  .p-error__title--401 {
    background-position: center;
  }
}
.p-error__title--403 {
  background-image: url("../img/common/403.svg");
}
.p-error__title--404 {
  background-image: url("../img/common/404.svg");
}
.p-error__title--500 {
  background-image: url("../img/common/500.svg");
}
.p-error__title--510 {
  background-image: url("../img/common/510.svg");
}
.p-error__desc {
  margin: 44px auto 65px;
}

/*# sourceMappingURL=global.css.map */