@charset "UTF-8";

:root {
  --color-white: #ffffff;
  --color-black: #333333;
  --color-main: #007BC7;
  --color-main2: #F6601B;
  --color-main3: #F1BC1A;
  --color-bg: #00B8EE;
  --color-bg2: #EFF5F8;
  --color-bg3: #F3FCFE;
  --color-bg4: #FBFDFF;
  --color-bg5: #E2F2FB;
  --color-border: #DBDBDB;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  background-color: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  border: 0;
  border-top: 1px solid #000000;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

* {
  box-sizing: border-box !important;
  font-size: 1.4rem;
}

html {
  font-size: 62.5%;
}

html.is-open {
  overflow: hidden;
}

body {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  background-color: #FFFFFF;
  color: var(--color-black);
  font-family: "Noto Sans JP";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

body * {
  letter-spacing: 0.04em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  color: var(--color-black);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  a:hover {
    opacity: 1;
  }
}

picture {
  display: block;
}

input[type=submit],
input[type=button],
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=reset],
select,
button,
textarea {
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration,
input[type=text]::-webkit-search-decoration,
input[type=number]::-webkit-search-decoration,
input[type=email]::-webkit-search-decoration,
input[type=tel]::-webkit-search-decoration,
input[type=reset]::-webkit-search-decoration,
select::-webkit-search-decoration,
button::-webkit-search-decoration,
textarea::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus,
input[type=button]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=reset]:focus,
select:focus,
button:focus,
textarea:focus {
  outline-offset: -2px;
}

select {
  background-color: var(--color-white);
  color: var(--color-black);
}

.is-pc {
  display: block;
}

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

.is-pc--inline {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .is-pc--inline {
    display: none;
  }
}

.is-sp {
  display: none;
}

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

.is-sp--inline {
  display: none;
}

@media screen and (max-width: 767px) {
  .is-sp--inline {
    display: inline-block;
  }
}

.swiper-container {
  overflow: visible;
  padding-bottom: 50px;
}

@media screen and (max-width: 1439px) {
  .swiper-container {
    padding-bottom: calc(50 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-container {
    padding-bottom: calc(50 / 375 * 100vw);
  }
}

.swiper-button-prev,
.swiper-button-next {
  display: block;
  height: auto;
  margin-top: 0;
  top: 0;
  width: auto;
  z-index: 10;
}

@media screen and (max-width: 1439px) {

  .swiper-button-prev,
  .swiper-button-next {
    top: calc(0 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .swiper-button-prev,
  .swiper-button-next {
    top: calc(0 / 375 * 100vw);
  }
}

.swiper-button-prev:after,
.swiper-button-next:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
}

@media screen and (max-width: 1439px) {

  .swiper-button-prev:after,
  .swiper-button-next:after {
    height: calc(25 / 1440 * 100vw);
    width: calc(25 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .swiper-button-prev:after,
  .swiper-button-next:after {
    height: calc(25 / 375 * 100vw);
    width: calc(25 / 375 * 100vw);
  }
}

.swiper-button-prev {
  left: 0px;
}

@media screen and (max-width: 1439px) {
  .swiper-button-prev {
    left: calc(0 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-button-prev {
    left: calc(0 / 375 * 100vw);
  }
}

.swiper-button-prev:after {
  background-image: url(../images/icon_prev.svg);
}

.swiper-button-next {
  right: 0px;
}

@media screen and (max-width: 1439px) {
  .swiper-button-next {
    right: calc(0 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .swiper-button-next {
    right: calc(0 / 375 * 100vw);
  }
}

.swiper-button-next:after {
  background-image: url(../images/icon_next.svg);
}

.swiper-pagination {
  z-index: 1;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  width: 10px;
}

@media screen and (max-width: 1439px) {

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    height: calc(10 / 1440 * 100vw);
    margin: 0 calc(5 / 1440 * 100vw);
    width: calc(10 / 1440 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    height: calc(10 / 375 * 100vw);
    margin: 0 calc(5 / 375 * 100vw);
    width: calc(10 / 375 * 100vw);
  }
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.lity {
  background-color: rgba(255, 255, 255, 0.8);
}

.lity-content::after {
  box-shadow: none;
}

.lity-close,
.lity-close:hover {
  display: none;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);

    @media screen and (max-width: 1439px) {
      transform: translateY(calc(10 / 1440 * 100vw));
    }

    @media screen and (max-width: 767px) {
      transform: translateY(calc(10 / 375 * 100vw));
    }
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10px);

    @media screen and (max-width: 1439px) {
      transform: translateY(calc(10 / 1440 * 100vw));
    }

    @media screen and (max-width: 767px) {
      transform: translateY(calc(10 / 375 * 100vw));
    }
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes loop {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }

  to {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes loop2 {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-200%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }

  to {
    transform: translateX(-200%);
  }
}

@-webkit-keyframes popup {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.8);
  }

  100% {
    transform: translateY(0) scale(1);
  }

  80%,
  100% {
    opacity: 1;
  }
}

@keyframes popup {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.8);
  }

  100% {
    transform: translateY(0) scale(1);
  }

  80%,
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fuwafuwa {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

@keyframes fuwafuwa {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}

/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-jp-600 - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/noto-sans-jp-v53-japanese_latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
  background-position: center;
  margin-right: 6px;
}

#wpadminbar #wp-admin-bar-aioseo-main a {
  align-items: center;
  display: flex;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-menu-notification-counter {
  margin-left: 6px;
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important;
  }
}

.l-container {
  margin: 0 auto;
  padding-left: 420px;
  padding-right: 420px;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .l-container {
    padding-left: calc(420 / 1920 * 100vw);
    padding-right: calc(420 / 1920 * 100vw);
    width: calc(1920 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .l-container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
    width: 100%;
  }
}

.l-content {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 100px;
  padding-top: 30px;
  width: 1100px;
}

@media screen and (max-width: 1919px) {
  .l-content {
    padding-bottom: calc(100 / 1920 * 100vw);
    padding-top: calc(30 / 1920 * 100vw);
    width: calc(1100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .l-content {
    display: block;
    padding-bottom: calc(0 / 375 * 100vw);
    padding-top: calc(15 / 375 * 100vw);
    width: 100%;
  }
}

.l-content__main {
  width: 750px;
}

@media screen and (max-width: 1919px) {
  .l-content__main {
    width: calc(750 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .l-content__main {
    width: 100%;
  }
}

.l-content__sidebar {
  width: 275px;
}

@media screen and (max-width: 1919px) {
  .l-content__sidebar {
    width: calc(275 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .l-content__sidebar {
    margin-top: calc(30 / 375 * 100vw);
    width: 100%;
  }
}

.c-module {
  background: #fcfcfc;
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  width: 339px;
}

@media screen and (max-width: 1919px) {
  .c-module {
    border-radius: calc(10 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    width: calc(339 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module {
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    width: calc(339 / 375 * 100vw);
  }
}

.c-module__titleBox {
  align-items: center;
  background-color: var(--color-bg);
  border-radius: 10px 10px 0 0;
  display: flex;
  display: flex;
  height: 40px;
  justify-content: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .c-module__titleBox {
    border-radius: calc(10 / 1920 * 100vw) calc(10 / 1920 * 100vw) 0 0;
    height: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__titleBox {
    border-radius: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) 0 0;
    height: calc(40 / 375 * 100vw);
  }
}

.c-module__titleBox__title {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
}

@media screen and (max-width: 1919px) {
  .c-module__titleBox__title {
    font-size: calc(14 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__titleBox__title {
    font-size: calc(14 / 375 * 100vw);
  }
}

.c-module__titleBox__close {
  position: absolute;
  right: 24px;
  top: 15px;
}

@media screen and (max-width: 1919px) {
  .c-module__titleBox__close {
    right: calc(24 / 1920 * 100vw);
    top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__titleBox__close {
    right: calc(24 / 375 * 100vw);
    top: calc(15 / 375 * 100vw);
  }
}

.c-module__titleBox__close button {
  background-color: transparent;
  background-image: url(../images/module_close.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 12px;
  width: 12px;
}

@media screen and (max-width: 1919px) {
  .c-module__titleBox__close button {
    height: calc(12 / 1920 * 100vw);
    width: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__titleBox__close button {
    height: calc(12 / 375 * 100vw);
    width: calc(12 / 375 * 100vw);
  }
}

.c-module__form {
  padding: 17px 24px 24px;
}

@media screen and (max-width: 1919px) {
  .c-module__form {
    padding: calc(17 / 1920 * 100vw) calc(24 / 1920 * 100vw) calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form {
    padding: calc(17 / 375 * 100vw) calc(24 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}

.c-module__form__block__title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

@media screen and (max-width: 1919px) {
  .c-module__form__block__title {
    font-size: calc(14 / 1920 * 100vw);
    margin-bottom: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__block__title {
    font-size: calc(14 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }
}

.c-module__form__block__input input {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  padding: 0 20px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .c-module__form__block__input input {
    border-radius: calc(5 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(3 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(35 / 1920 * 100vw);
    padding: 0 calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__block__input input {
    border-radius: calc(5 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(14 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
    padding: 0 calc(20 / 375 * 100vw);
  }
}

.c-module__form__block__input input::-moz-placeholder {
  color: #E2E2E2;
}

.c-module__form__block__input input:-ms-input-placeholder {
  color: #E2E2E2;
}

.c-module__form__block__input input::placeholder {
  color: #E2E2E2;
}

.c-module__form__block__select select {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  padding: 0 20px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .c-module__form__block__select select {
    border-radius: calc(5 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(3 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(35 / 1920 * 100vw);
    padding: 0 calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__block__select select {
    border-radius: calc(5 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(14 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
    padding: 0 calc(20 / 375 * 100vw);
  }
}

.c-module__form__block__select select:invalid {
  color: #E2E2E2;
}

.c-module__form__block__select select option {
  color: var(--color-black);
}

.c-module__form__block__select select option:first-child {
  color: #E2E2E2;
}

.c-module__form__block+.c-module__form__block {
  margin-top: 20px;
}

@media screen and (max-width: 1919px) {
  .c-module__form__block+.c-module__form__block {
    margin-top: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__block+.c-module__form__block {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.c-module__form__button {
  height: 77px;
  margin: 20px auto 0;
  position: relative;
  width: 71px;
}

@media screen and (max-width: 1919px) {
  .c-module__form__button {
    height: calc(77 / 1920 * 100vw);
    margin: calc(20 / 1920 * 100vw) auto 0;
    width: calc(71 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__button {
    height: calc(77 / 375 * 100vw);
    margin: calc(20 / 375 * 100vw) auto 0;
    width: calc(71 / 375 * 100vw);
  }
}

.c-module__form__button::before {
  background-image: url(../images/module_button_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 3px;
  margin: 0 auto;
  position: absolute;
  top: 2px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .c-module__form__button::before {
    left: calc(3 / 1920 * 100vw);
    top: calc(2 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__button::before {
    left: calc(3 / 375 * 100vw);
    top: calc(2 / 375 * 100vw);
  }
}

.c-module__form__button button {
  background-color: transparent;
  background-image: url(../images/module_button.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-indent: 150vw;
  transition: 0.3s;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}

.c-module__form__button button:hover {
  transform: translate(3px, 2px);
}

@media screen and (max-width: 1919px) {
  .c-module__form__button button:hover {
    transform: translate(calc(3 / 1920 * 100vw), calc(2 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .c-module__form__button button:hover {
    transform: translate(calc(3 / 375 * 100vw), calc(2 / 375 * 100vw));
  }
}

.c-module__form__button.is-pushed::before {
  background-image: url(../images/module_button_pushed_bg.svg);
}

.c-module__form__button.is-pushed button {
  background-image: url(../images/module_button_pushed.svg);
  pointer-events: none;
}

.c-module__content {
  padding: 20px 20px 40px;
}

@media screen and (max-width: 1919px) {
  .c-module__content {
    padding: calc(20 / 1920 * 100vw) calc(20 / 1920 * 100vw) calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content {
    padding: calc(20 / 375 * 100vw) calc(20 / 375 * 100vw) calc(40 / 375 * 100vw);
  }
}

.c-module__content__textBox {
  margin-bottom: 20px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__textBox {
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__textBox {
    margin-bottom: calc(20 / 375 * 100vw);
  }
}

.c-module__content__textBox__text1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .c-module__content__textBox__text1 {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__textBox__text1 {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

.c-module__content__textBox__text2 {
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .c-module__content__textBox__text2 {
    font-size: calc(12 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__textBox__text2 {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
}

.c-module__content__demoList>ul {
  padding-left: 30px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__demoList>ul {
    padding-left: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__demoList>ul {
    padding-left: calc(30 / 375 * 100vw);
  }
}

.c-module__content__demoList>ul>li {
  color: var(--color-main);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__demoList>ul>li {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__demoList>ul>li {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.c-module__content__demoList>ul>li::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 30px;
  margin-left: 4px;
  width: 30px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__demoList>ul>li::before {
    height: calc(30 / 1920 * 100vw);
    margin-left: calc(4 / 1920 * 100vw);
    width: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__demoList>ul>li::before {
    height: calc(30 / 375 * 100vw);
    margin-left: calc(4 / 375 * 100vw);
    width: calc(30 / 375 * 100vw);
  }
}

.c-module__content__demoList>ul>li:nth-child(1)::before {
  background-image: url(../images/icon_tel_1.svg);
}

.c-module__content__demoList>ul>li:nth-child(2)::before {
  background-image: url(../images/icon_tel_2.svg);
}

.c-module__content__demoList>ul>li:nth-child(3)::before {
  background-image: url(../images/icon_tel_3.svg);
}

.c-module__content__demoList>ul>li+li {
  margin-top: 10px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__demoList>ul>li+li {
    margin-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__demoList>ul>li+li {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.c-module__content__telBox {
  margin-top: 24px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__telBox {
    margin-top: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__telBox {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.c-module__content__telBox__title {
  align-items: center;
  background-color: var(--color-main3);
  border-radius: 30px;
  color: var(--color-white);
  display: flex;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  justify-content: center;
  line-height: 17px;
  margin: 0 auto;
  width: 69px;
}

@media screen and (max-width: 1919px) {
  .c-module__content__telBox__title {
    border-radius: calc(30 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(25 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
    width: calc(69 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__telBox__title {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(25 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
    width: calc(69 / 375 * 100vw);
  }
}

.c-module__content__telBox__number {
  font-size: 35px;
  font-weight: bold;
  line-height: 51px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .c-module__content__telBox__number {
    font-size: calc(35 / 1920 * 100vw);
    line-height: calc(51 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-module__content__telBox__number {
    font-size: calc(35 / 375 * 100vw);
    line-height: calc(51 / 375 * 100vw);
  }
}

.c-archiveInfo__eyecatch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 148px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__eyecatch {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(148 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__eyecatch {
    border-radius: calc(8 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(95 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox {
    margin-top: calc(8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox {
  display: flex;
  margin-bottom: 10px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox {
    display: block;
    margin-bottom: calc(8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__categoryList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__categoryList>ul {
    margin-bottom: calc(-8 / 1920 * 100vw);
    margin-right: calc(-8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__categoryList>ul {
    margin-bottom: calc(-8 / 375 * 100vw);
    margin-right: calc(-8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__categoryList>ul>li {
  margin-bottom: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__categoryList>ul>li {
    margin-bottom: calc(8 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__categoryList>ul>li {
    margin-bottom: calc(8 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__categoryList a {
  align-items: center;
  background-color: var(--color-main);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 4px 12px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__categoryList a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    padding: calc(4 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__categoryList a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(8 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__tagList {
  border-left: 1px solid var(--color-main);
  margin-left: 8px;
  padding-left: 8px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__tagList {
    margin-left: calc(8 / 1920 * 100vw);
    padding-left: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__tagList {
    border-left: none;
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
    padding-left: calc(0 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__tagList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__tagList>ul {
    margin-bottom: calc(-8 / 1920 * 100vw);
    margin-right: calc(-8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__tagList>ul {
    margin-bottom: calc(-8 / 375 * 100vw);
    margin-right: calc(-8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__tagList>ul>li {
  margin-bottom: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__tagList>ul>li {
    margin-bottom: calc(8 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__tagList>ul>li {
    margin-bottom: calc(8 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__categoryBox__tagList a {
  align-items: center;
  background-color: #E0F0F9;
  border-radius: 20px;
  color: var(--color-main);
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 4px 12px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__categoryBox__tagList a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    padding: calc(4 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__categoryBox__tagList a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(8 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__titleBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 16px;
  line-height: 17px;
  overflow: hidden;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__titleBox__title {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__titleBox__title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
    overflow: hidden;
  }
}

.c-archiveInfo__textBox__titleBox__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #888888;
  display: -webkit-box;
  font-size: 12px;
  line-height: 17px;
  margin-top: 10px;
  overflow: hidden;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__titleBox__text {
    font-size: calc(12 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__titleBox__text {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}

.c-archiveInfo__textBox__modDate {
  color: #888888;
  font-size: 12px;
  line-height: 13px;
  margin-top: 10px;
}

@media screen and (max-width: 1919px) {
  .c-archiveInfo__textBox__modDate {
    font-size: calc(12 / 1920 * 100vw);
    line-height: calc(13 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveInfo__textBox__modDate {
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(13 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
  }
}

.c-archiveVoice__eyecatch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 223px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__eyecatch {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(223 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__eyecatch {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(223 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__data {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__data {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__data {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__data>ul>li+li {
  margin-top: 5px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__data>ul>li+li {
    margin-top: calc(5 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__data>ul>li+li {
    margin-top: calc(5 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__data dl {
  align-items: center;
  display: flex;
}

.c-archiveVoice__textBox__data dl dt {
  align-items: center;
  background-color: var(--color-bg);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 18px;
  justify-content: center;
  margin-right: 8px;
  width: 63px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__data dl dt {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(18 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(63 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__data dl dt {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(63 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__data dl dd {
  font-size: 12px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__data dl dd {
    font-size: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__data dl dd {
    font-size: calc(12 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__titleBox {
  margin-top: 15px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__titleBox {
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__titleBox {
    margin-top: calc(15 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__titleBox__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 17px;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__titleBox__title {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__titleBox__title {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
}

.c-archiveVoice__textBox__titleBox__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #888888;
  display: -webkit-box;
  font-size: 12px;
  line-height: 17px;
  margin-top: 15px;
  overflow: hidden;
}

@media screen and (max-width: 1919px) {
  .c-archiveVoice__textBox__titleBox__text {
    font-size: calc(12 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-archiveVoice__textBox__titleBox__text {
    font-size: calc(12 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}

.c-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
}

.c-pagination span,
.c-pagination a {
  color: var(--color-main);
  font-size: 21px;
}

@media screen and (max-width: 1919px) {

  .c-pagination span,
  .c-pagination a {
    font-size: calc(21 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .c-pagination span,
  .c-pagination a {
    font-size: calc(21 / 375 * 100vw);
  }
}

.c-pagination span.current,
.c-pagination span:hover,
.c-pagination a.current,
.c-pagination a:hover {
  opacity: 1;
}

.c-pagination span.prev,
.c-pagination span.next,
.c-pagination a.prev,
.c-pagination a.next {
  display: none;
}

.c-pagination span.dots,
.c-pagination a.dots {
  align-items: center;
  color: var(--color-black);
  display: flex;
  height: 15px;
  justify-content: center;
  width: 15px;
}

@media screen and (max-width: 1919px) {

  .c-pagination span.dots,
  .c-pagination a.dots {
    height: calc(15 / 1920 * 100vw);
    width: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .c-pagination span.dots,
  .c-pagination a.dots {
    height: calc(15 / 375 * 100vw);
    width: calc(15 / 375 * 100vw);
  }
}

.c-pagination span+*,
.c-pagination a+* {
  margin-left: 55px;
}

@media screen and (max-width: 1919px) {

  .c-pagination span+*,
  .c-pagination a+* {
    margin-left: calc(55 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .c-pagination span+*,
  .c-pagination a+* {
    margin-left: calc(55 / 375 * 100vw);
  }
}

.p-header {
  background-color: var(--color-white);
  height: 96px;
}

@media screen and (max-width: 1919px) {
  .p-header {
    height: calc(96 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header {
    height: calc(64 / 375 * 100vw);
  }
}

.p-header .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.p-header__inner {
  align-items: center;
  display: flex;
  padding-left: 40px;
  padding-right: 24px;
}

@media screen and (max-width: 1919px) {
  .p-header__inner {
    padding-left: calc(40 / 1920 * 100vw);
    padding-right: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__inner {
    padding-left: calc(9 / 375 * 100vw);
    padding-right: calc(0 / 375 * 100vw);
  }
}

.p-header__logo {
  height: 96px;
}

@media screen and (max-width: 1919px) {
  .p-header__logo {
    height: calc(96 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__logo {
    height: calc(64 / 375 * 100vw);
  }
}

.p-header__logo a {
  display: block;
  height: 100%;
}

.p-header__logo img {
  height: 100%;
  width: auto;
}

.p-header__nav {
  margin-left: auto;
}

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

.p-header__nav>ul {
  align-items: center;
  display: flex;
}

.p-header__nav>ul>li {
  color: var(--color-main);
  cursor: pointer;
  font-size: 14px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-header__nav>ul>li {
    font-size: calc(14 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav>ul>li {
    font-size: calc(14 / 375 * 100vw);
  }
}

.p-header__nav>ul>li+li {
  margin-left: 24px;
}

@media screen and (max-width: 1919px) {
  .p-header__nav>ul>li+li {
    margin-left: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav>ul>li+li {
    margin-left: calc(24 / 375 * 100vw);
  }
}

.p-header__nav>ul>li>ul {
  background-color: var(--color-white);
  display: none;
  left: 0;
  position: absolute;
  top: 25px;
  width: 195px;
  z-index: 10;
}

@media screen and (max-width: 1919px) {
  .p-header__nav>ul>li>ul {
    top: calc(25 / 1920 * 100vw);
    width: calc(195 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav>ul>li>ul {
    top: calc(25 / 375 * 100vw);
    width: calc(195 / 375 * 100vw);
  }
}

.p-header__nav>ul>li>ul>li a {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 49px;
  padding: 0 16px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-header__nav>ul>li>ul>li a {
    font-size: calc(12 / 1920 * 100vw);
    height: calc(49 / 1920 * 100vw);
    padding: 0 calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav>ul>li>ul>li a {
    font-size: calc(12 / 375 * 100vw);
    height: calc(49 / 375 * 100vw);
    padding: 0 calc(16 / 375 * 100vw);
  }
}

.p-header__nav>ul>li>ul>li a::before {
  content: "-";
}

.p-header__nav>ul>li>ul>li a::after {
  background-image: url(../images/icon_arrow_gnav_sub.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  position: absolute;
  right: 16px;
  top: 0;
  width: 6px;
}

@media screen and (max-width: 1919px) {
  .p-header__nav>ul>li>ul>li a::after {
    height: calc(10 / 1920 * 100vw);
    right: calc(16 / 1920 * 100vw);
    width: calc(6 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__nav>ul>li>ul>li a::after {
    height: calc(10 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}

.p-header__nav a {
  color: var(--color-main);
}

.p-header__cta {
  align-items: center;
  display: flex;
  margin-left: 20px;
}

@media screen and (max-width: 1919px) {
  .p-header__cta {
    margin-left: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta {
    display: none;
    margin-left: calc(20 / 375 * 100vw);
  }
}

.p-header__cta__button a {
  align-items: center;
  border-radius: 5px;
  color: var(--color-white);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 38px;
  justify-content: center;
}

@media screen and (max-width: 1919px) {
  .p-header__cta__button a {
    border-radius: calc(5 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(38 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta__button a {
    border-radius: calc(5 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(38 / 375 * 100vw);
  }
}

.p-header__cta__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  content: "";
  display: block;
  height: 13px;
  margin-left: 5px;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-header__cta__button a::after {
    height: calc(13 / 1920 * 100vw);
    margin-left: calc(8 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta__button a::after {
    height: calc(13 / 375 * 100vw);
    margin-left: calc(5 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-header__cta__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-header__cta__button+.p-header__cta__button {
  margin-left: 14px;
}

@media screen and (max-width: 1919px) {
  .p-header__cta__button+.p-header__cta__button {
    margin-left: calc(14 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta__button+.p-header__cta__button {
    margin-left: calc(14 / 375 * 100vw);
  }
}

.p-header__cta__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
  width: 172px;
}

@media screen and (max-width: 1919px) {
  .p-header__cta__button--download a {
    width: calc(172 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta__button--download a {
    width: calc(223 / 375 * 100vw);
  }
}

.p-header__cta__button--download a:hover {
  color: var(--color-main2);
}

.p-header__cta__button--download a:hover::after {
  background-color: var(--color-main2);
}

.p-header__cta__button--contact a {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  width: 172px;
}

@media screen and (max-width: 1919px) {
  .p-header__cta__button--contact a {
    width: calc(172 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-header__cta__button--contact a {
    width: calc(130 / 375 * 100vw);
  }
}

.p-header__cta__button--contact a:hover {
  color: var(--color-main3);
}

.p-header__cta__button--contact a:hover::after {
  background-color: var(--color-main3);
}

.p-header__hamburger {
  display: none;
  margin-left: auto;
  width: calc(64 / 375 * 100vw);
}

.p-header__hamburger img {
  height: auto;
  width: 100%;
}

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

.p-header.is-clone {
  background-color: var(--color-white);
  opacity: 0.8;
  position: fixed !important;
  top: 0;
  transform: translateY(-200%);
  transition: 0.6s;
  width: 100%;
  z-index: 101;
}

.p-header.is-clone.is-show {
  transform: translateY(0);
}

#outgoing-ivr .p-header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-header {
    position: static;
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
}

#hr .p-header,
#outcallcenter .p-header,
#clinic .p-header,
#estate .p-header,
#finance .p-header,
#insurance .p-header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.p-footer .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.p-footer__inner {
  padding-bottom: 20px;
  padding-left: 310px;
  padding-right: 300px;
  padding-top: 75px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-footer__inner {
    padding-bottom: calc(20 / 1920 * 100vw);
    padding-left: calc(310 / 1920 * 100vw);
    padding-right: calc(300 / 1920 * 100vw);
    padding-top: calc(75 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-left: calc(0 / 375 * 100vw);
    padding-right: calc(0 / 375 * 100vw);
    padding-top: calc(25 / 375 * 100vw);
  }
}

.p-footer__nav>ul {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .p-footer__nav>ul {
    display: block;
  }
}

.p-footer__nav>ul>li {
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 1919px) {
  .p-footer__nav>ul>li {
    font-size: calc(14 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__nav>ul>li {
    border-bottom: 0.5px solid #707070;
    font-size: calc(14 / 375 * 100vw);
  }
}

.p-footer__nav>ul>li+li {
  margin-left: 24px;
}

@media screen and (max-width: 1919px) {
  .p-footer__nav>ul>li+li {
    margin-left: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__nav>ul>li+li {
    margin-left: calc(0 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__nav a {
    display: block;
    padding: calc(14 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}

.p-footer__subNav {
  margin-top: 50px;
}

@media screen and (max-width: 1919px) {
  .p-footer__subNav {
    margin-top: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__subNav {
    margin-top: calc(0 / 375 * 100vw);
  }
}

.p-footer__subNav>ul {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .p-footer__subNav>ul {
    display: block;
  }
}

.p-footer__subNav>ul>li {
  font-size: 14px;
}

@media screen and (max-width: 1919px) {
  .p-footer__subNav>ul>li {
    font-size: calc(14 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__subNav>ul>li {
    border-bottom: 0.5px solid #707070;
    font-size: calc(14 / 375 * 100vw);
    font-weight: bold;
  }
}

.p-footer__subNav>ul>li+li {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-footer__subNav>ul>li+li {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__subNav>ul>li+li {
    margin-left: calc(0 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__subNav>ul>li:first-child {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-footer__subNav a {
    display: block;
    padding: calc(14 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}

.p-footer__logo {
  left: 310px;
  position: absolute;
  top: 30px;
  width: 167px;
}

.p-footer__logo img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-footer__logo {
    left: calc(310 / 1920 * 100vw);
    top: calc(30 / 1920 * 100vw);
    width: calc(167 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__logo {
    left: calc(310 / 375 * 100vw);
    margin: 0 auto;
    position: static;
    top: calc(30 / 375 * 100vw);
    width: calc(167 / 375 * 100vw);
  }
}

.p-footer__logo a {
  display: block;
}

.p-footer__copyright {
  font-size: 12px;
  letter-spacing: 0.1em;
  margin-top: 95px;
  text-align: right;
}

@media screen and (max-width: 1919px) {
  .p-footer__copyright {
    font-size: calc(12 / 1920 * 100vw);
    margin-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-footer__copyright {
    font-size: calc(12 / 375 * 100vw);
    margin-top: calc(5 / 375 * 100vw);
    text-align: center;
  }
}

.p-mainVisual {
  height: 1080px;
  margin-bottom: -442px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual {
    height: calc(1080 / 1920 * 100vw);
    margin-bottom: calc(-442 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual {
    background-image: url(../images/ai/mainvisual_bg_sp.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: calc(538 / 375 * 100vw);
    margin-bottom: calc(0 / 375 * 100vw);
  }
}

.p-mainVisual::before,
.p-mainVisual::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

@media screen and (max-width: 767px) {

  .p-mainVisual::before,
  .p-mainVisual::after {
    display: none;
  }
}

.p-mainVisual::before {
  background-image: url(../images/mainvisual_bg_before.svg);
  bottom: 0;
  height: 732px;
  left: 0;
  width: 576px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual::before {
    height: calc(732 / 1920 * 100vw);
    width: calc(576 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual::before {
    height: calc(732 / 375 * 100vw);
    width: calc(576 / 375 * 100vw);
  }
}

.p-mainVisual::after {
  background-image: url(../images/mainvisual_bg_after.svg);
  height: 516px;
  right: 0;
  top: 0;
  width: 350px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual::after {
    height: calc(516 / 1920 * 100vw);
    width: calc(350 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual::after {
    height: calc(868 / 375 * 100vw);
    width: calc(589 / 375 * 100vw);
  }
}

.p-mainVisual .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.p-mainVisual__inner {
  height: 100%;
  position: relative;
}

.p-mainVisual__text {
  background-image: url(../images/ai/mainvisual_text.svg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 312px;
  left: 204px;
  overflow: hidden;
  position: absolute;
  text-indent: 150vw;
  top: 214px;
  white-space: nowrap;
  width: 756px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__text {
    height: calc(312 / 1920 * 100vw);
    left: calc(204 / 1920 * 100vw);
    top: calc(214 / 1920 * 100vw);
    width: calc(756 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__text {
    background-image: url(../images/ai/mainvisual_text_sp.svg);
    height: calc(129 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
    margin: 0 auto;
    right: 0;
    top: calc(0 / 375 * 100vw);
    width: calc(306 / 375 * 100vw);
  }
}

.p-mainVisual__content {
  left: 935px;
  position: absolute;
  top: 172px;
  width: 1137px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content {
    left: calc(735 / 1920 * 100vw);
    top: calc(172 / 1920 * 100vw);
    width: calc(1037 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content {
    left: calc(16 / 375 * 100vw);
    top: calc(150 / 375 * 100vw);
    width: calc(310 / 375 * 100vw);
  }
}

.p-mainVisual__content::before {
  background-image: url(../images/mainvisual_content_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 576px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -5px;
  width: 530px;
  z-index: -1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content::before {
    height: calc(576 / 1920 * 100vw);
    top: calc(-5 / 1920 * 100vw);
    width: calc(530 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content::before {
    display: none;
    height: calc(576 / 375 * 100vw);
    top: calc(-5 / 375 * 100vw);
    width: calc(530 / 375 * 100vw);
  }
}

.p-mainVisual__content__text {
  background-image: url(../images/ai/mainvisual_content_text.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 136px;
  margin-bottom: -25px;
  overflow: hidden;
  position: relative;
  text-indent: 150vw;
  transform: translateX(110px);
  white-space: nowrap;
  width: 323px;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__text {
    height: calc(136 / 1920 * 100vw);
    margin-bottom: calc(-25 / 1920 * 100vw);
    transform: translateX(calc(110 / 1920 * 100vw));
    width: calc(323 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__text {
    height: calc(64 / 375 * 100vw);
    margin-bottom: calc(-30 / 375 * 100vw);
    transform: translateX(calc(20 / 375 * 100vw));
    width: calc(129 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop {
  height: 533px;
  position: relative;
  width: 1037px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__laptop {
    height: calc(533 / 1920 * 100vw);
    width: calc(1037 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__laptop {
    height: calc(167 / 375 * 100vw);
    top: calc(-10 / 375 * 100vw);
    width: calc(321 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop::after {
  background-image: url(../images/ai/mainvisual_content_frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-mainVisual__content__laptop::before {
  background-image: url(../images/mainvisual_content_robot.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 13px;
  content: "";
  display: block;
  height: 197px;
  position: absolute;
  right: -42px;
  width: 189px;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__laptop::before {
    bottom: calc(13 / 1920 * 100vw);
    height: calc(197 / 1920 * 100vw);
    right: calc(-42 / 1920 * 100vw);
    width: calc(189 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__laptop::before {
    bottom: calc(5 / 375 * 100vw);
    height: calc(85 / 375 * 100vw);
    right: calc(-22 / 375 * 100vw);
    width: calc(82 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop__badge {
  background-image: url(../images/mainvisual_content_badge.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 181px;
  overflow: hidden;
  position: absolute;
  right: 22px;
  text-indent: 150vw;
  top: -90px;
  white-space: nowrap;
  width: 181px;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__laptop__badge {
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(181 / 1920 * 100vw);
    right: calc(22 / 1920 * 100vw);
    top: calc(-90 / 1920 * 100vw);
    width: calc(181 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__laptop__badge {
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(70 / 375 * 100vw);
    right: calc(10 / 375 * 100vw);
    top: calc(-40 / 375 * 100vw);
    width: calc(70 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop__video {
  left: 120px;
  position: absolute;
  top: 26px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__laptop__video {
    left: calc(120 / 1920 * 100vw);
    top: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__laptop__video {
    left: calc(52 / 375 * 100vw);
    top: calc(11 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop__video__inner {
  height: 282px;
  overflow: hidden;
  position: relative;
  width: 488px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__content__laptop__video__inner {
    height: calc(282 / 1920 * 100vw);
    width: calc(488 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__content__laptop__video__inner {
    height: calc(124 / 375 * 100vw);
    width: calc(213 / 375 * 100vw);
  }
}

.p-mainVisual__content__laptop__video video {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-mainVisual__button {
  left: 204px;
  position: absolute;
  top: 565px;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__button {
    left: calc(204 / 1920 * 100vw);
    top: calc(565 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__button {
    bottom: calc(10 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
    margin: 0 auto;
    right: 0;
    top: auto;
  }
}

.p-mainVisual__button a {
  align-items: center;
  background-color: var(--color-white);
  border: 2px solid #269D78;
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  color: #269D78;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 80px;
  justify-content: center;
  width: 372px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__button a {
    border: calc(2 / 1920 * 100vw) solid #269D78;
    border-radius: calc(10 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(20 / 1920 * 100vw);
    height: calc(80 / 1920 * 100vw);
    width: calc(372 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__button a {
    border: calc(2 / 375 * 100vw) solid #269D78;
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(12 / 375 * 100vw);
    height: calc(47 / 375 * 100vw);
    margin: 0 auto;
    width: calc(201 / 375 * 100vw);
  }
}

.p-mainVisual__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: #269D78;
  content: "";
  display: block;
  height: 20px;
  margin-left: 16px;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: translateY(1px);
  transition: 0.3s;
  width: 20px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual__button a::after {
    height: calc(20 / 1920 * 100vw);
    margin-left: calc(16 / 1920 * 100vw);
    width: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual__button a::after {
    height: calc(14 / 375 * 100vw);
    margin-left: calc(16 / 375 * 100vw);
    width: calc(14 / 375 * 100vw);
  }
}

.p-mainVisual__button a:hover {
  background-color: #269D78;
  color: var(--color-white);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-mainVisual__button a:hover {
    background-color: var(--color-white);
    color: #269D78;
  }
}

.p-mainVisual__button a:hover:after {
  background-color: var(--color-white);
}

@media screen and (max-width: 767px) {
  .p-mainVisual__button a:hover:after {
    background-color: #269D78;
  }
}

.p-mainVisual--biz {
  background-image: url(../images/mainvisual_businesstype_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 705px;
  margin-bottom: -20px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz {
    height: calc(705 / 1920 * 100vw);
    margin-bottom: calc(-20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz {
    background-image: none;
    height: calc(587 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
}

.p-mainVisual--biz::before,
.p-mainVisual--biz::after {
  display: none;
}

.p-mainVisual--biz .p-mainVisual__inner {
  background-position: center;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz .p-mainVisual__inner {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--hr {
    background-image: url(../images/mainvisual_title_hr_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--hr .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_hr.png);
  height: 735px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--hr .p-mainVisual__inner {
    height: calc(735 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--outcallcenter {
    background-image: url(../images/mainvisual_title_outcallcenter_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--outcallcenter .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_outcallcenter.png);
  height: 760px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--outcallcenter .p-mainVisual__inner {
    height: calc(760 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--clinic {
    background-image: url(../images/mainvisual_title_clinic_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--clinic .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_clinic.png);
  height: 775px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--clinic .p-mainVisual__inner {
    height: calc(775 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--estate {
    background-image: url(../images/mainvisual_title_estate_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--estate .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_estate.png);
  height: 770px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--estate .p-mainVisual__inner {
    height: calc(770 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--finance {
    background-image: url(../images/mainvisual_title_finance_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--finance .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_finance.png);
  height: 750px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--finance .p-mainVisual__inner {
    height: calc(750 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-mainVisual--biz.p-mainVisual--insurance {
    background-image: url(../images/mainvisual_title_insurance_sp.png);
  }
}

.p-mainVisual--biz.p-mainVisual--insurance .p-mainVisual__inner {
  background-image: url(../images/mainvisual_title_insurance.png);
  height: 780px;
}

@media screen and (max-width: 1919px) {
  .p-mainVisual--biz.p-mainVisual--insurance .p-mainVisual__inner {
    height: calc(780 / 1920 * 100vw);
  }
}

#outgoing-ivr .p-mainVisual {
  height: 700px;
  margin-bottom: 0;
}

@media screen and (max-width: 1919px) {
  #outgoing-ivr .p-mainVisual {
    height: calc(700 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-mainVisual {
    height: calc(438 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-mainVisual__text {
    top: calc(12 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-mainVisual__content {
    top: calc(165 / 375 * 100vw);
  }
}

#outgoing-ivr .p-mainVisual__content::before {
  height: 511px;
  top: -10px;
  width: 556px;
}

@media screen and (max-width: 1919px) {
  #outgoing-ivr .p-mainVisual__content::before {
    height: calc(511 / 1920 * 100vw);
    top: calc(-10 / 1920 * 100vw);
    width: calc(556 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-mainVisual__button {
    bottom: calc(20 / 375 * 100vw);
  }
}

#ai-agent .p-mainVisual {
  background-image: url(../images/ai/mainvisual_incoming_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 620px;
  margin-bottom: 0;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-mainVisual {
    height: calc(620 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual {
    background-image: url(../images/ai/mainvisual_incoming_bg_sp.png);
    height: calc(452 / 375 * 100vw);
    margin-bottom: calc(0 / 375 * 100vw);
  }
}

#ai-agent .p-mainVisual::before,
#ai-agent .p-mainVisual::after {
  display: none;
}

#ai-agent .p-mainVisual__text {
  background-image: url(../images/ai/mainvisual_content_text_incoming.svg);
  top: 95px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-mainVisual__text {
    top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__text {
    background-image: url(../images/ai/mainvisual_content_text_incoming_sp.svg);
    top: calc(84 / 375 * 100vw);
  }
}

#ai-agent .p-mainVisual__content {
  top: unset;
  bottom: 0;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-mainVisual__content {
    /* top: calc(55 / 1920 * 100vw); */
    bottom: 0;

  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__content {
    top: unset;
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__content__laptop {
    height: calc(150 / 375 * 100vw);
    margin: 0 auto;
    top: 0;
    width: calc(288 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__content__laptop__badge {
    height: calc(70 / 375 * 100vw);
    width: calc(70 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__content__laptop__video {
    left: calc(47 / 375 * 100vw);
    top: calc(11 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__content__laptop__video__inner {
    height: calc(116 / 375 * 100vw);
    width: calc(189 / 375 * 100vw);
  }
}

#ai-agent .p-mainVisual__content::before {
  display: none;
}

#ai-agent .p-mainVisual__button {
  top: 435px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-mainVisual__button {
    top: calc(435 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-mainVisual__button {
    top: calc(218 / 375 * 100vw);
  }
}

.p-flowLogo {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .p-flowLogo {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(405 / 375 * 100vw);
    width: 100%;
  }
}

.p-flowLogo .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.p-flowLogo__inner {
  padding: 65px 0;
}

@media screen and (max-width: 1919px) {
  .p-flowLogo__inner {
    padding: calc(65 / 1920 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-flowLogo__inner {
    padding: calc(0 / 375 * 100vw) 0;
  }
}

.p-flowLogo__title {
  color: var(--color-main);
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-flowLogo__title {
    font-size: calc(40 / 1920 * 100vw);
    line-height: calc(58 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flowLogo__title {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    margin-bottom: calc(5 / 375 * 100vw);
  }
}

.p-flowLogo__logoList {
  display: flex;
  margin: 0 -50vw;
}

.p-flowLogo__logoList>ul {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}

.p-flowLogo__logoList>ul:first-child {
  -webkit-animation: loop 100s -50s linear infinite;
  animation: loop 100s -50s linear infinite;
}

.p-flowLogo__logoList>ul:last-child {
  -webkit-animation: loop2 100s linear infinite;
  animation: loop2 100s linear infinite;
}

.p-flowLogo__logoList>ul>li {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-flowLogo__logoList>ul>li {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flowLogo__logoList>ul>li {
    margin-left: calc(25 / 375 * 100vw);
  }
}

.p-flowLogo__logoList__logo {
  height: 191px;
}

@media screen and (max-width: 1919px) {
  .p-flowLogo__logoList__logo {
    height: calc(191 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-flowLogo__logoList__logo {
    height: calc(105 / 375 * 100vw);
  }
}

.p-flowLogo__logoList__logo img {
  height: 100%;
  width: auto;
}

@media screen and (max-width: 767px) {

  #top .p-flowLogo,
  #hr .p-flowLogo,
  #outcallcenter .p-flowLogo,
  #insurance .p-flowLogo,
  #estate .p-flowLogo,
  #clinic .p-flowLogo,
  #finance .p-flowLogo {
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-flowLogo {
    position: static;
  }
}

@media screen and (max-width: 767px) {
  #outgoing-ivr .p-flowLogo__inner {
    padding-bottom: calc(20 / 375 * 100vw);
    padding-top: calc(20 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-flowLogo {
    position: static;
  }
}

#ai-agent .p-flowLogo__inner {
  padding-bottom: 25px;
  padding-top: 40px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-flowLogo__inner {
    padding-bottom: calc(25 / 1920 * 100vw);
    padding-top: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-flowLogo__inner {
    padding-bottom: calc(20 / 375 * 100vw);
    padding-top: calc(20 / 375 * 100vw);
  }
}

.p-cta {
  background-color: var(--color-bg);
  height: 140px;
  margin-top: -1px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-cta {
    height: calc(140 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta {
    display: none;
    height: calc(50 / 375 * 100vw);
  }
}

.p-cta .l-container {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .p-cta .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.p-cta__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .p-cta__button {
    width: 50%;
  }
}

.p-cta__button a {
  align-items: center;
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 24px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-cta__button a {
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button a {
    border-radius: calc(0 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
    width: 100%;
  }
}

.p-cta__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-cta__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(19 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-cta__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-cta__button+.p-cta__button {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-cta__button+.p-cta__button {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta__button+.p-cta__button {
    margin-left: calc(0 / 375 * 100vw);
  }
}

.p-cta__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.p-cta__button--download a:hover {
  color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta__button--download a:hover {
    background-color: var(--color-main2);
    color: var(--color-white);
  }
}

.p-cta__button--download a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta__button--download a:hover::after {
    background-color: var(--color-white);
  }
}

.p-cta__button--contact a {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta__button--contact a {
    padding-right: calc(20 / 375 * 100vw);
  }
}

.p-cta__button--contact a:hover {
  color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta__button--contact a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-cta__button--contact a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta__button--contact a:hover::after {
    background-color: var(--color-white);
  }
}

.p-cta.is-clone {
  bottom: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  position: fixed;
  transform: translateY(200%);
  transition: 0.6s;
  width: 100%;
  z-index: 100;
}

@media screen and (max-width: 1919px) {
  .p-cta.is-clone {
    box-shadow: calc(0 / 1920 * 100vw) calc(0 / 1920 * 100vw) calc(15 / 1920 * 100vw) rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 767px) {
  .p-cta.is-clone {
    box-shadow: calc(0 / 375 * 100vw) calc(0 / 375 * 100vw) calc(15 / 375 * 100vw) rgba(0, 0, 0, 0.1);
    display: block;
  }
}

.p-cta.is-clone.is-show {
  transform: translateY(0);
}

.p-kadai {
  background-color: var(--color-bg2);
  margin-top: -133px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-kadai {
    margin-top: calc(-133 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai {
    margin-top: calc(0 / 375 * 100vw);
  }
}

.p-kadai::before {
  border-color: #FFFFFF transparent transparent transparent;
  border-style: solid;
  border-width: 68px 960px 0 960px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

@media screen and (max-width: 1919px) {
  .p-kadai::before {
    border-width: calc(68 / 1920 * 100vw) calc(960 / 1920 * 100vw) 0 calc(960 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai::before {
    border-width: calc(68 / 375 * 100vw) calc(960 / 375 * 100vw) 0 calc(960 / 375 * 100vw);
    display: none;
  }
}

.p-kadai::after {
  border-color: var(--color-bg2) transparent transparent transparent;
  border-style: solid;
  border-width: 68px 960px 0 960px;
  bottom: -67px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}

@media screen and (max-width: 1919px) {
  .p-kadai::after {
    border-width: calc(68 / 1920 * 100vw) calc(960 / 1920 * 100vw) 0 calc(960 / 1920 * 100vw);
    bottom: calc(-67 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai::after {
    border-width: calc(30 / 375 * 100vw) calc(187.5 / 375 * 100vw) 0 calc(187.5 / 375 * 100vw);
    bottom: calc(-29 / 375 * 100vw);
  }
}

.p-kadai .l-container {
  padding-left: 410px;
  padding-right: 410px;
}

@media screen and (max-width: 1919px) {
  .p-kadai .l-container {
    padding-left: calc(410 / 1920 * 100vw);
    padding-right: calc(410 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai .l-container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
  }
}

.p-kadai__inner {
  padding-bottom: 65px;
  padding-top: 265px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__inner {
    padding-bottom: calc(65 / 1920 * 100vw);
    padding-top: calc(265 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__inner {
    padding-bottom: calc(65 / 375 * 100vw);
    padding-top: calc(75 / 375 * 100vw);
  }
}

.p-kadai__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-kadai__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-kadai__titleBox::before,
.p-kadai__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-kadai__titleBox::before,
  .p-kadai__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-kadai__titleBox::before,
  .p-kadai__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-kadai__titleBox::before {
  left: 0;
}

.p-kadai__titleBox::after {
  right: 0;
}

.p-kadai__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-kadai__titleBox__title {
  background-image: url(../images/kadai_title.svg);
  height: 51px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__titleBox__title {
    height: calc(51 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__titleBox__title {
    height: calc(23 / 375 * 100vw);
  }
}

.p-kadai__kadaiList>ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList>ul {
    display: block;
  }
}

.p-kadai__kadaiList>ul>li:nth-child(2) {
  padding-top: 53px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList>ul>li:nth-child(2) {
    padding-top: calc(53 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList>ul>li:nth-child(2) {
    padding-top: calc(0 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList>ul>li+li {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox {
    margin: 0 auto;
  }
}

.p-kadai__kadaiList__kadaiBox__titleBox {
  align-items: center;
  display: flex;
  height: 115px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox__titleBox {
    height: calc(115 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox__titleBox {
    height: calc(115 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox__titleBox__label {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 44px;
  margin-right: 8px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 40px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox__titleBox__label {
    height: calc(44 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox__titleBox__label {
    height: calc(44 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(40 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox__titleBox__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox__titleBox__title {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox__titleBox__title {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox__textBox {
  position: absolute;
}

.p-kadai__kadaiList__kadaiBox__textBox__title {
  color: var(--color-main);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox__textBox__title {
    font-size: calc(20 / 1920 * 100vw);
    margin-bottom: calc(6 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox__textBox__title {
    font-size: calc(20 / 375 * 100vw);
    margin-bottom: calc(6 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox__textBox__text {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox__textBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai1 {
  background-image: url(../images/kadai_bg_1.svg);
  height: 582px;
  width: 328px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 {
    height: calc(582 / 1920 * 100vw);
    width: calc(328 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 {
    height: calc(582 / 375 * 100vw);
    width: calc(328 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__titleBox {
  padding-left: 20px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(20 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__titleBox__label {
  background-image: url(../images/kadai_label_1.svg);
}

.p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__textBox {
  left: 57px;
  top: 462px;
  width: 260px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(57 / 1920 * 100vw);
    top: calc(462 / 1920 * 100vw);
    width: calc(260 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai1 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(57 / 375 * 100vw);
    top: calc(462 / 375 * 100vw);
    width: calc(260 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai2 {
  background-image: url(../images/kadai_bg_2.svg);
  height: 569px;
  width: 337px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 {
    height: calc(569 / 1920 * 100vw);
    width: calc(337 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 {
    height: calc(569 / 375 * 100vw);
    width: calc(337 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__titleBox {
  padding-left: 24px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(24 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__titleBox__label {
  background-image: url(../images/kadai_label_2.svg);
}

.p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__textBox {
  left: 83px;
  top: 448px;
  width: 244px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(83 / 1920 * 100vw);
    top: calc(448 / 1920 * 100vw);
    width: calc(244 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai2 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(83 / 375 * 100vw);
    top: calc(448 / 375 * 100vw);
    width: calc(244 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai3 {
  background-image: url(../images/kadai_bg_3.svg);
  height: 552px;
  width: 318px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 {
    height: calc(552 / 1920 * 100vw);
    width: calc(318 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 {
    height: calc(552 / 375 * 100vw);
    width: calc(318 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
  padding-left: 27px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(27 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(27 / 375 * 100vw);
  }
}

.p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox__label {
  background-image: url(../images/kadai_label_3.svg);
}

.p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__textBox {
  left: 76px;
  top: 436px;
  width: 235px;
}

@media screen and (max-width: 1919px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(76 / 1920 * 100vw);
    top: calc(436 / 1920 * 100vw);
    width: calc(235 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__textBox {
    left: calc(76 / 375 * 100vw);
    top: calc(436 / 375 * 100vw);
    width: calc(235 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-kadai__inner {
    padding-bottom: calc(15 / 375 * 100vw);
  }
}

#ai-agent .p-kadai__titleBox__title {
  background-image: url(../images/kadai_title_incoming.svg);
}

#ai-agent .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
  padding-left: 45px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(45 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-kadai__kadaiList__kadaiBox--kadai3 .p-kadai__kadaiList__kadaiBox__titleBox {
    padding-left: calc(45 / 375 * 100vw);
  }
}

.p-scene {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .p-scene {
    margin-bottom: calc(-90 / 375 * 100vw);
    margin-top: calc(-10 / 375 * 100vw);
  }
}

.p-scene::before,
.p-scene::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

.p-scene::before {
  background-image: url(../images/scene_bg_before.svg);
  height: 815px;
  left: 0;
  top: 448px;
  width: 515px;
}

@media screen and (max-width: 1919px) {
  .p-scene::before {
    height: calc(815 / 1920 * 100vw);
    top: calc(448 / 1920 * 100vw);
    width: calc(515 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene::before {
    background-image: url(../images/scene_bg_before_sp.svg);
    height: calc(491 / 375 * 100vw);
    top: calc(410 / 375 * 100vw);
    width: calc(215 / 375 * 100vw);
  }
}

.p-scene::after {
  background-image: url(../images/scene_bg_after.svg);
  height: 642px;
  right: 0;
  top: 134px;
  width: 411px;
}

@media screen and (max-width: 1919px) {
  .p-scene::after {
    height: calc(642 / 1920 * 100vw);
    top: calc(134 / 1920 * 100vw);
    width: calc(411 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene::after {
    background-image: url(../images/scene_bg_after_sp.svg);
    height: calc(226 / 375 * 100vw);
    top: calc(10 / 375 * 100vw);
    width: calc(160 / 375 * 100vw);
  }
}

.p-scene__inner {
  padding-bottom: 95px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-scene__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__inner {
    padding-bottom: calc(0 / 375 * 100vw);
    padding-top: calc(0 / 375 * 100vw);
  }
}

.p-scene__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-scene__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-scene__titleBox::before,
.p-scene__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-scene__titleBox::before,
  .p-scene__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-scene__titleBox::before,
  .p-scene__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-scene__titleBox::before {
  left: 0;
}

.p-scene__titleBox::after {
  right: 0;
}

.p-scene__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-scene__titleBox__title {
  background-image: url(../images/scene_title.svg);
  height: 46px;
}

@media screen and (max-width: 1919px) {
  .p-scene__titleBox__title {
    height: calc(46 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__titleBox__title {
    height: calc(26 / 375 * 100vw);
  }
}

.p-scene__sceneList>ul>li+li {
  margin-top: 32px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList>ul>li+li {
    margin-top: calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList>ul>li+li {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
  }
}

.p-scene__sceneList__sceneBox__titleBox__title {
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-scene__sceneList__sceneBox__titleBox__text {
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-scene__sceneList__sceneBox__titleBox__button {
  position: absolute;
}

.p-scene__sceneList__sceneBox__titleBox__button a {
  align-items: center;
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  height: 25px;
  justify-content: center;
  width: 120px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox__titleBox__button a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(25 / 1920 * 100vw);
    width: calc(120 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox__titleBox__button a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(25 / 375 * 100vw);
    width: calc(120 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox__titleBox__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main3);
  opacity: 1;
}

.p-scene__sceneList__sceneBox__textBox {
  position: absolute;
  right: 28px;
  top: 123px;
  width: 645px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox__textBox {
    right: calc(28 / 1920 * 100vw);
    top: calc(123 / 1920 * 100vw);
    width: calc(645 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox__textBox {
    left: 0;
    margin: 0 auto;
    right: calc(0 / 375 * 100vw);
    top: calc(335 / 375 * 100vw);
    width: calc(303 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox__textBox__text {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox__textBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(23 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene1 {
  background-image: url(../images/scene_bg_1.svg);
  height: 200px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene1 {
    height: calc(200 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene1 {
    background-image: url(../images/scene_bg_1_sp.svg);
    height: calc(422 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
  left: 32px;
  top: 134px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(32 / 1920 * 100vw);
    top: calc(134 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(32 / 375 * 100vw);
    top: calc(134 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__textBox {
  top: 131px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__textBox {
    top: calc(131 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__textBox {
    top: calc(340 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene2 {
  background-image: url(../images/scene_bg_2.svg);
  height: 204px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene2 {
    height: calc(204 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene2 {
    background-image: url(../images/scene_bg_2_sp.svg);
    height: calc(357 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
  left: 33px;
  top: 130px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(33 / 1920 * 100vw);
    top: calc(130 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(33 / 375 * 100vw);
    top: calc(130 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__textBox {
    top: calc(245 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene3 {
  background-image: url(../images/scene_bg_3.svg);
  height: 204px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene3 {
    height: calc(204 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene3 {
    background-image: url(../images/scene_bg_3_sp.svg);
    height: calc(468 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
  left: 35px;
  top: 131px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(35 / 1920 * 100vw);
    top: calc(131 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(35 / 375 * 100vw);
    top: calc(131 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene4 {
  background-image: url(../images/scene_bg_4.svg);
  height: 202px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene4 {
    height: calc(202 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene4 {
    background-image: url(../images/scene_bg_4_sp.svg);
    height: calc(467 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene4 .p-scene__sceneList__sceneBox__titleBox__button {
  left: 31px;
  top: 130px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene4 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(31 / 1920 * 100vw);
    top: calc(130 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene4 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(31 / 375 * 100vw);
    top: calc(130 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene5 {
  background-image: url(../images/scene_bg_5.svg);
  height: 202px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene5 {
    height: calc(202 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene5 {
    background-image: url(../images/scene_bg_5_sp.svg);
    height: calc(428 / 375 * 100vw);
  }
}

.p-scene__sceneList__sceneBox--scene5 .p-scene__sceneList__sceneBox__titleBox__button {
  left: 31px;
  top: 119px;
}

@media screen and (max-width: 1919px) {
  .p-scene__sceneList__sceneBox--scene5 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(31 / 1920 * 100vw);
    top: calc(119 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene__sceneList__sceneBox--scene5 .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(31 / 375 * 100vw);
    top: calc(119 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  #ai-agent .p-scene::before,
  #ai-agent .p-scene::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__inner {
    padding-top: calc(65 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox__titleBox__button {
    left: calc(16 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene1 {
  background-image: url(../images/scene_income_bg_1.svg);
  height: 208px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene1 {
    height: calc(208 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene1 {
    background-image: url(../images/scene_income_bg_1_sp.svg);
    height: calc(368 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
  top: 113px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(113 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(65 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene1 .p-scene__sceneList__sceneBox__textBox {
    top: calc(245 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene2 {
  background-image: url(../images/scene_income_bg_2.svg);
  height: 209px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene2 {
    height: calc(209 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene2 {
    background-image: url(../images/scene_income_bg_2_sp.svg);
    height: calc(435 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
  top: 113px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(113 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(65 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene2 .p-scene__sceneList__sceneBox__textBox {
    top: calc(315 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene3 {
  background-image: url(../images/scene_income_bg_3.svg);
  height: 208px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene3 {
    height: calc(208 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene3 {
    background-image: url(../images/scene_income_bg_3_sp.svg);
    height: calc(426 / 375 * 100vw);
  }
}

#ai-agent .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
  top: 113px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(113 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__titleBox__button {
    top: calc(65 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene__sceneList__sceneBox--scene3 .p-scene__sceneList__sceneBox__textBox {
    top: calc(305 / 375 * 100vw);
  }
}

.p-cta2 {
  height: 344px;
  margin-bottom: -43px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-cta2 {
    height: calc(344 / 1920 * 100vw);
    margin-bottom: calc(-43 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta2 {
    height: calc(295 / 375 * 100vw);
    margin-bottom: calc(0 / 375 * 100vw);
  }
}

.p-cta2 .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.p-cta2__inner {
  background-image: url(../images/cta2_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  padding-top: 160px;
}

@media screen and (max-width: 1919px) {
  .p-cta2__inner {
    padding-top: calc(160 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta2__inner {
    background-image: url(../images/cta2_bg_sp.svg);
    padding-top: calc(50 / 375 * 100vw);
  }
}

.p-cta2__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

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

.p-cta2__content__button a {
  align-items: center;
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-cta2__content__button a {
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button a {
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    margin: 0 auto;
    width: calc(341 / 375 * 100vw);
  }
}

.p-cta2__content__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-cta2__content__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

.p-cta2__content__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-cta2__content__button+.p-cta2__content__button {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-cta2__content__button+.p-cta2__content__button {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button+.p-cta2__content__button {
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-cta2__content__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.p-cta2__content__button--download a:hover {
  color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button--download a:hover {
    background-color: var(--color-main2);
    color: var(--color-white);
  }
}

.p-cta2__content__button--download a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button--download a:hover::after {
    background-color: var(--color-white);
  }
}

.p-cta2__content__button--contact a {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
}

.p-cta2__content__button--contact a:hover {
  color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button--contact a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-cta2__content__button--contact a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta2__content__button--contact a:hover::after {
    background-color: var(--color-white);
  }
}

@media screen and (max-width: 767px) {
  .p-scene+.p-cta2 .p-cta2__inner {
    background-image: url(../images/cta2_bg_2_sp.svg);
    height: calc(366 / 375 * 100vw);
    padding-top: calc(120 / 375 * 100vw);
  }
}

.p-strongPoint {
  background-color: var(--color-bg3);
  position: relative;
}

.p-strongPoint::after {
  border-color: var(--color-bg3) transparent transparent transparent;
  border-style: solid;
  border-width: 134px 960px 0 960px;
  bottom: -133px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint::after {
    border-width: calc(134 / 1920 * 100vw) calc(960 / 1920 * 100vw) 0 calc(960 / 1920 * 100vw);
    bottom: calc(-133 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint::after {
    border-width: calc(49 / 375 * 100vw) calc(187.5 / 375 * 100vw) 0 calc(187.5 / 375 * 100vw);
    bottom: calc(-48 / 375 * 100vw);
  }
}

.p-strongPoint__inner {
  padding-bottom: 20px;
  padding-top: 120px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__inner {
    padding-bottom: calc(20 / 1920 * 100vw);
    padding-top: calc(120 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__inner {
    padding-bottom: calc(20 / 375 * 100vw);
    padding-top: calc(120 / 375 * 100vw);
  }
}

.p-strongPoint__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-strongPoint__titleBox::before,
.p-strongPoint__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-strongPoint__titleBox::before,
  .p-strongPoint__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-strongPoint__titleBox::before,
  .p-strongPoint__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-strongPoint__titleBox::before {
  left: 0;
}

.p-strongPoint__titleBox::after {
  right: 0;
}

.p-strongPoint__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-strongPoint__titleBox::before {
  left: -105px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__titleBox::before {
    left: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__titleBox::before {
    left: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-strongPoint__titleBox::after {
  right: -105px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__titleBox::after {
    right: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__titleBox::after {
    right: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-strongPoint__titleBox__title {
  background-image: url(../images/strongpoint_title.svg);
  height: 57px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__titleBox__title {
    height: calc(57 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__titleBox__title {
    height: calc(27 / 375 * 100vw);
  }
}

.p-strongPoint__content {
  background-color: var(--color-white);
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 auto;
  padding: 24px 32px;
  width: 1050px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__content {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(24 / 1920 * 100vw) calc(32 / 1920 * 100vw);
    width: calc(1050 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(0 / 375 * 100vw) calc(16 / 375 * 100vw) calc(32 / 375 * 100vw);
    width: 100%;
  }
}

.p-strongPoint__content__spList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-strongPoint__content__spList>ul>li {
  margin-top: 32px;
  width: 475px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__content__spList>ul>li {
    margin-top: calc(32 / 1920 * 100vw);
    width: calc(475 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList>ul>li {
    margin-top: calc(32 / 375 * 100vw);
    width: 100%;
  }
}

.p-strongPoint__content__spList>ul>li:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList>ul>li:nth-child(-n+2) {
    margin-top: calc(32 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList>ul>li:first-child {
    margin-top: 0;
  }
}

.p-strongPoint__content__spList__spBox__illust {
  margin: 0 auto;
  margin-bottom: 10px;
  width: 236px;
}

.p-strongPoint__content__spList__spBox__illust img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__content__spList__spBox__illust {
    margin-bottom: calc(10 / 1920 * 100vw);
    width: calc(236 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList__spBox__illust {
    margin-bottom: calc(10 / 375 * 100vw);
    width: calc(236 / 375 * 100vw);
  }
}

.p-strongPoint__content__spList__spBox__title {
  background-image: url(../images/strongpoint_spbox_title_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--color-white);
  content: "";
  display: block;
  font-size: 21px;
  font-weight: 600;
  height: 45px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding-top: 7px;
  text-align: center;
  width: 232px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__content__spList__spBox__title {
    font-size: calc(21 / 1920 * 100vw);
    height: calc(45 / 1920 * 100vw);
    margin-bottom: calc(10 / 1920 * 100vw);
    padding-top: calc(7 / 1920 * 100vw);
    width: calc(232 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList__spBox__title {
    font-size: calc(21 / 375 * 100vw);
    height: calc(45 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
    padding-top: calc(7 / 375 * 100vw);
    width: calc(232 / 375 * 100vw);
  }
}

.p-strongPoint__content__spList__spBox__text {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-strongPoint__content__spList__spBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-strongPoint__content__spList__spBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

#ai-agent .p-strongPoint__inner {
  padding-top: 140px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-strongPoint__inner {
    padding-top: calc(140 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-strongPoint__inner {
    padding-top: calc(140 / 375 * 100vw);
  }
}

#ai-agent .p-strongPoint__content {
  padding: 42px 32px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-strongPoint__content {
    padding: calc(42 / 1920 * 100vw) calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-strongPoint__content {
    padding: calc(42 / 375 * 100vw) calc(32 / 375 * 100vw);
  }
}

.p-case {
  position: relative;
}

.p-case::before {
  background-image: url(../images/case_decoration_before.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 1520px;
  left: 0;
  position: absolute;
  top: -370px;
  width: 369px;
  z-index: -1;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-case::before {
    height: calc(1520 / 1920 * 100vw);
    top: calc(-370 / 1920 * 100vw);
    width: calc(369 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case::before {
    height: calc(1520 / 375 * 100vw);
    top: calc(-370 / 375 * 100vw);
    width: calc(369 / 375 * 100vw);
  }
}

.p-case__inner {
  padding-bottom: 75px;
  padding-top: 320px;
}

@media screen and (max-width: 1919px) {
  .p-case__inner {
    padding-bottom: calc(75 / 1920 * 100vw);
    padding-top: calc(320 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__inner {
    padding-bottom: calc(75 / 375 * 100vw);
    padding-top: calc(320 / 375 * 100vw);
  }
}

.p-case__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-case__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-case__titleBox::before,
.p-case__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-case__titleBox::before,
  .p-case__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-case__titleBox::before,
  .p-case__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-case__titleBox::before {
  left: 0;
}

.p-case__titleBox::after {
  right: 0;
}

.p-case__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-case__titleBox::before {
  left: -100px;
}

@media screen and (max-width: 1919px) {
  .p-case__titleBox::before {
    left: calc(-100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__titleBox::before {
    left: calc(-100 / 375 * 100vw);
  }
}

.p-case__titleBox::after {
  right: -100px;
}

@media screen and (max-width: 1919px) {
  .p-case__titleBox::after {
    right: calc(-100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__titleBox::after {
    right: calc(-100 / 375 * 100vw);
  }
}

.p-case__titleBox__title {
  background-image: url(../images/case_title.svg);
  height: 57px;
}

@media screen and (max-width: 1919px) {
  .p-case__titleBox__title {
    height: calc(57 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__titleBox__title {
    height: calc(57 / 375 * 100vw);
  }
}

.p-case__caseList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.p-case__caseList>ul>li {
  margin-left: 12px;
  margin-top: 68px;
  width: 352px;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList>ul>li {
    margin-left: calc(12 / 1920 * 100vw);
    margin-top: calc(68 / 1920 * 100vw);
    width: calc(352 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList>ul>li {
    margin-left: calc(12 / 375 * 100vw);
    margin-top: calc(68 / 375 * 100vw);
    width: calc(352 / 375 * 100vw);
  }
}

.p-case__caseList>ul>li:nth-child(3n+1) {
  margin-left: 0;
}

.p-case__caseList__caseBox {
  background-color: var(--color-white);
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 16px;
  position: relative;
  width: 352px;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList__caseBox {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(16 / 1920 * 100vw);
    width: calc(352 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList__caseBox {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(16 / 375 * 100vw);
    width: calc(352 / 375 * 100vw);
  }
}

.p-case__caseList__caseBox::before {
  -webkit-mask-image: url(../images/case_icon_fukidashi.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  content: "";
  display: block;
  height: 55px;
  left: 24px;
  mask-image: url(../images/case_icon_fukidashi.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  top: -28px;
  width: 50px;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList__caseBox::before {
    height: calc(55 / 1920 * 100vw);
    left: calc(24 / 1920 * 100vw);
    top: calc(-28 / 1920 * 100vw);
    width: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList__caseBox::before {
    height: calc(55 / 375 * 100vw);
    left: calc(24 / 375 * 100vw);
    top: calc(-28 / 375 * 100vw);
    width: calc(50 / 375 * 100vw);
  }
}

.p-case__caseList__caseBox__thumbnail img {
  height: auto;
  width: 100%;
}

.p-case__caseList__caseBox__textBox {
  padding: 24px 24px 20px;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList__caseBox__textBox {
    padding: calc(24 / 1920 * 100vw) calc(24 / 1920 * 100vw) calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList__caseBox__textBox {
    padding: calc(24 / 375 * 100vw) calc(24 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}

.p-case__caseList__caseBox__textBox__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList__caseBox__textBox__title {
    font-size: calc(18 / 1920 * 100vw);
    margin-bottom: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList__caseBox__textBox__title {
    font-size: calc(18 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
  }
}

.p-case__caseList__caseBox__textBox__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  word-break: break-all;
}

@media screen and (max-width: 1919px) {
  .p-case__caseList__caseBox__textBox__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(27 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-case__caseList__caseBox__textBox__text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}

.p-case__caseList__caseBox--case1::before {
  background-color: #2BB288;
}

.p-case__caseList__caseBox--case1 .p-case__caseList__caseBox__textBox__title {
  color: #2BB288;
}

.p-case__caseList__caseBox--case2::before {
  background-color: #007BC7;
}

.p-case__caseList__caseBox--case2 .p-case__caseList__caseBox__textBox__title {
  color: #007BC7;
}

.p-case__caseList__caseBox--case3::before {
  background-color: #F1BC1A;
}

.p-case__caseList__caseBox--case3 .p-case__caseList__caseBox__textBox__title {
  color: #F1BC1A;
}

.p-case__caseList__caseBox--case4::before {
  background-color: #ED6C00;
}

.p-case__caseList__caseBox--case4 .p-case__caseList__caseBox__textBox__title {
  color: #ED6C00;
}

.p-case__caseList__caseBox--case5::before {
  background-color: #01A6E2;
}

.p-case__caseList__caseBox--case5 .p-case__caseList__caseBox__textBox__title {
  color: #01A6E2;
}

#ai-agent .p-case__inner {
  padding-bottom: 95px;
  padding-top: 220px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-case__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(220 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-case__inner {
    padding-bottom: calc(95 / 375 * 100vw);
    padding-top: calc(220 / 375 * 100vw);
  }
}

#ai-agent .p-case::before {
  top: -200px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-case::before {
    top: calc(-200 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-case::before {
    top: calc(-200 / 375 * 100vw);
  }
}

.p-voice {
  background-color: var(--color-bg4);
}

.p-voice__inner {
  padding-bottom: 95px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-voice__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(70 / 375 * 100vw);
  }
}

.p-voice__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-voice__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-voice__titleBox::before,
.p-voice__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-voice__titleBox::before,
  .p-voice__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-voice__titleBox::before,
  .p-voice__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-voice__titleBox::before {
  left: 0;
}

.p-voice__titleBox::after {
  right: 0;
}

.p-voice__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {

  .p-voice__titleBox::before,
  .p-voice__titleBox::after {
    top: calc(8 / 375 * 100vw);
  }
}

.p-voice__titleBox__title {
  background-image: url(../images/voice_title.svg);
  height: 56px;
}

@media screen and (max-width: 1919px) {
  .p-voice__titleBox__title {
    height: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__titleBox__title {
    height: calc(29 / 375 * 100vw);
  }
}

.p-voice__postList>ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-voice__postList>ul {
    display: block;
  }
}

.p-voice__postList>ul>li {
  width: 326px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList>ul>li {
    width: calc(326 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList>ul>li {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList>ul>li+li {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 223px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__thumbnail {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(223 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__thumbnail {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(240 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox {
  margin-top: 15px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox {
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox {
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__data {
  margin-bottom: 12px;
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__data {
    margin-bottom: calc(12 / 1920 * 100vw);
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__data {
    margin-bottom: calc(12 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__data>ul>li+li {
  margin-top: 5px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__data>ul>li+li {
    margin-top: calc(5 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__data>ul>li+li {
    margin-top: calc(5 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__data dl {
  align-items: center;
  display: flex;
}

.p-voice__postList__postBox__textBox__data dl dt {
  align-items: center;
  background-color: var(--color-bg);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 18px;
  justify-content: center;
  margin-right: 8px;
  width: 63px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__data dl dt {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(18 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(63 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__data dl dt {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(63 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__data dl dd {
  font-size: 12px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__data dl dd {
    font-size: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__data dl dd {
    font-size: calc(12 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  overflow: hidden;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__title {
    font-size: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__title {
    font-size: calc(18 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  border-top: 1px dotted #01A6E2;
  display: -webkit-box;
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
  overflow: hidden;
  padding-top: 10px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    margin-top: calc(15 / 1920 * 100vw);
    padding-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
    padding-top: calc(10 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__button {
  margin-top: 30px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__button {
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__button {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-voice__postList__postBox__textBox__button a {
  align-items: center;
  border: 2px solid #01A6E2;
  border-radius: 30px;
  color: #01A6E2;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  margin: 0 auto;
  width: 168px;
}

@media screen and (max-width: 1919px) {
  .p-voice__postList__postBox__textBox__button a {
    border: calc(2 / 1920 * 100vw) solid #01A6E2;
    border-radius: calc(30 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(52 / 1920 * 100vw);
    width: calc(168 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-voice__postList__postBox__textBox__button a {
    border: calc(2 / 375 * 100vw) solid #01A6E2;
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    width: calc(168 / 375 * 100vw);
  }
}

#ai-agent .p-voice__inner {
  padding-bottom: 110px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-voice__inner {
    padding-bottom: calc(110 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-voice__inner {
    padding-bottom: calc(110 / 375 * 100vw);
  }
}

#hr .p-voice__inner,
#outcallcenter .p-voice__inner,
#insurance .p-voice__inner,
#estate .p-voice__inner,
#clinic .p-voice__inner,
#finance .p-voice__inner {
  padding-top: 250px;
}

@media screen and (max-width: 1919px) {

  #hr .p-voice__inner,
  #outcallcenter .p-voice__inner,
  #insurance .p-voice__inner,
  #estate .p-voice__inner,
  #clinic .p-voice__inner,
  #finance .p-voice__inner {
    padding-top: calc(250 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  #hr .p-voice__inner,
  #outcallcenter .p-voice__inner,
  #insurance .p-voice__inner,
  #estate .p-voice__inner,
  #clinic .p-voice__inner,
  #finance .p-voice__inner {
    padding-top: calc(30 / 375 * 100vw);
  }
}

#hr .p-voice+.p-function,
#outcallcenter .p-voice+.p-function,
#insurance .p-voice+.p-function,
#estate .p-voice+.p-function,
#clinic .p-voice+.p-function,
#finance .p-voice+.p-function {
  margin-top: -30px;
}

@media screen and (max-width: 1919px) {

  #hr .p-voice+.p-function,
  #outcallcenter .p-voice+.p-function,
  #insurance .p-voice+.p-function,
  #estate .p-voice+.p-function,
  #clinic .p-voice+.p-function,
  #finance .p-voice+.p-function {
    margin-top: calc(-30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  #hr .p-voice+.p-function,
  #outcallcenter .p-voice+.p-function,
  #insurance .p-voice+.p-function,
  #estate .p-voice+.p-function,
  #clinic .p-voice+.p-function,
  #finance .p-voice+.p-function {
    margin-top: calc(0 / 375 * 100vw);
  }
}

#hr .p-voice+.p-function .p-function__inner,
#outcallcenter .p-voice+.p-function .p-function__inner,
#insurance .p-voice+.p-function .p-function__inner,
#estate .p-voice+.p-function .p-function__inner,
#clinic .p-voice+.p-function .p-function__inner,
#finance .p-voice+.p-function .p-function__inner {
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {

  #hr .p-voice+.p-function .p-function__inner,
  #outcallcenter .p-voice+.p-function .p-function__inner,
  #insurance .p-voice+.p-function .p-function__inner,
  #estate .p-voice+.p-function .p-function__inner,
  #clinic .p-voice+.p-function .p-function__inner,
  #finance .p-voice+.p-function .p-function__inner {
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  #hr .p-voice+.p-function .p-function__inner,
  #outcallcenter .p-voice+.p-function .p-function__inner,
  #insurance .p-voice+.p-function .p-function__inner,
  #estate .p-voice+.p-function .p-function__inner,
  #clinic .p-voice+.p-function .p-function__inner,
  #finance .p-voice+.p-function .p-function__inner {
    padding-top: calc(40 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference {
    overflow: hidden;
  }
}

.p-difference__inner {
  padding-bottom: 90px;
  padding-top: 190px;
}

@media screen and (max-width: 1919px) {
  .p-difference__inner {
    padding-bottom: calc(90 / 1920 * 100vw);
    padding-top: calc(190 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__inner {
    padding-bottom: calc(10 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-difference__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-difference__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-difference__titleBox::before,
.p-difference__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-difference__titleBox::before,
  .p-difference__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-difference__titleBox::before,
  .p-difference__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-difference__titleBox::before {
  left: 0;
}

.p-difference__titleBox::after {
  right: 0;
}

.p-difference__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-difference__titleBox::before {
  left: -185px;
}

@media screen and (max-width: 1919px) {
  .p-difference__titleBox::before {
    left: calc(-185 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__titleBox::before {
    left: calc(0 / 375 * 100vw);
  }
}

.p-difference__titleBox::after {
  right: -185px;
}

@media screen and (max-width: 1919px) {
  .p-difference__titleBox::after {
    right: calc(-185 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__titleBox::after {
    right: calc(0 / 375 * 100vw);
  }
}

.p-difference__titleBox__title {
  background-image: url(../images/difference_title.svg);
  height: 57px;
}

@media screen and (max-width: 1919px) {
  .p-difference__titleBox__title {
    height: calc(57 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__titleBox__title {
    background-image: url(../images/difference_title_sp.svg);
    height: calc(65 / 375 * 100vw);
  }
}

.p-difference__tableBox__text {
  align-items: center;
  display: none;
  font-size: calc(14 / 375 * 100vw);
  justify-content: center;
  margin-bottom: calc(13 / 375 * 100vw);
}

@media screen and (max-width: 767px) {
  .p-difference__tableBox__text {
    display: flex;
  }
}

.p-difference__tableBox__text::after {
  background-image: url(../images/icon_scroll.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(16 / 375 * 100vw);
  margin-left: calc(4 / 375 * 100vw);
  width: calc(14 / 375 * 100vw);
}

.p-difference__tableBox__table {
  background-image: url(../images/difference_table.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 552px;
  margin: 0 auto;
  width: 1077px;
}

@media screen and (max-width: 1919px) {
  .p-difference__tableBox__table {
    height: calc(552 / 1920 * 100vw);
    width: calc(1077 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__tableBox__table {
    height: calc(552 / 375 * 100vw);
    transform: rotateX(180deg);
    width: calc(1077 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__tableBox__table__wrapper {
    overflow-x: scroll;
    padding-bottom: calc(7 / 375 * 100vw);
    position: relative;
    transform: rotateX(180deg);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__tableBox__table__wrapper::-webkit-scrollbar {
    background-color: #E2E2E2;
    height: calc(4 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__tableBox__table__wrapper::-webkit-scrollbar-thumb {
    background: #00B8EE;
    height: calc(4 / 375 * 100vw);
  }
}

.p-difference__message {
  margin-top: 190px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-difference__message {
    margin-top: calc(190 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__message {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-difference__message::before,
.p-difference__message::after {
  background-image: url(../images/difference_title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 116px;
  position: absolute;
  top: 13px;
  width: 614px;
}

@media screen and (max-width: 1919px) {

  .p-difference__message::before,
  .p-difference__message::after {
    height: calc(116 / 1920 * 100vw);
    top: calc(13 / 1920 * 100vw);
    width: calc(614 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-difference__message::before,
  .p-difference__message::after {
    height: calc(22 / 375 * 100vw);
    top: calc(13 / 375 * 100vw);
    width: calc(117 / 375 * 100vw);
  }
}

.p-difference__message::before {
  left: -550px;
}

@media screen and (max-width: 1919px) {
  .p-difference__message::before {
    left: calc(-550 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__message::before {
    left: calc(-30 / 375 * 100vw);
    top: calc(-28 / 375 * 100vw);
  }
}

.p-difference__message::after {
  right: -550px;
}

@media screen and (max-width: 1919px) {
  .p-difference__message::after {
    right: calc(-550 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__message::after {
    right: calc(-60 / 375 * 100vw);
    top: calc(55 / 375 * 100vw);
  }
}

.p-difference__message__text {
  background-image: url(../images/difference__message_text.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 158px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-difference__message__text {
    height: calc(158 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-difference__message__text {
    height: calc(66 / 375 * 100vw);
  }
}

#ai-agent .p-difference__message {
  margin-top: 95px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-difference__message {
    margin-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-difference__message {
    margin-top: calc(95 / 375 * 100vw);
  }
}

.p-function {
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-function {
    overflow: hidden;
  }
}

.p-function::before {
  background-image: url(../images/function_decaration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 267px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 675px;
  width: 1619px;
}

@media screen and (max-width: 1919px) {
  .p-function::before {
    height: calc(267 / 1920 * 100vw);
    top: calc(675 / 1920 * 100vw);
    width: calc(1619 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function::before {
    bottom: calc(5 / 375 * 100vw);
    height: calc(63 / 375 * 100vw);
    top: auto;
    width: calc(369 / 375 * 100vw);
  }
}

.p-function__inner {
  padding-bottom: 120px;
  padding-top: 165px;
}

@media screen and (max-width: 1919px) {
  .p-function__inner {
    padding-bottom: calc(120 / 1920 * 100vw);
    padding-top: calc(165 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__inner {
    padding-bottom: calc(40 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-function__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-function__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-function__titleBox::before,
.p-function__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-function__titleBox::before,
  .p-function__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-function__titleBox::before,
  .p-function__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-function__titleBox::before {
  left: 0;
}

.p-function__titleBox::after {
  right: 0;
}

.p-function__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-function__titleBox::before {
  left: -200px;
}

@media screen and (max-width: 1919px) {
  .p-function__titleBox::before {
    left: calc(-200 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__titleBox::before {
    height: calc(20 / 375 * 100vw);
    left: calc(-40 / 375 * 100vw);
    top: calc(-30 / 375 * 100vw);
    width: calc(106 / 375 * 100vw);
  }
}

.p-function__titleBox::after {
  right: -234px;
}

@media screen and (max-width: 1919px) {
  .p-function__titleBox::after {
    right: calc(-234 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__titleBox::after {
    height: calc(19 / 375 * 100vw);
    right: calc(-36 / 375 * 100vw);
    top: calc(40 / 375 * 100vw);
    width: calc(99 / 375 * 100vw);
  }
}

.p-function__titleBox__title {
  background-image: url(../images/function_title.svg);
  height: 61px;
}

@media screen and (max-width: 1919px) {
  .p-function__titleBox__title {
    height: calc(61 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__titleBox__title {
    height: calc(29 / 375 * 100vw);
  }
}

.p-function__list {
  background-image: url(../images/function_list.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 521px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1078px;
}

@media screen and (max-width: 1919px) {
  .p-function__list {
    height: calc(521 / 1920 * 100vw);
    width: calc(1078 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function__list {
    background-image: url(../images/function_list_sp.svg);
    height: calc(1091 / 375 * 100vw);
    width: calc(331 / 375 * 100vw);
  }
}

.p-function--biztype {
  background-color: #F9FDFF;
}

.p-function--biztype::before {
  bottom: 0;
  top: auto;
}

.p-function--biztype .p-function__title {
  color: var(--color-main);
  font-size: 40px;
  font-weight: bold;
  line-height: 58px;
  margin-bottom: 64px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-function--biztype .p-function__title {
    font-size: calc(40 / 1920 * 100vw);
    line-height: calc(58 / 1920 * 100vw);
    margin-bottom: calc(64 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--biztype .p-function__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(29 / 375 * 100vw);
    margin-bottom: calc(21 / 375 * 100vw);
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .p-function--biztype .p-function__title::before {
    background-image: url(../images/function_title_before.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: calc(20 / 375 * 100vw);
    left: calc(-35 / 375 * 100vw);
    position: absolute;
    top: calc(-17 / 375 * 100vw);
    width: calc(106 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--biztype .p-function__title::after {
    background-image: url(../images/function_title_after.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: calc(19 / 375 * 100vw);
    position: absolute;
    right: calc(-45 / 375 * 100vw);
    top: calc(60 / 375 * 100vw);
    width: calc(99 / 375 * 100vw);
  }
}

.p-function--biztype .p-function__inner {
  padding-bottom: 90px;
  padding-top: 245px;
}

@media screen and (max-width: 1919px) {
  .p-function--biztype .p-function__inner {
    padding-bottom: calc(90 / 1920 * 100vw);
    padding-top: calc(245 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--biztype .p-function__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(55 / 375 * 100vw);
  }
}

.p-function--hr .p-function__list {
  background-image: url(../images/function_list_hr.png);
  height: 466px;
  width: 1048px;
}

@media screen and (max-width: 1919px) {
  .p-function--hr .p-function__list {
    height: calc(466 / 1920 * 100vw);
    width: calc(1048 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--hr .p-function__list {
    background-image: url(../images/function_list_hr_sp.png);
    height: calc(1152 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

.p-function--outcallcenter .p-function__list {
  background-image: url(../images/function_list_outcallcenter.png);
  height: 522px;
  width: 1070px;
}

@media screen and (max-width: 1919px) {
  .p-function--outcallcenter .p-function__list {
    height: calc(522 / 1920 * 100vw);
    width: calc(1070 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--outcallcenter .p-function__list {
    background-image: url(../images/function_list_outcallcenter_sp.png);
    height: calc(1165 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

.p-function--clinic .p-function__list {
  background-image: url(../images/function_list_clinic.png);
  height: 522px;
  width: 1070px;
}

@media screen and (max-width: 1919px) {
  .p-function--clinic .p-function__list {
    height: calc(522 / 1920 * 100vw);
    width: calc(1070 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--clinic .p-function__list {
    background-image: url(../images/function_list_clinic_sp.png);
    height: calc(1165 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

.p-function--estate .p-function__list {
  background-image: url(../images/function_list_estate.png);
  height: 522px;
  width: 1070px;
}

@media screen and (max-width: 1919px) {
  .p-function--estate .p-function__list {
    height: calc(522 / 1920 * 100vw);
    width: calc(1070 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--estate .p-function__list {
    background-image: url(../images/function_list_estate_sp.png);
    height: calc(1165 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

.p-function--finance .p-function__list {
  background-image: url(../images/function_list_finance.png);
  height: 522px;
  width: 1076px;
}

@media screen and (max-width: 1919px) {
  .p-function--finance .p-function__list {
    height: calc(522 / 1920 * 100vw);
    width: calc(1076 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--finance .p-function__list {
    background-image: url(../images/function_list_finance_sp.png);
    height: calc(1165 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

.p-function--insurance .p-function__list {
  background-image: url(../images/function_list_insurance.png);
  height: 522px;
  width: 1062px;
}

@media screen and (max-width: 1919px) {
  .p-function--insurance .p-function__list {
    height: calc(522 / 1920 * 100vw);
    width: calc(1062 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-function--insurance .p-function__list {
    background-image: url(../images/function_list_insurance_sp.png);
    height: calc(1168 / 375 * 100vw);
    width: calc(323 / 375 * 100vw);
  }
}

#ai-agent .p-function__inner {
  padding-bottom: 130px;
  padding-top: 165px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-function__inner {
    padding-bottom: calc(130 / 1920 * 100vw);
    padding-top: calc(165 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-function__inner {
    padding-bottom: calc(40 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

#ai-agent .p-function::before {
  top: 675px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-function::before {
    top: calc(675 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-function::before {
    top: auto;
  }
}

#ai-agent .p-function__titleBox__title {
  background-image: url(../images/function_title_incoming.svg);
}

#ai-agent .p-function__list {
  background-image: url(../images/function_list_incoming.svg);
  height: 509px;
  width: 1031px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-function__list {
    height: calc(509 / 1920 * 100vw);
    width: calc(1031 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-function__list {
    background-image: url(../images/function_title_incoming_sp.svg);
    height: calc(1090 / 375 * 100vw);
    width: calc(326 / 375 * 100vw);
  }
}

.p-simulation {
  background-color: var(--color-bg3);
}

@media screen and (max-width: 767px) {
  .p-simulation {
    background-color: transparent;
    overflow: hidden;
  }
}

.p-simulation__inner {
  padding-bottom: 95px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-simulation__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-simulation__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-simulation__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-simulation__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-simulation__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-simulation__titleBox::before,
.p-simulation__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-simulation__titleBox::before,
  .p-simulation__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-simulation__titleBox::before,
  .p-simulation__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-simulation__titleBox::before {
  left: 0;
}

.p-simulation__titleBox::after {
  right: 0;
}

.p-simulation__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-simulation__titleBox::before {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-simulation__titleBox::before {
    display: block;
    height: calc(20 / 375 * 100vw);
    left: calc(-24 / 375 * 100vw);
    top: calc(-30 / 375 * 100vw);
    width: calc(109 / 375 * 100vw);
  }
}

.p-simulation__titleBox::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .p-simulation__titleBox::after {
    display: block;
    height: calc(21 / 375 * 100vw);
    right: calc(-30 / 375 * 100vw);
    top: calc(40 / 375 * 100vw);
    width: calc(109 / 375 * 100vw);
  }
}

.p-simulation__titleBox__title {
  background-image: url(../images/simulation_title.svg);
  height: 64px;
}

@media screen and (max-width: 1919px) {
  .p-simulation__titleBox__title {
    height: calc(64 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-simulation__titleBox__title {
    height: calc(29 / 375 * 100vw);
  }
}

.p-simulation__text {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-simulation__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-simulation__text {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

.p-simulation__section {
  background-image: url(../images/simulation_content.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 305px;
  margin: 0 auto;
  margin-top: 80px;
  overflow: hidden;
  text-indent: 150vw;
  transform: translateX(-15px);
  white-space: nowrap;
  width: 1111px;
}

@media screen and (max-width: 1919px) {
  .p-simulation__section {
    height: calc(305 / 1920 * 100vw);
    margin-top: calc(80 / 1920 * 100vw);
    transform: translateX(calc(-15 / 1920 * 100vw));
    width: calc(1111 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-simulation__section {
    background-image: url(../images/simulation_content_sp.png);
    height: calc(1027 / 375 * 100vw);
    margin-top: calc(25 / 375 * 100vw);
    transform: translateX(calc(0 / 375 * 100vw));
    width: calc(329 / 375 * 100vw);
  }
}

#ai-agent .p-simulation__inner {
  padding-top: 60px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-simulation__inner {
    padding-top: calc(60 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-simulation__inner {
    padding-top: calc(60 / 375 * 100vw);
  }
}

.p-scene2 {
  background-color: var(--color-bg3);
  margin-bottom: -35px;
  margin-top: -90px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-scene2 {
    margin-bottom: calc(-35 / 1920 * 100vw);
    margin-top: calc(-90 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2 {
    background-color: transparent;
    margin-bottom: calc(0 / 375 * 100vw);
    margin-top: calc(0 / 375 * 100vw);
  }
}

.p-scene2::after {
  border-color: var(--color-bg3) transparent transparent transparent;
  border-style: solid;
  border-width: 155px 960px 0 960px;
  bottom: -155px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 0;
}

@media screen and (max-width: 1919px) {
  .p-scene2::after {
    border-width: calc(155 / 1920 * 100vw) calc(960 / 1920 * 100vw) 0 calc(960 / 1920 * 100vw);
    bottom: calc(-155 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2::after {
    border-width: calc(155 / 375 * 100vw) calc(960 / 375 * 100vw) 0 calc(960 / 375 * 100vw);
    bottom: calc(-155 / 375 * 100vw);
    display: none;
  }
}

.p-scene2__inner {
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-scene2__inner {
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-scene2__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-scene2__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-scene2__titleBox::before,
.p-scene2__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-scene2__titleBox::before,
  .p-scene2__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-scene2__titleBox::before,
  .p-scene2__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-scene2__titleBox::before {
  left: 0;
}

.p-scene2__titleBox::after {
  right: 0;
}

.p-scene2__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {

  .p-scene2__titleBox::before,
  .p-scene2__titleBox::after {
    top: calc(8 / 375 * 100vw);
  }
}

.p-scene2__titleBox__title {
  background-image: url(../images/scene_title.svg);
  height: 46px;
}

@media screen and (max-width: 1919px) {
  .p-scene2__titleBox__title {
    height: calc(46 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2__titleBox__title {
    height: calc(29 / 375 * 100vw);
  }
}

.p-scene2__text {
  color: var(--color-main);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-scene2__text {
    font-size: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    text-align: left;
  }
}

.p-scene2__content {
  background-image: url(../images/scene_content.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 805px;
  margin: 15px auto 0;
  transform: translateX(-15px);
  width: 1121px;
}

@media screen and (max-width: 1919px) {
  .p-scene2__content {
    height: calc(805 / 1920 * 100vw);
    margin: calc(15 / 1920 * 100vw) auto 0;
    transform: translateX(calc(-15 / 1920 * 100vw));
    width: calc(1121 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-scene2__content {
    height: calc(250 / 375 * 100vw);
    margin: calc(15 / 375 * 100vw) auto 0;
    transform: translateX(calc(0 / 375 * 100vw));
    width: calc(342 / 375 * 100vw);
  }
}

#ai-agent .p-scene2 {
  background-color: transparent;
  position: relative;
}

#ai-agent .p-scene2::before {
  background-color: var(--color-bg3);
  content: "";
  display: block;
  height: 0;
  height: 615px;
  left: 0;
  position: absolute;
  top: 90px;
  width: 0;
  width: 100vw;
  z-index: -1;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene2::before {
    height: calc(615 / 1920 * 100vw);
    top: calc(90 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene2::before {
    display: none;
    height: calc(615 / 375 * 100vw);
    top: calc(90 / 375 * 100vw);
  }
}

#ai-agent .p-scene2::after {
  bottom: auto;
  top: 705px;
  z-index: -1;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene2::after {
    top: calc(705 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene2::after {
    display: none;
    top: calc(705 / 375 * 100vw);
  }
}

#ai-agent .p-scene2__inner {
  padding-top: 165px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-scene2__inner {
    padding-top: calc(165 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-scene2__inner {
    padding-top: calc(30 / 375 * 100vw);
  }
}

#ai-agent .p-scene2__content {
  background-image: url(../images/scene_content_incoming.png);
}

.p-movie {
  position: relative;
}

.p-movie__inner {
  padding-bottom: 95px;
  padding-top: 120px;
}

@media screen and (max-width: 1919px) {
  .p-movie__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(120 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-movie__inner {
    padding-bottom: 0;
    padding-top: 0;
  }
}

.p-movie__content {
  display: none;
  height: 568px;
  margin-left: auto;
  position: relative;
  width: 1092px;
}

@media screen and (max-width: 1919px) {
  .p-movie__content {
    height: calc(568 / 1920 * 100vw);
    width: calc(1092 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-movie__content {
    height: calc(178 / 375 * 100vw);
    margin-right: auto;
    width: calc(342 / 375 * 100vw);
  }
}

.p-movie__content::after {
  background-image: url(../images/movie_content_frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-movie__content__video {
  left: 181px;
  position: absolute;
  top: 39px;
}

@media screen and (max-width: 1919px) {
  .p-movie__content__video {
    left: calc(181 / 1920 * 100vw);
    top: calc(39 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-movie__content__video {
    left: calc(56 / 375 * 100vw);
    top: calc(12 / 375 * 100vw);
  }
}

.p-movie__content__video__inner {
  height: 416px;
  overflow: hidden;
  position: relative;
  width: 731px;
}

@media screen and (max-width: 1919px) {
  .p-movie__content__video__inner {
    height: calc(416 / 1920 * 100vw);
    width: calc(731 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-movie__content__video__inner {
    height: calc(131 / 375 * 100vw);
    width: calc(230 / 375 * 100vw);
  }
}

.p-movie__content__video video {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

#ai-agent .p-movie__inner {
  padding-bottom: 0;
  padding-top: 120px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-movie__inner {
    padding-top: calc(120 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-movie__inner {
    padding-top: 0;
  }
}

#ai-agent .p-movie__wrapper {
  position: relative;
}

#ai-agent .p-movie__wrapper::before {
  background-image: url(../images/movie_bg_before_incoming.svg);
  height: 116px;
  left: -180px;
  top: -250px;
  width: 614px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-movie__wrapper::before {
    height: calc(116 / 1920 * 100vw);
    left: calc(-180 / 1920 * 100vw);
    top: calc(-250 / 1920 * 100vw);
    width: calc(614 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-movie__wrapper::before {
    height: calc(116 / 375 * 100vw);
    left: calc(-180 / 375 * 100vw);
    top: calc(-250 / 375 * 100vw);
    width: calc(614 / 375 * 100vw);
  }
}

#ai-agent .p-movie__wrapper::after {
  background-image: url(../images/movie_bg_after_incoming.svg);
  height: 116px;
  right: -250px;
  top: 65px;
  width: 614px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-movie__wrapper::after {
    height: calc(116 / 1920 * 100vw);
    right: calc(-250 / 1920 * 100vw);
    top: calc(65 / 1920 * 100vw);
    width: calc(614 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-movie__wrapper::after {
    height: calc(116 / 375 * 100vw);
    right: calc(-250 / 375 * 100vw);
    top: calc(65 / 375 * 100vw);
    width: calc(614 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq {
    overflow: hidden;
  }
}

.p-faq__inner {
  padding-bottom: 95px;
  padding-top: 150px;
}

@media screen and (max-width: 1919px) {
  .p-faq__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(150 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-faq__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-faq__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-faq__titleBox::before,
.p-faq__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-faq__titleBox::before,
  .p-faq__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-faq__titleBox::before,
  .p-faq__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-faq__titleBox::before {
  left: 0;
}

.p-faq__titleBox::after {
  right: 0;
}

.p-faq__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .p-faq__titleBox::before {
    left: calc(16 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__titleBox::after {
    right: calc(16 / 375 * 100vw);
  }
}

.p-faq__titleBox__title {
  background-image: url(../images/faq_title.svg);
  height: 52px;
}

@media screen and (max-width: 1919px) {
  .p-faq__titleBox__title {
    height: calc(52 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__titleBox__title {
    height: calc(38 / 375 * 100vw);
  }
}

.p-faq__faqList>ul>li {
  border-bottom: 1px dashed var(--color-border);
}

@media screen and (max-width: 767px) {
  .p-faq__faqList>ul>li:first-child .p-faq__faqList__faqBox {
    padding-top: 0;
  }
}

.p-faq__faqList__faqBox {
  padding: 40px 50px;
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox {
    padding: calc(40 / 1920 * 100vw) calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox {
    padding: calc(24 / 375 * 100vw) calc(16 / 375 * 100vw) calc(36 / 375 * 100vw);
  }
}

.p-faq__faqList__faqBox__qBox {
  display: flex;
}

.p-faq__faqList__faqBox__qBox__icon {
  flex-shrink: 0;
  margin-right: 20px;
  width: 46px;
}

.p-faq__faqList__faqBox__qBox__icon img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox__qBox__icon {
    margin-right: calc(20 / 1920 * 100vw);
    width: calc(46 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__qBox__icon {
    margin-right: calc(20 / 375 * 100vw);
    width: calc(46 / 375 * 100vw);
  }
}

.p-faq__faqList__faqBox__qBox__text {
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  transform: translateY(12px);
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox__qBox__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
    transform: translateY(calc(12 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__qBox__text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
    transform: translateY(calc(12 / 375 * 100vw));
  }
}

.p-faq__faqList__faqBox__aBox {
  display: flex;
  margin-top: 20px;
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox__aBox {
    margin-top: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__aBox {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-faq__faqList__faqBox__aBox__icon {
  flex-shrink: 0;
  margin-right: 20px;
  width: 46px;
}

.p-faq__faqList__faqBox__aBox__icon img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox__aBox__icon {
    margin-right: calc(20 / 1920 * 100vw);
    width: calc(46 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__aBox__icon {
    margin-right: calc(20 / 375 * 100vw);
    width: calc(46 / 375 * 100vw);
  }
}

.p-faq__faqList__faqBox__aBox__text {
  font-size: 16px;
  line-height: 24px;
  transform: translateY(13px);
}

@media screen and (max-width: 1919px) {
  .p-faq__faqList__faqBox__aBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
    transform: translateY(calc(13 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-faq__faqList__faqBox__aBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    transform: translateY(calc(13 / 375 * 100vw));
  }
}

.p-faq--index {
  background-color: #F9FDFF;
}

.p-faq--index .p-faq__inner {
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-faq--index .p-faq__inner {
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-faq--index .p-faq__inner {
    padding-top: calc(30 / 375 * 100vw);
  }
}

#ai-agent .p-faq {
  margin-top: -95px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-faq {
    margin-top: calc(-95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-faq {
    margin-top: calc(0 / 375 * 100vw);
  }
}

#ai-agent .p-faq::before,
#ai-agent .p-faq::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

#ai-agent .p-faq::before {
  background-image: url(../images/movie_bg_before.svg);
  height: 519px;
  left: 0;
  top: 510px;
  width: 338px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-faq::before {
    height: calc(519 / 1920 * 100vw);
    top: calc(510 / 1920 * 100vw);
    width: calc(338 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-faq::before {
    height: calc(519 / 375 * 100vw);
    top: calc(510 / 375 * 100vw);
    width: calc(338 / 375 * 100vw);
  }
}

#ai-agent .p-faq::after {
  background-image: url(../images/movie_bg_after.svg);
  height: 321px;
  right: -50px;
  top: 150px;
  width: 203px;
}

@media screen and (max-width: 1919px) {
  #ai-agent .p-faq::after {
    height: calc(321 / 1920 * 100vw);
    right: calc(-50 / 1920 * 100vw);
    top: calc(150 / 1920 * 100vw);
    width: calc(203 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #ai-agent .p-faq::after {
    height: calc(321 / 375 * 100vw);
    right: calc(-50 / 375 * 100vw);
    top: calc(150 / 375 * 100vw);
    width: calc(203 / 375 * 100vw);
  }
}

#top .p-faq {
  background-color: #F9FDFF;
}

#top .p-faq__inner {
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  #top .p-faq__inner {
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  #top .p-faq__inner {
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-otherFunction .l-container {
  background-image: url(../images/other_function_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
}

@media screen and (max-width: 767px) {
  .p-otherFunction .l-container {
    background-image: url(../images/other_function_bg_sp.png);
  }
}

.p-otherFunction__inner {
  padding-bottom: 95px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-otherFunction__title {
  background-image: url(../images/otherfunction_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 51px;
  margin-bottom: 20px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__title {
    height: calc(51 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__title {
    background-image: none;
    color: var(--color-main);
    font-size: calc(40 / 375 * 100vw);
    font-weight: bold;
    height: auto;
    margin-bottom: calc(20 / 375 * 100vw);
    text-align: center;
    text-indent: 0;
  }
}

.p-otherFunction__text {
  color: #007BC7;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__text {
    font-size: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-otherFunction__text span.color {
  color: #F1BC1A;
}

.p-otherFunction__content {
  margin-top: 35px;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content {
    margin-top: calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-otherFunction__content__fList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.p-otherFunction__content__fList>ul>li {
  margin-left: 35px;
  margin-top: 23px;
  width: 240px;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content__fList>ul>li {
    margin-left: calc(35 / 1920 * 100vw);
    margin-top: calc(23 / 1920 * 100vw);
    width: calc(240 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList>ul>li {
    margin-left: calc(22 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
    width: calc(98 / 375 * 100vw);
  }
}

.p-otherFunction__content__fList>ul>li:nth-child(-n+4) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList>ul>li:nth-child(-n+4) {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-otherFunction__content__fList>ul>li:nth-child(4n+1) {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList>ul>li:nth-child(4n+1) {
    margin-left: calc(0 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList>ul>li:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList>ul>li:nth-child(3n+2) {
    margin-left: 0;
  }
}

.p-otherFunction__content__fList__fBox {
  background-color: var(--color-white);
  border-radius: 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  height: 116px;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content__fList__fBox {
    border-radius: calc(10 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(116 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList__fBox {
    align-items: center;
    border-radius: calc(10 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    display: flex;
    height: calc(98 / 375 * 100vw);
    justify-content: center;
  }
}

.p-otherFunction__content__fList__fBox__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList__fBox__inner {
    display: block;
    height: auto;
  }
}

.p-otherFunction__content__fList__fBox__icon {
  flex-shrink: 0;
  margin-right: 8px;
  width: 44px;
}

.p-otherFunction__content__fList__fBox__icon img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content__fList__fBox__icon {
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(44 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList__fBox__icon {
    margin-left: auto;
    margin-right: auto;
    width: calc(44 / 375 * 100vw);
  }
}

.p-otherFunction__content__fList__fBox__text {
  color: #00B8EE;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content__fList__fBox__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__fList__fBox__text {
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(14 / 375 * 100vw);
    text-align: center;
  }
}

.p-otherFunction__content__text {
  color: #007BC7;
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-otherFunction__content__text {
    font-size: calc(24 / 1920 * 100vw);
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-otherFunction__content__text {
    font-size: calc(24 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-column {
  background-color: var(--color-bg4);
}

.p-column__inner {
  padding-bottom: 95px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-column__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-column__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-column__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-column__titleBox::before,
.p-column__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-column__titleBox::before,
  .p-column__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-column__titleBox::before,
  .p-column__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-column__titleBox::before {
  left: 0;
}

.p-column__titleBox::after {
  right: 0;
}

.p-column__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {

  .p-column__titleBox::before,
  .p-column__titleBox::after {
    top: calc(8 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__titleBox::before {
    left: calc(-10 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__titleBox::after {
    right: calc(-10 / 375 * 100vw);
  }
}

.p-column__titleBox__title {
  background-image: url(../images/column_title.svg);
  height: 53px;
}

@media screen and (max-width: 1919px) {
  .p-column__titleBox__title {
    height: calc(53 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__titleBox__title {
    height: calc(29 / 375 * 100vw);
  }
}

.p-column__postList>ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-column__postList>ul {
    display: block;
  }
}

.p-column__postList>ul>li {
  width: 326px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList>ul>li {
    width: calc(326 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList>ul>li {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList>ul>li+li {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-column__postList__postBox__label {
  align-items: center;
  background-color: #01A6E2;
  border-radius: 5px 5px 0 0;
  color: var(--color-white);
  display: inline-flex;
  font-size: 12px;
  font-weight: 500;
  height: 25px;
  justify-content: center;
  min-width: 140px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__label {
    border-radius: calc(5 / 1920 * 100vw) calc(5 / 1920 * 100vw) 0 0;
    font-size: calc(12 / 1920 * 100vw);
    height: calc(25 / 1920 * 100vw);
    min-width: calc(140 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__label {
    border-radius: calc(5 / 375 * 100vw) calc(5 / 375 * 100vw) 0 0;
    font-size: calc(12 / 375 * 100vw);
    height: calc(25 / 375 * 100vw);
    min-width: calc(140 / 375 * 100vw);
  }
}

.p-column__postList__postBox__thumbnail {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0 15px 15px 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 240px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__thumbnail {
    border-radius: 0 calc(15 / 1920 * 100vw) calc(15 / 1920 * 100vw) calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(240 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__thumbnail {
    border-radius: 0 calc(15 / 375 * 100vw) calc(15 / 375 * 100vw) calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(240 / 375 * 100vw);
  }
}

.p-column__postList__postBox__textBox {
  margin-top: 15px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__textBox {
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__textBox {
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-column__postList__postBox__textBox__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  overflow: hidden;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__textBox__title {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__textBox__title {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}

.p-column__postList__postBox__textBox__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  border-top: 1px dotted #01A6E2;
  display: -webkit-box;
  font-size: 18px;
  line-height: 30px;
  margin-top: 15px;
  overflow: hidden;
  padding-top: 10px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__textBox__text {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    margin-top: calc(15 / 1920 * 100vw);
    padding-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__textBox__text {
    font-size: calc(18 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
    padding-top: calc(10 / 375 * 100vw);
  }
}

.p-column__postList__postBox__textBox__button {
  margin-top: 30px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__textBox__button {
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__textBox__button {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-column__postList__postBox__textBox__button a {
  align-items: center;
  border: 2px solid #01A6E2;
  border-radius: 30px;
  color: #01A6E2;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  margin: 0 auto;
  width: 168px;
}

@media screen and (max-width: 1919px) {
  .p-column__postList__postBox__textBox__button a {
    border: calc(2 / 1920 * 100vw) solid #01A6E2;
    border-radius: calc(30 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(52 / 1920 * 100vw);
    width: calc(168 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-column__postList__postBox__textBox__button a {
    border: calc(2 / 375 * 100vw) solid #01A6E2;
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    width: calc(168 / 375 * 100vw);
  }
}

.p-news {
  background-color: var(--color-bg4);
}

.p-news__inner {
  padding-bottom: 95px;
  padding-top: 145px;
}

@media screen and (max-width: 1919px) {
  .p-news__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(145 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__inner {
    padding-bottom: calc(95 / 375 * 100vw);
    padding-top: calc(145 / 375 * 100vw);
  }
}

.p-news__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-news__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-news__titleBox::before,
.p-news__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-news__titleBox::before,
  .p-news__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-news__titleBox::before,
  .p-news__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-news__titleBox::before {
  left: 0;
}

.p-news__titleBox::after {
  right: 0;
}

.p-news__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-news__titleBox::before,
.p-news__titleBox::after {
  height: 58px;
  width: 307px;
}

@media screen and (max-width: 1919px) {

  .p-news__titleBox::before,
  .p-news__titleBox::after {
    height: calc(58 / 1920 * 100vw);
    width: calc(307 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-news__titleBox::before,
  .p-news__titleBox::after {
    height: calc(58 / 375 * 100vw);
    width: calc(307 / 375 * 100vw);
  }
}

.p-news__titleBox::before {
  left: -100px;
}

@media screen and (max-width: 1919px) {
  .p-news__titleBox::before {
    left: calc(-100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__titleBox::before {
    left: calc(-100 / 375 * 100vw);
  }
}

.p-news__titleBox::after {
  right: -100px;
}

@media screen and (max-width: 1919px) {
  .p-news__titleBox::after {
    right: calc(-100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__titleBox::after {
    right: calc(-100 / 375 * 100vw);
  }
}

.p-news__titleBox__title {
  background-image: url(../images/news_title.svg);
  height: 51px;
}

@media screen and (max-width: 1919px) {
  .p-news__titleBox__title {
    height: calc(51 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__titleBox__title {
    height: calc(51 / 375 * 100vw);
  }
}

.p-news__postList>ul>li {
  border-bottom: 1px solid #205497;
}

.p-news__postList>ul>li:first-child {
  border-top: 1px solid #205497;
}

.p-news__postList a {
  display: block;
}

.p-news__postList__postBox {
  align-items: center;
  display: flex;
  padding: 32px 60px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox {
    padding: calc(32 / 1920 * 100vw) calc(60 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox {
    padding: calc(32 / 375 * 100vw) calc(60 / 375 * 100vw);
  }
}

.p-news__postList__postBox::after {
  background-image: url(../images/news_icon_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  margin: auto 0;
  position: absolute;
  right: 60px;
  top: 0;
  width: 15px;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox::after {
    height: calc(5 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox::after {
    height: calc(5 / 375 * 100vw);
    right: calc(60 / 375 * 100vw);
    width: calc(15 / 375 * 100vw);
  }
}

.p-news__postList__postBox__infoBox {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  width: 280px;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox__infoBox {
    width: calc(280 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox__infoBox {
    width: calc(280 / 375 * 100vw);
  }
}

.p-news__postList__postBox__infoBox__modDate {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox__infoBox__modDate {
    font-size: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox__infoBox__modDate {
    font-size: calc(16 / 375 * 100vw);
  }
}

.p-news__postList__postBox__infoBox__category {
  align-items: center;
  background-color: #00B8EE;
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  margin-left: 13px;
  padding: 3px 15px;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox__infoBox__category {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    margin-left: calc(13 / 1920 * 100vw);
    padding: calc(3 / 1920 * 100vw) calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox__infoBox__category {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    margin-left: calc(13 / 375 * 100vw);
    padding: calc(3 / 375 * 100vw) calc(15 / 375 * 100vw);
  }
}

.p-news__postList__postBox__title {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-news__postList__postBox__title {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-news__postList__postBox__title {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-pageTitle {
  background-color: #E2F2FB;
  height: 208px;
}

@media screen and (max-width: 1919px) {
  .p-pageTitle {
    height: calc(208 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pageTitle {
    height: calc(160 / 375 * 100vw);
  }
}

.p-pageTitle .l-container {
  height: 100%;
}

.p-pageTitle__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.p-pageTitle__titleBox {
  text-align: center;
}

.p-pageTitle__titleBox__title {
  color: var(--color-main);
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
}

@media screen and (max-width: 1919px) {
  .p-pageTitle__titleBox__title {
    font-size: calc(40 / 1920 * 100vw);
    line-height: calc(58 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pageTitle__titleBox__title {
    font-size: calc(28 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
  }
}

.p-pageTitle__titleBox__label {
  background-color: var(--color-main3);
  border-radius: 20px;
  color: var(--color-white);
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
  padding: 9px 35px;
}

@media screen and (max-width: 1919px) {
  .p-pageTitle__titleBox__label {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
    padding: calc(9 / 1920 * 100vw) calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pageTitle__titleBox__label {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
    padding: calc(9 / 375 * 100vw) calc(35 / 375 * 100vw);
  }
}

.p-breadCrumb {
  height: 44px;
}

@media screen and (max-width: 1919px) {
  .p-breadCrumb {
    height: calc(44 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-breadCrumb {
    height: calc(44 / 375 * 100vw);
  }
}

.p-breadCrumb .l-container {
  height: 100%;
  padding-left: 370px;
  padding-right: 370px;
}

@media screen and (max-width: 1919px) {
  .p-breadCrumb .l-container {
    padding-left: calc(370 / 1920 * 100vw);
    padding-right: calc(370 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-breadCrumb .l-container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
  }
}

.p-breadCrumb__inner {
  align-items: center;
  display: flex;
  height: 100%;
}

.p-breadCrumb__nav {
  -ms-overflow-style: none;
  overflow: scroll;
  scrollbar-width: none;
}

.p-breadCrumb__nav::-webkit-scrollbar {
  display: none;
}

.p-breadCrumb__nav>ul {
  align-items: center;
  display: flex;
}

.p-breadCrumb__nav>ul>li {
  align-items: center;
  color: var(--color-black);
  display: flex;
  font-size: 12px;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-breadCrumb__nav>ul>li {
    font-size: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-breadCrumb__nav>ul>li {
    font-size: calc(12 / 375 * 100vw);
  }
}

.p-breadCrumb__nav>ul>li::before {
  background-image: url(../images/icon_arrow_breadcrumb.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 10px;
  margin: 0 11px;
  width: 6px;
}

@media screen and (max-width: 1919px) {
  .p-breadCrumb__nav>ul>li::before {
    height: calc(10 / 1920 * 100vw);
    margin: 0 calc(11 / 1920 * 100vw);
    width: calc(6 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-breadCrumb__nav>ul>li::before {
    height: calc(10 / 375 * 100vw);
    margin: 0 calc(11 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}

.p-breadCrumb__nav>ul>li:first-child::before {
  display: none;
}

.p-breadCrumb__nav>ul>li.is-current {
  color: #888888;
}

.p-breadCrumb__nav>ul>li.is-current a {
  color: #888888;
}

.p-breadCrumb__nav a {
  color: var(--color-black);
  font-size: 12px;
}

@media screen and (max-width: 1919px) {
  .p-breadCrumb__nav a {
    font-size: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-breadCrumb__nav a {
    font-size: calc(12 / 375 * 100vw);
  }
}

.p-contact .l-container {
  padding-left: 370px;
  padding-right: 370px;
}

@media screen and (max-width: 1919px) {
  .p-contact .l-container {
    padding-left: calc(370 / 1920 * 100vw);
    padding-right: calc(370 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact .l-container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
  }
}

.p-contact__inner {
  display: flex;
  justify-content: space-between;
  padding-bottom: 90px;
  padding-top: 65px;
}

@media screen and (max-width: 1919px) {
  .p-contact__inner {
    padding-bottom: calc(90 / 1920 * 100vw);
    padding-top: calc(65 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__inner {
    display: block;
    padding-bottom: calc(40 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-contact__content {
  width: 518px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content {
    width: calc(518 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content {
    width: 100%;
  }
}

.p-contact__content__block__image img {
  height: auto;
  width: 100%;
}

.p-contact__content__block__information {
  background-color: #F6FCFF;
  padding: 44px 73px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__information {
    padding: calc(44 / 1920 * 100vw) calc(73 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information {
    padding: calc(35 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}

.p-contact__content__block__information__title {
  border-bottom: 1px dotted var(--color-black);
  color: var(--color-main);
  font-size: 20px;
  font-weight: bold;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__information__title {
    font-size: calc(20 / 1920 * 100vw);
    line-height: calc(36 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
    padding-bottom: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(36 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
    padding-bottom: calc(7 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information__list {
    padding-left: calc(20 / 375 * 100vw);
  }
}

.p-contact__content__block__information__list>ul>li {
  display: flex;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__information__list>ul>li {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information__list>ul>li {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

.p-contact__content__block__information__list>ul>li::before {
  background-image: url(../images/icon_check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 15px;
  margin-right: 7px;
  transform: translateY(7px);
  width: 15px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__information__list>ul>li::before {
    height: calc(15 / 1920 * 100vw);
    margin-right: calc(7 / 1920 * 100vw);
    transform: translateY(calc(7 / 1920 * 100vw));
    width: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information__list>ul>li::before {
    height: calc(15 / 375 * 100vw);
    margin-right: calc(7 / 375 * 100vw);
    transform: translateY(calc(3 / 375 * 100vw));
    width: calc(15 / 375 * 100vw);
  }
}

.p-contact__content__block__information__list>ul>li+li {
  margin-top: 4px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__information__list>ul>li+li {
    margin-top: calc(4 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__information__list>ul>li+li {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-contact__content__block__textBox__title {
  color: var(--color-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 16px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__textBox__title {
    font-size: calc(20 / 1920 * 100vw);
    line-height: calc(29 / 1920 * 100vw);
    margin-bottom: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__textBox__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(29 / 375 * 100vw);
    margin-bottom: calc(16 / 375 * 100vw);
    width: 100%;
  }
}

.p-contact__content__block__textBox__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block__textBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-contact__content__block+.p-contact__content__block {
  margin-top: 48px;
}

@media screen and (max-width: 1919px) {
  .p-contact__content__block+.p-contact__content__block {
    margin-top: calc(48 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__content__block+.p-contact__content__block {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-contact__form {
  width: 606px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form {
    width: calc(606 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form {
    margin-top: calc(40 / 375 * 100vw);
    width: 100%;
  }
}

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

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

.p-contact__form__block__title {
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transform: translateY(9px);
  width: 210px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__title {
    font-size: calc(16 / 1920 * 100vw);
    transform: translateY(calc(9 / 1920 * 100vw));
    width: calc(210 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__title {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(8 / 375 * 100vw);
    transform: translateY(calc(0 / 375 * 100vw));
    width: 100%;
  }
}

.p-contact__form__block__title::after {
  background-color: #D8D8D8;
  border-radius: 2px;
  color: var(--color-white);
  content: "任意";
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 13px;
  position: absolute;
  right: 0;
  top: -2px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__title::after {
    border-radius: calc(2 / 1920 * 100vw);
    font-size: calc(13 / 1920 * 100vw);
    padding: calc(5 / 1920 * 100vw) calc(13 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__title::after {
    border-radius: calc(2 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
    margin-left: calc(8 / 375 * 100vw);
    padding: calc(5 / 375 * 100vw) calc(13 / 375 * 100vw);
    position: static;
    top: calc(-2 / 375 * 100vw);
  }
}

.p-contact__form__block__title.is-required::after {
  background-color: #DE0000;
  content: "必須";
}

.p-contact__form__block__input {
  width: 382px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__input {
    width: calc(382 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__input {
    width: 100%;
  }
}

.p-contact__form__block__input__wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 382px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__input__wrapper {
    width: calc(382 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__input__wrapper {
    width: 100%;
  }
}

.p-contact__form__block__input__wrapper .p-contact__form__block__input {
  width: 186px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__input__wrapper .p-contact__form__block__input {
    width: calc(186 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__input__wrapper .p-contact__form__block__input {
    width: calc(158 / 375 * 100vw);
  }
}

.p-contact__form__block__input input {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  font-size: 16px;
  height: 35px;
  padding: 0 15px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__input input {
    border-radius: calc(5 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(3 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(35 / 1920 * 100vw);
    padding: 0 calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__input input {
    border-radius: calc(5 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: 16px;
    height: calc(36 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
  }
}

.p-contact__form__block__textarea {
  width: 382px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__textarea {
    width: calc(382 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__textarea {
    width: 100%;
  }
}

.p-contact__form__block__textarea textarea {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);
  font-size: 16px;
  height: 118px;
  padding: 15px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block__textarea textarea {
    border-radius: calc(5 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(3 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(118 / 1920 * 100vw);
    padding: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block__textarea textarea {
    border-radius: calc(5 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(3 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    font-size: 16px;
    height: calc(118 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw);
  }
}

.p-contact__form__block+.p-contact__form__block {
  margin-top: 20px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__block+.p-contact__form__block {
    margin-top: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__block+.p-contact__form__block {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-contact__form__agree {
  margin-top: 60px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__agree {
    margin-top: calc(60 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__agree {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-contact__form__agree__text {
  font-size: 15px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__agree__text {
    font-size: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__agree__text {
    font-size: calc(14 / 375 * 100vw);
  }
}

.p-contact__form__agree__text a {
  color: #41A1E9;
  text-decoration: underline;
}

.p-contact__form__agree__input input {
  display: none;
}

.p-contact__form__agree__input input:checked+label::before {
  background-image: url(../images/icon_checkbox_checked.svg);
}

.p-contact__form__agree__input label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  justify-content: center;
  margin-top: 15px;
  user-select: none;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__agree__input label {
    font-size: calc(15 / 1920 * 100vw);
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__agree__input label {
    font-size: calc(15 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-contact__form__agree__input label::before {
  background-image: url(../images/icon_checkbox.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 18px;
  margin-right: 20px;
  width: 18px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__agree__input label::before {
    height: calc(18 / 1920 * 100vw);
    margin-right: calc(20 / 1920 * 100vw);
    width: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__agree__input label::before {
    height: calc(18 / 375 * 100vw);
    margin-right: calc(20 / 375 * 100vw);
    width: calc(18 / 375 * 100vw);
  }
}

.p-contact__form__button {
  margin-top: 50px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button {
    margin-top: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-contact__form__button button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: #f6601b;
  border-radius: 11px;
  box-shadow: 0 6px 0 #ca3916;
  color: var(--color-white);
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 51px;
  margin: 0 auto;
  transition: 0.3s;
  user-select: none;
  width: 317px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button button {
    border-radius: calc(11 / 1920 * 100vw);
    box-shadow: 0 calc(6 / 1920 * 100vw) 0 #ca3916;
    font-size: calc(18 / 1920 * 100vw);
    height: calc(51 / 1920 * 100vw);
    width: calc(317 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button button {
    border-radius: calc(11 / 375 * 100vw);
    box-shadow: 0 calc(6 / 375 * 100vw) 0 #ca3916;
    font-size: calc(18 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    width: calc(317 / 375 * 100vw);
  }
}

.p-contact__form__button button:hover {
  box-shadow: 0 0 0 #ca3916;
  transform: translateY(6px);
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button button:hover {
    transform: translateY(calc(6 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button button:hover {
    transform: translateY(calc(0 / 375 * 100vw));
  }
}

.p-contact__form__button.is-disable button {
  filter: grayscale(100%);
  opacity: 0.4;
  pointer-events: none;
}

.p-contact__form__button {
  margin-top: 50px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button {
    margin-top: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-contact__form__button input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background: #f6601b;
  border-radius: 11px;
  box-shadow: 0 6px 0 #ca3916;
  color: var(--color-white);
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 51px;
  margin: 0 auto;
  transition: 0.3s;
  user-select: none;
  width: 317px;
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button input {
    border-radius: calc(11 / 1920 * 100vw);
    box-shadow: 0 calc(6 / 1920 * 100vw) 0 #ca3916;
    font-size: calc(18 / 1920 * 100vw);
    height: calc(51 / 1920 * 100vw);
    width: calc(317 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button input {
    border-radius: calc(11 / 375 * 100vw);
    box-shadow: 0 calc(6 / 375 * 100vw) 0 #ca3916;
    font-size: calc(18 / 375 * 100vw);
    height: calc(51 / 375 * 100vw);
    width: calc(317 / 375 * 100vw);
  }
}

.p-contact__form__button input:hover {
  box-shadow: 0 0 0 #ca3916;
  transform: translateY(6px);
}

@media screen and (max-width: 1919px) {
  .p-contact__form__button input:hover {
    transform: translateY(calc(6 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-contact__form__button input:hover {
    transform: translateY(calc(0 / 375 * 100vw));
  }
}

.p-contact__form__button.is-disable input {
  filter: grayscale(100%);
  opacity: 0.4;
  pointer-events: none;
}

#contact .p-contact__content__block__information {
  padding: 24px 16px;
}

.p-drawer {
  background-color: var(--color-white);
  height: 100dvh;
  opacity: 0;
  overflow: scroll;
  position: fixed;
  right: 0;
  top: 0;
  transition: 0.3s;
  width: 100%;
  z-index: -1;
}

.p-drawer .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.p-drawer__header {
  height: calc(64 / 375 * 100vw);
}

.p-drawer__header__inner {
  align-items: center;
  display: flex;
  height: 100%;
  padding-left: calc(9 / 375 * 100vw);
  padding-right: calc(0 / 375 * 100vw);
}

.p-drawer__header__logo {
  height: calc(64 / 375 * 100vw);
}

.p-drawer__header__logo a {
  display: block;
  height: 100%;
}

.p-drawer__header__logo img {
  height: 100%;
  width: auto;
}

.p-drawer__header__close {
  margin-left: auto;
  width: calc(64 / 375 * 100vw);
}

.p-drawer__header__close img {
  height: auto;
  width: 100%;
}

.p-drawer__main__inner {
  padding-left: calc(16 / 375 * 100vw);
  padding-right: calc(16 / 375 * 100vw);
}

.p-drawer__main__nav>ul>li {
  border-bottom: 1px solid var(--color-border);
}

.p-drawer__main__nav>ul>li>a,
.p-drawer__main__nav>ul>li>p {
  color: var(--color-main);
  display: block;
  font-size: calc(14 / 375 * 100vw);
  font-weight: 600;
  padding: calc(19 / 375 * 100vw) calc(27 / 375 * 100vw);
  position: relative;
}

.p-drawer__main__nav>ul>li>a::after,
.p-drawer__main__nav>ul>li>p::after {
  background-image: url(../images/icon_arrow_drawer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: calc(10 / 375 * 100vw);
  margin: auto 0;
  position: absolute;
  right: calc(27 / 375 * 100vw);
  top: 0;
  transition: 0.3s;
  width: calc(6 / 375 * 100vw);
}

.p-drawer__main__nav>ul>li>ul {
  border-top: 1px solid var(--color-border);
  display: none;
  padding: calc(16 / 375 * 100vw) calc(25 / 375 * 100vw);
}

.p-drawer__main__nav>ul>li>ul>li {
  display: block;
  font-size: calc(12 / 375 * 100vw);
  font-weight: 600;
  position: relative;
}

.p-drawer__main__nav>ul>li>ul>li::after {
  background-image: url(../images/icon_arrow_drawer.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: calc(10 / 375 * 100vw);
  margin: auto 0;
  position: absolute;
  right: calc(0 / 375 * 100vw);
  top: 0;
  width: calc(6 / 375 * 100vw);
}

.p-drawer__main__nav>ul>li>ul>li+li {
  margin-top: calc(16 / 375 * 100vw);
}

.p-drawer__main__nav>ul>li>ul>li a {
  display: block;
}

.p-drawer__main__nav>ul>li.is-open>p::after {
  transform: rotate(90deg);
}

.p-drawer__footer {
  bottom: 0;
  position: fixed;
  width: 100%;
}

.p-drawer__footer__cta {
  align-items: center;
  display: flex;
}

.p-drawer__footer__cta__button {
  width: 50%;
}

.p-drawer__footer__cta__button a {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-size: calc(12 / 375 * 100vw);
  font-weight: bold;
  height: calc(50 / 375 * 100vw);
  justify-content: center;
  line-height: calc(14 / 375 * 100vw);
  position: relative;
  width: 100%;
}

.p-drawer__footer__cta__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: calc(13 / 375 * 100vw);
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: calc(19 / 375 * 100vw);
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: calc(13 / 375 * 100vw);
}

.p-drawer__footer__cta__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-drawer__footer__cta__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.p-drawer__footer__cta__button--download a:hover {
  background-color: var(--color-main2);
  color: var(--color-white);
}

.p-drawer__footer__cta__button--download a:hover::after {
  background-color: var(--color-white);
}

.p-drawer__footer__cta__button--contact a {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  padding-right: calc(20 / 375 * 100vw);
}

.p-drawer__footer__cta__button--contact a:hover {
  background-color: var(--color-main3);
  color: var(--color-white);
}

.p-drawer__footer__cta__button--contact a:hover::after {
  background-color: var(--color-white);
}

.p-drawer.is-show {
  opacity: 1;
  z-index: 200;
}

.p-typeKadai {
  background-color: #F9FDFF;
}

@media screen and (max-width: 767px) {
  .p-typeKadai {
    overflow: hidden;
  }
}

.p-typeKadai__inner {
  padding-bottom: 85px;
  padding-top: 95px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai__inner {
    padding-bottom: calc(85 / 1920 * 100vw);
    padding-top: calc(95 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__inner {
    padding-bottom: calc(0 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-typeKadai__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 64px;
  margin: 0 auto 40px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai__title {
    height: calc(64 / 1920 * 100vw);
    margin: 0 auto calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__title {
    height: calc(39 / 375 * 100vw);
    margin: 0 auto calc(8 / 375 * 100vw);
  }
}

.p-typeKadai__tableBox__text {
  align-items: center;
  display: none;
  font-size: calc(14 / 375 * 100vw);
  justify-content: center;
  margin-bottom: calc(13 / 375 * 100vw);
}

@media screen and (max-width: 767px) {
  .p-typeKadai__tableBox__text {
    display: flex;
  }
}

.p-typeKadai__tableBox__text::after {
  background-image: url(../images/icon_scroll.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: calc(16 / 375 * 100vw);
  margin-left: calc(4 / 375 * 100vw);
  width: calc(14 / 375 * 100vw);
}

.p-typeKadai__tableBox__table {
  background-image: url(../images/typekadai_hr_illust.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 668px;
  margin: 0 auto;
  width: 1080px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai__tableBox__table {
    height: calc(668 / 1920 * 100vw);
    width: calc(1080 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__tableBox__table {
    height: calc(668 / 375 * 100vw);
    transform: rotateX(180deg);
    width: calc(1080 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__tableBox__table__wrapper {
    overflow-x: scroll;
    padding-bottom: calc(7 / 375 * 100vw);
    position: relative;
    transform: rotateX(180deg);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__tableBox__table__wrapper::-webkit-scrollbar {
    background-color: #E2E2E2;
    height: calc(4 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai__tableBox__table__wrapper::-webkit-scrollbar-thumb {
    background: #00B8EE;
    height: calc(4 / 375 * 100vw);
  }
}

.p-typeKadai__illust {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
}

.p-typeKadai--hr .p-typeKadai__title {
  background-image: url(../images/typekadai_hr_title.svg);
}

.p-typeKadai--outcallcenter .p-typeKadai__inner {
  padding-bottom: 0;
}

.p-typeKadai--outcallcenter .p-typeKadai__title {
  background-image: url(../images/typekadai_outcallcenter_title.svg);
}

@media screen and (max-width: 767px) {
  .p-typeKadai--outcallcenter .p-typeKadai__title {
    background-image: url(../images/typekadai_outcallcenter_title_sp.svg);
    height: calc(66 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
  }
}

.p-typeKadai--outcallcenter .p-typeKadai__illust {
  background-image: url(../images/typekadai_outcallcenter_illust.png);
  height: 547px;
  width: 1082px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai--outcallcenter .p-typeKadai__illust {
    height: calc(547 / 1920 * 100vw);
    width: calc(1082 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai--outcallcenter .p-typeKadai__illust {
    background-image: url(../images/typekadai_outcallcenter_illust_sp.png);
    height: calc(1316 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

.p-typeKadai--clinic .p-typeKadai__inner {
  padding-bottom: 0;
}

.p-typeKadai--clinic .p-typeKadai__title {
  background-image: url(../images/typekadai_clinic_title.svg);
}

@media screen and (max-width: 767px) {
  .p-typeKadai--clinic .p-typeKadai__title {
    background-image: url(../images/typekadai_clinic_title_sp.svg);
    height: calc(66 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
  }
}

.p-typeKadai--clinic .p-typeKadai__illust {
  background-image: url(../images/typekadai_clinic_illust.png);
  height: 501px;
  width: 1069px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai--clinic .p-typeKadai__illust {
    height: calc(501 / 1920 * 100vw);
    width: calc(1069 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai--clinic .p-typeKadai__illust {
    background-image: url(../images/typekadai_clinic_illust_sp.png);
    height: calc(1303 / 375 * 100vw);
    width: calc(347 / 375 * 100vw);
  }
}

.p-typeKadai--estate .p-typeKadai__inner {
  padding-bottom: 0;
}

.p-typeKadai--estate .p-typeKadai__title {
  background-image: url(../images/typekadai_estate_title.svg);
}

@media screen and (max-width: 767px) {
  .p-typeKadai--estate .p-typeKadai__title {
    background-image: url(../images/typekadai_estate_title_sp.svg);
    height: calc(66 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
  }
}

.p-typeKadai--estate .p-typeKadai__illust {
  background-image: url(../images/typekadai_estate_illust.png);
  height: 501px;
  width: 1069px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai--estate .p-typeKadai__illust {
    height: calc(501 / 1920 * 100vw);
    width: calc(1069 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai--estate .p-typeKadai__illust {
    background-image: url(../images/typekadai_estate_illust_sp.png);
    height: calc(1278 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

.p-typeKadai--finance .p-typeKadai__inner {
  padding-bottom: 0;
}

.p-typeKadai--finance .p-typeKadai__title {
  background-image: url(../images/typekadai_finance_title.svg);
}

@media screen and (max-width: 767px) {
  .p-typeKadai--finance .p-typeKadai__title {
    background-image: url(../images/typekadai_finance_title_sp.svg);
    height: calc(66 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
  }
}

.p-typeKadai--finance .p-typeKadai__illust {
  background-image: url(../images/typekadai_finance_illust.png);
  height: 501px;
  width: 1071px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai--finance .p-typeKadai__illust {
    height: calc(501 / 1920 * 100vw);
    width: calc(1071 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai--finance .p-typeKadai__illust {
    background-image: url(../images/typekadai_finance_illust_sp.png);
    height: calc(1297 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

.p-typeKadai--insurance .p-typeKadai__inner {
  padding-bottom: 0;
}

.p-typeKadai--insurance .p-typeKadai__title {
  background-image: url(../images/typekadai_insurance_title.svg);
}

@media screen and (max-width: 767px) {
  .p-typeKadai--insurance .p-typeKadai__title {
    background-image: url(../images/typekadai_insurance_title_sp.svg);
    height: calc(66 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
  }
}

.p-typeKadai--insurance .p-typeKadai__illust {
  background-image: url(../images/typekadai_insurance_illust.png);
  height: 501px;
  width: 1063px;
}

@media screen and (max-width: 1919px) {
  .p-typeKadai--insurance .p-typeKadai__illust {
    height: calc(501 / 1920 * 100vw);
    width: calc(1063 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeKadai--insurance .p-typeKadai__illust {
    background-image: url(../images/typekadai_insurance_illust_sp.png);
    height: calc(1232 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

.p-typeSolution {
  background-image: url(../images/typesolution_bg.svg);
  background-repeat: repeat-y;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .p-typeSolution {
    background-image: none;
  }
}

.p-typeSolution .l-container {
  padding-left: 0;
  padding-right: 0;
}

.p-typeSolution__inner {
  padding-bottom: 190px;
  padding-top: 100px;
}

@media screen and (max-width: 1919px) {
  .p-typeSolution__inner {
    padding-bottom: calc(190 / 1920 * 100vw);
    padding-top: calc(100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeSolution__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(25 / 375 * 100vw);
  }
}

.p-typeSolution__title {
  background-image: url(../images/typesolution_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 51px;
  margin: 0 auto 64px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 496px;
}

@media screen and (max-width: 1919px) {
  .p-typeSolution__title {
    height: calc(51 / 1920 * 100vw);
    margin: 0 auto calc(64 / 1920 * 100vw);
    width: calc(496 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeSolution__title {
    height: calc(35 / 375 * 100vw);
    margin: 0 auto calc(25 / 375 * 100vw);
    width: calc(341 / 375 * 100vw);
  }
}

.p-typeSolution__content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 2400px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .p-typeSolution__content {
    height: calc(2400 / 1920 * 100vw);
    width: calc(1920 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeSolution__content {
    height: calc(3524 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
  }
}

.p-typeSolution--hr .p-typeSolution__content {
  background-image: url(../images/typesolution_hr_content.png);
  height: 2400px;
}

@media screen and (max-width: 1919px) {
  .p-typeSolution--hr .p-typeSolution__content {
    height: calc(2400 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-typeSolution--hr .p-typeSolution__content {
    background-image: url(../images/typesolution_hr_content_sp.png);
    height: calc(3524 / 375 * 100vw);
  }
}

.p-typeSolution--outcallcenter .p-typeSolution__content {
  background-image: url(../images/typesolution_outcallcenter_content.png);
}

@media screen and (max-width: 767px) {
  .p-typeSolution--outcallcenter .p-typeSolution__content {
    background-image: url(../images/typesolution_outcallcenter_content_sp.png);
    height: calc(4155 / 375 * 100vw);
  }
}

.p-typeSolution--clinic .p-typeSolution__content {
  background-image: url(../images/typesolution_clinic_content.png);
}

@media screen and (max-width: 767px) {
  .p-typeSolution--clinic .p-typeSolution__content {
    background-image: url(../images/typesolution_clinic_content_sp.png);
    height: calc(3828 / 375 * 100vw);
  }
}

.p-typeSolution--estate .p-typeSolution__content {
  background-image: url(../images/typesolution_estate_content.png);
}

@media screen and (max-width: 767px) {
  .p-typeSolution--estate .p-typeSolution__content {
    background-image: url(../images/typesolution_estate_content_sp.png);
    height: calc(3802 / 375 * 100vw);
  }
}

.p-typeSolution--finance .p-typeSolution__content {
  background-image: url(../images/typesolution_finance_content.png);
}

@media screen and (max-width: 767px) {
  .p-typeSolution--finance .p-typeSolution__content {
    background-image: url(../images/typesolution_finance_content_sp.png);
    height: calc(3916 / 375 * 100vw);
  }
}

.p-typeSolution--insurance .p-typeSolution__content {
  background-image: url(../images/typesolution_insurance_content.png);
}

@media screen and (max-width: 767px) {
  .p-typeSolution--insurance .p-typeSolution__content {
    background-image: url(../images/typesolution_insurance_content_sp.png);
    height: calc(3943 / 375 * 100vw);
  }
}

.p-feature {
  background-image: url(../images/feature_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 622px;
}

@media screen and (max-width: 1919px) {
  .p-feature {
    height: calc(622 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature {
    background-image: url(../images/feature_bg_sp.png);
    height: calc(1678 / 375 * 100vw);
  }
}

.p-feature__inner {
  padding-top: 90px;
}

@media screen and (max-width: 1919px) {
  .p-feature__inner {
    padding-top: calc(90 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__inner {
    padding-top: calc(38 / 375 * 100vw);
  }
}

.p-feature__title {
  background-image: url(../images/feature_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 42px;
  margin: 0 auto 66px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 306px;
}

@media screen and (max-width: 1919px) {
  .p-feature__title {
    height: calc(42 / 1920 * 100vw);
    margin: 0 auto calc(66 / 1920 * 100vw);
    width: calc(306 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__title {
    height: calc(42 / 375 * 100vw);
    margin: 0 auto calc(24 / 375 * 100vw);
    width: calc(306 / 375 * 100vw);
  }
}

.p-feature__content {
  background-image: url(../images/feature_content.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 540px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1140px;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-feature__content {
    height: calc(540 / 1920 * 100vw);
    width: calc(1140 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-feature__content {
    background-image: url(../images/feature_content_sp.png);
    height: calc(1562 / 375 * 100vw);
    width: calc(361 / 375 * 100vw);
  }
}

.p-price .l-container {
  padding-left: 0;
  padding-right: 0;
}

.p-price__inner {
  padding-bottom: 0;
  padding-top: 100px;
}

@media screen and (max-width: 1919px) {
  .p-price__inner {
    padding-top: calc(100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-price__inner {
    padding-top: calc(40 / 375 * 100vw);
  }
}

.p-price__title {
  background-image: url(../images/price_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 43px;
  margin: 0 auto 180px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 768px;
}

@media screen and (max-width: 1919px) {
  .p-price__title {
    height: calc(43 / 1920 * 100vw);
    margin: 0 auto calc(180 / 1920 * 100vw);
    width: calc(768 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-price__title {
    background-image: url(../images/price_title_sp.svg);
    height: calc(38 / 375 * 100vw);
    margin: 0 auto calc(95 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
  }
}

.p-price__content {
  background-image: url(../images/price_content_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 339px;
  width: 1865px;
}

@media screen and (max-width: 1919px) {
  .p-price__content {
    height: calc(339 / 1920 * 100vw);
    width: calc(1865 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-price__content {
    background-image: url(../images/price_content_bg_sp.png);
    height: calc(1135 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
  }
}

.p-price__content__price {
  background-image: url(../images/price_content_price.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 287px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: 150vw;
  transform: translateY(-80px);
  white-space: nowrap;
  width: 1073px;
}

@media screen and (max-width: 1919px) {
  .p-price__content__price {
    height: calc(287 / 1920 * 100vw);
    transform: translateY(calc(-80 / 1920 * 100vw));
    width: calc(1073 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-price__content__price {
    background-image: url(../images/price_content_price_sp.png);
    height: calc(1027 / 375 * 100vw);
    transform: translateY(calc(-62 / 375 * 100vw));
    width: calc(333 / 375 * 100vw);
  }
}

.p-indexMV {
  background-image: url(../images/mainvisual_index_bg.png);
  background-position: center;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 985px;
}

@media screen and (max-width: 1919px) {
  .p-indexMV {
    height: calc(985 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMV {
    background-image: url(../images/mainvisual_index_bg_sp.png);
    height: calc(419 / 375 * 100vw);
    margin-bottom: calc(30 / 375 * 100vw);
  }
}

.p-indexMV .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .p-indexMV .l-container {
    width: calc(1920 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMV .l-container {
    display: none;
    width: calc(1920 / 375 * 100vw);
  }
}

.p-indexMV__content {
  background-image: url(../images/mainvisual_index.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 985px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-indexMV__content {
    height: calc(985 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMV__content {
    height: calc(985 / 375 * 100vw);
  }
}

.p-indexCta {
  background-color: #01A6E2;
  height: 156px;
  margin-top: -5px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta {
    height: calc(156 / 1920 * 100vw);
    margin-top: calc(-5 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta {
    height: calc(156 / 375 * 100vw);
    margin-bottom: calc(30 / 375 * 100vw);
    margin-top: calc(0 / 375 * 100vw);
    overflow: hidden;
  }
}

.p-indexCta .l-container {
  height: 100%;
}

.p-indexCta__inner {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.p-indexCta__content__text {
  color: var(--color-white);
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexCta__content__text {
    font-size: calc(16 / 1920 * 100vw);
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta__content__text {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
  }
}

.p-indexCta__content__button a {
  align-items: center;
  background-color: var(--color-main2);
  border: 3px solid var(--color-main2);
  border-radius: 40px;
  color: var(--color-white);
  display: flex;
  font-size: 30px;
  font-weight: bold;
  height: 75px;
  justify-content: center;
  margin: 0 auto;
  padding-right: 30px;
  position: relative;
  width: 488px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta__content__button a {
    border: calc(3 / 1920 * 100vw) solid var(--color-main2);
    border-radius: calc(40 / 1920 * 100vw);
    font-size: calc(30 / 1920 * 100vw);
    height: calc(75 / 1920 * 100vw);
    padding-right: calc(30 / 1920 * 100vw);
    width: calc(488 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta__content__button a {
    border: calc(3 / 375 * 100vw) solid var(--color-main2);
    border-radius: calc(40 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
    height: calc(75 / 375 * 100vw);
    padding-right: calc(13 / 375 * 100vw);
    width: calc(310 / 375 * 100vw);
  }
}

.p-indexCta__content__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_cta.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 29px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_cta.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 94px;
  top: 0;
  transition: 0.3s;
  width: 29px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta__content__button a::after {
    height: calc(29 / 1920 * 100vw);
    right: calc(94 / 1920 * 100vw);
    width: calc(29 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta__content__button a::after {
    -webkit-mask-image: url(../images/icon_arrow_cta_sp.svg);
    height: calc(23 / 375 * 100vw);
    mask-image: url(../images/icon_arrow_cta_sp.svg);
    right: calc(36 / 375 * 100vw);
    width: calc(23 / 375 * 100vw);
  }
}

.p-indexCta__content__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main2);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-indexCta__content__button a:hover {
    background-color: var(--color-main2);
    color: var(--color-white);
  }
}

.p-indexCta__content__button a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-indexCta__content__button a:hover::after {
    background-color: var(--color-white);
  }
}

.p-indexCta2 {
  height: 344px;
  margin-bottom: -43px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2 {
    height: calc(344 / 1920 * 100vw);
    margin-bottom: calc(-43 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2 {
    height: calc(336 / 375 * 100vw);
    margin-bottom: calc(0 / 375 * 100vw);
    overflow: hidden;
  }
}

.p-indexCta2 .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.p-indexCta2__inner {
  background-image: url(../images/index_cta2_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  padding-top: 115px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__inner {
    padding-top: calc(115 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__inner {
    background-image: url(../images/index_cta2_bg_sp.svg);
    padding-top: calc(50 / 375 * 100vw);
  }
}

.p-indexCta2__content__titleBox__title {
  color: var(--color-white);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__titleBox__title {
    font-size: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__titleBox__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
  }
}

.p-indexCta2__content__titleBox__text {
  color: var(--color-white);
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__titleBox__text {
    font-size: calc(16 / 1920 * 100vw);
    margin-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__titleBox__text {
    font-size: calc(16 / 375 * 100vw);
    margin-top: calc(15 / 375 * 100vw);
  }
}

.p-indexCta2__content__buttonBox {
  margin-top: 35px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__buttonBox {
    margin-top: calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__buttonBox {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-indexCta2__content__buttonBox__text {
  color: var(--color-white);
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__buttonBox__text {
    font-size: calc(16 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__buttonBox__text {
    font-size: calc(16 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}

.p-indexCta2__content__buttonBox__button a {
  align-items: center;
  background-color: var(--color-main2);
  border: 2px solid var(--color-main2);
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__buttonBox__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main2);
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    margin: calc(35 / 1920 * 100vw) auto 0;
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__buttonBox__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main2);
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(59 / 375 * 100vw);
    margin: 0 auto;
    width: calc(341 / 375 * 100vw);
  }
}

.p-indexCta2__content__buttonBox__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-indexCta2__content__buttonBox__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2__content__buttonBox__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

.p-indexCta2__content__buttonBox__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main2);
  opacity: 1;
}

.p-indexCta2__content__buttonBox__button a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-indexCta2--long .p-indexCta2__inner {
    padding-top: calc(45 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2--long .p-indexCta2__content__titleBox__text {
    line-height: calc(22 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexCta2--long .p-indexCta2__content__buttonBox {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-indexAbout {
  position: relative;
}

@media screen and (max-width: 767px) {
  .p-indexAbout {
    overflow: hidden;
  }
}

.p-indexAbout::after {
  background-image: url(../images/about_index_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -60px;
  content: "";
  display: block;
  height: 445px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 1984px;
  z-index: -1;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout::after {
    bottom: calc(-60 / 1920 * 100vw);
    height: calc(445 / 1920 * 100vw);
    width: calc(1984 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout::after {
    bottom: calc(8 / 375 * 100vw);
    height: calc(115 / 375 * 100vw);
    left: calc(-102 / 375 * 100vw);
    width: calc(511 / 375 * 100vw);
  }
}

.p-indexAbout__inner {
  padding-bottom: 40px;
  padding-top: 15px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__inner {
    padding-bottom: calc(40 / 1920 * 100vw);
    padding-top: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__inner {
    padding-bottom: calc(105 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-indexAbout__content {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

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

.p-indexAbout__content::before,
.p-indexAbout__content::after {
  background-image: url(../images/about_index_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 129px;
  position: absolute;
  top: 150px;
  width: 683px;
}

@media screen and (max-width: 1919px) {

  .p-indexAbout__content::before,
  .p-indexAbout__content::after {
    height: calc(129 / 1920 * 100vw);
    top: calc(150 / 1920 * 100vw);
    width: calc(683 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexAbout__content::before,
  .p-indexAbout__content::after {
    display: none;
    height: calc(129 / 375 * 100vw);
    top: calc(150 / 375 * 100vw);
    width: calc(683 / 375 * 100vw);
  }
}

.p-indexAbout__content::before {
  left: -785px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content::before {
    left: calc(-785 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content::before {
    left: calc(-785 / 375 * 100vw);
  }
}

.p-indexAbout__content::after {
  right: -785px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content::after {
    right: calc(-785 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content::after {
    right: calc(-785 / 375 * 100vw);
  }
}

.p-indexAbout__content__illust {
  flex-shrink: 0;
  margin-right: 40px;
  width: 543px;
}

.p-indexAbout__content__illust img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__illust {
    margin-right: calc(40 / 1920 * 100vw);
    width: calc(543 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__illust {
    margin-right: calc(0 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-indexAbout__content__textBox__title {
  color: var(--color-main);
  font-size: 32px;
  font-weight: 600;
  line-height: 43px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__textBox__title {
    font-size: calc(32 / 1920 * 100vw);
    line-height: calc(43 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(32 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}

.p-indexAbout__content__textBox__text {
  font-size: 20px;
  line-height: 35px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__textBox__text {
    font-size: calc(20 / 1920 * 100vw);
    line-height: calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(35 / 375 * 100vw);
  }
}

.p-indexAbout__content__textBox__link {
  margin-top: 20px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__textBox__link {
    margin-top: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox__link {
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-indexAbout__content__textBox__link a {
  align-items: center;
  color: var(--color-main);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  justify-content: flex-end;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__textBox__link a {
    font-size: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox__link a {
    font-size: calc(16 / 375 * 100vw);
    justify-content: center;
  }
}

.p-indexAbout__content__textBox__link a::after {
  -webkit-mask-image: url(../images/icon_arrow_link.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-main);
  content: "";
  display: block;
  height: 17px;
  margin-left: 12px;
  mask-image: url(../images/icon_arrow_link.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 17px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__content__textBox__link a::after {
    height: calc(17 / 1920 * 100vw);
    margin-left: calc(12 / 1920 * 100vw);
    width: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__content__textBox__link a::after {
    height: calc(17 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
    width: calc(17 / 375 * 100vw);
  }
}

.p-indexAbout__feature {
  background-image: url(../images/about_index_feature.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 178px;
  margin: 56px auto 0;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1098px;
}

@media screen and (max-width: 1919px) {
  .p-indexAbout__feature {
    height: calc(178 / 1920 * 100vw);
    margin: calc(56 / 1920 * 100vw) auto 0;
    width: calc(1098 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexAbout__feature {
    background-image: url(../images/about_index_feature_sp.png);
    height: calc(560 / 375 * 100vw);
    margin: calc(30 / 375 * 100vw) auto 0;
    width: calc(310 / 375 * 100vw);
  }
}

.p-indexBusiness {
  background-color: var(--color-bg3);
  margin-bottom: -50px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness {
    margin-bottom: calc(-50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness {
    margin-bottom: calc(-50 / 375 * 100vw);
    overflow: hidden;
  }
}

.p-indexBusiness::after {
  border-color: var(--color-white) transparent transparent transparent;
  border-style: solid;
  border-width: 68px 960px 0 960px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness::after {
    border-width: calc(68 / 1920 * 100vw) calc(960 / 1920 * 100vw) 0 calc(960 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness::after {
    border-width: calc(25 / 375 * 100vw) calc(187 / 375 * 100vw) 0 calc(187 / 375 * 100vw);
  }
}

.p-indexBusiness .l-container {
  padding-left: 362px;
  padding-right: 362px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness .l-container {
    padding-left: calc(362 / 1920 * 100vw);
    padding-right: calc(362 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness .l-container {
    padding-left: calc(16 / 375 * 100vw);
    padding-right: calc(16 / 375 * 100vw);
  }
}

.p-indexBusiness__inner {
  padding-bottom: 150px;
  padding-top: 150px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__inner {
    padding-bottom: calc(150 / 1920 * 100vw);
    padding-top: calc(150 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__inner {
    padding-bottom: calc(90 / 375 * 100vw);
    padding-top: calc(65 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox::before,
.p-indexBusiness__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-indexBusiness__titleBox::before,
  .p-indexBusiness__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexBusiness__titleBox::before,
  .p-indexBusiness__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox::before {
  left: 0;
}

.p-indexBusiness__titleBox::after {
  right: 0;
}

.p-indexBusiness__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__titleBox {
    margin-bottom: calc(40 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexBusiness__titleBox::before,
  .p-indexBusiness__titleBox::after {
    height: calc(21 / 375 * 100vw);
    width: calc(109 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox::before {
  left: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__titleBox::before {
    left: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__titleBox::before {
    left: calc(-20 / 375 * 100vw);
    top: calc(-30 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox::after {
  right: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__titleBox::after {
    right: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__titleBox::after {
    right: calc(-20 / 375 * 100vw);
    top: calc(40 / 375 * 100vw);
  }
}

.p-indexBusiness__titleBox__title {
  background-image: url(../images/indexbusiness_title.svg);
  height: 54px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__titleBox__title {
    height: calc(54 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__titleBox__title {
    height: calc(34 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList {
    margin: 0 auto;
    width: calc(324 / 375 * 100vw);
  }
}

.p-indexBusiness__businessList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-indexBusiness__businessList>ul>li {
  margin-top: 32px;
  width: 273px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__businessList>ul>li {
    margin-top: calc(32 / 1920 * 100vw);
    width: calc(273 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList>ul>li {
    margin-top: calc(32 / 375 * 100vw);
    width: calc(153 / 375 * 100vw);
  }
}

.p-indexBusiness__businessList>ul>li:nth-child(-n+4) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList>ul>li:nth-child(-n+4) {
    margin-top: calc(32 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList>ul>li:nth-child(-n+2) {
    margin-top: 0;
  }
}

.p-indexBusiness__businessList__businessBox__illust img {
  height: auto;
  width: 100%;
}

.p-indexBusiness__businessList__businessBox__button {
  margin-top: 8px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__businessList__businessBox__button {
    margin-top: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList__businessBox__button {
    margin-top: calc(8 / 375 * 100vw);
  }
}

.p-indexBusiness__businessList__businessBox__button a {
  align-items: center;
  align-items: center;
  border: 1px solid #00B8EE;
  border-radius: 20px;
  color: #00B8EE;
  display: flex;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
  margin: 0 auto;
  padding-right: 10px;
  position: relative;
  width: 138px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__businessList__businessBox__button a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(32 / 1920 * 100vw);
    padding-right: calc(10 / 1920 * 100vw);
    width: calc(138 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList__businessBox__button a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(8 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    padding-right: calc(10 / 375 * 100vw);
    width: calc(77 / 375 * 100vw);
  }
}

.p-indexBusiness__businessList__businessBox__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button_indexbusiness.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: #00B8EE;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button_indexbusiness.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 22px;
  top: 0;
  width: 5px;
}

@media screen and (max-width: 1919px) {
  .p-indexBusiness__businessList__businessBox__button a::after {
    height: calc(8 / 1920 * 100vw);
    right: calc(22 / 1920 * 100vw);
    width: calc(5 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexBusiness__businessList__businessBox__button a::after {
    height: calc(6 / 375 * 100vw);
    right: calc(10 / 375 * 100vw);
    width: calc(4 / 375 * 100vw);
  }
}

.p-indexBusiness__businessList__businessBox__button a.is-disabled {
  border: 1px solid #A5A5A5;
  color: #A5A5A5;
  padding-right: 0;
  pointer-events: none;
}

.p-indexBusiness__businessList__businessBox__button a.is-disabled::after {
  display: none;
}

.p-indexScene {
  background-color: var(--color-bg3);
}

@media screen and (max-width: 767px) {
  .p-indexScene {
    margin-top: calc(-50 / 375 * 100vw);
    overflow: hidden;
  }
}

.p-indexScene__inner {
  padding-bottom: 100px;
  padding-top: 150px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__inner {
    padding-bottom: calc(100 / 1920 * 100vw);
    padding-top: calc(150 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__inner {
    padding-bottom: calc(60 / 375 * 100vw);
    padding-top: calc(85 / 375 * 100vw);
  }
}

.p-indexScene__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-indexScene__titleBox::before,
.p-indexScene__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-indexScene__titleBox::before,
  .p-indexScene__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexScene__titleBox::before,
  .p-indexScene__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-indexScene__titleBox::before {
  left: 0;
}

.p-indexScene__titleBox::after {
  right: 0;
}

.p-indexScene__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .p-indexScene__titleBox {
    margin-bottom: calc(45 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexScene__titleBox::before,
  .p-indexScene__titleBox::after {
    height: calc(21 / 375 * 100vw);
    width: calc(109 / 375 * 100vw);
  }
}

.p-indexScene__titleBox::before {
  left: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__titleBox::before {
    left: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__titleBox::before {
    left: calc(-20 / 375 * 100vw);
    top: calc(-30 / 375 * 100vw);
  }
}

.p-indexScene__titleBox::after {
  right: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__titleBox::after {
    right: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__titleBox::after {
    right: calc(-20 / 375 * 100vw);
    top: calc(40 / 375 * 100vw);
  }
}

.p-indexScene__titleBox__title {
  background-image: url(../images/indexbusiness_title.svg);
  height: 54px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__titleBox__title {
    height: calc(54 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__titleBox__title {
    height: calc(34 / 375 * 100vw);
  }
}

.p-indexScene__sceneList {
  margin: 0 auto;
  width: 790px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList {
    width: calc(790 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList {
    width: 100%;
  }
}

.p-indexScene__sceneList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList>ul {
    display: block;
  }
}

.p-indexScene__sceneList>ul>li {
  margin-top: 48px;
  width: 246px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList>ul>li {
    margin-top: calc(48 / 1920 * 100vw);
    width: calc(246 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList>ul>li {
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(32 / 375 * 100vw);
    width: calc(250 / 375 * 100vw);
  }
}

.p-indexScene__sceneList>ul>li:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList>ul>li:nth-child(-n+3) {
    margin-top: calc(32 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList>ul>li:first-child {
    margin-top: 0;
  }
}

.p-indexScene__sceneList__sceneBox__illust {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 300px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList__sceneBox__illust {
    height: calc(300 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox__illust {
    height: calc(300 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox__button {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList__sceneBox__button {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox__button {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox__button a {
  align-items: center;
  align-items: center;
  border: 1px solid #00B8EE;
  border-radius: 20px;
  color: #00B8EE;
  display: flex;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  height: 32px;
  justify-content: center;
  margin: 0 auto;
  padding-right: 10px;
  position: relative;
  width: 138px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList__sceneBox__button a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    height: calc(32 / 1920 * 100vw);
    padding-right: calc(10 / 1920 * 100vw);
    width: calc(138 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox__button a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    height: calc(32 / 375 * 100vw);
    padding-right: calc(10 / 375 * 100vw);
    width: calc(138 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button_indexbusiness.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: #00B8EE;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button_indexbusiness.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 22px;
  top: 0;
  width: 5px;
}

@media screen and (max-width: 1919px) {
  .p-indexScene__sceneList__sceneBox__button a::after {
    height: calc(8 / 1920 * 100vw);
    right: calc(22 / 1920 * 100vw);
    width: calc(5 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox__button a::after {
    height: calc(8 / 375 * 100vw);
    right: calc(22 / 375 * 100vw);
    width: calc(5 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox__button a.is-disabled {
  border: 1px solid #A5A5A5;
  color: #A5A5A5;
  padding-right: 0;
  pointer-events: none;
}

.p-indexScene__sceneList__sceneBox__button a.is-disabled::after {
  display: none;
}

.p-indexScene__sceneList__sceneBox--1 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_1.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--1 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_1_sp.png);
    height: calc(292 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox--2 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_2.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--2 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_2_sp.png);
    height: calc(268 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox--3 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_3.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--3 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_3_sp.png);
    height: calc(247 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox--4 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_4.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--4 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_4_sp.png);
    height: calc(281 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox--5 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_5.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--5 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_5_sp.png);
    height: calc(253 / 375 * 100vw);
  }
}

.p-indexScene__sceneList__sceneBox--6 .p-indexScene__sceneList__sceneBox__illust {
  background-image: url(../images/scene_index_illust_6.png);
}

@media screen and (max-width: 767px) {
  .p-indexScene__sceneList__sceneBox--6 .p-indexScene__sceneList__sceneBox__illust {
    background-image: url(../images/scene_index_illust_6_sp.png);
    height: calc(285 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature {
    overflow: hidden;
  }
}

.p-indexFeature__inner {
  padding-bottom: 150px;
  padding-top: 150px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__inner {
    padding-bottom: calc(150 / 1920 * 100vw);
    padding-top: calc(150 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-indexFeature__titleBox {
  margin-bottom: 56px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-indexFeature__titleBox::before,
.p-indexFeature__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-indexFeature__titleBox::before,
  .p-indexFeature__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexFeature__titleBox::before,
  .p-indexFeature__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-indexFeature__titleBox::before {
  left: 0;
}

.p-indexFeature__titleBox::after {
  right: 0;
}

.p-indexFeature__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

.p-indexFeature__titleBox::before {
  left: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__titleBox::before {
    left: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__titleBox::before {
    left: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-indexFeature__titleBox::after {
  right: -105px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__titleBox::after {
    right: calc(-105 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__titleBox::after {
    right: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-indexFeature__titleBox__title {
  background-image: url(../images/indexfeature_title.svg);
  height: 54px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__titleBox__title {
    height: calc(54 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__titleBox__title {
    height: calc(27 / 375 * 100vw);
  }
}

.p-indexFeature__featureList>ul>li+li {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList>ul>li+li {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList>ul>li+li {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox {
  flex-direction: row-reverse;
}

.p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox::before {
  left: auto;
  right: -190px;
  top: 65px;
  transform: scale(-1, 1);
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox::before {
    right: calc(-190 / 1920 * 100vw);
    top: calc(65 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox::before {
    right: calc(0 / 375 * 100vw);
    top: calc(50 / 375 * 100vw);
  }
}

.p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox__illust {
  margin-left: 0;
  margin-right: 40px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox__illust {
    margin-right: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList>ul>li:nth-child(2n) .p-indexFeature__featureList__featureBox__illust {
    margin-right: calc(0 / 375 * 100vw);
  }
}

.p-indexFeature__featureList__featureBox {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

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

.p-indexFeature__featureList__featureBox::before {
  background-image: url(../images/feature_index_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 421px;
  left: -195px;
  position: absolute;
  top: 85px;
  width: 387px;
  z-index: -1;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList__featureBox::before {
    height: calc(421 / 1920 * 100vw);
    left: calc(-195 / 1920 * 100vw);
    top: calc(85 / 1920 * 100vw);
    width: calc(387 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList__featureBox::before {
    height: calc(336 / 375 * 100vw);
    left: calc(0 / 375 * 100vw);
    margin: 0 auto;
    right: 0;
    top: calc(50 / 375 * 100vw);
    width: calc(309 / 375 * 100vw);
  }
}

.p-indexFeature__featureList__featureBox__textBox__title {
  color: var(--color-main);
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 15px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList__featureBox__textBox__title {
    font-size: calc(28 / 1920 * 100vw);
    line-height: calc(40 / 1920 * 100vw);
    margin-bottom: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList__featureBox__textBox__title {
    font-size: calc(28 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
    margin-bottom: calc(0 / 375 * 100vw);
  }
}

.p-indexFeature__featureList__featureBox__textBox__illust {
  display: none;
}

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

  .p-indexFeature__featureList__featureBox__textBox__illust img {
    height: auto;
    width: 100%;
  }
}

.p-indexFeature__featureList__featureBox__textBox__text {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList__featureBox__textBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList__featureBox__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-indexFeature__featureList__featureBox__illust {
  flex-shrink: 0;
  margin-left: 40px;
  width: 500px;
}

.p-indexFeature__featureList__featureBox__illust img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-indexFeature__featureList__featureBox__illust {
    margin-left: calc(40 / 1920 * 100vw);
    width: calc(500 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexFeature__featureList__featureBox__illust {
    display: none;
    margin-left: calc(40 / 375 * 100vw);
    width: calc(500 / 375 * 100vw);
  }
}

.p-indexDekiru {
  margin-bottom: 0;
  margin-top: 150px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru {
    margin-bottom: calc(0 / 1920 * 100vw);
    margin-top: calc(150 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru {
    margin-bottom: calc(30 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
    overflow: hidden;
  }
}

.p-indexDekiru__header {
  background-color: var(--color-bg);
  height: 630px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header {
    height: calc(630 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header {
    height: calc(1650 / 375 * 100vw);
  }
}

.p-indexDekiru__header::before {
  background-image: url(../images/dekiru_header_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header::before {
    width: calc(1920 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header::before {
    background-image: url(../images/dekiru_header_bg_sp.png);
    height: calc(156 / 375 * 100vw);
    top: calc(24 / 375 * 100vw);
    width: 100%;
  }
}

.p-indexDekiru__header .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header .l-container {
    width: calc(1920 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header .l-container {
    width: 100%;
  }
}

.p-indexDekiru__header__inner {
  padding-top: 125px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__inner {
    padding-top: calc(125 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__inner {
    padding-top: calc(110 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox {
  margin-bottom: 56px;
  margin-bottom: 35px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox::before,
.p-indexDekiru__header__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-indexDekiru__header__titleBox::before,
  .p-indexDekiru__header__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexDekiru__header__titleBox::before,
  .p-indexDekiru__header__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox::before {
  left: 0;
}

.p-indexDekiru__header__titleBox::after {
  right: 0;
}

.p-indexDekiru__header__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox {
    margin-bottom: calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox {
    margin-bottom: calc(30 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox::before,
.p-indexDekiru__header__titleBox::after {
  -webkit-mask-image: url(../images/title_decoration.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  background-image: none;
  content: "";
  display: block;
  height: 65px;
  mask-image: url(../images/title_decoration.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 346px;
}

@media screen and (max-width: 1919px) {

  .p-indexDekiru__header__titleBox::before,
  .p-indexDekiru__header__titleBox::after {
    height: calc(65 / 1920 * 100vw);
    width: calc(346 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexDekiru__header__titleBox::before,
  .p-indexDekiru__header__titleBox::after {
    display: none;
    height: calc(65 / 375 * 100vw);
    width: calc(346 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox::before {
  left: 314px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox::before {
    left: calc(314 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox::before {
    left: calc(314 / 375 * 100vw);
  }
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox::before {
    left: calc(314 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox::before {
    left: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox::after {
  right: 314px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox::after {
    right: calc(314 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox::after {
    right: calc(314 / 375 * 100vw);
  }
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox::after {
    right: calc(314 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox::after {
    right: calc(-2 / 375 * 100vw);
    top: calc(7 / 375 * 100vw);
  }
}

.p-indexDekiru__header__titleBox__title {
  background-image: url(../images/indexdekiru_title.svg);
  height: 45px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__titleBox__title {
    height: calc(45 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__titleBox__title {
    background-image: url(../images/indexdekiru_title_sp.svg);
    height: calc(34 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList {
  display: flex;
  justify-content: center;
}

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

.p-indexDekiru__header__serviceList__serviceBox {
  width: 329px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox {
    width: calc(329 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox {
    margin: 0 auto;
    width: calc(342 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox__service {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 484px;
  overflow: hidden;
  position: relative;
  text-indent: 150vw;
  white-space: nowrap;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox__service {
    height: calc(484 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox__service {
    height: calc(485 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox__button {
  margin-top: -38px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox__button {
    margin-top: calc(-38 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox__button {
    margin-top: calc(-38 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox__button a {
  align-items: center;
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
  border-radius: 30px;
  color: var(--color-white);
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 46px;
  justify-content: center;
  margin: 0 auto;
  width: 183px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox__button a {
    border-radius: calc(30 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(46 / 1920 * 100vw);
    width: calc(183 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox__button a {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(46 / 375 * 100vw);
    width: calc(196 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main3);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox__button a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-indexDekiru__header__serviceList__serviceBox--1 {
  margin-top: 55px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox--1 {
    margin-top: calc(55 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox--1 {
    margin-top: calc(0 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox--1 .p-indexDekiru__header__serviceList__serviceBox__service {
  background-image: url(../images/dekiru_service_1.png);
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox--2 {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox--2 .p-indexDekiru__header__serviceList__serviceBox__service {
  background-image: url(../images/dekiru_service_2.png);
}

.p-indexDekiru__header__serviceList__serviceBox--3 {
  margin-top: 55px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__header__serviceList__serviceBox--3 {
    margin-top: calc(55 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__header__serviceList__serviceBox--3 {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-indexDekiru__header__serviceList__serviceBox--3 .p-indexDekiru__header__serviceList__serviceBox__service {
  background-image: url(../images/dekiru_service_3.png);
}

.p-indexDekiru__main {
  background-color: var(--color-bg3);
}

.p-indexDekiru__main__inner {
  padding-bottom: 90px;
  padding-top: 200px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__main__inner {
    padding-bottom: calc(90 / 1920 * 100vw);
    padding-top: calc(200 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__main__inner {
    padding-bottom: calc(25 / 375 * 100vw);
    padding-top: calc(90 / 375 * 100vw);
  }
}

.p-indexDekiru__main__textBox {
  position: relative;
}

.p-indexDekiru__main__textBox::before,
.p-indexDekiru__main__textBox::after {
  background-image: url(../images/dekiru_index_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 129px;
  position: absolute;
  top: 95px;
  width: 683px;
}

@media screen and (max-width: 1919px) {

  .p-indexDekiru__main__textBox::before,
  .p-indexDekiru__main__textBox::after {
    height: calc(129 / 1920 * 100vw);
    top: calc(95 / 1920 * 100vw);
    width: calc(683 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexDekiru__main__textBox::before,
  .p-indexDekiru__main__textBox::after {
    display: none;
    height: calc(129 / 375 * 100vw);
    top: calc(95 / 375 * 100vw);
    width: calc(683 / 375 * 100vw);
  }
}

.p-indexDekiru__main__textBox::before {
  left: -690px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__main__textBox::before {
    left: calc(-690 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__main__textBox::before {
    left: calc(-690 / 375 * 100vw);
  }
}

.p-indexDekiru__main__textBox::after {
  right: -690px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__main__textBox::after {
    right: calc(-690 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__main__textBox::after {
    right: calc(-690 / 375 * 100vw);
  }
}

.p-indexDekiru__main__textBox__title {
  color: var(--color-main);
  font-size: 56px;
  font-weight: 600;
  line-height: 73px;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__main__textBox__title {
    font-size: calc(56 / 1920 * 100vw);
    line-height: calc(73 / 1920 * 100vw);
    margin-bottom: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__main__textBox__title {
    font-size: calc(25 / 375 * 100vw);
    line-height: calc(33 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}

.p-indexDekiru__main__textBox__text {
  font-size: 24px;
  font-weight: 500;
  line-height: 43px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__main__textBox__text {
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(43 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__main__textBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(26 / 375 * 100vw);
  }
}

.p-indexDekiru__footer {
  background-color: var(--color-bg3);
}

.p-indexDekiru__footer .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.p-indexDekiru__footer__inner {
  padding-bottom: 90px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__inner {
    padding-bottom: calc(90 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__inner {
    padding-bottom: calc(30 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__logoBox {
  align-items: center;
  background-color: var(--color-white);
  display: flex;
  height: 382px;
  justify-content: center;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__logoBox {
    height: calc(382 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__logoBox {
    height: calc(125 / 375 * 100vw);
    position: relative;
  }
}

@media screen and (max-width: 767px) {

  .p-indexDekiru__footer__logoBox::before,
  .p-indexDekiru__footer__logoBox::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: calc(132 / 375 * 100vw);
    position: absolute;
    top: calc(115 / 375 * 100vw);
    width: calc(254 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__logoBox::before {
    background-image: url(../images/dekiru_index_decoration_before.png);
    left: calc(-110 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__logoBox::after {
    background-image: url(../images/dekiru_index_decoration_after.png);
    right: calc(-110 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__logoBox__logo {
  background-image: url(../images/dekiru_footer_logo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 283px;
  margin: 0 auto;
  width: 2139px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__logoBox__logo {
    height: calc(283 / 1920 * 100vw);
    width: calc(2139 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__logoBox__logo {
    background-image: url(../images/dekiru_footer_logo_sp.png);
    height: calc(85 / 375 * 100vw);
    width: calc(284 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__button {
  margin-top: -30px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__button {
    margin-top: calc(-30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button {
    margin-top: calc(125 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__button a {
  align-items: center;
  background-color: var(--color-main3);
  border: 2px solid var(--color-main3);
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main3);
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main3);
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(59 / 375 * 100vw);
    margin: 0 auto;
    width: calc(341 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(45 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

@media screen and (max-width: 1919px) {
  .p-indexDekiru__footer__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

.p-indexDekiru__footer__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main3);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-indexDekiru__footer__button a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-indexDekiru__footer__button a:hover::after {
    background-color: var(--color-white);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__inner {
    padding: 0 calc(16 / 375 * 100vw);
  }
}

.p-sidebar__title {
  border-left: 3px solid var(--color-main);
  color: var(--color-main);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-bottom: 16px;
  padding-left: 8px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__title {
    border-left: calc(3 / 1920 * 100vw) solid var(--color-main);
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(19 / 1920 * 100vw);
    margin-bottom: calc(16 / 1920 * 100vw);
    padding-left: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__title {
    border-left: calc(3 / 375 * 100vw) solid var(--color-main);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(19 / 375 * 100vw);
    margin-bottom: calc(16 / 375 * 100vw);
    padding-left: calc(8 / 375 * 100vw);
  }
}

.p-sidebar__banner img {
  height: auto;
  width: 100%;
}

.p-sidebar__banner a {
  display: block;
}

.p-sidebar__search form {
  position: relative;
}

.p-sidebar__search form input {
  border: 1px solid var(--color-main);
  border-radius: 30px;
  font-size: 14px;
  height: 50px;
  padding: 0 60px 0 36px;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__search form input {
    border-radius: calc(30 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(50 / 1920 * 100vw);
    padding: 0 calc(60 / 1920 * 100vw) 0 calc(36 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__search form input {
    border-radius: calc(30 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    padding: 0 calc(60 / 375 * 100vw) 0 calc(36 / 375 * 100vw);
  }
}

.p-sidebar__search form button {
  background-color: transparent;
  background-image: url(../images/icon_search.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 18px;
  margin: auto 0;
  position: absolute;
  right: 23px;
  top: 0;
  width: 18px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__search form button {
    height: calc(18 / 1920 * 100vw);
    right: calc(23 / 1920 * 100vw);
    width: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__search form button {
    height: calc(18 / 375 * 100vw);
    right: calc(23 / 375 * 100vw);
    width: calc(18 / 375 * 100vw);
  }
}

.p-sidebar__categoryList>ul>li a {
  display: block;
  font-size: 14px;
  line-height: 17px;
  padding: 12px 0;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__categoryList>ul>li a {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
    padding: calc(12 / 1920 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__categoryList>ul>li a {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
    padding: calc(12 / 375 * 100vw) 0;
  }
}

.p-sidebar__categoryList>ul>li a::after {
  -webkit-mask-image: url(../images/icon_arrow_link2.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-black);
  bottom: 0;
  content: "";
  display: block;
  height: 10px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_link2.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
  width: 6px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__categoryList>ul>li a::after {
    height: calc(10 / 1920 * 100vw);
    width: calc(6 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__categoryList>ul>li a::after {
    height: calc(10 / 375 * 100vw);
    width: calc(6 / 375 * 100vw);
  }
}

.p-sidebar__categoryList>ul>li a:hover {
  color: var(--color-main);
  opacity: 1;
}

.p-sidebar__categoryList>ul>li a:hover::after {
  background-color: var(--color-main);
  transform: translateX(5px);
}

@media screen and (max-width: 1919px) {
  .p-sidebar__categoryList>ul>li a:hover::after {
    transform: translateX(calc(5 / 1920 * 100vw));
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__categoryList>ul>li a:hover::after {
    transform: translateX(calc(5 / 375 * 100vw));
  }
}

.p-sidebar__categoryList>ul>li+li {
  border-top: 1px solid #E0F0F9;
}

.p-sidebar__tagList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__tagList>ul {
    margin-bottom: calc(-8 / 1920 * 100vw);
    margin-right: calc(-8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__tagList>ul {
    margin-bottom: calc(-8 / 375 * 100vw);
    margin-right: calc(-8 / 375 * 100vw);
  }
}

.p-sidebar__tagList>ul>li {
  margin-bottom: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__tagList>ul>li {
    margin-bottom: calc(8 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__tagList>ul>li {
    margin-bottom: calc(8 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}

.p-sidebar__tagList a {
  background-color: #E0F0F9;
  border: 1px solid #E0F0F9;
  color: var(--color-main);
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__tagList a {
    font-size: calc(14 / 1920 * 100vw);
    padding: calc(4 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__tagList a {
    font-size: calc(14 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) calc(12 / 375 * 100vw);
  }
}

.p-sidebar__tagList a:hover {
  background-color: var(--color-white);
  border: 1px solid var(--color-main);
  opacity: 1;
}

.p-sidebar__pickupList>ul>li:nth-child(1) a::before {
  content: "1";
}

.p-sidebar__pickupList>ul>li:nth-child(2) a::before {
  content: "2";
}

.p-sidebar__pickupList>ul>li:nth-child(3) a::before {
  content: "3";
}

.p-sidebar__pickupList>ul>li:nth-child(4) a::before {
  content: "4";
}

.p-sidebar__pickupList>ul>li:nth-child(5) a::before {
  content: "5";
}

.p-sidebar__pickupList>ul>li+li {
  margin-top: 12px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__pickupList>ul>li+li {
    margin-top: calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__pickupList>ul>li+li {
    margin-top: calc(12 / 375 * 100vw);
  }
}

.p-sidebar__pickupList a {
  align-items: center;
  display: flex;
  font-size: 14px;
  line-height: 17px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__pickupList a {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__pickupList a {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
}

.p-sidebar__pickupList a::before {
  align-items: center;
  background-color: var(--color-main3);
  border-radius: 50%;
  color: var(--color-white);
  content: "1";
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 18px;
  justify-content: center;
  margin-right: 8px;
  width: 18px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar__pickupList a::before {
    font-size: calc(12 / 1920 * 100vw);
    height: calc(18 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar__pickupList a::before {
    font-size: calc(12 / 375 * 100vw);
    height: calc(18 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(18 / 375 * 100vw);
  }
}

.p-sidebar+.p-sidebar {
  margin-top: 40px;
}

@media screen and (max-width: 1919px) {
  .p-sidebar+.p-sidebar {
    margin-top: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-sidebar+.p-sidebar {
    margin-top: calc(30 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__inner {
    padding: 0 calc(16 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -48px;
  margin-right: -15px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul {
    margin-bottom: calc(-48 / 1920 * 100vw);
    margin-right: calc(-15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul {
    justify-content: space-between;
    margin-bottom: calc(0 / 375 * 100vw);
    margin-right: calc(0 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul>li {
  margin-bottom: 48px;
  margin-right: 15px;
  width: 240px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul>li {
    margin-bottom: calc(48 / 1920 * 100vw);
    margin-right: calc(15 / 1920 * 100vw);
    width: calc(240 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li {
    margin-bottom: calc(0 / 375 * 100vw);
    margin-right: calc(0 / 375 * 100vw);
    margin-top: calc(22 / 375 * 100vw);
    width: calc(161 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul>li:first-child {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child {
    margin-top: 0;
  }
}

.p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo {
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo {
    display: block;
  }
}

.p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__eyecatch {
  flex-shrink: 0;
  height: 192px;
  margin-right: 24px;
  width: 312px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__eyecatch {
    height: calc(192 / 1920 * 100vw);
    margin-right: calc(24 / 1920 * 100vw);
    width: calc(312 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__eyecatch {
    height: calc(202 / 375 * 100vw);
    margin-right: calc(0 / 375 * 100vw);
    width: calc(342 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__title {
    font-size: calc(20 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__text {
  border-top: 1px dashed var(--color-main);
  color: var(--color-black);
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
  padding-top: 8px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(22 / 1920 * 100vw);
    margin-top: calc(12 / 1920 * 100vw);
    padding-top: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__titleBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(22 / 375 * 100vw);
    margin-top: calc(12 / 375 * 100vw);
    padding-top: calc(8 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__modDate {
  font-size: 11px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__modDate {
    font-size: calc(11 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__archiveList>ul>li:first-child .c-archiveInfo__textBox__modDate {
    font-size: calc(11 / 375 * 100vw);
  }
}

.p-archiveInformation__archiveList a {
  display: block;
}

.p-archiveInformation__pagination {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__pagination {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__pagination {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-archiveInformation__button {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__button {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__button {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-archiveInformation__button a {
  align-items: center;
  background-color: var(--color-main2);
  border: 2px solid var(--color-main2);
  border-radius: 10px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 386px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    width: calc(386 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(60 / 375 * 100vw);
    width: 100%;
  }
}

.p-archiveInformation__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 13px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__button a::after {
    height: calc(13 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__button a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(60 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-archiveInformation__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main2);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__button a:hover {
    background-color: var(--color-main2);
    color: var(--color-white);
  }
}

.p-archiveInformation__button a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__button a:hover::after {
    background-color: var(--color-white);
  }
}

.p-archiveInformation__bannerBox {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__bannerBox {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__bannerBox {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-archiveInformation__bannerBox a {
  display: block;
  pointer-events: none;
}

.p-archiveInformation__bannerBox__banner {
  background-image: url(../images/banner_main.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 263px;
  margin: 0 auto;
  width: 750px;
}

@media screen and (max-width: 1919px) {
  .p-archiveInformation__bannerBox__banner {
    border-radius: calc(20 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(263 / 1920 * 100vw);
    width: calc(750 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveInformation__bannerBox__banner {
    background-image: url(../images/banner_main_sp.png);
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(390 / 375 * 100vw);
    width: calc(345 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__inner {
    padding: 0 calc(16 / 375 * 100vw);
  }
}

.p-single__data {
  margin-bottom: 32px;
}

@media screen and (max-width: 1919px) {
  .p-single__data {
    margin-bottom: calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data {
    margin-bottom: calc(32 / 375 * 100vw);
  }
}

.p-single__data__title {
  color: var(--color-main);
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__title {
    font-size: calc(30 / 1920 * 100vw);
    line-height: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(40 / 375 * 100vw);
  }
}

.p-single__data__subData {
  align-items: center;
  border-top: 1px dashed var(--color-main);
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData {
    margin-top: calc(12 / 1920 * 100vw);
    padding-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData {
    display: block;
    margin-top: calc(8 / 375 * 100vw);
    padding-top: calc(16 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox {
  display: flex;
  margin-bottom: 10px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox {
    display: block;
    margin-bottom: calc(8 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__categoryList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__categoryList>ul {
    margin-bottom: calc(-8 / 1920 * 100vw);
    margin-right: calc(-8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__categoryList>ul {
    margin-bottom: calc(-8 / 375 * 100vw);
    margin-right: calc(-8 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__categoryList>ul>li {
  margin-bottom: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__categoryList>ul>li {
    margin-bottom: calc(8 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__categoryList>ul>li {
    margin-bottom: calc(8 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__categoryList a {
  align-items: center;
  background-color: var(--color-main);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 4px 12px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__categoryList a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    padding: calc(4 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__categoryList a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(8 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__tagList {
  border-left: 1px solid var(--color-main);
  margin-left: 8px;
  padding-left: 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__tagList {
    margin-left: calc(8 / 1920 * 100vw);
    padding-left: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__tagList {
    border-left: none;
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(8 / 375 * 100vw);
    padding-left: calc(0 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__tagList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
  margin-right: -8px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__tagList>ul {
    margin-bottom: calc(-8 / 1920 * 100vw);
    margin-right: calc(-8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__tagList>ul {
    margin-bottom: calc(-8 / 375 * 100vw);
    margin-right: calc(-8 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__tagList>ul>li {
  margin-bottom: 8px;
  margin-right: 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__tagList>ul>li {
    margin-bottom: calc(8 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__tagList>ul>li {
    margin-bottom: calc(8 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
  }
}

.p-single__data__subData__categoryBox__tagList a {
  align-items: center;
  background-color: #E0F0F9;
  border-radius: 20px;
  color: var(--color-main);
  display: flex;
  font-size: 12px;
  justify-content: center;
  padding: 4px 12px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__categoryBox__tagList a {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(12 / 1920 * 100vw);
    padding: calc(4 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__categoryBox__tagList a {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(8 / 375 * 100vw);
    padding: calc(4 / 375 * 100vw) calc(24 / 375 * 100vw);
  }
}

.p-single__data__subData__date {
  align-items: center;
  display: flex;
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__date {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-single__data__subData__date__pub,
.p-single__data__subData__date__mod {
  align-items: center;
  color: #808080;
  display: flex;
  font-size: 11px;
}

@media screen and (max-width: 1919px) {

  .p-single__data__subData__date__pub,
  .p-single__data__subData__date__mod {
    font-size: calc(11 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-single__data__subData__date__pub,
  .p-single__data__subData__date__mod {
    font-size: calc(11 / 375 * 100vw);
  }
}

.p-single__data__subData__date__pub::before,
.p-single__data__subData__date__mod::before {
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: #808080;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 11px;
  margin-right: 4px;
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 11px;
}

@media screen and (max-width: 1919px) {

  .p-single__data__subData__date__pub::before,
  .p-single__data__subData__date__mod::before {
    height: calc(11 / 1920 * 100vw);
    margin-right: calc(4 / 1920 * 100vw);
    width: calc(11 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-single__data__subData__date__pub::before,
  .p-single__data__subData__date__mod::before {
    height: calc(11 / 375 * 100vw);
    margin-right: calc(4 / 375 * 100vw);
    width: calc(11 / 375 * 100vw);
  }
}

.p-single__data__subData__date__pub::before {
  -webkit-mask-image: url(../images/icon_pub.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  mask-image: url(../images/icon_pub.svg);
}

.p-single__data__subData__date__mod {
  margin-left: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__subData__date__mod {
    margin-left: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__subData__date__mod {
    margin-left: calc(16 / 375 * 100vw);
  }
}

.p-single__data__subData__date__mod::before {
  -webkit-mask-image: url(../images/icon_mod.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  mask-image: url(../images/icon_mod.svg);
}

.p-single__data__content {
  border-top: 1px dashed var(--color-main);
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 62px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content {
    margin-top: calc(12 / 1920 * 100vw);
    padding-top: calc(62 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content {
    display: block;
    margin-top: calc(12 / 375 * 100vw);
    padding-top: calc(62 / 375 * 100vw);
  }
}

.p-single__data__content__eyecatch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 200px;
  margin-right: 32px;
  width: 304px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__eyecatch {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(200 / 1920 * 100vw);
    margin-right: calc(32 / 1920 * 100vw);
    width: calc(304 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__eyecatch {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(227 / 375 * 100vw);
    margin-right: calc(32 / 375 * 100vw);
    width: calc(341 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__data__content__textBox__title {
  color: var(--color-main);
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__textBox__title {
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(35 / 1920 * 100vw);
    margin-bottom: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(35 / 375 * 100vw);
    margin-bottom: calc(16 / 375 * 100vw);
  }
}

.p-single__data__content__textBox__detail>ul>li+li {
  margin-top: 10px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__textBox__detail>ul>li+li {
    margin-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox__detail>ul>li+li {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-single__data__content__textBox__detail dl {
  display: flex;
}

.p-single__data__content__textBox__detail dl.block {
  display: block;
}

.p-single__data__content__textBox__detail dl.block dt {
  margin-bottom: 10px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__textBox__detail dl.block dt {
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox__detail dl.block dt {
    margin-bottom: calc(10 / 375 * 100vw);
  }
}

.p-single__data__content__textBox__detail dl dt {
  align-items: center;
  background-color: var(--color-main);
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  justify-content: center;
  margin-right: 8px;
  width: 80px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__textBox__detail dl dt {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(20 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox__detail dl dt {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(80 / 375 * 100vw);
  }
}

.p-single__data__content__textBox__detail dl dd {
  font-size: 14px;
  line-height: 17px;
}

@media screen and (max-width: 1919px) {
  .p-single__data__content__textBox__detail dl dd {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__data__content__textBox__detail dl dd {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
}

.p-single__beforeAfter {
  margin-top: 56px;
}

@media screen and (max-width: 1919px) {
  .p-single__beforeAfter {
    margin-top: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__beforeAfter {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__beforeAfter__before dl dt,
.p-single__beforeAfter__after dl dt {
  align-items: center;
  background-color: #A5A5A5;
  border-radius: 20px;
  color: var(--color-white);
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  height: 20px;
  justify-content: center;
  margin-bottom: 10px;
  margin-right: 8px;
  width: 80px;
}

@media screen and (max-width: 1919px) {

  .p-single__beforeAfter__before dl dt,
  .p-single__beforeAfter__after dl dt {
    border-radius: calc(20 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    height: calc(20 / 1920 * 100vw);
    margin-bottom: calc(10 / 1920 * 100vw);
    margin-right: calc(8 / 1920 * 100vw);
    width: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-single__beforeAfter__before dl dt,
  .p-single__beforeAfter__after dl dt {
    border-radius: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
    height: calc(20 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
    margin-right: calc(8 / 375 * 100vw);
    width: calc(80 / 375 * 100vw);
  }
}

.p-single__beforeAfter__before dl dd,
.p-single__beforeAfter__after dl dd {
  font-size: 14px;
  line-height: 17px;
}

@media screen and (max-width: 1919px) {

  .p-single__beforeAfter__before dl dd,
  .p-single__beforeAfter__after dl dd {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(17 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-single__beforeAfter__before dl dd,
  .p-single__beforeAfter__after dl dd {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(17 / 375 * 100vw);
  }
}

.p-single__beforeAfter__after {
  margin-top: 10px;
}

@media screen and (max-width: 1919px) {
  .p-single__beforeAfter__after {
    margin-top: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__beforeAfter__after {
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-single__beforeAfter__after dl dt {
  background-color: var(--color-main3);
}

.p-single__eyecatch {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  content: "";
  display: block;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  height: 498px;
}

@media screen and (max-width: 1919px) {
  .p-single__eyecatch {
    border-radius: calc(15 / 1920 * 100vw);
    filter: drop-shadow(calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16));
    height: calc(498 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__eyecatch {
    border-radius: calc(15 / 375 * 100vw);
    filter: drop-shadow(calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16));
    height: calc(227 / 375 * 100vw);
  }
}

.p-single__intro {
  margin-top: 32px;
}

@media screen and (max-width: 1919px) {
  .p-single__intro {
    margin-top: calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__intro {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__intro p {
  font-size: 15px;
  line-height: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__intro p {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__intro p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.p-single__intro p+* {
  margin-top: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__intro p+* {
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__intro p+* {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-single__entry img {
  height: auto;
  width: 100%;
}

.p-single__entry div+* {
  margin-top: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry div+* {
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry div+* {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-single__entry #toc {
  background-color: #F2F2F2;
  border-radius: 1px;
  margin-top: 30px;
  padding: 24px 32px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc {
    margin-top: calc(30 / 1920 * 100vw);
    padding: calc(24 / 1920 * 100vw) calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc {
    margin: 0 calc(-16 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
    padding: calc(16 / 375 * 100vw);
  }
}

.p-single__entry #toc dt {
  color: var(--color-main);
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dt {
    font-size: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dt {
    font-size: calc(18 / 375 * 100vw);
  }
}

.p-single__entry #toc dd {
  border-top: 1px solid var(--color-black);
  margin-top: 16px;
  padding-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd {
    margin-top: calc(16 / 1920 * 100vw);
    padding-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd {
    margin-top: calc(16 / 375 * 100vw);
    padding-top: calc(16 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocList__item {
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocList__item {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocList__item {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocList__item::before {
  -webkit-mask-image: url(../images/icon_toc.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-main);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 7px;
  margin-right: 10px;
  mask-image: url(../images/icon_toc.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: translateY(7px);
  width: 7px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocList__item::before {
    height: calc(7 / 1920 * 100vw);
    margin-right: calc(10 / 1920 * 100vw);
    transform: translateY(calc(7 / 1920 * 100vw));
    width: calc(7 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocList__item::before {
    height: calc(7 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    transform: translateY(calc(7 / 375 * 100vw));
    width: calc(7 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocList__item+li.tocList__item {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocList__item+li.tocList__item {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocList__item+li.tocList__item {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocList__item+li.tocListChild__item {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocList__item+li.tocListChild__item {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocList__item+li.tocListChild__item {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocListChild__item {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  padding-left: 28px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocListChild__item {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
    padding-left: calc(28 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocListChild__item {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
    padding-left: calc(28 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocListChild__item::before {
  -webkit-mask-image: url(../images/icon_toc.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-main);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 7px;
  margin-right: 10px;
  mask-image: url(../images/icon_toc.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: translateY(7px);
  width: 7px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocListChild__item::before {
    height: calc(7 / 1920 * 100vw);
    margin-right: calc(10 / 1920 * 100vw);
    transform: translateY(calc(7 / 1920 * 100vw));
    width: calc(7 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocListChild__item::before {
    height: calc(7 / 375 * 100vw);
    margin-right: calc(10 / 375 * 100vw);
    transform: translateY(calc(7 / 375 * 100vw));
    width: calc(7 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocListChild__item+li.tocListChild__item {
  margin-top: 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocListChild__item+li.tocListChild__item {
    margin-top: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocListChild__item+li.tocListChild__item {
    margin-top: calc(8 / 375 * 100vw);
  }
}

.p-single__entry #toc dd ul>li.tocListChild__item+li.tocList__item {
  margin-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry #toc dd ul>li.tocListChild__item+li.tocList__item {
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry #toc dd ul>li.tocListChild__item+li.tocList__item {
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-single__entry h2 {
  background: #E2F2FB;
  border-left: 8px solid var(--color-main);
  color: var(--color-main);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  padding: 10px 12px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry h2 {
    border-left: calc(8 / 1920 * 100vw) solid var(--color-main);
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    padding: calc(10 / 1920 * 100vw) calc(12 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry h2 {
    border-left: calc(8 / 375 * 100vw) solid var(--color-main);
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(12 / 375 * 100vw);
  }
}

.p-single__entry h3 {
  border-left: 4px solid var(--color-main);
  color: var(--color-main);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  padding: 0 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry h3 {
    border-left: calc(4 / 1920 * 100vw) solid var(--color-main);
    font-size: calc(20 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    padding: 0 calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry h3 {
    border-left: calc(4 / 375 * 100vw) solid var(--color-main);
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    padding: 0 calc(8 / 375 * 100vw);
  }
}

.p-single__entry p {
  font-size: 15px;
  line-height: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry p {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.p-single__entry em {
  background: linear-gradient(transparent 70%, #F1BC1A 70%);
  font-style: normal;
}

.p-single__entry ul {
  list-style: disc;
  padding-left: 22px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry ul {
    padding-left: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry ul {
    padding-left: calc(22 / 375 * 100vw);
  }
}

.p-single__entry ul li {
  font-size: 15px;
  line-height: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry ul li {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry ul li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.p-single__entry ol {
  list-style: decimal;
  padding-left: 22px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry ol {
    padding-left: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry ol {
    padding-left: calc(22 / 375 * 100vw);
  }
}

.p-single__entry ol li {
  font-size: 15px;
  line-height: 30px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry ol li {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry ol li {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
  }
}

.p-single__entry table tr {
  border: 1px solid #E2E2E2;
}

.p-single__entry table tr th {
  background-color: #EEF9FF;
  border: 1px solid var(--color-white);
  font-size: 15px;
  line-height: 30px;
  padding: 10px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry table tr th {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    padding: calc(10 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry table tr th {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw);
  }
}

.p-single__entry table tr td {
  border: 1px solid #E2E2E2;
  font-size: 15px;
  line-height: 30px;
  padding: 10px 20px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry table tr td {
    font-size: calc(15 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    padding: calc(10 / 1920 * 100vw) calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry table tr td {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(30 / 375 * 100vw);
    padding: calc(10 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
}

.p-single__entry .btn__link {
  text-align: center;
}

.p-single__entry .btn__link a {
  align-items: center;
  background-color: var(--color-main2);
  border: 2px solid var(--color-main2);
  border-radius: 10px;
  color: var(--color-white);
  display: inline-flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  min-width: 386px;
  padding: 0 90px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-single__entry .btn__link a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    min-width: calc(386 / 1920 * 100vw);
    padding: 0 calc(90 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry .btn__link a {
    border: calc(2 / 375 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: auto;
    line-height: calc(24 / 375 * 100vw);
    min-width: calc(343 / 375 * 100vw);
    padding: calc(16 / 375 * 100vw) calc(40 / 375 * 100vw);
  }
}

.p-single__entry .btn__link a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 13px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-single__entry .btn__link a::after {
    height: calc(13 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__entry .btn__link a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-single__entry .btn__link a:hover {
  background-color: var(--color-white);
  color: var(--color-main2);
  opacity: 1;
}

.p-single__entry .btn__link a:hover::after {
  background-color: var(--color-main2);
}

.p-single__cta {
  background-color: var(--color-white);
  box-shadow: 0px 3px 6px rgba(0, 123, 199, 0.2);
  margin-top: 80px;
  padding: 24px 40px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-single__cta {
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 123, 199, 0.2);
    margin-top: calc(80 / 1920 * 100vw);
    padding: calc(24 / 1920 * 100vw) calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta {
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 123, 199, 0.2);
    margin-top: calc(32 / 375 * 100vw);
    padding: calc(24 / 375 * 100vw) calc(24 / 375 * 100vw) calc(72 / 375 * 100vw);
  }
}

.p-single__cta::after {
  background-image: url(../images/single_cta_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 138px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 727px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta::after {
    height: calc(138 / 1920 * 100vw);
    width: calc(727 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta::after {
    height: calc(84 / 375 * 100vw);
    width: calc(324 / 375 * 100vw);
  }
}

.p-single__cta__title {
  color: var(--color-main);
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  padding-top: 35px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__title {
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(35 / 1920 * 100vw);
    padding-top: calc(35 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__title {
    font-size: calc(20 / 375 * 100vw);
    line-height: calc(29 / 375 * 100vw);
    padding-top: calc(35 / 375 * 100vw);
  }
}

.p-single__cta__title::before {
  background-image: url(../images/icon_sokucom.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 37px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__title::before {
    height: calc(37 / 1920 * 100vw);
    width: calc(34 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__title::before {
    height: calc(37 / 375 * 100vw);
    width: calc(34 / 375 * 100vw);
  }
}

.p-single__cta__textList {
  border-top: 1px dashed var(--color-main);
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding-top: 16px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__textList {
    margin-top: calc(16 / 1920 * 100vw);
    padding-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__textList {
    margin-top: calc(16 / 375 * 100vw);
    padding-top: calc(16 / 375 * 100vw);
  }
}

.p-single__cta__textList>ul>li {
  color: var(--color-main);
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__textList>ul>li {
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__textList>ul>li {
    font-size: calc(14 / 375 * 100vw);
    line-height: calc(20 / 375 * 100vw);
  }
}

.p-single__cta__textList>ul>li::before {
  content: "・";
  flex-shrink: 0;
  margin-right: 0.5em;
}

.p-single__cta__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 16px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
    margin-top: calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__text {
    font-size: calc(13 / 375 * 100vw);
    line-height: calc(19 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-single__cta__button {
  margin-top: 24px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__button {
    margin-top: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__button {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-single__cta__button a {
  align-items: center;
  background-color: var(--color-main3);
  border: 2px solid var(--color-main3);
  border-radius: 10px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 386px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main3);
    border-radius: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    width: calc(386 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main3);
    border-radius: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(60 / 375 * 100vw);
    width: calc(293 / 375 * 100vw);
  }
}

.p-single__cta__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 13px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta__button a::after {
    height: calc(13 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta__button a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(60 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-single__cta__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main3);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-single__cta__button a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-single__cta__button a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-single__cta__button a:hover::after {
    background-color: var(--color-white);
  }
}

.p-single__cta2 {
  background-image: url(../images/single_cta2_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 286px;
  margin-top: 30px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2 {
    height: calc(286 / 1920 * 100vw);
    margin-top: calc(30 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2 {
    background-image: url(../images/single_cta2_bg_sp.png);
    height: calc(286 / 375 * 100vw);
    margin-top: calc(30 / 375 * 100vw);
    padding-top: calc(45 / 375 * 100vw);
  }
}

.p-single__cta2__titleBox {
  left: 280px;
  position: absolute;
  top: 87px;
  width: 450px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2__titleBox {
    left: calc(280 / 1920 * 100vw);
    top: calc(87 / 1920 * 100vw);
    width: calc(450 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox {
    position: static;
    width: 100%;
  }
}

.p-single__cta2__titleBox__title {
  color: var(--color-main);
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2__titleBox__title {
    font-size: calc(25 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__title {
    font-size: calc(20 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}

.p-single__cta2__titleBox__button a {
  align-items: center;
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 24px;
  font-weight: 600;
  height: 58px;
  justify-content: center;
  margin: 0 auto;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2__titleBox__button a {
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__button a {
    border-radius: calc(5 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(58 / 375 * 100vw);
  }
}

.p-single__cta2__titleBox__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  content: "";
  display: block;
  height: 15px;
  margin-left: 5px;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  transform: translateY(1px);
  transition: 0.3s;
  width: 15px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2__titleBox__button a::after {
    height: calc(15 / 1920 * 100vw);
    margin-left: calc(8 / 1920 * 100vw);
    width: calc(15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__button a::after {
    height: calc(15 / 375 * 100vw);
    margin-left: calc(5 / 375 * 100vw);
    width: calc(15 / 375 * 100vw);
  }
}

.p-single__cta2__titleBox__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-single__cta2__titleBox__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-single__cta2__titleBox__button--download a {
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__button--download a {
    width: calc(316 / 375 * 100vw);
  }
}

.p-single__cta2__titleBox__button--download a:hover {
  color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__button--download a:hover {
    color: var(--color-white);
  }
}

.p-single__cta2__titleBox__button--download a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-single__cta2__titleBox__button--download a:hover::after {
    background-color: var(--color-white);
  }
}

.p-single__related {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-single__related {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__related {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__related__title {
  border-left: 3px solid var(--color-main);
  color: var(--color-main);
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  margin-bottom: 16px;
  padding-left: 8px;
}

@media screen and (max-width: 1919px) {
  .p-single__related__title {
    border-left: calc(3 / 1920 * 100vw) solid var(--color-main);
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(19 / 1920 * 100vw);
    margin-bottom: calc(16 / 1920 * 100vw);
    padding-left: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__related__title {
    border-left: calc(3 / 375 * 100vw) solid var(--color-main);
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(19 / 375 * 100vw);
    margin-bottom: calc(22 / 375 * 100vw);
    padding-left: calc(8 / 375 * 100vw);
  }
}

.p-single__related__archiveList>ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -48px;
  margin-right: -15px;
}

@media screen and (max-width: 1919px) {
  .p-single__related__archiveList>ul {
    margin-bottom: calc(-48 / 1920 * 100vw);
    margin-right: calc(-15 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__related__archiveList>ul {
    margin-bottom: calc(0 / 375 * 100vw);
    margin-right: calc(0 / 375 * 100vw);
  }
}

.p-single__related__archiveList>ul>li {
  margin-bottom: 48px;
  margin-right: 15px;
  width: 240px;
}

@media screen and (max-width: 1919px) {
  .p-single__related__archiveList>ul>li {
    margin-bottom: calc(48 / 1920 * 100vw);
    margin-right: calc(15 / 1920 * 100vw);
    width: calc(240 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__related__archiveList>ul>li {
    margin-bottom: calc(0 / 375 * 100vw);
    margin-right: calc(0 / 375 * 100vw);
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .p-single__related__archiveList>ul>li+li {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__related__archiveList a {
  display: block;
}

@media screen and (max-width: 767px) {
  .p-single__related__archiveList .c-archiveInfo__eyecatch {
    height: calc(202 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__related__archiveList .c-archiveInfo__textBox__titleBox__title {
    color: var(--color-main);
    font-size: calc(20 / 375 * 100vw);
    font-weight: 600;
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-single__bannerBox {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-single__bannerBox {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__bannerBox {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-single__bannerBox a {
  display: block;
  pointer-events: none;
}

.p-single__bannerBox__banner {
  background-image: url(../images/banner_main.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  content: "";
  display: block;
  height: 263px;
  margin: 0 auto;
  width: 750px;
}

@media screen and (max-width: 1919px) {
  .p-single__bannerBox__banner {
    border-radius: calc(20 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(263 / 1920 * 100vw);
    width: calc(750 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__bannerBox__banner {
    background-image: url(../images/banner_main_sp.png);
    border-radius: calc(20 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    height: calc(359 / 375 * 100vw);
    width: calc(345 / 375 * 100vw);
  }
}

.p-single__button {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-single__button {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__button {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-single__button a {
  align-items: center;
  background-color: var(--color-main2);
  border: 2px solid var(--color-main2);
  border-radius: 10px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 386px;
}

@media screen and (max-width: 1919px) {
  .p-single__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    width: calc(386 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main2);
    border-radius: calc(10 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(60 / 375 * 100vw);
    padding: calc(16 / 375 * 100vw) calc(40 / 375 * 100vw);
    width: calc(343 / 375 * 100vw);
  }
}

.p-single__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 13px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-single__button a::after {
    height: calc(13 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-single__button a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-single__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main2);
  opacity: 1;
}

.p-single__button a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-archiveUservoice__inner {
    padding: 0 calc(16 / 375 * 100vw);
  }
}

.p-archiveUservoice__archiveList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-archiveUservoice__archiveList>ul>li {
  margin-top: 44px;
  width: 360px;
}

@media screen and (max-width: 1919px) {
  .p-archiveUservoice__archiveList>ul>li {
    margin-top: calc(44 / 1920 * 100vw);
    width: calc(360 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveUservoice__archiveList>ul>li {
    margin-top: calc(33 / 375 * 100vw);
    width: 100%;
  }
}

.p-archiveUservoice__archiveList>ul>li:nth-child(-n+2) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-archiveUservoice__archiveList>ul>li:nth-child(-n+2) {
    margin-top: calc(33 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveUservoice__archiveList>ul>li:first-child {
    margin-top: 0;
  }
}

.p-archiveUservoice__archiveList a {
  display: block;
}

.p-archiveUservoice__pagination {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-archiveUservoice__pagination {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-archiveUservoice__pagination {
    margin-top: calc(30 / 375 * 100vw);
  }
}

.p-thanks {
  background-color: #F6FCFF;
  overflow: hidden;
}

.p-thanks__inner {
  padding-bottom: 70px;
  padding-top: 100px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-thanks__inner {
    padding-bottom: calc(70 / 1920 * 100vw);
    padding-top: calc(100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__inner {
    padding-bottom: calc(45 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-thanks__inner::before {
  background-image: url(../images/icon_decoration_thanks_before.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 426px;
  left: -446px;
  position: absolute;
  top: 358px;
  width: 463px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__inner::before {
    height: calc(426 / 1920 * 100vw);
    left: calc(-446 / 1920 * 100vw);
    top: calc(358 / 1920 * 100vw);
    width: calc(463 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__inner::before {
    display: none;
    height: calc(426 / 375 * 100vw);
    left: calc(-446 / 375 * 100vw);
    top: calc(358 / 375 * 100vw);
    width: calc(463 / 375 * 100vw);
  }
}

.p-thanks__inner::after {
  background-image: url(../images/icon_decoration_thanks_after.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 410px;
  position: absolute;
  right: -462px;
  top: 51px;
  width: 446px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__inner::after {
    height: calc(410 / 1920 * 100vw);
    right: calc(-462 / 1920 * 100vw);
    top: calc(51 / 1920 * 100vw);
    width: calc(446 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__inner::after {
    display: none;
    height: calc(410 / 375 * 100vw);
    right: calc(-462 / 375 * 100vw);
    top: calc(51 / 375 * 100vw);
    width: calc(446 / 375 * 100vw);
  }
}

.p-thanks__content {
  background-color: var(--color-white);
  border-radius: 15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 64px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content {
    border-radius: calc(15 / 1920 * 100vw);
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(64 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content {
    border-radius: calc(15 / 375 * 100vw);
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16);
    padding: calc(52 / 375 * 100vw) calc(16 / 375 * 100vw) calc(48 / 375 * 100vw);
  }
}

.p-thanks__content__title {
  color: var(--color-main);
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  margin-bottom: 64px;
  padding-top: 64px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__title {
    font-size: calc(40 / 1920 * 100vw);
    line-height: calc(58 / 1920 * 100vw);
    margin-bottom: calc(64 / 1920 * 100vw);
    padding-top: calc(64 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(35 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
    padding-top: calc(65 / 375 * 100vw);
  }
}

.p-thanks__content__title::before {
  background-image: url(../images/icon_title_check.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 52px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__title::before {
    height: calc(52 / 1920 * 100vw);
    width: calc(52 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__title::before {
    height: calc(52 / 375 * 100vw);
    width: calc(52 / 375 * 100vw);
  }
}

.p-thanks__content__text p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__text p {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__text p {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
  }
}

.p-thanks__content__text p+p {
  margin-top: 40px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__text p+p {
    margin-top: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__text p+p {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-thanks__content__info {
  margin-top: 40px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__info {
    margin-top: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__info {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-thanks__content__info__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__info__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__info__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
  }
}

.p-thanks__content__info__text+.p-thanks__content__info__text {
  margin-top: 8px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__info__text+.p-thanks__content__info__text {
    margin-top: calc(8 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__info__text+.p-thanks__content__info__text {
    margin-top: calc(8 / 375 * 100vw);
  }
}

.p-thanks__content__buttonList {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 64px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__buttonList {
    margin-top: calc(64 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList {
    display: block;
    margin-top: calc(24 / 375 * 100vw);
  }
}

.p-thanks__content__buttonList__button a {
  align-items: center;
  background-color: var(--color-bg);
  border: 2px solid var(--color-bg);
  border-radius: 10px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 386px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__buttonList__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-bg);
    border-radius: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(60 / 1920 * 100vw);
    width: calc(386 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-bg);
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    height: calc(59 / 375 * 100vw);
    width: calc(311 / 375 * 100vw);
  }
}

.p-thanks__content__buttonList__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 13px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 60px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 13px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__buttonList__button a::after {
    height: calc(13 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    width: calc(13 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList__button a::after {
    height: calc(13 / 375 * 100vw);
    right: calc(60 / 375 * 100vw);
    width: calc(13 / 375 * 100vw);
  }
}

.p-thanks__content__buttonList__button a:hover {
  background-color: var(--color-white);
  color: var(--color-bg);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList__button a:hover {
    background-color: var(--color-bg);
    color: var(--color-white);
  }
}

.p-thanks__content__buttonList__button a:hover::after {
  background-color: var(--color-bg);
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList__button a:hover::after {
    background-color: var(--color-white);
  }
}

.p-thanks__content__buttonList__button+.p-thanks__content__buttonList__button {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-thanks__content__buttonList__button+.p-thanks__content__buttonList__button {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-thanks__content__buttonList__button+.p-thanks__content__buttonList__button {
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-cta3 {
  height: 344px;
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1919px) {
  .p-cta3 {
    height: calc(344 / 1920 * 100vw);
    margin-bottom: calc(100 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3 {
    height: calc(364 / 375 * 100vw);
    margin-bottom: calc(40 / 375 * 100vw);
  }
}

.p-cta3 .l-container {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.p-cta3__inner {
  background-image: url(../images/cta2_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  padding-top: 110px;
}

@media screen and (max-width: 1919px) {
  .p-cta3__inner {
    padding-top: calc(110 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3__inner {
    background-image: url(../images/cta3_bg_sp.svg);
    padding-top: calc(50 / 375 * 100vw);
  }
}

.p-cta3__title {
  color: var(--color-white);
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 32px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-cta3__title {
    font-size: calc(40 / 1920 * 100vw);
    margin-bottom: calc(32 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3__title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(27 / 375 * 100vw);
    margin-bottom: calc(15 / 375 * 100vw);
  }
}

.p-cta3__content {
  align-items: center;
  display: flex;
  justify-content: center;
}

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

.p-cta3__content__button a {
  align-items: center;
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 24px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-cta3__content__button a {
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button a {
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    height: calc(52 / 375 * 100vw);
    margin: 0 auto;
    width: calc(341 / 375 * 100vw);
  }
}

.p-cta3__content__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-cta3__content__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

.p-cta3__content__button a:hover {
  background-color: var(--color-white);
  opacity: 1;
}

.p-cta3__content__button+.p-cta3__content__button {
  margin-left: 40px;
}

@media screen and (max-width: 1919px) {
  .p-cta3__content__button+.p-cta3__content__button {
    margin-left: calc(40 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button+.p-cta3__content__button {
    margin-left: calc(0 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
  }
}

.p-cta3__content__button--download a {
  background-color: var(--color-main2);
  border: 1px solid var(--color-main2);
}

.p-cta3__content__button--download a:hover {
  color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button--download a:hover {
    background-color: var(--color-main2);
    color: var(--color-white);
  }
}

.p-cta3__content__button--download a:hover::after {
  background-color: var(--color-main2);
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button--download a:hover::after {
    background-color: var(--color-white);
  }
}

.p-cta3__content__button--contact a {
  background-color: var(--color-main3);
  border: 1px solid var(--color-main3);
}

.p-cta3__content__button--contact a:hover {
  color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button--contact a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-cta3__content__button--contact a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-cta3__content__button--contact a:hover::after {
    background-color: var(--color-white);
  }
}

.p-functionPage {
  overflow: hidden;
}

.p-functionPage__inner {
  padding-bottom: 190px;
  padding-top: 50px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__inner {
    padding-bottom: calc(190 / 1920 * 100vw);
    padding-top: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__inner {
    padding-bottom: calc(40 / 375 * 100vw);
    padding-top: calc(35 / 375 * 100vw);
  }
}

.p-functionPage__decoration {
  position: absolute;
  width: 554px;
  z-index: 1;
}

.p-functionPage__decoration img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration {
    width: calc(554 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration {
    display: none;
    width: calc(554 / 375 * 100vw);
  }
}

.p-functionPage__decoration--1 {
  left: 1184px;
  top: 110px;
  transform: rotate(90deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--1 {
    left: calc(1184 / 1920 * 100vw);
    top: calc(110 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--1 {
    left: calc(1184 / 375 * 100vw);
    top: calc(110 / 375 * 100vw);
  }
}

.p-functionPage__decoration--2 {
  left: -675px;
  top: 1304px;
  transform: rotate(90deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--2 {
    left: calc(-675 / 1920 * 100vw);
    top: calc(1304 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--2 {
    left: calc(-675 / 375 * 100vw);
    top: calc(1304 / 375 * 100vw);
  }
}

.p-functionPage__decoration--3 {
  left: 1322px;
  top: 1304px;
  transform: rotate(90deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--3 {
    left: calc(1322 / 1920 * 100vw);
    top: calc(1304 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--3 {
    left: calc(1322 / 375 * 100vw);
    top: calc(1304 / 375 * 100vw);
  }
}

.p-functionPage__decoration--4 {
  left: 1143px;
  top: 1940px;
  transform: rotate(180deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--4 {
    left: calc(1143 / 1920 * 100vw);
    top: calc(1940 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--4 {
    left: calc(1143 / 375 * 100vw);
    top: calc(1940 / 375 * 100vw);
  }
}

.p-functionPage__decoration--5 {
  left: -646px;
  top: 2690px;
  transform: rotate(0deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--5 {
    left: calc(-646 / 1920 * 100vw);
    top: calc(2690 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--5 {
    left: calc(-646 / 375 * 100vw);
    top: calc(2690 / 375 * 100vw);
  }
}

.p-functionPage__decoration--6 {
  left: 1395px;
  top: 2690px;
  transform: rotate(0deg);
}

@media screen and (max-width: 1919px) {
  .p-functionPage__decoration--6 {
    left: calc(1395 / 1920 * 100vw);
    top: calc(2690 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__decoration--6 {
    left: calc(1395 / 375 * 100vw);
    top: calc(2690 / 375 * 100vw);
  }
}

.p-functionPage__block__title {
  background-image: url(../images/function_title_fukidashi.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 73px;
  margin: 0 auto 50px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 170px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__title {
    height: calc(73 / 1920 * 100vw);
    margin: 0 auto calc(50 / 1920 * 100vw);
    width: calc(170 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__title {
    height: calc(73 / 375 * 100vw);
    margin: 0 auto calc(25 / 375 * 100vw);
    width: calc(170 / 375 * 100vw);
  }
}

.p-functionPage__block__functionList {
  margin: 0 auto;
  width: 893px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__functionList {
    width: calc(893 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList {
    width: 100%;
  }
}

.p-functionPage__block__functionList>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p-functionPage__block__functionList>ul>li {
  margin-top: 60px;
  width: 271px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__functionList>ul>li {
    margin-top: calc(60 / 1920 * 100vw);
    width: calc(271 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList>ul>li {
    margin-top: calc(40 / 375 * 100vw);
    width: calc(170 / 375 * 100vw);
  }
}

.p-functionPage__block__functionList>ul>li:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList>ul>li:nth-child(-n+3) {
    margin-top: calc(40 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList>ul>li:nth-child(-n+2) {
    margin-top: 0;
  }
}

.p-functionPage__block__functionList__functionBox__icon {
  margin: 0 auto;
  width: 230px;
}

.p-functionPage__block__functionList__functionBox__icon img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__functionList__functionBox__icon {
    width: calc(230 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList__functionBox__icon {
    width: 100%;
  }
}

.p-functionPage__block__functionList__functionBox__text {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 10px;
  width: 240px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__functionList__functionBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
    width: calc(240 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__functionList__functionBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(10 / 375 * 100vw);
    width: calc(140 / 375 * 100vw);
  }
}

.p-functionPage__block__optionList {
  margin: 0 auto;
  width: 1076px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__optionList {
    width: calc(1076 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__optionList {
    width: 100%;
  }
}

.p-functionPage__block__optionList>ul>li+li {
  margin-top: 25px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__optionList>ul>li+li {
    margin-top: calc(25 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__optionList>ul>li+li {
    margin-top: calc(25 / 375 * 100vw);
  }
}

.p-functionPage__block__optionList__optionBox {
  align-items: center;
  background-color: var(--color-white);
  box-shadow: 0px 3px 6px rgba(0, 123, 199, 0.2);
  display: flex;
  padding: 16px 14px 16px 0;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__optionList__optionBox {
    box-shadow: calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 123, 199, 0.2);
    padding: calc(16 / 1920 * 100vw) calc(14 / 1920 * 100vw) calc(16 / 1920 * 100vw) 0;
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__optionList__optionBox {
    box-shadow: calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 123, 199, 0.2);
    display: block;
    padding: calc(16 / 375 * 100vw);
  }
}

.p-functionPage__block__optionList__optionBox__icon {
  flex-shrink: 0;
  width: 168px;
}

.p-functionPage__block__optionList__optionBox__icon img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__optionList__optionBox__icon {
    width: calc(168 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__optionList__optionBox__icon {
    margin: 0 auto;
    width: calc(168 / 375 * 100vw);
  }
}

.p-functionPage__block__optionList__optionBox__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block__optionList__optionBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block__optionList__optionBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    margin-top: calc(10 / 375 * 100vw);
  }
}

.p-functionPage__block+.p-functionPage__block {
  margin-top: 50px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__block+.p-functionPage__block {
    margin-top: calc(50 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__block+.p-functionPage__block {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-functionPage__block--option .p-functionPage__block__title {
  background-image: url(../images/function_title_fukidashi_option.svg);
}

.p-functionPage__lity {
  background: #fcfcfc;
  border-radius: 15px;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  padding: 64px 120px;
  position: relative;
  width: 813px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__lity {
    border-radius: calc(15 / 1920 * 100vw);
    filter: drop-shadow(calc(0 / 1920 * 100vw) calc(3 / 1920 * 100vw) calc(6 / 1920 * 100vw) rgba(0, 0, 0, 0.16));
    padding: calc(64 / 1920 * 100vw) calc(120 / 1920 * 100vw);
    width: calc(813 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__lity {
    border-radius: calc(15 / 375 * 100vw);
    filter: drop-shadow(calc(0 / 375 * 100vw) calc(3 / 375 * 100vw) calc(6 / 375 * 100vw) rgba(0, 0, 0, 0.16));
    max-height: 80dvh;
    overflow: scroll;
    padding: calc(40 / 375 * 100vw) calc(30 / 375 * 100vw);
    width: calc(343 / 375 * 100vw);
  }
}

.p-functionPage__lity__title {
  height: 40px;
  margin-bottom: 24px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__lity__title {
    height: calc(40 / 1920 * 100vw);
    margin-bottom: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__lity__title {
    height: calc(40 / 375 * 100vw);
    margin-bottom: calc(24 / 375 * 100vw);
  }
}

.p-functionPage__lity__title img {
  height: 100%;
  width: auto;
}

.p-functionPage__lity__gif img {
  height: auto;
  width: 100%;
}

.p-functionPage__lity__video video {
  height: auto;
  width: 100%;
}

.p-functionPage__lity__image img {
  height: auto;
  width: 100%;
}

.p-functionPage__lity__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 24px;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__lity__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
    margin-top: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__lity__text {
    font-size: calc(15 / 375 * 100vw);
    line-height: calc(21 / 375 * 100vw);
    margin-top: calc(16 / 375 * 100vw);
  }
}

.p-functionPage__lity__close {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 18px;
}

.p-functionPage__lity__close img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1919px) {
  .p-functionPage__lity__close {
    right: calc(30 / 1920 * 100vw);
    top: calc(30 / 1920 * 100vw);
    width: calc(18 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-functionPage__lity__close {
    right: calc(18 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(8 / 375 * 100vw);
  }
}

.p-pricePage {
  background-color: #F6FCFF;
  overflow: hidden;
}

.p-pricePage .l-container {
  padding-left: 0;
  padding-right: 0;
  width: 1920px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage .l-container {
    width: 100%;
  }
}

.p-pricePage__inner {
  padding-bottom: 225px;
  padding-top: 160px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__inner {
    padding-bottom: calc(225 / 1920 * 100vw);
    padding-top: calc(160 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(0 / 375 * 100vw);
  }
}

.p-pricePage__decoration {
  position: absolute;
  z-index: 1;
}

.p-pricePage__decoration img {
  height: auto;
  width: 100%;
}

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

.p-pricePage__decoration--1 {
  left: 1675px;
  top: 34px;
  transform: rotate(90deg);
  width: 322px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__decoration--1 {
    left: calc(1675 / 1920 * 100vw);
    top: calc(34 / 1920 * 100vw);
    width: calc(322 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__decoration--1 {
    left: calc(1675 / 375 * 100vw);
    top: calc(34 / 375 * 100vw);
    width: calc(322 / 375 * 100vw);
  }
}

.p-pricePage__decoration--2 {
  left: -182px;
  top: 617px;
  transform: rotate(180deg);
  width: 519px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__decoration--2 {
    left: calc(-182 / 1920 * 100vw);
    top: calc(617 / 1920 * 100vw);
    width: calc(519 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__decoration--2 {
    left: calc(-182 / 375 * 100vw);
    top: calc(617 / 375 * 100vw);
    width: calc(519 / 375 * 100vw);
  }
}

.p-pricePage__decoration--3 {
  left: 1626px;
  top: 1704px;
  transform: rotate(180deg);
  width: 519px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__decoration--3 {
    left: calc(1626 / 1920 * 100vw);
    top: calc(1704 / 1920 * 100vw);
    width: calc(519 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__decoration--3 {
    left: calc(1626 / 375 * 100vw);
    top: calc(1704 / 375 * 100vw);
    width: calc(519 / 375 * 100vw);
  }
}

.p-pricePage__decoration--4 {
  left: -171px;
  top: 2528px;
  transform: rotate(180deg);
  width: 519px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__decoration--4 {
    left: calc(-171 / 1920 * 100vw);
    top: calc(2528 / 1920 * 100vw);
    width: calc(519 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__decoration--4 {
    left: calc(-171 / 375 * 100vw);
    top: calc(2528 / 375 * 100vw);
    width: calc(519 / 375 * 100vw);
  }
}

.p-pricePage__intro {
  background-image: url(../images/pricepage_intro_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 361px;
  margin: 0 auto;
  position: relative;
  width: 1373px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__intro {
    height: calc(361 / 1920 * 100vw);
    width: calc(1373 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__intro {
    background-image: url(../images/pricepage_intro_bg_sp.svg);
    height: calc(800 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
  }
}

.p-pricePage__intro__text {
  color: var(--color-main);
  font-size: 24px;
  font-weight: 600;
  left: 0;
  line-height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 85px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__intro__text {
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(35 / 1920 * 100vw);
    top: calc(85 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__intro__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
    top: calc(90 / 375 * 100vw);
  }
}

.p-pricePage__base {
  background-image: url(../images/pricepage_base_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 297px;
  margin: 185px auto 0;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1080px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__base {
    height: calc(297 / 1920 * 100vw);
    margin: calc(185 / 1920 * 100vw) auto 0;
    width: calc(1080 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__base {
    background-image: url(../images/pricepage_base_bg_sp.svg);
    height: calc(393 / 375 * 140vw);
    margin: calc(40 / 375 * 100vw) auto 0;
    width: calc(342 / 375 * 100vw);
  }
}

.p-pricePage__option {
  background-image: url(../images/pricepage_option_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 469px;
  margin: 55px auto 0;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1080px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__option {
    height: calc(469 / 1920 * 100vw);
    margin: calc(55 / 1920 * 100vw) auto 0;
    width: calc(1080 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__option {
    background-image: url(../images/pricepage_option_bg_sp.svg);
    height: calc(725 / 375 * 100vw);
    margin: calc(40 / 375 * 100vw) auto 0;
    width: calc(341 / 375 * 100vw);
  }
}

.p-pricePage__fee {
  background-image: url(../images/pricepage_fee_bg.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 296px;
  margin: 55px auto 0;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1080px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__fee {
    height: calc(296 / 1920 * 100vw);
    margin: calc(55 / 1920 * 100vw) auto 0;
    width: calc(1080 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__fee {
    background-image: url(../images/pricepage_fee_bg_sp.svg);
    height: calc(233 / 375 * 100vw);
    margin: calc(40 / 375 * 100vw) auto 0;
    width: calc(342 / 375 * 100vw);
  }
}

.p-pricePage__plan {
  margin-top: 270px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan {
    margin-top: calc(270 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan {
    margin-top: calc(70 / 375 * 100vw);
  }
}

.p-pricePage__plan__title {
  background-image: url(../images/pricepage_plan_title.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 68px;
  margin: 0 auto 60px;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
  width: 1293px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__title {
    height: calc(68 / 1920 * 100vw);
    margin: 0 auto calc(60 / 1920 * 100vw);
    width: calc(1293 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__title {
    background-image: url(../images/pricepage_plan_title_sp.svg);
    height: calc(26 / 375 * 100vw);
    margin: 0 auto calc(30 / 375 * 100vw);
    width: calc(375 / 375 * 100vw);
  }
}

.p-pricePage__plan__planList {
  margin: 0 auto;
  width: 1080px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__planList {
    width: calc(1080 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList {
    width: 100%;
  }
}

.p-pricePage__plan__planList>ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList>ul {
    display: block;
  }
}

.p-pricePage__plan__planList>ul>li {
  background-color: var(--color-white);
  border-radius: 15px;
  width: 312px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__planList>ul>li {
    border-radius: calc(15 / 1920 * 100vw);
    width: calc(312 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList>ul>li {
    border-radius: calc(15 / 375 * 100vw);
    margin: 0 auto;
    width: calc(342 / 375 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList>ul>li+li {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.p-pricePage__plan__planList__planBox {
  padding: 32px 16px 16px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__planList__planBox {
    width: calc(32 / 1920 * 100vw) calc(16 / 1920 * 100vw) calc(16 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList__planBox {
    height: calc(368 / 375 * 100vw);
    width: calc(32 / 375 * 100vw) calc(16 / 375 * 100vw) calc(16 / 375 * 100vw);
  }
}

.p-pricePage__plan__planList__planBox__title {
  align-items: center;
  color: var(--color-main);
  display: flex;
  font-size: 18px;
  font-weight: 600;
  height: 52px;
  justify-content: center;
  line-height: 26px;
  text-align: center;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__planList__planBox__title {
    font-size: calc(18 / 1920 * 100vw);
    height: calc(52 / 1920 * 100vw);
    line-height: calc(26 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList__planBox__title {
    font-size: calc(16 / 375 * 100vw);
    height: calc(48 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-pricePage__plan__planList__planBox__illust img {
  height: auto;
  width: 100%;
}

.p-pricePage__plan__planList__planBox__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__planList__planBox__text {
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(24 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__planList__planBox__text {
    font-size: calc(16 / 375 * 100vw);
    line-height: calc(24 / 375 * 100vw);
  }
}

.p-pricePage__plan__button {
  margin-top: 80px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__button {
    margin-top: calc(80 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button {
    margin-top: calc(40 / 375 * 100vw);
  }
}

.p-pricePage__plan__button a {
  align-items: center;
  background-color: var(--color-main3);
  border: 2px solid var(--color-main3);
  border-radius: 9px;
  color: var(--color-white);
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 58px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 385px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__button a {
    border: calc(2 / 1920 * 100vw) solid var(--color-main3);
    border-radius: calc(9 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    height: calc(58 / 1920 * 100vw);
    width: calc(385 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button a {
    border: calc(2 / 375 * 100vw) solid var(--color-main3);
    border-radius: calc(9 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    height: calc(59 / 375 * 100vw);
    margin: 0 auto;
    width: calc(341 / 375 * 100vw);
  }
}

.p-pricePage__plan__button a::after {
  -webkit-mask-image: url(../images/icon_arrow_button.svg);
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  display: block;
  height: 22px;
  margin: auto 0;
  mask-image: url(../images/icon_arrow_button.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: contain;
  position: absolute;
  right: 45px;
  top: 0;
  transform: translateY(1px);
  transition: 0.3s;
  width: 22px;
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(45 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

@media screen and (max-width: 1919px) {
  .p-pricePage__plan__button a::after {
    height: calc(22 / 1920 * 100vw);
    right: calc(45 / 1920 * 100vw);
    width: calc(22 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button a::after {
    height: calc(22 / 375 * 100vw);
    right: calc(20 / 375 * 100vw);
    width: calc(22 / 375 * 100vw);
  }
}

.p-pricePage__plan__button a:hover {
  background-color: var(--color-white);
  color: var(--color-main3);
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button a:hover {
    background-color: var(--color-main3);
    color: var(--color-white);
  }
}

.p-pricePage__plan__button a:hover::after {
  background-color: var(--color-main3);
}

@media screen and (max-width: 767px) {
  .p-pricePage__plan__button a:hover::after {
    background-color: var(--color-white);
  }
}

.p-indexMovie {
  position: relative;
}

.p-indexMovie::before {
  background-image: url(../images/indexmovie_decoration.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 544px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 275px;
  width: 2307px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie::before {
    height: calc(544 / 1920 * 100vw);
    top: calc(275 / 1920 * 100vw);
    width: calc(2307 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie::before {
    background-image: url(../images/indexmovie_decoration_sp.png);
    height: calc(82 / 375 * 100vw);
    top: calc(155 / 375 * 100vw);
    width: calc(371 / 375 * 100vw);
  }
}

.p-indexMovie__inner {
  padding-bottom: 95px;
  padding-top: 145px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__inner {
    padding-bottom: calc(95 / 1920 * 100vw);
    padding-top: calc(145 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__inner {
    padding-bottom: calc(30 / 375 * 100vw);
    padding-top: calc(30 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox {
  margin-bottom: 56px;
  margin-bottom: 70px;
  position: relative;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__titleBox {
    margin-bottom: calc(56 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__titleBox {
    margin-bottom: calc(25 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox::before,
.p-indexMovie__titleBox::after {
  background-image: url(../images/title_decoration.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 55px;
  position: absolute;
  top: -2px;
  width: 289px;
}

@media screen and (max-width: 1919px) {

  .p-indexMovie__titleBox::before,
  .p-indexMovie__titleBox::after {
    height: calc(55 / 1920 * 100vw);
    top: calc(-2 / 1920 * 100vw);
    width: calc(289 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {

  .p-indexMovie__titleBox::before,
  .p-indexMovie__titleBox::after {
    height: calc(13 / 375 * 100vw);
    top: calc(18 / 375 * 100vw);
    width: calc(68 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox::before {
  left: 0;
}

.p-indexMovie__titleBox::after {
  right: 0;
}

.p-indexMovie__titleBox__title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  overflow: hidden;
  text-indent: 150vw;
  white-space: nowrap;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__titleBox {
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__titleBox {
    margin-bottom: calc(30 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox::before {
  left: -108px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__titleBox::before {
    left: calc(-108 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__titleBox::before {
    left: calc(-10 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox::after {
  right: -108px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__titleBox::after {
    right: calc(-108 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__titleBox::after {
    right: calc(-10 / 375 * 100vw);
  }
}

.p-indexMovie__titleBox__title {
  background-image: url(../images/indexmovie_title.svg);
  height: 53px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__titleBox__title {
    height: calc(53 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__titleBox__title {
    background-image: url(../images/indexmovie_title_sp.svg);
    height: calc(68 / 375 * 100vw);
  }
}

.p-indexMovie__content {
  height: 568px;
  position: relative;
  width: 1092px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__content {
    height: calc(568 / 1920 * 100vw);
    width: calc(1092 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__content {
    height: calc(178 / 375 * 100vw);
    margin-right: auto;
    width: calc(342 / 375 * 100vw);
  }
}

.p-indexMovie__content::after {
  background-image: url(../images/movie_content_frame.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.p-indexMovie__content__video {
  left: 181px;
  position: absolute;
  top: 39px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__content__video {
    left: calc(181 / 1920 * 100vw);
    top: calc(39 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__content__video {
    left: calc(56 / 375 * 100vw);
    top: calc(12 / 375 * 100vw);
  }
}

.p-indexMovie__content__video__inner {
  height: 416px;
  overflow: hidden;
  position: relative;
  width: 731px;
}

@media screen and (max-width: 1919px) {
  .p-indexMovie__content__video__inner {
    height: calc(416 / 1920 * 100vw);
    width: calc(731 / 1920 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .p-indexMovie__content__video__inner {
    height: calc(131 / 375 * 100vw);
    width: calc(230 / 375 * 100vw);
  }
}

.p-indexMovie__content__video video {
  -o-object-fit: cover;
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}


.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media screen and (min-width: 750px) {
  .pager {
    margin-top: 6rem
  }
}

@media screen and (max-width: 749px) {
  .pager {
    margin-top: 3rem
  }
}

.pager__item {
  margin: 0 .3em;
  font-size: 1.4rem
}

.pager__item.-prev {
  margin: 0 1.2em 0 0
}

.pager__item.-next {
  margin: 0 0 0 1.2em
}

.pager__anc,
.pager__both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.pager__anc {
  width: 4rem;
  height: 4rem;
  font-weight: bold;
  border-radius: 50%
}

@media screen and (min-width: 750px) {
  .pager__anc:hover {
    background: #006fbb;
    color: #fff
  }
}

.-current .pager__anc {
  background: #006fbb;
  color: #fff;
  pointer-events: none
}

.pager__both {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #006fbb;
  width: 4rem;
  height: 4rem;
  background: #fff;
  border: 2px solid #cdcdcd;
  font-weight: bold;
  border-radius: 50%
}

@media screen and (min-width: 750px) {
  .pager__both:hover {
    background: #006fbb;
    border: 2px solid #006fbb
  }

  .pager__both:hover::before,
  .pager__both:hover::after {
    color: #fff
  }
}

.-prev .pager__both::before {
  content: "";
  font-family: "evercom" !important;
  display: inline-block
}

.-next .pager__both::after {
  content: "";
  font-family: "evercom" !important;
  display: inline-block
}