@charset "UTF-8";
:root {
  --primary-color: #5196D6;
  --secondary-color: #294865;
  --font-black: #333333;
  --font-gray: #555555;
  --bg-color-primary: #EEF7FF;
  --bg-color-secondary: #F9FCFF;
  --gray-800: #1F2937;
  --gray-600: #4B5563;
  --gray-400: #A8A8A8;
  --gray-300: #D9D9D9;
  --gray-200: #EAEAEA;
  --gray-100: #F3F4F6;
  --white: #FFFFFF;
  --black: #000000;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  text-align: 160%;
  color: var(--font-gray);
  font-weight: 500;
  background-color: var(--bg-color-secondary);
  width: 100%;
  overflow-x: hidden;
}
@media screen and (max-width: 520px) {
  body {
    font-size: 1.4rem;
  }
}

a {
  cursor: pointer;
  color: var(--primary-color);
  transition: 300ms;
}

a:hover {
  opacity: 0.7;
}

img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

p {
  margin: 0;
  line-height: 1.6;
}

dl dt {
  font-weight: 700;
  margin-bottom: 1em;
}

dl dd {
  margin-left: 0;
  margin-bottom: 2em;
}

iframe {
  width: 100%;
}

nav ul {
  margin: 0;
}

nav ul li a {
  text-decoration: none;
}

.c-breadcrumbList {
  width: 80%;
  height: 64px;
  margin: auto;
}
.c-breadcrumbList__lists {
  display: flex;
  flex-wrap: wrap;
}
.c-breadcrumbList__list:not(:last-of-type)::after {
  content: ">";
  margin: 0 0.6em;
}

.c-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px 12px 24px;
  background-color: var(--primary-color);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
  transition: 300ms;
}
@media screen and (max-width: 960px) {
  .c-btn {
    padding: 4px 16px 6px 16px;
  }
}
.c-btn:hover {
  background-color: #8fc0ee;
  opacity: 1;
}
.c-btn__textArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
@media screen and (max-width: 960px) {
  .c-btn__textArea {
    margin-right: 8px;
  }
}
.c-btn__mainText {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .c-btn__mainText {
    font-size: 1.4rem;
    font-weight: 500;
  }
}
.c-btn__subText {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  color: var(--white);
  margin-top: 6px;
  white-space: nowrap;
}
.c-btn__arrow:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 2px var(--white);
  border-right: solid 2px var(--white);
  transform: rotate(45deg);
}
@media screen and (max-width: 960px) {
  .c-btn__arrow:before {
    width: 10px;
    height: 10px;
  }
}

.c-filter {
  width: 100%;
}
.c-filter__fixedBlack {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.c-filter__fixedWhite {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.c-headerbtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px 12px 24px;
  background-color: var(--primary-color);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
@media screen and (max-width: 960px) {
  .c-headerbtn {
    padding: 6px 32px 8px 32px;
  }
}
.c-headerbtn__textArea {
  display: flex;
  flex-direction: column;
  margin-right: 16px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .c-headerbtn__textArea {
    margin-right: 8px;
  }
}
.c-headerbtn__mainText {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .c-headerbtn__mainText {
    font-size: 2rem;
    font-weight: 700;
  }
}
.c-headerbtn__subText {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  color: var(--white);
  margin-top: 6px;
  white-space: nowrap;
}
.c-headerbtn__arrow:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 2px var(--white);
  border-right: solid 2px var(--white);
  transform: rotate(45deg);
}
@media screen and (max-width: 960px) {
  .c-headerbtn__arrow:before {
    width: 10px;
    height: 10px;
  }
}

.c-largeBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 0 33px 0;
  gap: 4%;
  background-color: var(--primary-color);
  clip-path: polygon(0 0, calc(100% - 48px) 0, 100% 48px, 100% 100%, 0 100%);
}
@media screen and (max-width: 960px) {
  .c-largeBtn {
    padding: 24px 0 25px 0;
  }
}
@media screen and (max-width: 520px) {
  .c-largeBtn {
    padding: 8px 0 9px 0;
    clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 0 100%);
  }
}
.c-largeBtn__iconArea {
  width: 64px;
}
@media screen and (max-width: 960px) {
  .c-largeBtn__iconArea {
    width: 48px;
  }
}
@media screen and (max-width: 520px) {
  .c-largeBtn__iconArea {
    display: none;
  }
}
.c-largeBtn__textArea {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-largeBtn__mainText {
  font-size: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  font-weight: 900;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .c-largeBtn__mainText {
    font-size: 2rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 520px) {
  .c-largeBtn__mainText {
    font-size: 1.6rem;
  }
}
.c-largeBtn__subText {
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  font-weight: 700;
  color: var(--white);
  margin-top: 6px;
  white-space: nowrap;
}
.c-largeBtn__arrow:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 0;
  border-top: solid 5px var(--white);
  border-right: solid 5px var(--white);
  transform: rotate(45deg);
}
@media screen and (max-width: 960px) {
  .c-largeBtn__arrow:before {
    width: 16px;
    height: 16px;
    border-top: solid 3px var(--white);
    border-right: solid 3px var(--white);
  }
}
@media screen and (max-width: 520px) {
  .c-largeBtn__arrow:before {
    width: 8px;
    height: 8px;
    border-top: solid 3px var(--white);
    border-right: solid 3px var(--white);
  }
}

.c-newsLists {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 960px) {
  .c-newsLists {
    gap: 24px;
  }
}
.c-newsLists__item {
  padding: 0;
  width: 100%;
}
.c-newsLists__list {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 960px) {
  .c-newsLists__list {
    align-items: start;
    flex-direction: column;
    gap: 8px;
  }
}
.c-newsLists__timeArea {
  display: flex;
  align-items: center;
  gap: 16px;
}
.c-newsLists__time {
  white-space: nowrap;
  font-size: 2rem;
  color: var(--secondary-color);
}
.c-newsLists__divisionArea {
  width: 80px;
}
.c-newsLists__division {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  top: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  margin-top: 1px;
  font-size: 1.2rem;
  color: var(--white);
  line-height: 1;
  text-align: center;
  align-items: center;
  background-color: var(--primary-color);
}
.c-newsLists__titleArea {
  width: 100%;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-newsLists__title {
  width: 10px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.c-newsLists__arrowRight:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px var(--secondary-color);
  border-right: solid 2px var(--secondary-color);
  transform: rotate(45deg);
}

.c-overview {
  width: 100%;
}
.c-overview__table {
  width: 100%;
  max-width: 720px;
  margin: 64px auto 0 auto;
}
.c-overview__table tr:not(:first-child) {
  border-top: 1px solid var(--black);
}
.c-overview__table th {
  padding: 24px 0;
  border: none;
  width: 40%;
  vertical-align: middle;
}
@media screen and (max-width: 520px) {
  .c-overview__table th {
    width: 100%;
    display: block;
  }
}
.c-overview__table td {
  padding: 24px 0;
  border: none;
  vertical-align: middle;
}
@media screen and (max-width: 520px) {
  .c-overview__table td {
    width: 100%;
    display: block;
    padding-top: 0;
  }
}
.c-overview__accessInner {
  width: 100%;
  display: flex;
  gap: 2%;
}
@media screen and (max-width: 520px) {
  .c-overview__accessInner {
    flex-direction: column;
    gap: 16px;
  }
}
.c-overview__mapContainer {
  width: 100%;
  aspect-ratio: 1/1.2;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
.c-overview__map {
  width: 100%;
  flex: 1;
}
.c-overview__addressArea {
  height: auto;
  background-color: var(--white);
  padding: 32px;
}
@media screen and (max-width: 960px) {
  .c-overview__addressArea {
    padding: 16px;
  }
}
.c-overview__addressArea h3 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .c-overview__addressArea h3 {
    font-size: 2rem;
  }
}

.c-pageCatch {
  width: 100%;
  padding: 124px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .c-pageCatch {
    padding: 64px 0;
  }
}
.c-pageCatch__inner {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 0 2%;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .c-pageCatch__inner {
    padding: 0 8%;
  }
}
.c-pageCatch__title {
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: var(--white);
}
@media screen and (max-width: 960px) {
  .c-pageCatch__title {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 520px) {
  .c-pageCatch__title {
    font-size: 2.4rem;
  }
}
.c-pageCatch__text {
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: 500;
  color: var(--white);
  margin-top: 24px;
}
.c-pageCatch__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
  background-color: var(--white);
}
.c-pageCatch__backgroundImage {
  width: 100%;
  height: 100%;
  margin-left: auto;
}
.c-pageCatch__backgroundImage img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-pageFv {
  width: 100%;
  padding: 124px 0;
  position: relative;
  overflow: hidden;
  margin-top: 64px;
}
.c-pageFv__inner {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 0 2%;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .c-pageFv__inner {
    padding: 0 8%;
  }
}
.c-pageFv__textArea {
  border-left: 3px solid var(--primary-color);
  padding: 0 24px;
}
.c-pageFv__textJa {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
  color: var(--white);
  margin: 0;
}
.c-pageFv__textEn {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: bold;
  color: var(--white);
  margin-top: 8px;
}
@media screen and (max-width: 520px) {
  .c-pageFv__textEn {
    font-size: 4.8rem;
  }
}
.c-pageFv__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
  background-color: var(--white);
}
.c-pageFv__backgroundImage {
  width: 80%;
  height: 100%;
  margin-left: auto;
}
.c-pageFv__backgroundImage img {
  height: 100%;
}
.c-pageFv__parallelogram {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 70%;
  background-color: var(--secondary-color);
  transform: skewX(30deg);
}

.c-pageIntro {
  width: 100%;
  padding: 124px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .c-pageIntro {
    padding: 80px 0;
  }
}
.c-pageIntro__inner {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 0 2%;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .c-pageIntro__inner {
    padding: 0 8%;
  }
}
.c-pageIntro__textArea {
  width: 100%;
}
.c-pageIntro__title {
  font-size: 3.6rem;
  line-height: 160%;
  font-weight: bold;
  color: var(--secondary-color);
  word-break: keep-all;
  font-feature-settings: "palt";
}
@media screen and (max-width: 520px) {
  .c-pageIntro__title {
    font-size: 2.4rem;
  }
}
.c-pageIntro__emphasis {
  border-bottom: 3px solid var(--primary-color);
}
.c-pageIntro__text {
  color: var(--secondary-color);
  margin-top: 32px;
  width: 55%;
}
@media screen and (max-width: 960px) {
  .c-pageIntro__text {
    width: 100%;
  }
}
.c-pageIntro__pickup {
  width: 55%;
  margin-top: 32px;
}
@media screen and (max-width: 960px) {
  .c-pageIntro__pickup {
    width: 100%;
  }
}
.c-pageIntro__pickup p {
  width: -moz-fit-content;
  width: fit-content;
  padding: 16px 32px;
  margin: 0 auto;
  text-align: center;
  color: var(--primary-color);
  border: 3px solid var(--primary-color);
  font-weight: 700;
}
.c-pageIntro__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
  background-color: var(--white);
}
.c-pageIntro__backgroundImage {
  width: 60%;
  height: 100%;
  margin-left: auto;
  transition: 0.3s;
}
@media screen and (max-width: 960px) {
  .c-pageIntro__backgroundImage {
    opacity: 0.5;
    width: 70%;
  }
}
.c-pageIntro__backgroundImage img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-pageIntro__parallelogram {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40%;
  background-color: var(--white);
  transform: skewX(-30deg);
}
.c-pageIntro__subParallelogram {
  width: 101%;
  height: 101%;
  position: absolute;
  top: 0;
  right: 98%;
  transform: skewX(-30deg);
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .c-pageIntro__subParallelogram {
    right: 100%;
  }
}
@media screen and (max-width: 520px) {
  .c-pageIntro__subParallelogram {
    top: -16px;
  }
}
.c-pageIntro__subParallelogramFillTop {
  width: 100%;
  height: 20%;
  background-color: var(--primary-color);
  margin-bottom: 24px;
}
.c-pageIntro__subParallelogramFillBottom {
  width: 100%;
  height: 80%;
  background-color: var(--primary-color);
}

.c-serviceLists {
  width: 100%;
}
.c-serviceLists__list {
  width: 100%;
  position: relative;
  margin-top: 64px;
}
.c-serviceLists__listRight {
  margin-top: -80px;
}
@media screen and (max-width: 960px) {
  .c-serviceLists__listRight {
    margin-top: 64px;
  }
}
.c-serviceLists__inner {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: 0 auto;
  padding: 0px 2%;
}
@media screen and (max-width: 960px) {
  .c-serviceLists__inner {
    padding: 0px 8%;
  }
}
.c-serviceLists__innerRight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__innerRight {
    align-items: flex-start;
  }
}
.c-serviceLists__imageArea {
  width: 620px;
  padding: 0 0 0 70px;
  position: relative;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__imageArea {
    width: 110%;
    padding: 0;
  }
}
.c-serviceLists__imageAreaRight {
  margin-right: -120px;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__imageAreaRight {
    margin-right: 0;
  }
}
.c-serviceLists__title {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  left: 80px;
  bottom: 24px;
  z-index: 1;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--white);
  line-height: 140%;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__title {
    font-size: 2rem;
    left: 32px;
  }
}
.c-serviceLists__text {
  width: 500px;
  margin-top: 24px;
  line-height: 200%;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__text {
    width: 100%;
  }
}
.c-serviceLists__image {
  width: 480px;
  height: 240px;
  transform: skewX(-30deg);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 520px) {
  .c-serviceLists__image {
    width: 100%;
  }
}
.c-serviceLists__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: skewX(30deg) scale(1.5);
}
.c-serviceLists__background {
  width: 35%;
  height: 240px;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  background-color: #DDEAF6;
  z-index: -1;
  overflow: hidden;
}
.c-serviceLists__backgroundRight {
  right: 0px;
  left: auto;
}
.c-serviceLists__backgroundText {
  font-size: 14rem;
  font-weight: 900;
  white-space: nowrap;
  line-height: 11rem;
  color: rgba(255, 255, 255, 0.2);
}

.c-squareImage {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.c-squareImage__inner {
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.c-squareImage__title {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--white);
}
.c-squareImage__titleIndent {
  margin-left: 1.2rem;
}
.c-squareImage__textArea {
  width: 100%;
}
.c-squareImage__subtitle {
  margin-top: 16px;
  color: var(--white);
  font-weight: 700;
}
.c-squareImage__text {
  color: var(--white);
  padding-left: 24px;
  position: relative;
  margin-top: 8px;
  font-weight: 600;
}
.c-squareImage__text p::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 8px;
  top: 13px;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--white);
}
.c-squareImage__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
  background-color: var(--white);
}
.c-squareImage__backgroundImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: auto;
}
.c-squareImage__backgroundImage img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-squareImage__parallelogram {
  width: 101%;
  height: 101%;
  position: absolute;
  top: 0;
  right: 90%;
  background-color: var(--primary-color);
  transform: skewX(-30deg);
}
.c-squareImage__subParallelogram {
  width: 101%;
  height: 101%;
  position: absolute;
  top: 0;
  left: 110%;
  background-color: var(--white);
  transform: skewX(-30deg);
  z-index: 1;
  opacity: 0.5;
}
.c-squareImage__subParallelogramFillTop {
  width: 100%;
  height: 20%;
  background-color: var(--primary-color);
  margin-bottom: 24px;
}
.c-squareImage__subParallelogramFillBottom {
  width: 100%;
  height: 80%;
  background-color: var(--primary-color);
}

.c-swiper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-terms {
  width: 100%;
}
.c-terms__inlineBox {
  width: 100%;
  height: 480px;
  padding: 32px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid var(--black);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.c-terms__titleArea {
  width: 100%;
}
.c-terms__title {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 64px auto;
  font-size: 2.4rem;
  line-height: 160%;
  font-weight: 700;
  color: var(--secondary-color);
  border-bottom: solid 3px var(--primary-color);
}
.c-terms__heading {
  font-size: 2rem;
  line-height: 160%;
  font-weight: 700;
  color: var(--secondary-color);
}
.c-terms__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.c-terms__listDepthOne {
  width: 100%;
  padding-left: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  list-style: none;
  counter-reset: number;
}
.c-terms__listDepthOne li::before {
  margin-top: 2px;
  position: absolute;
  left: 0.5rem;
  counter-increment: number;
  content: counter(number) ".";
}
.c-terms__listDepthTwo {
  width: 100%;
  margin-top: 16px;
  padding-left: 4.8rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  list-style: none;
  counter-reset: number;
}
.c-terms__listDepthTwo li::before {
  margin-top: -1px;
  position: absolute;
  left: 0.5rem;
  counter-increment: number;
  content: "（" counter(number) "）";
}

.c-textBold {
  font-weight: 900;
}

/*
.c-title {
    margin: 124px 0 64px 0;
}
*/
.c-title__en {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: bold;
  color: var(--primary-color);
  margin: 0;
}
@media screen and (max-width: 520px) {
  .c-title__en {
    font-size: 4.8rem;
  }
}

.c-title__ja {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: var(--secondary-color);
  margin-top: 16px;
}
@media screen and (max-width: 520px) {
  .c-title__ja {
    font-size: 2rem;
    margin-top: 8px;
  }
}

.c-titleHighlight {
  width: 100%;
  margin-top: 64px;
}
.c-titleHighlight__catchArea {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__catchArea {
    justify-content: start;
  }
}
.c-titleHighlight__catchAreaLeft {
  justify-content: start;
}
.c-titleHighlight__en {
  position: absolute;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  text-align: start;
  color: var(--gray-200);
  font-size: 20rem;
  line-height: 0.8;
  font-weight: 900;
  z-index: -1;
  word-break: keep-all;
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__en {
    font-size: 12rem;
    text-align: end;
  }
}
.c-titleHighlight__enLeft {
  text-align: end;
}
.c-titleHighlight__ja {
  display: flex;
  align-items: end;
  justify-content: end;
  flex-wrap: wrap;
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__ja {
    justify-content: start;
  }
}
.c-titleHighlight__jaLeft {
  justify-content: start;
}
.c-titleHighlight__emphasisWrapper {
  margin-bottom: -5px;
}
.c-titleHighlight__catch {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: right;
  line-height: 4.8rem;
  font-size: 4.7rem;
  font-weight: 900;
  color: var(--font-black);
}
@media screen and (max-width: 960px) {
  .c-titleHighlight__catch {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__catch {
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-align: left;
  }
}
.c-titleHighlight__catchLeft {
  text-align: left;
}
.c-titleHighlight__catchEmphasis {
  font-size: 6.4rem;
}
@media screen and (max-width: 960px) {
  .c-titleHighlight__catchEmphasis {
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__catchEmphasis {
    font-size: 4rem;
  }
}
.c-titleHighlight__lead {
  text-align: right;
  font-size: 2rem;
  font-weight: 500;
  line-height: 200%;
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .c-titleHighlight__lead {
    margin-top: 64px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  .c-titleHighlight__lead {
    font-size: 1.4rem;
    text-align: left;
  }
}
.c-titleHighlight__leadLeft {
  text-align: left;
}
.c-titleHighlight__btnArea {
  width: 90%;
  max-width: 720px;
  margin: auto;
  margin-top: 80px;
}

.l-aboveFooter {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 520px) {
  .l-aboveFooter {
    flex-direction: column;
  }
}
.l-aboveFooter__wrapper {
  width: 100%;
  padding: 56px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  text-align: center;
  align-items: center;
}
.l-aboveFooter__inner {
  width: 70%;
  padding: 0 2%;
  margin: auto;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .l-aboveFooter__inner {
    width: 100%;
    padding: 0 8%;
  }
}
@media screen and (max-width: 520px) {
  .l-aboveFooter__inner {
    padding: 0 8%;
  }
}
.l-aboveFooter__textArea {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.l-aboveFooter__titleEn {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: 900;
  color: var(--primary-color);
  margin: 0;
}
@media screen and (max-width: 960px) {
  .l-aboveFooter__titleEn {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}
@media screen and (max-width: 520px) {
  .l-aboveFooter__titleEn {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
.l-aboveFooter__titleJa {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
  color: var(--white);
  margin-top: 16px;
}
.l-aboveFooter__text {
  font-size: 1.6rem;
  line-height: 160%;
  color: var(--white);
}
@media screen and (max-width: 960px) {
  .l-aboveFooter__text {
    font-size: 1.2rem;
    line-height: 160%;
  }
}
.l-aboveFooter__btnArea {
  display: inline-block;
  width: 340px;
  margin-top: 24px;
}
@media screen and (max-width: 960px) {
  .l-aboveFooter__btnArea {
    width: 240px;
  }
}
.l-aboveFooter__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
  background-color: var(--white);
}
.l-aboveFooter__backgroundImage {
  width: 100%;
  height: 100%;
}
.l-aboveFooter__backgroundImage img {
  height: 100%;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}

.l-footer {
  width: 100%;
  padding: 124px 0;
  position: relative;
  font-size: 1.6rem;
  line-height: 160%;
  color: var(--white);
  background-color: var(--secondary-color);
}
@media screen and (max-width: 520px) {
  .l-footer {
    padding: 64px 0;
    font-size: 1.2rem;
  }
}
.l-footer__inner {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: 0 auto;
  padding: 0 2%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .l-footer__inner {
    padding: 0 8%;
  }
}
@media screen and (max-width: 720px) {
  .l-footer__inner {
    flex-direction: column;
    gap: 32px;
  }
}
.l-footer__addressArea {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.l-footer__logo {
  max-width: clamp(180px, 19.4444444444vw, 240px);
}
.l-footer__nav {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 960px) {
  .l-footer__nav {
    gap: 8px;
  }
}
.l-footer__nav a {
  color: var(--white);
}
.l-footer__nav a:hover {
  color: var(--primary-color);
  transition: 0.3s;
}
.l-footer__nav li {
  margin-bottom: 8px;
}
.l-footer__nav li:last-child {
  margin-bottom: 0;
}
.l-footer__nav p {
  margin-bottom: 8px;
}
.l-footer__navIndent a {
  position: relative;
  padding-left: 40px;
}
.l-footer__navIndent a::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--white);
}
.l-footer__copyright {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 32px;
}

.l-form {
  width: 100%;
}
.l-form__titleText {
  margin-top: 32px;
}
.l-form__table {
  width: 100%;
  margin: 64px 0;
  font-size: 2rem;
  font-weight: 700;
  color: var(--secondary-color);
}
.l-form__table th {
  padding: 24px 0;
  width: 40%;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .l-form__table th {
    width: 100%;
    display: block;
  }
}
.l-form__table td {
  padding: 24px 0;
  border: none;
  vertical-align: middle;
}
@media screen and (max-width: 960px) {
  .l-form__table td {
    width: 100%;
    display: block;
    padding-top: 0;
  }
}
.l-form__req {
  margin-left: 24px;
  padding: 2px 16px 3px 16px;
  font-size: 1.4rem;
  vertical-align: 2px;
  color: var(--white);
  background-color: var(--primary-color);
}
.l-form__accept {
  text-align: center;
  color: var(--secondary-color);
  margin-bottom: 64px;
}
.l-form__accept a {
  border-bottom: 1px solid var(--primary-color);
}
.l-form__btnArea {
  width: 100%;
  max-width: 640px;
  margin: auto;
  position: relative;
  font-size: 2.4rem;
}
.l-form__arrowArea {
  position: absolute;
}
.l-form__pulldown {
  position: relative;
}
.l-form__arrowArea {
  position: absolute;
  top: calc(50% - 8px);
  right: 24px;
  z-index: 2;
}
@media screen and (max-width: 960px) {
  .l-form__arrowArea {
    top: calc(50% - 17px);
  }
}
.l-form__arrow {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  border-top: solid 2px var(--secondary-color);
  border-right: solid 2px var(--secondary-color);
  transform: rotate(135deg);
}
@media screen and (max-width: 960px) {
  .l-form__arrow {
    width: 10px;
    height: 10px;
  }
}

.text-input, .text-input-large {
  width: 100%;
  margin: 1px;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: 1px solid var(--gray-300);
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.01);
  background-color: var(--white);
}

.text-input:focus, .text-input-large:focus {
  margin: 0px;
  border: 2px solid var(--primary-color);
  outline: 0;
}

.radio-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 32px;
}

.first, .last {
  width: 100%;
  height: 100%;
}

.radio-btn input {
  margin-top: -4px;
  margin-right: 8px;
}

.radio-btn label {
  display: inline-block;
  width: 100%;
  margin: 1px;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: 1px solid var(--gray-300);
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.01);
  background-color: var(--white);
}

.select-content {
  position: relative;
  width: 100%;
  margin: 1px;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border: 1px solid var(--gray-300);
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.01);
  background-color: var(--white);
}
.select-content__wrapper {
  position: relative;
}
.select-content__arrow:before {
  position: absolute;
  top: calc(50% - 8px);
  right: 24px;
  z-index: 99;
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  border: 0;
  border-top: solid 2px var(--gray-300);
  border-right: solid 2px var(--gray-300);
  transform: rotate(135deg);
}
@media screen and (max-width: 960px) {
  .select-content__arrow:before {
    width: 10px;
    height: 10px;
  }
}

.accept {
  transform: scale(1.5);
  margin-right: 16px;
}

.submitBtn {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}

.wpcf7-list-item {
  margin: 0 0 0 0;
}

.l-globalNav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.l-globalNav__list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
}
@media screen and (max-width: 960px) {
  .l-globalNav__list {
    flex-direction: column;
  }
}
.l-globalNav__link {
  position: relative;
  transition: 400ms;
}
@media screen and (max-width: 960px) {
  .l-globalNav__linkService:hover {
    margin-bottom: 230px;
  }
}
.l-globalNav__dropMenu {
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 48px;
  overflow: hidden;
}
.l-globalNav__dropMenu:hover {
  left: -25%;
  width: 150%;
  height: auto;
}
.l-globalNav__dropLists {
  width: 100%;
  margin-top: 32px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: 500ms;
}
@media screen and (max-width: 960px) {
  .l-globalNav__dropLists {
    background-color: rgba(0, 0, 0, 0);
  }
}
.l-globalNav__dropMenu:hover .l-globalNav__dropLists {
  visibility: visible; /* 下層メニューを表示 */
  opacity: 1;
  margin-top: 64px;
}
.l-globalNav__dropList a {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--white);
}
.l-globalNav__line {
  width: 100%;
  height: 1px;
  background-color: var(--white);
}
.l-globalNav__en {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: var(--white);
}
.l-globalNav__ja {
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-weight: bold;
  text-align: center;
  color: var(--white);
  margin-top: 8px;
}
.l-globalNav__contactBtn {
  width: 100%;
}

.l-header {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 80px;
  min-height: 64px;
  padding: 16px 2%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);
}

.l-header__inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.l-header__logo {
  max-width: clamp(180px, 19.4444444444vw, 240px);
}

@media screen and (max-width: 960px) {
  .l-header__globalNav {
    width: 50%;
    height: 100%;
    margin: 124px 64px;
    position: fixed;
    top: 0;
    right: -100%;
    transition: all 0.5s;
    z-index: 2;
  }
}

.open .l-header__globalNav {
  right: 0;
}

/*--------------------------
Hamburger Btn
--------------------------*/
.l-header__hamburgerBtn {
  width: 32px;
  height: 32px;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 99;
  display: none;
}
@media screen and (max-width: 960px) {
  .l-header__hamburgerBtn {
    display: block;
  }
}

.l-header__hamburgerBtn span {
  display: block;
  width: 32px;
  height: 2px;
  position: absolute;
  background-color: var(--white);
  border-radius: 4px;
  transition: all 0.5s;
}

.l-header__hamburgerBtn span:nth-child(1) {
  top: 4px;
}

.l-header__hamburgerBtn span:nth-child(2) {
  top: 14px;
}

.l-header__hamburgerBtn span:nth-child(3) {
  bottom: 4px;
}

.open .l-header__hamburgerBtn span {
  background-color: #fff;
}

.open .l-header__hamburgerBtn span:nth-child(1) {
  transform: translateY(11px) rotate(-315deg);
}

.open .l-header__hamburgerBtn span:nth-child(2) {
  opacity: 0;
}

.open .l-header__hamburgerBtn span:nth-child(3) {
  transform: translateY(-11px) rotate(315deg);
}

/*--------------------------
mask
--------------------------*/
#mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
}

.open #mask {
  z-index: 1;
  visibility: visible;
  opacity: 0.8;
  background: var(--black);
  cursor: pointer;
}

.l-main {
  width: 100%;
  margin-top: -80px;
  position: relative;
}
.l-main__background {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  overflow: hidden;
  top: 0;
  z-index: -999;
}

.l-privacyPolicy {
  width: 100%;
}
.l-privacyPolicy__wrapper {
  width: 100%;
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.l-privacyPolicy__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.l-privacyPolicy__heading {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  color: var(--secondary-color);
}

.l-section {
  width: 100%;
  max-width: calc(1024px + 2%);
  margin: 0 auto;
  padding: 124px 2%;
}
@media screen and (max-width: 960px) {
  .l-section {
    padding: 80px 4%;
  }
}

.l-topAboveFooter {
  width: 100%;
  border-top: 4px solid var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
}
.l-topAboveFooter__wrapper {
  width: 100%;
  padding: 124px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__wrapper {
    padding: 80px 0;
  }
}
.l-topAboveFooter__inner {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 0 2%;
  margin: auto;
  text-align: right;
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__inner {
    padding: 0 8%;
  }
}
.l-topAboveFooter__textArea {
  display: flex;
  flex-direction: column;
  gap: 24px;
  color: var(--white);
}
.l-topAboveFooter__titleEn {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: bold;
  color: var(--white);
  margin: 0;
}
@media screen and (max-width: 520px) {
  .l-topAboveFooter__titleEn {
    font-size: 4.8rem;
  }
}
.l-topAboveFooter__titleJa {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: bold;
  color: var(--white);
  margin-top: 16px;
}
.l-topAboveFooter__text {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__text {
    font-size: 1.6rem;
    line-height: 160%;
  }
}
@media screen and (max-width: 520px) {
  .l-topAboveFooter__text {
    font-size: 1.4rem;
    line-height: 160%;
  }
}
.l-topAboveFooter__btnArea {
  display: inline-block;
  width: 340px;
  margin-top: 24px;
}
@media screen and (max-width: 520px) {
  .l-topAboveFooter__btnArea {
    width: 240px;
  }
}
.l-topAboveFooter__innerContact {
  text-align: left;
}
.l-topAboveFooter__background {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -99;
}
.l-topAboveFooter__backgroundContact {
  justify-content: end;
}
.l-topAboveFooter__backgroundImage {
  width: 60%;
  height: 100%;
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__backgroundImage {
    width: 100%;
  }
}
.l-topAboveFooter__backgroundImageContact {
  width: 60%;
  height: 100%;
  right: 0;
}
.l-topAboveFooter__backgroundImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}
.l-topAboveFooter__parallelogram {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: -50%;
  background-color: var(--secondary-color);
  transform: skewX(-20deg);
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__parallelogram {
    display: none;
  }
}
.l-topAboveFooter__filter {
  display: none;
}
@media screen and (max-width: 960px) {
  .l-topAboveFooter__filter {
    display: inline-block;
  }
}
.l-topAboveFooter__parallelogramContact {
  right: 50%;
}

.p-about {
  width: 100%;
}
.p-about__greetingInner {
  width: 100%;
  padding: 64px;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 960px) {
  .p-about__greetingInner {
    padding: 32px;
  }
}
.p-about__greetingFlex {
  width: 100%;
  margin-top: 64px;
  display: flex;
  gap: 4%;
}
@media screen and (max-width: 960px) {
  .p-about__greetingFlex {
    flex-direction: column;
    gap: 32px;
  }
}
.p-about__greetingImageArea {
  flex: 2;
  position: relative;
  overflow: hidden;
}
.p-about__greetingImage {
  width: 100%;
  aspect-ratio: 1/1;
}
.p-about__greetingImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-about__parallelogram {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  background-color: var(--primary-color);
  transform: skewX(-30deg);
  z-index: 1;
  opacity: 0.5;
}
.p-about__subParallelogram {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 110%;
  background-color: var(--white);
  transform: skewX(-30deg);
  z-index: 1;
  opacity: 0.5;
}
.p-about__greetingTextArea {
  flex: 3;
}
.p-about__companyTable {
  width: 100%;
  max-width: 720px;
  margin: 64px auto 0 auto;
}
.p-about__companyTable tr:not(:first-child) {
  border-top: 1px solid var(--black);
}
.p-about__companyTable th {
  padding: 24px 0;
  border: none;
  width: 40%;
  vertical-align: middle;
}
@media screen and (max-width: 520px) {
  .p-about__companyTable th {
    width: 100%;
    display: block;
  }
}
.p-about__companyTable td {
  padding: 24px 0;
  border: none;
  vertical-align: middle;
}
@media screen and (max-width: 520px) {
  .p-about__companyTable td {
    width: 100%;
    display: block;
    padding-top: 0;
  }
}
.p-about__accessInner {
  width: 100%;
  margin-top: 64px;
  display: flex;
  gap: 2%;
}
@media screen and (max-width: 520px) {
  .p-about__accessInner {
    flex-direction: column;
    gap: 16px;
  }
}
.p-about__mapContainer {
  width: 100%;
  aspect-ratio: 1/1.2;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
.p-about__map {
  width: 100%;
  flex: 1;
}
.p-about__addressArea {
  height: auto;
  background-color: var(--white);
  padding: 32px;
}
@media screen and (max-width: 960px) {
  .p-about__addressArea {
    padding: 16px;
  }
}
.p-about__addressArea h3 {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .p-about__addressArea h3 {
    font-size: 2rem;
  }
}

.p-agent__inner {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: auto;
  padding: 0 2%;
}
.p-agent__lgInner {
  width: 100%;
  max-width: calc(1440px + 4%);
  margin: auto;
  padding: 0 2%;
}
.p-agent__title {
  width: 100%;
}
.p-agent__mainTitle {
  font-size: 6.4rem;
  line-height: 6.4rem;
  font-weight: 700;
  margin-bottom: 16px;
  color: var(--secondary-color);
}
@media screen and (max-width: 520px) {
  .p-agent__mainTitle {
    font-size: 4.8rem;
    line-height: 4.8rem;
    margin-bottom: 8px;
  }
}
.p-agent__jaTitle {
  font-size: 5.6rem;
  vertical-align: 0.3rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--secondary-color);
}
@media screen and (max-width: 520px) {
  .p-agent__jaTitle {
    font-size: 4rem;
    line-height: 4.8rem;
  }
}
.p-agent__subTitle {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--black);
}
@media screen and (max-width: 520px) {
  .p-agent__subTitle {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}
.p-agent__catchArea {
  width: 100%;
  text-align: end;
}
.p-agent__catch {
  font-size: 4.8rem;
  line-height: 4.8rem;
  font-weight: 700;
  color: var(--black);
  margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .p-agent__catch {
    font-size: 3.2rem;
    line-height: 160%;
  }
}
@media screen and (max-width: 520px) {
  .p-agent__catch {
    font-size: 3.2rem;
    line-height: 160%;
  }
}
.p-agent__catchEmphasis {
  font-size: 6.4rem;
  line-height: 6.4rem;
}
@media screen and (max-width: 960px) {
  .p-agent__catchEmphasis {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
@media screen and (max-width: 520px) {
  .p-agent__catchEmphasis {
    font-size: 3.2rem;
    line-height: 120%;
  }
}
.p-agent__btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2%;
  padding: 32px 0;
  background-color: var(--secondary-color);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
  transition: 300ms;
}
@media screen and (max-width: 960px) {
  .p-agent__btn {
    padding: 24px 0;
  }
}
@media screen and (max-width: 520px) {
  .p-agent__btn {
    padding: 12px;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
  }
}
.p-agent__btn:hover {
  background-color: #6a8bac;
  opacity: 1;
}
.p-agent__btnText {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: var(--white);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .p-agent__btnText {
    font-size: 2rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 520px) {
  .p-agent__btnText {
    font-size: 1.4rem;
  }
}
.p-agent__arrow {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  border-top: solid 3px var(--white);
  border-right: solid 3px var(--white);
  transform: rotate(45deg);
}
@media screen and (max-width: 520px) {
  .p-agent__arrow {
    width: 12px;
    height: 12px;
  }
}
.p-agent__backgroundImageArea {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: calc(100% + 2px);
}
.p-agent__backgroundImage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: skewY(-13deg);
}
.p-agent__backgroundImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: skewY(13deg) scale(1.5);
}
.p-agent__fixedShade {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--gray-300);
  opacity: 0.9;
  z-index: 1;
}
.p-agent__fixedDark {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--gray-400);
  opacity: 0.9;
  z-index: 1;
}
.p-agent__copyright {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: auto;
  padding: 0 2%;
  text-align: end;
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
}

.p-agent-header {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 56px;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.1);
}
.p-agent-header__logo {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 8px;
  margin-right: auto;
}
.p-agent-header__logo img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-agent-fv {
  width: 100%;
  max-height: 1100px;
  aspect-ratio: 3/2;
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vw), 0 100%);
}
@media screen and (max-width: 960px) {
  .p-agent-fv {
    aspect-ratio: none;
    height: 800px;
  }
}
.p-agent-fv__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.p-agent-fv__textArea {
  width: 65%;
  padding: 2%;
  position: absolute;
  top: 5%;
  right: 0;
  text-align: end;
}
@media screen and (max-width: 960px) {
  .p-agent-fv__textArea {
    width: 100%;
    top: auto;
    bottom: 40%;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-fv__textArea {
    top: 7%;
    bottom: auto;
    white-space: nowrap;
  }
}
.p-agent-fv__headingArea {
  font-weight: 700;
  color: var(--black);
  margin-bottom: 32px;
}
@media screen and (max-width: 520px) {
  .p-agent-fv__headingArea {
    margin-bottom: 8px;
  }
}
.p-agent-fv__headingArea p {
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
  font-size: clamp(2.4rem, 3.2vw, 4.8rem);
  line-height: clamp(3.2rem, 4vw, 5.6rem);
}
.p-agent-fv__headingLg {
  font-size: 1.3em;
}
.p-agent-fv__initialsColor {
  color: var(--secondary-color);
}
.p-agent-fv__IndustryLists {
  width: 100%;
  margin-left: auto;
}
.p-agent-fv__IndustryListsFlex {
  display: flex;
  justify-content: end;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.p-agent-fv__IndustryList {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 24px;
  background-color: var(--white);
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 1140px) {
  .p-agent-fv__IndustryList {
    padding: 4px 16px;
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 960px) {
  .p-agent-fv__IndustryList {
    padding: 2px 8px;
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-fv__IndustryList {
    padding: 2px 4px;
    font-size: 1rem;
    line-height: 1rem;
  }
}
.p-agent-fv__catchArea {
  width: 100%;
  position: absolute;
  bottom: 15vw;
  padding: 0 2%;
  transform: rotate(-13deg);
  font-size: clamp(4.2rem, 5.6vw, 9.6rem);
  font-weight: 900;
  color: var(--white);
  text-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 520px) {
  .p-agent-fv__catchArea {
    font-size: 3.2rem;
  }
}
.p-agent-fv__catchFirstLine {
  display: flex;
  justify-content: start;
}
.p-agent-fv__catchSecondLine {
  display: flex;
  justify-content: end;
  margin-top: -3vw;
}
.p-agent-fv__catchSm {
  font-size: 1em;
}
.p-agent-fv__catchMd {
  font-size: 1.15em;
}
.p-agent-fv__catchLg {
  font-size: 1.45em;
}
.p-agent-fv__character {
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: auto;
  height: 100%;
  z-index: -2;
}
@media screen and (max-width: 520px) {
  .p-agent-fv__character {
    width: 420px;
    height: auto;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
.p-agent-fv__character img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-agent-fv__backgroundImage {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -3;
}
.p-agent-fv__backgroundImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.3;
}

.p-agent-select {
  width: 100%;
  min-height: 260px;
  height: 20vw;
  max-height: 320px;
  display: flex;
  background-color: var(--white);
  transform: skewY(-13deg) translateY(-15vw);
}
@media screen and (max-width: 960px) {
  .p-agent-select {
    height: 25vw;
    min-height: 120px;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-select {
    height: 124px;
  }
}
.p-agent-select__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 520px) {
  .p-agent-select__wrapper {
    padding: 24px;
  }
}
.p-agent-select__inner {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  gap: 24px;
  align-items: center;
  transform: skewY(13deg);
  color: var(--white);
}
.p-agent-select__mainText {
  font-size: 3.6rem;
  line-height: 3.6rem;
  font-weight: 700;
  margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
  .p-agent-select__mainText {
    font-size: 2.4rem;
    line-height: 2.4rem;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 960px) {
  .p-agent-select__mainText {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
.p-agent-select__subText {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .p-agent-select__subText {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-select__subText {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
}
.p-agent-select__arrow {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  border-top: solid 3px var(--white);
  border-right: solid 3px var(--white);
  transform: rotate(45deg);
}
.p-agent-select__backgroundImage {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: auto;
  transform: skewY(13deg) scale(1.4);
}
@media screen and (max-width: 960px) {
  .p-agent-select__backgroundImage {
    transform: skewY(13deg) scale(1.6);
  }
}

.p-agent-message {
  width: 100%;
  padding-bottom: 64px;
}
.p-agent-message__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .p-agent-message__inner {
    flex-direction: column;
    align-items: start;
    gap: 64px;
  }
}
.p-agent-message__textArea {
  line-height: 200%;
}

.p-agent-intro {
  padding: 124px 0;
  overflow: hidden;
}
.p-agent-intro__inner {
  position: relative;
}
.p-agent-intro__titleArea {
  margin: 64px 0 32px 0;
}
.p-agent-intro__introImageArea {
  position: absolute;
  top: 60%;
  right: 0px;
  z-index: -1;
  width: 400px;
  aspect-ratio: 5/4;
  transition: 300ms;
}
@media screen and (max-width: 960px) {
  .p-agent-intro__introImageArea {
    opacity: 0.2;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-intro__introImageArea {
    opacity: 0.5;
    width: 200px;
    top: 40%;
  }
}
.p-agent-intro__introImage {
  width: 100%;
  height: 100%;
  transform: skewY(-13deg) translateY(-215px);
  overflow: hidden;
}
.p-agent-intro__introImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: skewY(13deg) scale(1.3);
}

.p-agent-flow {
  padding: 124px 0 64px 0;
  position: relative;
}
.p-agent-flow__titleArea {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 64px auto;
}
.p-agent-flow__lists {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2%;
}
@media screen and (max-width: 520px) {
  .p-agent-flow__lists {
    grid-template-columns: 1fr 1fr;
    gap: 2% 5%;
  }
}
.p-agent-flow__listWrapper {
  margin: 0 0 50% 0;
}
@media screen and (max-width: 520px) {
  .p-agent-flow__listWrapper {
    margin: 0 0 25% 0;
  }
}
.p-agent-flow__listWrapper:nth-child(even) {
  margin: 50% 0 0 0;
}
@media screen and (max-width: 520px) {
  .p-agent-flow__listWrapper:nth-child(even) {
    margin: 25% 0 0 0;
  }
}
.p-agent-flow__list {
  position: relative;
  width: 100%;
  aspect-ratio: 9/12;
}
.p-agent-flow__textArea {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 4%;
  color: var(--font-black);
}
.p-agent-flow__step {
  font-size: 1.4rem;
  line-height: 5.6rem;
  font-weight: 900;
}
@media screen and (max-width: 960px) {
  .p-agent-flow__step {
    font-size: 1.2rem;
  }
}
.p-agent-flow__number {
  font-size: clamp(2.4rem, 5.6vw, 8rem);
  line-height: clamp(2.4rem, 4vw, 8rem);
}
@media screen and (max-width: 520px) {
  .p-agent-flow__number {
    font-size: 4.8rem;
    line-height: 4.8rem;
  }
}
.p-agent-flow__text {
  font-weight: 700;
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 520px) {
  .p-agent-flow__text {
    font-size: 1.4rem;
  }
}
.p-agent-flow__image {
  position: absolute;
  top: 10%;
  z-index: -1;
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewY(-13deg);
  overflow: hidden;
}
.p-agent-flow__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: skewY(13deg) scale(1.3);
}

.p-agent-reason {
  padding: 64px 0;
  position: relative;
}
.p-agent-reason__titleArea {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto 64px auto;
}
.p-agent-reason__listsShiftOne {
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .p-agent-reason__listsShiftOne {
    width: 100%;
  }
}
.p-agent-reason__listsShift {
  max-width: 1080px;
}
.p-agent-reason__left {
  margin-right: auto;
}
.p-agent-reason__right {
  margin-left: auto;
}
.p-agent-reason__list {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin-bottom: 64px;
  display: grid;
  grid-template-columns: 2fr 5fr;
  transform: skewX(-30deg);
  background-color: var(--white);
}
@media screen and (max-width: 520px) {
  .p-agent-reason__list {
    grid-template-columns: 1fr;
    margin-bottom: 32px;
    min-height: 160px;
  }
}
.p-agent-reason__image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 6/5;
  overflow: hidden;
}
@media screen and (max-width: 520px) {
  .p-agent-reason__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 35%;
    opacity: 0.3;
  }
}
.p-agent-reason__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: skewX(30deg) scale(1.6);
}
.p-agent-reason__textArea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  width: 100%;
  padding: 10%;
  transform: skewX(30deg);
}
@media screen and (max-width: 960px) {
  .p-agent-reason__textArea {
    gap: 8px;
    padding: 4% 6%;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-reason__textArea {
    padding: 5% 10%;
  }
}
.p-agent-reason__heading {
  font-size: 2.4rem;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .p-agent-reason__heading {
    font-size: 2rem;
  }
}
.p-agent-reason__text {
  font-size: 1.6rem;
  line-height: 160%;
}
@media screen and (max-width: 960px) {
  .p-agent-reason__text {
    font-size: 1.4rem;
    line-height: 140%;
  }
}

.p-agent-numbers {
  padding: 124px 0;
}
.p-agent-numbers__inner {
  width: 100%;
  padding: 56px;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 520px) {
  .p-agent-numbers__inner {
    padding: 24px;
  }
}
.p-agent-numbers__lists {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 6%;
  margin-top: 24px;
}
.p-agent-numbers__text {
  margin-top: 8px;
  font-size: 1.4rem;
  text-align: center;
}

.p-agent-cta {
  width: 100%;
  padding: 160px 0;
  position: relative;
}
@media screen and (max-width: 520px) {
  .p-agent-cta {
    padding: 64px 0;
  }
}
.p-agent-cta__textArea {
  width: 100%;
  text-align: center;
}
.p-agent-cta__text {
  font-size: 3.6rem;
  font-weight: 700;
  margin-bottom: 32px;
  color: var(--white);
}
@media screen and (max-width: 960px) {
  .p-agent-cta__text {
    font-size: 2.4rem;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-cta__text {
    font-size: 2rem;
    margin-bottom: 16px;
  }
}
.p-agent-cta__btnArea {
  width: 90%;
  max-width: 720px;
  margin: auto;
}
.p-agent-cta__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.p-agent-cta__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-agent-recommend {
  position: relative;
  padding: 124px 0;
}
.p-agent-recommend__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-agent-recommend__lists {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media screen and (max-width: 960px) {
  .p-agent-recommend__lists {
    max-width: 640px;
    grid-template-columns: 1fr;
    margin: auto;
  }
}
.p-agent-recommend__list {
  width: 100%;
  padding: 16px;
  background-color: var(--secondary-color);
  clip-path: polygon(0 0, 100% 0, calc(100% - 1.6rem - 24px) 100%, 0% 100%);
}
.p-agent-recommend__text {
  position: relative;
  padding-left: 40px;
  color: var(--white);
}
.p-agent-recommend__text::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--white);
}

.p-agent-featire {
  position: relative;
  padding: 124px 0;
}
.p-agent-featire__inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-agent-featire__titleArea {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-agent-featire__lists {
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-agent-featire__left {
  margin-right: auto;
}
.p-agent-featire__right {
  margin-left: auto;
}

.p-agent-contact {
  padding: 124px 0;
}
.p-agent-contact__req {
  background-color: var(--secondary-color);
}
.p-agent-contact__btnColor {
  background-color: var(--secondary-color);
}

.p-agent-footer__btnArea {
  width: 640px;
}
@media screen and (max-width: 960px) {
  .p-agent-footer__btnArea {
    width: 60%;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-footer__btnArea {
    width: 100%;
  }
}
.p-agent-footer__btnArea a {
  background-color: var(--primary-color);
}
@media screen and (max-width: 520px) {
  .p-agent-footer__btnArea a {
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
  }
}
.p-agent-footer__btnArea p {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
@media screen and (max-width: 960px) {
  .p-agent-footer__btnArea p {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-footer__btnArea p {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }
}
.p-agent-footer__btnArea div {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  border: 0;
  border-top: solid 3px var(--white);
  border-right: solid 3px var(--white);
}
@media screen and (max-width: 960px) {
  .p-agent-footer__btnArea div {
    width: 10px;
    height: 10px;
    margin-top: 3px;
  }
}
@media screen and (max-width: 520px) {
  .p-agent-footer__btnArea div {
    font-size: 8px;
    line-height: 8px;
  }
}

.p-agent-thanks {
  width: 100%;
}
.p-agent-thanks__inner {
  width: 100%;
  margin: 32px 0;
  padding: 120px 8%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: center;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
.p-agent-thanks__title {
  font-size: 2.4rem;
  font-weight: 700;
}
.p-agent-thanks__btnArea {
  width: 100%;
  max-width: 640px;
  margin: auto;
}
@media screen and (max-width: 520px) {
  .p-agent-thanks__btnArea {
    width: 80%;
  }
}

.p-archive {
  width: 100%;
}
.p-archive__newsArea {
  margin: 64px 0;
}
@media screen and (max-width: 520px) {
  .p-archive__newsArea {
    margin: 32px;
  }
}

.p-challenge {
  width: 100%;
}
.p-challenge__service {
  width: 100%;
  margin-bottom: 124px;
}
@media screen and (max-width: 960px) {
  .p-challenge__service {
    margin-bottom: 80px;
  }
}
.p-challenge__suportImage {
  padding: 0 124px;
}
@media screen and (max-width: 960px) {
  .p-challenge__suportImage {
    padding: 0 64px;
  }
}
@media screen and (max-width: 520px) {
  .p-challenge__suportImage {
    padding: 0;
  }
}
.p-challenge__suportText {
  width: 100%;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 64px;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .p-challenge__suportText {
    white-space: normal;
  }
}

.p-creative-fratire {
  width: 100%;
}
.p-creative-fratire__lists {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .p-creative-fratire__lists {
    flex-direction: column;
    gap: 64px;
  }
}
@media screen and (max-width: 520px) {
  .p-creative-fratire__lists {
    flex-direction: column;
    gap: 32px;
  }
}
.p-creative-fratire__list {
  width: 100%;
  height: 320px;
  margin-top: 0px;
  display: flex;
  gap: 64px;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .p-creative-fratire__list {
    width: 50%;
    height: 400px;
    min-width: 400px;
  }
}
@media screen and (max-width: 520px) {
  .p-creative-fratire__list {
    width: 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .p-creative-fratire__list:nth-child(even) {
    margin-left: auto;
  }
}

.p-creative-service {
  width: 100%;
  margin-bottom: 124px;
}
.p-creative-service__title {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: 0 auto;
  padding: 0px 2%;
}
@media screen and (max-width: 960px) {
  .p-creative-service__title {
    padding: 0px 8%;
  }
}
.p-creative-service__lists {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  margin-top: 80px;
}
.p-creative-service__list {
  width: 100%;
  margin-top: 0px;
  display: flex;
  gap: 64px;
  justify-content: space-between;
}

.p-hrAgent {
  width: 100%;
  /*---------------
  VOICE section
  ---------------*/
  /*---------------
  FAQ section
  ---------------*/
  /*---------------
  CTA section
  ---------------*/
}
.p-hrAgent__reasonIntro {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 124px 2%;
}
@media screen and (max-width: 960px) {
  .p-hrAgent__reasonIntro {
    padding: 80px 5%;
  }
}
.p-hrAgent__reasonIntroTextArea {
  width: 100%;
  padding: 56px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background-color: var(--white);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
.p-hrAgent__reasonIntroTitle {
  width: 100%;
  max-width: 800px;
  font-size: 4.8rem;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .p-hrAgent__reasonIntroTitle {
    font-size: 3.2rem;
  }
}
.p-hrAgent__reasonIntroText {
  width: 100%;
  max-width: 560px;
}
.p-hrAgent__service {
  width: 100%;
  margin-bottom: 124px;
}
@media screen and (max-width: 960px) {
  .p-hrAgent__service {
    margin-bottom: 80px;
  }
}
.p-hrAgent__title {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: 0 auto;
  padding: 0px 2%;
}
@media screen and (max-width: 960px) {
  .p-hrAgent__title {
    padding: 0px 8%;
  }
}
.p-hrAgent__voiceLists {
  margin: 64px 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.p-hrAgent__voiceList {
  width: 100%;
  display: flex;
  background-color: var(--white);
  border: solid 6px var(--primary-color);
}
@media screen and (max-width: 520px) {
  .p-hrAgent__voiceList {
    flex-direction: column;
  }
}
.p-hrAgent__leftContainer {
  width: 30%;
  display: flex;
  background-color: var(--primary-color);
}
@media screen and (max-width: 520px) {
  .p-hrAgent__leftContainer {
    width: 100%;
    flex-direction: column;
  }
}
.p-hrAgent__iconArea {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 8px;
}
.p-hrAgent__iconArea img {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 520px) {
  .p-hrAgent__iconArea img {
    width: 24%;
  }
}
.p-hrAgent__iconArea p {
  margin-top: 8px;
  display: inline-block;
  color: var(--white);
}
.p-hrAgent__iconTriangle {
  width: 80px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  background-color: var(--white);
  transform: translateX(1px);
}
@media screen and (max-width: 520px) {
  .p-hrAgent__iconTriangle {
    width: 100%;
    height: 40px;
    transform: translateX(0px) translateY(1px);
    clip-path: polygon(50% 0, 100% 100%, 0% 100%);
  }
}
.p-hrAgent__rightContainer {
  width: 70%;
  padding: 24px;
}
@media screen and (max-width: 520px) {
  .p-hrAgent__rightContainer {
    width: 100%;
  }
}
.p-hrAgent__voiceTitle {
  font-size: 2rem;
  font-weight: 700;
}
.p-hrAgent__voiceText {
  line-height: 2.4rem;
  margin-top: 16px;
}
.p-hrAgent__massageTextArea {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  padding: 64px 0;
  background-color: var(--white);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
.p-hrAgent__massageIntroTitle {
  font-size: 2.4rem;
  font-weight: 700;
}
.p-hrAgent__massageIntroText {
  margin-top: 16px;
}
.p-hrAgent__faq {
  width: 100%;
  margin-bottom: 124px;
}
@media screen and (max-width: 960px) {
  .p-hrAgent__faq {
    margin-bottom: 80px;
  }
}
.p-hrAgent__faqLists {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-hrAgent__faqList {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.p-hrAgent__faqContent {
  width: 100%;
  position: relative;
}
.p-hrAgent__faqContentInner {
  width: 100%;
  max-width: calc(720px + 4%);
  margin: 0 auto;
  padding: 16px 2%;
  position: relative;
}
.p-hrAgent__faqContentText {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--white);
}
@media screen and (max-width: 960px) {
  .p-hrAgent__faqContentText {
    font-size: 2rem;
  }
}
@media screen and (max-width: 520px) {
  .p-hrAgent__faqContentText {
    font-size: 1.4rem;
  }
}
.p-hrAgent__answerText {
  text-align: end;
  color: var(--secondary-color);
}
@media screen and (max-width: 960px) {
  .p-hrAgent__answerText {
    width: 80%;
    margin-left: auto;
  }
}
@media screen and (max-width: 520px) {
  .p-hrAgent__answerText {
    width: 90%;
    margin-left: auto;
  }
}
.p-hrAgent__backgroundParallelogram {
  width: 80%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -5%;
  z-index: -1;
  background-color: var(--primary-color);
  transform: skewX(-30deg);
}
@media screen and (max-width: 960px) {
  .p-hrAgent__backgroundParallelogram {
    width: 90%;
  }
}
@media screen and (max-width: 520px) {
  .p-hrAgent__backgroundParallelogram {
    width: 100%;
  }
}
.p-hrAgent__answerBackgroundParallelogram {
  background-color: var(--white);
  left: auto;
  right: -5%;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
.p-hrAgent__cta {
  background-color: var(--white);
}
.p-hrAgent__ctaInner {
  width: 80%;
  max-width: 720px;
  margin: 0 auto;
}
@media screen and (max-width: 520px) {
  .p-hrAgent__ctaInner {
    width: 100%;
  }
}
.p-hrAgent__ctaAnnotation {
  width: 100%;
  margin-top: 8px;
  text-align: center;
}

.p-news {
  width: 100%;
}
.p-news__newsArea {
  margin: 64px 0;
}
@media screen and (max-width: 520px) {
  .p-news__newsArea {
    margin: 32px;
  }
}
.p-news__wrapper {
  width: 100%;
}
.p-news__titleArea {
  margin: 16px 0;
}
.p-news__title {
  font-size: 3.6rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.p-news__btnArea {
  width: 100%;
  max-width: 640px;
  margin: 64px auto;
  padding: 0 4%;
}

.p-news-article__wrapper {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-news-article__pageNav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin: 64px auto 0 auto;
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: var(--secondary-color);
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

.page-numbers {
  font-size: 1.6rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: var(--secondary-color);
}

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

.prev {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 0;
  border-top: solid 2px var(--black);
  border-right: solid 2px var(--black);
  transform: rotate(-135deg);
}
@media screen and (max-width: 960px) {
  .prev {
    width: 8px;
    height: 8px;
  }
}

.next {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 0;
  border-top: solid 2px var(--black);
  border-right: solid 2px var(--black);
  transform: rotate(45deg);
}
@media screen and (max-width: 960px) {
  .next {
    width: 8px;
    height: 8px;
  }
}

.p-recruit-point {
  margin-bottom: 124px;
}
.p-recruit-point__inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 124px;
}
.p-recruit-point__content {
  width: 100%;
  min-height: 540px;
  position: relative;
}
.p-recruit-point__textArea {
  width: 100%;
}
.p-recruit-point__number {
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 24px;
}
.p-recruit-point__catch {
  font-size: 6.4rem;
  font-weight: 900;
  margin-bottom: 32px;
  text-shadow: 0px 6px 8px rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 960px) {
  .p-recruit-point__catch {
    font-size: 4.6rem;
  }
}
@media screen and (max-width: 520px) {
  .p-recruit-point__catch {
    font-size: 3.8rem;
  }
}
.p-recruit-point__text {
  width: 40%;
}
@media screen and (max-width: 960px) {
  .p-recruit-point__text {
    width: 100%;
  }
}
.p-recruit-point__heading {
  position: absolute;
  right: -12rem;
  bottom: -6.2rem;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: -32px;
  font-size: 12.4rem;
  font-weight: 900;
  text-align: end;
  white-space: nowrap;
  opacity: 0.7;
  color: var(--primary-color);
}
@media screen and (max-width: 960px) {
  .p-recruit-point__heading {
    right: 0;
    bottom: -5rem;
    font-size: 10rem;
  }
}
@media screen and (max-width: 520px) {
  .p-recruit-point__heading {
    bottom: 0rem;
    font-size: 6.4rem;
    line-height: 6.4rem;
    white-space: normal;
  }
}
.p-recruit-point__imageArea {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 560px;
  aspect-ratio: 3/2;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .p-recruit-point__imageArea {
    margin-top: 32px;
    width: 400px;
    margin-left: auto;
    position: relative;
    align-items: end;
  }
}
@media screen and (max-width: 520px) {
  .p-recruit-point__imageArea {
    width: 320px;
  }
}
.p-recruit-point__image {
  width: 100%;
  height: 100%;
  transform: skewX(30deg);
  overflow: hidden;
}
.p-recruit-point__image img {
  width: 100%;
  height: 100%;
  transform: skewX(-30deg) scale(1.5);
  -o-object-fit: cover;
     object-fit: cover;
}
.p-recruit-point__imageShadow {
  position: absolute;
  top: 80px;
  left: 160px;
  z-index: -2;
  width: 100%;
  height: 100%;
  transform: skewX(30deg);
  background-color: #DDEAF6;
}

.p-recruit-position {
  width: 100%;
}
.p-recruit-position__wrapper {
  width: 100%;
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media screen and (max-width: 960px) {
  .p-recruit-position__wrapper {
    grid-template-columns: 1fr;
  }
}
.p-recruit-position__content {
  width: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  background-color: var(--primary-color);
  color: var(--white);
}
.p-recruit-position__contentTitle {
  width: 100%;
  font-size: 2.4rem;
  line-height: 160%;
  font-weight: 700;
}
.p-recruit-position__line {
  width: 100%;
  border-bottom: 2px solid var(--white);
}
.p-recruit-position__text {
  width: 100%;
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: 500;
}
.p-recruit-position__lists {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.p-recruit-position__list {
  width: 100%;
  position: relative;
  padding-left: 2.4rem;
}
@media screen and (max-width: 520px) {
  .p-recruit-position__list {
    padding-left: 1.6rem;
  }
}
.p-recruit-position__list::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--white);
}
@media screen and (max-width: 520px) {
  .p-recruit-position__list::before {
    left: 0.2rem;
  }
}

.p-recruit-process__wrapper {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-recruit-process__inner {
  width: 100%;
  position: relative;
}
.p-recruit-process__flex {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2%;
}
@media screen and (max-width: 520px) {
  .p-recruit-process__flex {
    padding: 0;
    gap: 32px;
    grid-template-columns: 1fr 1fr;
  }
}
.p-recruit-process__content {
  width: 100%;
  aspect-ratio: 2/3;
  position: relative;
}
.p-recruit-process__imageWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: skewX(-30deg);
}
.p-recruit-process__imageArea {
  width: 100%;
  height: 80%;
  position: relative;
  overflow: hidden;
}
.p-recruit-process__imageAreaBottom {
  position: absolute;
  top: auto;
  bottom: 0;
}
.p-recruit-process__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.p-recruit-process__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: skewX(30deg) scale(1.7);
}
.p-recruit-process__number {
  font-size: clamp(4.8rem, 8vw, 9.6rem);
  line-height: 9.6rem;
  font-weight: 900;
  position: absolute;
  top: -4%;
  left: 22%;
  color: var(--primary-color);
  text-shadow: 0px 4px 8px rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 520px) {
  .p-recruit-process__number {
    font-size: clamp(3.2rem, 16vw, 16rem);
  }
}
.p-recruit-process__numberBottom {
  top: 18%;
  left: 4%;
}
.p-recruit-process__contentText {
  font-size: 2.4rem;
  line-height: 2.4rem;
  font-weight: 700;
  position: absolute;
  bottom: 24%;
  left: -4%;
  color: var(--font-black);
}
@media screen and (max-width: 960px) {
  .p-recruit-process__contentText {
    font-size: clamp(1.4rem, 2.4vw, 3.2rem);
  }
}
@media screen and (max-width: 520px) {
  .p-recruit-process__contentText {
    font-size: 1.6rem;
  }
}
.p-recruit-process__textBottom {
  bottom: 4%;
  left: -20%;
}
.p-recruit-process__text {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 520px) {
  .p-recruit-process__text {
    font-size: 2rem;
  }
}
.p-recruit-process__backgroundTopLine {
  width: 100vw;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 50vw);
  z-index: -99;
  align-items: center;
  background-color: var(--primary-color);
}
@media screen and (max-width: 520px) {
  .p-recruit-process__backgroundTopLine {
    top: calc(25% - 40px);
  }
}
.p-recruit-process__backgroundBottomLine {
  display: none;
}
@media screen and (max-width: 520px) {
  .p-recruit-process__backgroundBottomLine {
    width: 100vw;
    height: 124px;
    display: block;
    position: absolute;
    top: calc(75% - 40px);
    left: calc(50% - 50vw);
    z-index: -99;
    align-items: center;
    background-color: var(--primary-color);
  }
}

.p-recruit-message__catchShift {
  margin-left: -24px;
}

.p-recruit-description {
  background-color: var(--white);
}
.p-recruit-description__overview {
  margin: 64px 0;
}
.p-recruit-description__btnArea {
  width: 70%;
  max-width: 540px;
  margin: 0 auto;
}

.wp-block-heading {
  margin-top: 24px;
}

.wp-block-heading:nth-child(1) {
  margin-top: 0px;
}

.wp-block-table {
  margin: 24px 0;
}

.wp-block-table table {
  border: 2px solid var(--gray-300);
}

.wp-block-table thead {
  border-bottom: 2px solid var(--gray-300);
}

.p-single {
  margin: 32px 0;
  padding: 32px 0;
  border-top: 3px solid var(--primary-color);
  border-bottom: 3px solid var(--primary-color);
}
.p-single h1 {
  font-size: 3.6rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h1 {
    font-size: 3.2rem;
  }
}
.p-single h2 {
  font-size: 3.2rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h2 {
    font-size: 2.4rem;
  }
}
.p-single h3 {
  font-size: 2.4rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h3 {
    font-size: 2rem;
  }
}
.p-single h4 {
  font-size: 2rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h4 {
    font-size: 1.8rem;
  }
}
.p-single h5 {
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h5 {
    font-size: 1.4rem;
  }
}
.p-single h5 {
  font-size: 1.4rem;
  line-height: 160%;
  font-weight: 700;
}
@media screen and (max-width: 520px) {
  .p-single h5 {
    font-size: 1.2rem;
  }
}
.p-single img {
  margin: 16px 0;
}
.p-single ul {
  list-style-type: disc;
  padding-left: 2em;
}
.p-single ol {
  list-style-type: decimal;
  padding-left: 2.5em;
}

.p-telecom-fratire {
  width: 100%;
}
.p-telecom-fratire__lists {
  width: 100%;
  display: flex;
  gap: 1vw;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  .p-telecom-fratire__lists {
    flex-direction: column;
    gap: 64px;
  }
}
@media screen and (max-width: 520px) {
  .p-telecom-fratire__lists {
    flex-direction: column;
    gap: 32px;
  }
}
.p-telecom-fratire__list {
  width: 100%;
  height: 480px;
  margin-top: 0px;
  display: flex;
  gap: 64px;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .p-telecom-fratire__list {
    width: 50%;
    min-width: 480px;
  }
}
@media screen and (max-width: 520px) {
  .p-telecom-fratire__list {
    width: 100%;
    min-width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .p-telecom-fratire__list:nth-child(even) {
    margin-left: auto;
  }
}

.p-telecom-service {
  width: 100%;
  margin-bottom: 124px;
}
.p-telecom-service__title {
  width: 100%;
  max-width: calc(1024px + 4%);
  margin: 0 auto;
  padding: 0px 2%;
}
@media screen and (max-width: 960px) {
  .p-telecom-service__title {
    padding: 0px 8%;
  }
}
.p-telecom-service__lists {
  width: 100%;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  margin-top: 80px;
}
.p-telecom-service__list {
  width: 100%;
  margin-top: 0px;
  display: flex;
  gap: 64px;
  justify-content: space-between;
}

.p-thanks {
  width: 100%;
}
.p-thanks__inner {
  width: 100%;
  padding: 64px 2%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-align: center;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
.p-thanks__title {
  font-size: 2.4rem;
  font-weight: 700;
}
.p-thanks__btnArea {
  width: 100%;
  max-width: 640px;
  margin: auto;
}

.p-top-mv {
  width: 100%;
  height: 800px;
  position: relative;
  margin-top: 64px;
}
@media screen and (max-width: 520px) {
  .p-top-mv {
    height: 50vh;
  }
}
.p-top-mv__textArea {
  width: 100%;
  max-width: clamp(180px, 37.5vw, 600px);
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 2;
  align-items: center;
}
@media screen and (max-width: 520px) {
  .p-top-mv__textArea {
    top: 40%;
    left: 6%;
  }
}
.p-top-mv__text {
  margin-top: 24px;
  font-size: clamp(1.6rem, 1.6vw, 2.6rem);
  font-weight: 300;
  color: var(--white);
}
.p-top-mv__background {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.p-top-mv__parallelograms {
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.p-top-mv__parallelogram {
  background-color: var(--secondary-color);
  opacity: 0.7;
}
.p-top-mv__para1 {
  width: 560px;
  height: 320px;
  margin-left: calc(60% - 185px);
  transform: skewX(30deg);
}
@media screen and (max-width: 520px) {
  .p-top-mv__para1 {
    margin-left: calc(60% - 105px);
    height: 120px;
  }
}
.p-top-mv__para2 {
  width: 1920px;
  height: 320px;
  margin-left: calc(60% - 1920px);
  transform: skewX(30deg);
}
@media screen and (max-width: 520px) {
  .p-top-mv__para2 {
    height: 240px;
  }
}
.p-top-mv__para3 {
  width: 560px;
  height: 320px;
  margin-left: calc(60% + 185px);
  transform: skewX(30deg);
}
@media screen and (max-width: 520px) {
  .p-top-mv__para3 {
    margin-left: calc(60% + 115px);
    height: 160px;
  }
}

.p-top-services {
  width: 100%;
  max-width: calc(1024px + 2%);
  margin: 0 auto;
  padding: 124px 2% 64px 2%;
}
@media screen and (max-width: 960px) {
  .p-top-services {
    padding: 64px 4% 80px 4%;
  }
}
.p-top-services__contentsArea {
  width: 100%;
  margin-top: 124px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.p-top-services__content {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .p-top-services__content {
    flex-direction: column-reverse;
  }
}
.p-top-services__rightContent {
  flex-direction: row-reverse;
}
@media screen and (max-width: 960px) {
  .p-top-services__rightContent {
    flex-direction: column-reverse;
  }
}
.p-top-services__descriptionArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 50%;
}
@media screen and (max-width: 960px) {
  .p-top-services__descriptionArea {
    width: 100%;
  }
}
.p-top-services__textArea {
  width: 100%;
}
.p-top-services__text {
  font-size: 1.6rem;
  line-height: 3rem;
}
@media screen and (max-width: 520px) {
  .p-top-services__text {
    font-size: 1.4rem;
    line-height: 160%;
  }
}
.p-top-services__title {
  margin-bottom: 32px;
  font-size: 3.2rem;
  font-weight: 700;
  color: var(--font-black);
}
@media screen and (max-width: 520px) {
  .p-top-services__title {
    font-size: 2.4rem;
  }
}
.p-top-services__imageArea {
  width: 512px;
  height: 240px;
  padding: 0 64px;
  position: relative;
}
.p-top-services__image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: skewX(30deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-top-services__image img {
  width: 100%;
  transform: skewX(-30deg) scale(1.5);
}
.p-top-services__imageShadow {
  width: 384px;
  height: 240px;
  position: absolute;
  top: 80px;
  left: 32px;
  z-index: -3;
  transform: skewX(30deg);
  background-color: #DDEAF6;
}
.p-top-services__contactBtn {
  display: inline-block;
  width: 180px;
}
.p-top-services__catchArea {
  width: 50%;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: end;
}
@media screen and (max-width: 960px) {
  .p-top-services__catchArea {
    width: 100%;
    margin: 64px 0 32px 0;
  }
}
.p-top-services__catchText {
  font-size: 4rem;
  font-weight: 900;
  color: var(--font-black);
  white-space: nowrap;
}
@media screen and (max-width: 520px) {
  .p-top-services__catchText {
    font-size: clamp(2.4rem, 7vw, 3.6rem);
  }
}
.p-top-services__catchEmphasis {
  background: linear-gradient(transparent 70%, #accbe9 70%);
}
.p-top-services__rightCatchArea {
  margin-top: 64px;
  text-align: left;
  justify-content: start;
}
@media screen and (max-width: 520px) {
  .p-top-services__rightCatchArea {
    text-align: right;
    margin: 64px 0 32px 0;
    justify-content: end;
  }
}

.p-top-company {
  width: 100%;
  padding-bottom: 64px;
}
.p-top-company__contentsArea {
  width: 100%;
  margin-top: 64px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (max-width: 960px) {
  .p-top-company__contentsArea {
    gap: 8px;
  }
}
@media screen and (max-width: 520px) {
  .p-top-company__contentsArea {
    flex-direction: column;
  }
}
.p-top-company__btnArea {
  width: 100%;
  text-decoration: none;
  opacity: 1;
}
.p-top-company__btnArea:hover {
  opacity: 1;
}
.p-top-company__btnArea:hover .p-top-company__btn {
  background-color: var(--primary-color);
}
.p-top-company__btnArea:hover .p-top-company__btnTextArea {
  color: var(--white);
}
.p-top-company__btnArea:hover .p-top-company__btnArrowArea:before {
  border-top: solid 3px var(--white);
  border-right: solid 3px var(--white);
}
.p-top-company__btn {
  width: 100%;
  height: 160px;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
  transition: 300ms;
}
@media screen and (max-width: 520px) {
  .p-top-company__btn {
    height: 124px;
  }
}
.p-top-company__btnTextArea {
  display: flex;
  flex-direction: column;
  margin-right: 24px;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: var(--secondary-color);
}
@media screen and (max-width: 960px) {
  .p-top-company__btnTextArea {
    margin-right: 8px;
  }
}
.p-top-company__textFlex {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 960px) {
  .p-top-company__textFlex {
    flex-direction: column;
    gap: 0;
  }
}
.p-top-company__btnEn {
  font-size: 2rem;
  line-height: 2rem;
  font-weight: bold;
}
.p-top-company__btnJa {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
  margin-top: 6px;
}
.p-top-company__btnArrowArea:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border: 0;
  border-top: solid 3px var(--secondary-color);
  border-right: solid 3px var(--secondary-color);
  transform: rotate(45deg);
}

.p-top-news {
  width: 100%;
  max-width: calc(1200px + 2%);
  margin: 0 auto;
  padding: 124px 2%;
}
@media screen and (max-width: 960px) {
  .p-top-news {
    padding: 80px 5%;
  }
}
.p-top-news__wrapper {
  width: 100%;
  max-width: 1200px;
  padding: 64px 32px;
  background-color: var(--white);
  box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 960px) {
  .p-top-news__wrapper {
    padding: 32px;
  }
}
.p-top-news__inner {
  width: 100%;
  max-width: calc(1024px + 2%);
  padding: 2%;
  margin: 0 auto;
  display: flex;
  gap: 8%;
}
@media screen and (max-width: 960px) {
  .p-top-news__inner {
    flex-direction: column;
    gap: 56px;
  }
}
.p-top-news__textArea {
  display: inline-block;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
@media screen and (max-width: 960px) {
  .p-top-news__textArea {
    height: 160px;
  }
}
.p-top-news__newsArea {
  width: 100%;
}
.p-top-news__btnArea {
  width: 100%;
}

.u-align-center {
  text-align: center;
}

.u-align-left {
  text-align: left;
}

.u-align-right {
  text-align: right;
}

.u-bgc-white {
  background-color: var(--bg-color-white);
}

.u-bgc-color {
  background-color: var(--bg-color);
}

.u-bgc-color-light {
  background-color: var(--bg-color-light);
}

.u-bgc-color-dark {
  background-color: var(--bg-color-dark);
}

.u-br {
  display: inline-block;
}
.u-br__lgmd {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  .u-br__lgmd {
    display: none;
  }
}
.u-br__lgsm {
  display: inline-block;
}
@media screen and (max-width: 520px) {
  .u-br__lgsm {
    display: none;
  }
}
.u-br__md {
  display: none;
}
@media screen and (max-width: 960px) {
  .u-br__md {
    display: inline-block;
  }
}
.u-br__sm {
  display: none;
}
@media screen and (max-width: 520px) {
  .u-br__sm {
    display: inline-block;
  }
}

.u-color-vs {
  color: var(--vs-color) !important;
}

.u-color-bsi {
  color: var(--bsi-color) !important;
}

.u-font-ja {
  font-family: "Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}

.u-font-en {
  font-family: "Outfit", sans-serif;
}

.u-mt-auto {
  margin-top: auto;
}

.u-mt-16 {
  margin-top: 16px;
}

.u-mt-32 {
  margin-top: 32px;
}

.u-mt-48 {
  margin-top: 48px;
}

.u-mt-64 {
  margin-top: 64px;
}

.u-mt-80 {
  margin-top: 80px;
}

.u-mt-96 {
  margin-top: 96px;
}

.u-ml-auto {
  margin-left: auto;
}

.u-ml-16 {
  margin-left: 16px;
}

.u-ml-32 {
  margin-left: 32px;
}

.u-ml-48 {
  margin-left: 48px;
}

.u-ml-64 {
  margin-left: 64px;
}

.u-ml-80 {
  margin-left: 80px;
}

.u-ml-96 {
  margin-left: 96px;
}

.u-mb-auto {
  margin-bottom: auto;
}

.u-mb-16 {
  margin-bottom: 16px;
}

.u-mb-32 {
  margin-bottom: 32px;
}

.u-mb-48 {
  margin-bottom: 48px;
}

.u-mb-64 {
  margin-bottom: 64px;
}

.u-mb-80 {
  margin-bottom: 80px;
}

.u-mb-96 {
  margin-bottom: 96px;
}

.u-mr-auto {
  margin-right: auto;
}

.u-mr-16 {
  margin-right: 16px;
}

.u-mr-32 {
  margin-right: 32px;
}

.u-mr-48 {
  margin-right: 48px;
}

.u-mr-64 {
  margin-right: 64px;
}

.u-mr-80 {
  margin-right: 80px;
}

.u-mr-96 {
  margin-right: 96px;
}

.u-none-sp {
  display: none;
}
@media screen and (max-width: 520px) {
  .u-none-sp {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .u-none-sp {
    display: block;
  }
}

.u-none-tb {
  display: block;
}
@media screen and (max-width: 520px) {
  .u-none-tb {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .u-none-tb {
    display: block;
  }
}

.u-none-pc {
  display: block;
}
@media screen and (max-width: 520px) {
  .u-none-pc {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .u-none-pc {
    display: none;
  }
}

.u-only-sp {
  display: block;
}
@media screen and (max-width: 520px) {
  .u-only-sp {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .u-only-sp {
    display: none;
  }
}

.u-only-tb {
  display: none;
}
@media screen and (max-width: 520px) {
  .u-only-tb {
    display: block;
  }
}
@media screen and (max-width: 960px) {
  .u-only-tb {
    display: none;
  }
}

.u-only-pc {
  display: none;
}
@media screen and (max-width: 520px) {
  .u-only-pc {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .u-only-pc {
    display: block;
  }
}/*# sourceMappingURL=main.css.map */