@charset "UTF-8";
/* A Modern CSS Reset
========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

* {
  box-sizing: border-box;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

img {
  max-width: 100%;
  height: auto;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

p {
  margin: 0;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
  cursor: pointer;
}

em {
  font-style: normal;
}

button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;
}

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

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.5;
}

/* Balance text wrapping on headings */
/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

h1, h2, h3, h4 {
  font-weight: 400;
}

body {
  overflow-y: scroll;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "YuGothic", sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.5;
}
body.is-fixed {
  position: fixed;
}

main {
  overflow-x: hidden;
}

a {
  transition: all 0.3s ease;
}
* {
  margin: 0;
  padding: 0;
}

.d-none {
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .d-lg-none {
    display: none !important;
  }
}
@media screen and (min-width: 1401px) {
  .d-lg-none {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .d-lg-block {
    display: block !important;
  }
}
@media screen and (min-width: 1401px) {
  .d-lg-block {
    display: block !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media screen and (min-width: 1401px) {
  .d-lg-flex {
    display: flex !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1399px) {
  .d-lg-grid {
    display: grid !important;
  }
}
@media screen and (min-width: 1401px) {
  .d-lg-grid {
    display: grid !important;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.modal {
  display: none;
}
.modal.is-open {
  display: block;
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.modal__container {
  position: relative;
  background-color: #fff;
  width: 65%;
  max-width: 903px;
  max-height: 80vh;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow-y: hidden;
}
@media screen and (max-width: 767px) {
  .modal__container {
    width: 90%;
    max-width: 90%;
  }
}
.modal__container--inner {
  padding-block: clamp(38.4px, calc(70 / 1400 * 100vw), 70px);
  padding-inline: clamp(24.6857142857px, calc(45 / 1400 * 100vw), 45px);
  overflow-y: auto;
}
@media (max-width: 767px) {
  .modal__container--inner {
    padding-block: clamp(65.3333333333px, calc(70 / 375 * 100vw), 93.3333333333px);
  }
}
@media (max-width: 767px) {
  .modal__container--inner {
    padding-inline: clamp(42px, calc(45 / 375 * 100vw), 60px);
  }
}
@media screen and (max-width: 767px) {
  .modal__container--inner {
    padding-block: clamp(24.1371428571px, calc(44 / 1400 * 100vw), 44px);
    padding-inline: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .modal__container--inner {
    padding-block: clamp(41.0666666667px, calc(44 / 375 * 100vw), 58.6666666667px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .modal__container--inner {
    padding-inline: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
.modal__header {
  display: flex;
  justify-content: flex-start;
  padding-bottom: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  margin-bottom: clamp(17.5542857143px, calc(32 / 1400 * 100vw), 32px);
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 767px) {
  .modal__header {
    padding-bottom: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media (max-width: 767px) {
  .modal__header {
    margin-bottom: clamp(29.8666666667px, calc(32 / 375 * 100vw), 42.6666666667px);
  }
}
.modal__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
}
@media (max-width: 767px) {
  .modal__close {
    padding: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
.modal__close img {
  width: clamp(12.6171428571px, calc(23 / 1400 * 100vw), 23px);
}
@media (max-width: 767px) {
  .modal__close img {
    width: clamp(21.4666666667px, calc(23 / 375 * 100vw), 30.6666666667px);
  }
}
.modal__close:hover {
  cursor: pointer;
}
.modal__title {
  font-size: clamp(16px, calc(18 / 1400 * 100vw), 18px);
}
@media (max-width: 767px) {
  .modal__title {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
.modal__content {
  margin-top: 20px;
  font-size: clamp(14px, calc(15 / 1400 * 100vw), 15px);
  line-height: 2.5;
  font-weight: 400;
}
@media (max-width: 767px) {
  .modal__content {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media screen and (max-width: 767px) {
  .modal__content {
    font-size: clamp(12px, calc(14 / 1400 * 100vw), 14px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .modal__content {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.modal__footer {
  width: 100%;
  background: #DBDCDC;
  padding-block: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal__button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #727171;
  border-radius: 4px;
  padding-inline: clamp(48.2742857143px, calc(88 / 1400 * 100vw), 88px);
  padding-block: 8px;
}
@media (max-width: 767px) {
  .modal__button {
    padding-inline: clamp(82.1333333333px, calc(88 / 375 * 100vw), 117.3333333333px);
  }
}
.modal__button:hover {
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .modal__button {
    padding-inline: clamp(27.4285714286px, calc(50 / 1400 * 100vw), 50px);
    font-size: clamp(14px, calc(16 / 1400 * 100vw), 16px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .modal__button {
    padding-inline: clamp(46.6666666667px, calc(50 / 375 * 100vw), 66.6666666667px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .modal__button {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}

.fw-bold {
  font-weight: 700;
}

.u-center {
  width: fit-content;
  margin-inline: auto;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.u-container-margin-left {
  margin-left: calc((100vw - 67vw) / 2);
  max-width: calc(100% - (100vw - 1000px) / 2);
}
@media screen and (max-width: 767px) {
  .u-container-margin-left {
    margin-left: calc((100vw - 93%) / 2);
    max-width: 100%;
  }
}
.u-container-margin-right {
  margin-right: calc((100vw - 67vw) / 2);
  max-width: calc(100% - (100vw - 1000px) / 2);
}
@media screen and (max-width: 767px) {
  .u-container-margin-right {
    margin-right: calc((100vw - 93%) / 2);
    max-width: 100%;
  }
}

.u-text-red {
  color: #cc131c;
}

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

.u-font-weight-normal {
  font-weight: 400;
}

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

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

.u-bg-blue {
  background-color: #1c2a52;
  color: #fff;
}

.c-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(18 / 1400 * 100vw), 18px);
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #fff;
  border-radius: 28px;
  background: #1c2a52;
  width: fit-content;
  margin-inline: auto;
  padding-block: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  padding-left: clamp(49.92px, calc(91 / 1400 * 100vw), 91px);
  padding-inline: clamp(48.2742857143px, calc(88 / 1400 * 100vw), 88px);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .c-button {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media (max-width: 767px) {
  .c-button {
    padding-block: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-button {
    padding-left: clamp(84.9333333333px, calc(91 / 375 * 100vw), 121.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-button {
    padding-inline: clamp(82.1333333333px, calc(88 / 375 * 100vw), 117.3333333333px);
  }
}
.c-button img {
  transition: all 0.3s ease;
}
.c-button:hover {
  opacity: 1;
  background: #596381;
  color: #fff;
}
.c-button--white:hover {
  background: #596381;
  color: #fff;
}
.c-button--white:hover img {
  filter: brightness(0) invert(1);
}
.c-button--red {
  background: #cc131c;
}
.c-button--red:hover {
  background: #ed676d;
}
.c-button--red:hover img {
  filter: unset;
}

.c-button-arrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  font-size: clamp(10px, calc(18 / 1400 * 100vw), 18px);
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.03em;
  border-radius: 28px;
  background: #1c2a52;
  width: fit-content;
  margin-inline: auto;
  border-color: #1c2a52;
  border-style: solid;
  border-width: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
  border-radius: 49px;
  height: clamp(35.1085714286px, calc(64 / 1400 * 100vw), 64px);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .c-button-arrow {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media (max-width: 767px) {
  .c-button-arrow {
    border-width: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media (max-width: 767px) {
  .c-button-arrow {
    height: clamp(59.7333333333px, calc(64 / 375 * 100vw), 85.3333333333px);
  }
}
.c-button-arrow__circle {
  position: relative;
  height: 100%;
  aspect-ratio: 1;
  margin-right: clamp(12.6171428571px, calc(23 / 1400 * 100vw), 23px);
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-button-arrow__circle {
    margin-right: clamp(21.4666666667px, calc(23 / 375 * 100vw), 30.6666666667px);
  }
}
.c-button-arrow__circle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c-button-arrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: translateX(calc(-100% + 0px));
  transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1s, opacity cubic-bezier(0.19, 1, 0.22, 1) 1s, -webkit-transform cubic-bezier(0.19, 1, 0.22, 1) 1s;
  border-radius: 28px;
}
.c-button-arrow:hover {
  opacity: 1;
}
.c-button-arrow:hover:before {
  transform: translateX(0);
}
.c-button-arrow:hover .c-button-arrow__text {
  color: #1c2a52;
}
.c-button-arrow__text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  font-size: clamp(10px, calc(18 / 1400 * 100vw), 18px);
  font-weight: 700;
  letter-spacing: 0.03em;
  transition: color 0.3s ease;
}
@media (max-width: 767px) {
  .c-button-arrow__text {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media screen and (max-width: 767px) {
  .c-button-arrow__text {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
.c-button-arrow--red {
  background: #cc131c;
  border-color: #cc131c;
}
.c-button-arrow--red:hover .c-button-arrow__text {
  color: #cc131c;
}

.c-page-mv {
  background: #fff;
}
.c-page-mv__inner {
  position: relative;
  padding-top: clamp(37.3028571429px, calc(68 / 1400 * 100vw), 68px);
  padding-bottom: clamp(42.24px, calc(77 / 1400 * 100vw), 77px);
}
@media (max-width: 767px) {
  .c-page-mv__inner {
    padding-top: clamp(63.4666666667px, calc(68 / 375 * 100vw), 90.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-page-mv__inner {
    padding-bottom: clamp(71.8666666667px, calc(77 / 375 * 100vw), 102.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .c-page-mv__inner {
    padding-top: clamp(66.2666666667px, calc(71 / 375 * 100vw), 94.6666666667px);
    padding-bottom: clamp(55.0666666667px, calc(59 / 375 * 100vw), 78.6666666667px);
  }
}
.c-page-mv--service, .c-page-mv--service-category, .c-page-mv--strengths, .c-page-mv--owned-media {
  border-bottom: 1px solid #d8d8d8;
}
.c-page-mv--service .c-page-mv__inner:before, .c-page-mv--service-category .c-page-mv__inner:before, .c-page-mv--strengths .c-page-mv__inner:before, .c-page-mv--owned-media .c-page-mv__inner:before {
  content: "";
  position: absolute;
  bottom: -1.5px;
  left: 50%;
  transform: translateX(-50%);
  background: #1c2a52;
  width: clamp(37.8514285714px, calc(69 / 1400 * 100vw), 69px);
  height: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
}
@media (max-width: 767px) {
  .c-page-mv--service .c-page-mv__inner:before, .c-page-mv--service-category .c-page-mv__inner:before, .c-page-mv--strengths .c-page-mv__inner:before, .c-page-mv--owned-media .c-page-mv__inner:before {
    width: clamp(64.4px, calc(69 / 375 * 100vw), 92px);
  }
}
@media (max-width: 767px) {
  .c-page-mv--service .c-page-mv__inner:before, .c-page-mv--service-category .c-page-mv__inner:before, .c-page-mv--strengths .c-page-mv__inner:before, .c-page-mv--owned-media .c-page-mv__inner:before {
    height: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
@media screen and (max-width: 767px) {
  .c-page-mv--service .c-page-mv__inner:before, .c-page-mv--service-category .c-page-mv__inner:before, .c-page-mv--strengths .c-page-mv__inner:before, .c-page-mv--owned-media .c-page-mv__inner:before {
    width: clamp(39.2px, calc(42 / 375 * 100vw), 56px);
    height: 2px;
  }
}

.c-page-title {
  display: grid;
  grid-template-columns: 1fr;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
}
.c-page-title--sub {
  font-size: clamp(10px, calc(16 / 1400 * 100vw), 16px);
  color: #1c2a52;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .c-page-title--sub {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-page-title--sub {
    font-size: clamp(10px, calc(13 / 1400 * 100vw), 13px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-page-title--sub {
    font-size: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
.c-page-title--main {
  font-size: clamp(20.2971428571px, calc(37 / 1400 * 100vw), 37px);
  color: #333;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media (max-width: 767px) {
  .c-page-title--main {
    font-size: clamp(34.5333333333px, calc(37 / 375 * 100vw), 49.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-page-title--main {
    font-size: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-page-title--main {
    font-size: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}

.c-service-case-links {
  width: clamp(494.2628571429px, calc(901 / 1400 * 100vw), 901px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(11.52px, calc(21 / 1400 * 100vw), 21px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-service-case-links {
    width: clamp(840.9333333333px, calc(901 / 375 * 100vw), 1201.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links {
    gap: clamp(19.6px, calc(21 / 375 * 100vw), 28px);
  }
}
@media screen and (max-width: 767px) {
  .c-service-case-links {
    width: 94%;
    grid-template-columns: 1fr;
  }
}
.c-service-case-links__link {
  width: clamp(241.3714285714px, calc(440 / 1400 * 100vw), 440px);
  height: clamp(93.2571428571px, calc(170 / 1400 * 100vw), 170px);
  color: #fff;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  padding: clamp(17.0057142857px, calc(31 / 1400 * 100vw), 31px);
  transition: background 0.3s;
  border-radius: 4px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-service-case-links__link {
    width: clamp(410.6666666667px, calc(440 / 375 * 100vw), 586.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link {
    height: clamp(158.6666666667px, calc(170 / 375 * 100vw), 226.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link {
    padding: clamp(28.9333333333px, calc(31 / 375 * 100vw), 41.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-service-case-links__link {
    width: clamp(299.6px, calc(321 / 375 * 100vw), 428px);
    height: clamp(112.9333333333px, calc(121 / 375 * 100vw), 161.3333333333px);
    padding: clamp(27.0666666667px, calc(29 / 375 * 100vw), 38.6666666667px);
  }
}
.c-service-case-links__link:before {
  content: "";
  position: absolute;
  bottom: clamp(11.52px, calc(21 / 1400 * 100vw), 21px);
  right: clamp(8.2285714286px, calc(15 / 1400 * 100vw), 15px);
  width: clamp(38.4px, calc(70 / 1400 * 100vw), 70px);
  height: clamp(38.4px, calc(70 / 1400 * 100vw), 70px);
  background-image: url(../images/common/button-arrow-white-line.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .c-service-case-links__link:before {
    bottom: clamp(19.6px, calc(21 / 375 * 100vw), 28px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link:before {
    right: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link:before {
    width: clamp(65.3333333333px, calc(70 / 375 * 100vw), 93.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link:before {
    height: clamp(65.3333333333px, calc(70 / 375 * 100vw), 93.3333333333px);
  }
}
@supports (background-image: url(../images/common/button-arrow-white-line.webp)) {
  .c-service-case-links__link:before {
    background-image: url(../images/common/button-arrow-white-line.webp);
  }
}
@media screen and (max-width: 767px) {
  .c-service-case-links__link:before {
    background-image: url(../images/common/button-arrow-white-line-sp.png);
    width: clamp(38.2666666667px, calc(41 / 375 * 100vw), 54.6666666667px);
    height: clamp(38.2666666667px, calc(41 / 375 * 100vw), 54.6666666667px);
  }
  @supports (background-image: url(../images/common/button-arrow-white-line-sp.webp)) {
    .c-service-case-links__link:before {
      background-image: url(../images/common/button-arrow-white-line-sp.webp);
    }
  }
}
.c-service-case-links__link--service {
  background: #112456;
}
.c-service-case-links__link--service:hover {
  background: #596381;
}
.c-service-case-links__link--case {
  background: #cc131c;
}
.c-service-case-links__link--case:hover {
  background: #ed676d;
}
.c-service-case-links__link-title {
  font-size: clamp(17.5542857143px, calc(32 / 1400 * 100vw), 32px);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
}
@media (max-width: 767px) {
  .c-service-case-links__link-title {
    font-size: clamp(29.8666666667px, calc(32 / 375 * 100vw), 42.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-service-case-links__link-title {
    margin-bottom: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media screen and (max-width: 767px) {
  .c-service-case-links__link-title {
    font-size: clamp(24.2666666667px, calc(26 / 375 * 100vw), 34.6666666667px);
    margin-bottom: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
.c-service-case-links__link-text {
  font-size: clamp(10px, calc(16 / 1400 * 100vw), 16px);
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .c-service-case-links__link-text {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-service-case-links__link-text {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}

.c-plan-simulation-banner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: clamp(517.8514285714px, calc(944 / 1400 * 100vw), 944px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-plan-simulation-banner {
    width: clamp(881.0666666667px, calc(944 / 375 * 100vw), 1258.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .c-plan-simulation-banner {
    width: 94%;
  }
}

.c-contact-banner {
  position: fixed;
  bottom: clamp(43.8857142857px, calc(80 / 1400 * 100vw), 80px);
  right: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  width: clamp(172.2514285714px, calc(314 / 1400 * 100vw), 314px);
  z-index: 3;
}
@media (max-width: 767px) {
  .c-contact-banner {
    bottom: clamp(74.6666666667px, calc(80 / 375 * 100vw), 106.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-contact-banner {
    right: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-contact-banner {
    width: clamp(293.0666666667px, calc(314 / 375 * 100vw), 418.6666666667px);
  }
}
.c-contact-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .c-contact-banner {
    bottom: clamp(29.8666666667px, calc(32 / 375 * 100vw), 42.6666666667px);
    right: 1px;
    width: clamp(173.6px, calc(186 / 375 * 100vw), 248px);
  }
}
.c-contact-banner__inner {
  position: relative;
  transition: opacity 0.3s;
}
.c-contact-banner:hover {
  opacity: 1;
}
.c-contact-banner:hover .c-contact-banner__inner {
  opacity: 0.8;
}

.c-posts-archive-taxonomy__list {
  border-top: 1px solid #D8D8D8;
  margin-bottom: clamp(86.6742857143px, calc(158 / 1400 * 100vw), 158px);
  width: clamp(521.1428571429px, calc(950 / 1400 * 100vw), 950px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__list {
    margin-bottom: clamp(147.4666666667px, calc(158 / 375 * 100vw), 210.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__list {
    width: clamp(886.6666666667px, calc(950 / 375 * 100vw), 1266.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-taxonomy__list {
    width: 100%;
    margin-bottom: clamp(40.1333333333px, calc(43 / 375 * 100vw), 57.3333333333px);
  }
}
.c-posts-archive-taxonomy__category {
  padding-top: clamp(13.1657142857px, calc(24 / 1400 * 100vw), 24px);
  padding-bottom: clamp(13.1657142857px, calc(24 / 1400 * 100vw), 24px);
  border-bottom: 1px solid #D8D8D8;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(15.9085714286px, calc(29 / 1400 * 100vw), 29px);
  align-items: center;
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__category {
    padding-top: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__category {
    padding-bottom: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__category {
    gap: clamp(27.0666666667px, calc(29 / 375 * 100vw), 38.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-taxonomy__category {
    grid-template-columns: 1fr;
    gap: clamp(17.7333333333px, calc(19 / 375 * 100vw), 25.3333333333px);
    padding-top: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
    padding-bottom: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
.c-posts-archive-taxonomy__category--industry .p-performance-archive-taxonomy__tag-item:hover {
  background: #DADADA;
  border: 1px solid #DADADA;
}
.c-posts-archive-taxonomy__category--industry .p-performance-archive-taxonomy__tag-item--active {
  background: #DADADA;
  border: 1px solid #DADADA;
}
.c-posts-archive-taxonomy__category-title {
  width: fit-content;
  min-width: clamp(111.9085714286px, calc(204 / 1400 * 100vw), 204px);
  font-size: clamp(10px, calc(18 / 1400 * 100vw), 18px);
  letter-spacing: 0.03em;
  font-weight: 700;
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__category-title {
    min-width: clamp(190.4px, calc(204 / 375 * 100vw), 272px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__category-title {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-taxonomy__category-title {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
    width: 100%;
  }
}
.c-posts-archive-taxonomy__tag-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  row-gap: clamp(5.4857142857px, calc(10 / 1400 * 100vw), 10px);
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-list {
    column-gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-list {
    row-gap: clamp(9.3333333333px, calc(10 / 375 * 100vw), 13.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-list {
    column-gap: clamp(6.5333333333px, calc(7 / 375 * 100vw), 9.3333333333px);
    row-gap: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
.c-posts-archive-taxonomy__tag-item {
  font-size: clamp(10px, calc(16 / 1400 * 100vw), 16px);
  letter-spacing: 0.03em;
  color: #292929;
  border: 1px solid #292929;
  border-radius: 20px;
  padding-block: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
  padding-inline: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  border-radius: 40px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-item {
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-item {
    padding-block: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-item {
    padding-inline: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-taxonomy__tag-item {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
    padding-block: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
    padding-inline: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
.c-posts-archive-taxonomy__tag-item:hover {
  opacity: 1;
  background: #D7DEF0;
  border: 1px solid #D7DEF0;
  color: #1c2a52;
}
.c-posts-archive-taxonomy__tag-item--active {
  background: #D7DEF0;
  border: 1px solid #D7DEF0;
  color: #1c2a52;
}

@media screen and (max-width: 767px) {
  .c-posts-archive-article {
    background: #fafafa;
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-article__inner {
    padding-top: clamp(50.4px, calc(54 / 375 * 100vw), 72px);
    padding-bottom: clamp(98px, calc(105 / 375 * 100vw), 140px);
    width: 81%;
  }
}
.c-posts-archive-article__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  row-gap: clamp(13.1657142857px, calc(24 / 1400 * 100vw), 24px);
  width: clamp(521.1428571429px, calc(950 / 1400 * 100vw), 950px);
  margin-bottom: clamp(27.9771428571px, calc(51 / 1400 * 100vw), 51px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-posts-archive-article__list {
    column-gap: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__list {
    row-gap: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__list {
    width: clamp(886.6666666667px, calc(950 / 375 * 100vw), 1266.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__list {
    margin-bottom: clamp(47.6px, calc(51 / 375 * 100vw), 68px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-article__list {
    width: 100%;
    grid-template-columns: 1fr;
    row-gap: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
    margin-bottom: clamp(30.8px, calc(33 / 375 * 100vw), 44px);
  }
}
.c-posts-archive-article__item {
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  position: relative;
}
.c-posts-archive-article__item:hover {
  opacity: 0.7;
}
.c-posts-archive-article__item:hover a {
  opacity: 1;
}
.c-posts-archive-article__item:hover .p-performance-archive-article__term {
  opacity: 0.7;
}
.c-posts-archive-article__item:hover .p-performance-archive-article__term:hover {
  opacity: 1;
}
.c-posts-archive-article__link {
  flex: 1;
}
.c-posts-archive-article__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-posts-archive-article__contents {
  padding-top: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
  padding-inline: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
  flex: 1;
}
@media (max-width: 767px) {
  .c-posts-archive-article__contents {
    padding-top: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__contents {
    padding-inline: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.c-posts-archive-article__date {
  font-size: clamp(10px, calc(13 / 1400 * 100vw), 13px);
  color: #454545;
  margin-bottom: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
}
@media (max-width: 767px) {
  .c-posts-archive-article__date {
    font-size: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__date {
    margin-bottom: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
.c-posts-archive-article__title {
  font-size: clamp(10px, calc(17 / 1400 * 100vw), 17px);
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: clamp(7.1314285714px, calc(13 / 1400 * 100vw), 13px);
}
@media (max-width: 767px) {
  .c-posts-archive-article__title {
    font-size: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__title {
    margin-bottom: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-article__title {
    font-size: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
    margin-bottom: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.c-posts-archive-article__text {
  font-size: clamp(10px, calc(15 / 1400 * 100vw), 15px);
  letter-spacing: 0.03em;
  font-weight: 400;
  margin-bottom: clamp(9.8742857143px, calc(18 / 1400 * 100vw), 18px);
}
@media (max-width: 767px) {
  .c-posts-archive-article__text {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__text {
    margin-bottom: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-article__text {
    margin-bottom: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
.c-posts-archive-article__terms {
  position: relative;
  z-index: 2;
  pointer-events: none;
  column-gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  row-gap: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
  padding-inline: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
  padding-bottom: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .c-posts-archive-article__terms {
    column-gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__terms {
    row-gap: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__terms {
    padding-inline: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__terms {
    padding-bottom: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
.c-posts-archive-article__term {
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(11 / 1400 * 100vw), 11px);
  letter-spacing: 0.03em;
  width: fit-content;
  padding-inline: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  padding-block: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
  border-radius: 40px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .c-posts-archive-article__term {
    font-size: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__term {
    padding-inline: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__term {
    padding-block: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
.c-posts-archive-article__service-terms, .c-posts-archive-article__industry-terms {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
  row-gap: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
}
@media (max-width: 767px) {
  .c-posts-archive-article__service-terms, .c-posts-archive-article__industry-terms {
    column-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts-archive-article__service-terms, .c-posts-archive-article__industry-terms {
    row-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-posts-archive-article__service-terms, .c-posts-archive-article__industry-terms {
    column-gap: clamp(4.6666666667px, calc(5 / 375 * 100vw), 6.6666666667px);
    row-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
.c-posts-archive-article__service-term {
  background: #d7def0;
  border: 1px solid #d7def0;
  color: #1c2a52;
}
.c-posts-archive-article__industry-term {
  background: #DADADA;
  border: 1px solid #DADADA;
}

@media screen and (max-width: 767px) {
  .c-performance-posts {
    background: #fafafa;
  }
}
@media screen and (max-width: 767px) {
  .c-performance-posts__inner {
    padding-top: clamp(50.4px, calc(54 / 375 * 100vw), 72px);
    padding-bottom: clamp(98px, calc(105 / 375 * 100vw), 140px);
    width: 81%;
  }
}
.c-performance-posts__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  row-gap: clamp(13.1657142857px, calc(24 / 1400 * 100vw), 24px);
  width: clamp(521.1428571429px, calc(950 / 1400 * 100vw), 950px);
  margin-bottom: clamp(27.9771428571px, calc(51 / 1400 * 100vw), 51px);
  margin-inline: auto;
}
@media (max-width: 767px) {
  .c-performance-posts__list {
    column-gap: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__list {
    row-gap: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__list {
    width: clamp(886.6666666667px, calc(950 / 375 * 100vw), 1266.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__list {
    margin-bottom: clamp(47.6px, calc(51 / 375 * 100vw), 68px);
  }
}
@media screen and (max-width: 767px) {
  .c-performance-posts__list {
    width: 100%;
    grid-template-columns: 1fr;
    row-gap: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
    margin-bottom: clamp(30.8px, calc(33 / 375 * 100vw), 44px);
  }
}
.c-performance-posts__item {
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  height: 100%;
  position: relative;
}
.c-performance-posts__item:hover {
  opacity: 0.7;
}
.c-performance-posts__item:hover a {
  opacity: 1;
}
.c-performance-posts__item:hover .p-performance-archive-article__term {
  opacity: 0.7;
}
.c-performance-posts__item:hover .p-performance-archive-article__term:hover {
  opacity: 1;
}
.c-performance-posts__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-performance-posts__contents {
  padding-top: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
  padding-inline: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
  flex: 1;
}
@media (max-width: 767px) {
  .c-performance-posts__contents {
    padding-top: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__contents {
    padding-inline: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.c-performance-posts__title {
  font-size: clamp(10px, calc(17 / 1400 * 100vw), 17px);
  font-weight: 700;
  letter-spacing: 0.03em;
  margin-bottom: clamp(7.1314285714px, calc(13 / 1400 * 100vw), 13px);
}
@media (max-width: 767px) {
  .c-performance-posts__title {
    font-size: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__title {
    margin-bottom: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-performance-posts__title {
    font-size: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
    margin-bottom: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.c-performance-posts__text {
  font-size: clamp(10px, calc(15 / 1400 * 100vw), 15px);
  letter-spacing: 0.03em;
  font-weight: 400;
  margin-bottom: clamp(9.8742857143px, calc(18 / 1400 * 100vw), 18px);
}
@media (max-width: 767px) {
  .c-performance-posts__text {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__text {
    margin-bottom: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media screen and (max-width: 767px) {
  .c-performance-posts__text {
    margin-bottom: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
  }
}
.c-performance-posts__terms {
  position: relative;
  z-index: 2;
  pointer-events: none;
  gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  padding-inline: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
  padding-bottom: clamp(8.7771428571px, calc(16 / 1400 * 100vw), 16px);
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .c-performance-posts__terms {
    gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__terms {
    padding-inline: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__terms {
    padding-bottom: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
  }
}
.c-performance-posts__term {
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(11 / 1400 * 100vw), 11px);
  letter-spacing: 0.03em;
  width: fit-content;
  padding-inline: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  padding-block: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
  border-radius: 40px;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .c-performance-posts__term {
    font-size: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__term {
    padding-inline: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__term {
    padding-block: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
.c-performance-posts__service-terms, .c-performance-posts__industry-terms {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
  row-gap: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
}
@media (max-width: 767px) {
  .c-performance-posts__service-terms, .c-performance-posts__industry-terms {
    column-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-performance-posts__service-terms, .c-performance-posts__industry-terms {
    row-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .c-performance-posts__service-terms, .c-performance-posts__industry-terms {
    column-gap: clamp(4.6666666667px, calc(5 / 375 * 100vw), 6.6666666667px);
    row-gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
.c-performance-posts__service-term {
  background: #d7def0;
  border: 1px solid #d7def0;
  color: #1c2a52;
}
.c-performance-posts__industry-term {
  background: #DADADA;
  border: 1px solid #DADADA;
}

.p-seminar-posts__terms {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  column-gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  row-gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
}
@media (max-width: 767px) {
  .p-seminar-posts__terms {
    column-gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .p-seminar-posts__terms {
    row-gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .p-seminar-posts__terms {
    column-gap: clamp(4.6666666667px, calc(5 / 375 * 100vw), 6.6666666667px);
    row-gap: clamp(4.6666666667px, calc(5 / 375 * 100vw), 6.6666666667px);
  }
}

.c-posts__term {
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(11 / 1400 * 100vw), 11px);
  letter-spacing: 0.03em;
  width: fit-content;
  padding-inline: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  padding-block: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
  border-radius: 40px;
  transition: all 0.3s;
  border: 1px solid #292929;
}
@media (max-width: 767px) {
  .c-posts__term {
    font-size: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts__term {
    padding-inline: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .c-posts__term {
    padding-block: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
.c-posts__term--status {
  background: #DADADA;
  border: 1px solid #DADADA;
  min-width: clamp(53.2114285714px, calc(97 / 1400 * 100vw), 97px);
}
@media (max-width: 767px) {
  .c-posts__term--status {
    min-width: clamp(90.5333333333px, calc(97 / 375 * 100vw), 129.3333333333px);
  }
}
.c-posts__term--status--accepting {
  background: #1c2a52;
  border: 1px solid #1c2a52;
  color: #fff;
}
.c-posts__term--status--ended {
  background: #929292;
  border: 1px solid #929292;
  color: #fff;
}
.c-posts__term--seminar_or_event {
  border: 1px solid #2870C6;
  color: #2870C6;
  min-width: clamp(72.4114285714px, calc(132 / 1400 * 100vw), 132px);
}
@media (max-width: 767px) {
  .c-posts__term--seminar_or_event {
    min-width: clamp(123.2px, calc(132 / 375 * 100vw), 176px);
  }
}
.c-posts__term--seminar-industry {
  border-color: #CB4149;
  color: #CB4149;
  min-width: clamp(72.4114285714px, calc(132 / 1400 * 100vw), 132px);
}
@media (max-width: 767px) {
  .c-posts__term--seminar-industry {
    min-width: clamp(123.2px, calc(132 / 375 * 100vw), 176px);
  }
}
.c-posts__date {
  font-size: clamp(10px, calc(13 / 1400 * 100vw), 13px);
  color: #454545;
  margin-bottom: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
}
@media (max-width: 767px) {
  .c-posts__date {
    font-size: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media (max-width: 767px) {
  .c-posts__date {
    margin-bottom: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
.c-seminar-posts__title {
  margin-bottom: clamp(13.7142857143px, calc(25 / 1400 * 100vw), 25px);
}
@media (max-width: 767px) {
  .c-seminar-posts__title {
    margin-bottom: clamp(23.3333333333px, calc(25 / 375 * 100vw), 33.3333333333px);
  }
}

#breadcrumbs {
  position: absolute;
  top: clamp(7.68px, calc(14 / 1400 * 100vw), 14px);
  left: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
}
@media (max-width: 767px) {
  #breadcrumbs {
    top: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
@media (max-width: 767px) {
  #breadcrumbs {
    left: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  #breadcrumbs {
    top: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
    left: clamp(9.3333333333px, calc(10 / 375 * 100vw), 13.3333333333px);
  }
}
#breadcrumbs > span {
  display: flex;
  align-items: flex-start;
  gap: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
  font-weight: 400;
  font-size: clamp(10px, calc(13 / 1400 * 100vw), 13px);
  color: #4d4d4d;
}
@media (max-width: 767px) {
  #breadcrumbs > span {
    gap: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media (max-width: 767px) {
  #breadcrumbs > span {
    font-size: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
#breadcrumbs > span > span {
  font-weight: 400;
  font-size: clamp(10px, calc(13 / 1400 * 100vw), 13px);
  color: #4d4d4d;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  #breadcrumbs > span > span {
    font-size: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  #breadcrumbs > span > span {
    font-size: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}

.c-breadcrumbs__arrow {
  width: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
  position: relative;
  top: clamp(3.2914285714px, calc(6 / 1400 * 100vw), 6px);
}
@media (max-width: 767px) {
  .c-breadcrumbs__arrow {
    width: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media (max-width: 767px) {
  .c-breadcrumbs__arrow {
    top: clamp(5.6px, calc(6 / 375 * 100vw), 8px);
  }
}
@media screen and (max-width: 767px) {
  .c-breadcrumbs__arrow {
    width: clamp(4.6666666667px, calc(5 / 375 * 100vw), 6.6666666667px);
    top: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}

.p-performance-pagination {
  /* 前へ・次へボタンのスタイル */
  /* ドットのスタイル */
}
.p-performance-pagination__list {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: clamp(5.4857142857px, calc(10 / 1400 * 100vw), 10px);
}
@media (max-width: 767px) {
  .p-performance-pagination__list {
    gap: clamp(9.3333333333px, calc(10 / 375 * 100vw), 13.3333333333px);
  }
}
.p-performance-pagination__link, .p-performance-pagination__current, .p-performance-pagination__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  height: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  padding: 0 8px;
  border: 1px solid #18184C;
  color: #18184C;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
}
@media (max-width: 767px) {
  .p-performance-pagination__link, .p-performance-pagination__current, .p-performance-pagination__dots {
    min-width: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media (max-width: 767px) {
  .p-performance-pagination__link, .p-performance-pagination__current, .p-performance-pagination__dots {
    height: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media (max-width: 767px) {
  .p-performance-pagination__link, .p-performance-pagination__current, .p-performance-pagination__dots {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.p-performance-pagination__dots {
  border: none;
}
.p-performance-pagination__item--current .p-performance-pagination__current {
  background-color: #18184C;
  color: #fff;
}
.p-performance-pagination__link:hover {
  background-color: #18184C;
  color: #fff;
}
.p-performance-pagination__link--prev, .p-performance-pagination__link--next {
  position: relative;
  background: #1c2a52;
}
.p-performance-pagination__link--prev:before, .p-performance-pagination__link--next:before {
  content: "";
  position: absolute;
  width: clamp(4.9371428571px, calc(9 / 1400 * 100vw), 9px);
  height: clamp(4.9371428571px, calc(9 / 1400 * 100vw), 9px);
  top: clamp(4.9371428571px, calc(9 / 1400 * 100vw), 9px);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media (max-width: 767px) {
  .p-performance-pagination__link--prev:before, .p-performance-pagination__link--next:before {
    width: clamp(8.4px, calc(9 / 375 * 100vw), 12px);
  }
}
@media (max-width: 767px) {
  .p-performance-pagination__link--prev:before, .p-performance-pagination__link--next:before {
    height: clamp(8.4px, calc(9 / 375 * 100vw), 12px);
  }
}
@media (max-width: 767px) {
  .p-performance-pagination__link--prev:before, .p-performance-pagination__link--next:before {
    top: clamp(8.4px, calc(9 / 375 * 100vw), 12px);
  }
}
.p-performance-pagination__link--prev:before {
  right: clamp(3.84px, calc(7 / 1400 * 100vw), 7px);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
@media (max-width: 767px) {
  .p-performance-pagination__link--prev:before {
    right: clamp(6.5333333333px, calc(7 / 375 * 100vw), 9.3333333333px);
  }
}
.p-performance-pagination__link--next:before {
  left: clamp(3.84px, calc(7 / 1400 * 100vw), 7px);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
@media (max-width: 767px) {
  .p-performance-pagination__link--next:before {
    left: clamp(6.5333333333px, calc(7 / 375 * 100vw), 9.3333333333px);
  }
}
.p-performance-pagination__item--dots {
  margin: 0 4px;
}
.p-performance-pagination__dots {
  min-width: 20px;
  padding: 0;
}

.l-container {
  width: 90vw;
  max-width: 1200px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .l-container {
    width: 92%;
    max-width: 92%;
  }
}

.l-container-s {
  width: 55.78125vw;
  max-width: 1071px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .l-container-s {
    width: 93%;
    max-width: 93%;
  }
}

.l-container-l {
  width: 84.8958333333vw;
  max-width: 1630px;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .l-container-l {
    width: 93%;
    max-width: 93%;
  }
}

.l-center-container {
  margin-inline: auto;
  width: fit-content;
}
.l-center-text {
  text-align: center;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(49.3714285714px, calc(90 / 1400 * 100vw), 90px);
  z-index: 10;
  background: #fff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
  .l-header {
    height: clamp(84px, calc(90 / 375 * 100vw), 120px);
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    height: clamp(53.2px, calc(57 / 375 * 100vw), 76px);
  }
}
.l-header--top {
  background: transparent;
  box-shadow: none;
}
.l-header--top .l-header__nav-item {
  color: #fff;
}
.l-header.is-scrolled {
  background: #fff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.l-header.is-scrolled .l-header__nav-item {
  color: #333;
}
.l-header__inner {
  position: absolute;
  top: 0;
  transition: background 0.5s ease;
  z-index: 100;
  max-width: 1352px;
  width: 94vw;
  margin-inline: auto;
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
}
@media (max-width: 767px) {
  .l-header__inner {
    gap: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    height: 100%;
    width: 97%;
    left: unset;
    transform: unset;
    right: 0;
  }
}
.l-header__inner-top {
  display: grid;
  grid-template-columns: auto auto;
  gap: clamp(12.0685714286px, calc(22 / 1400 * 100vw), 22px);
  width: fit-content;
  margin-inline: auto 0;
}
@media (max-width: 767px) {
  .l-header__inner-top {
    gap: clamp(20.5333333333px, calc(22 / 375 * 100vw), 29.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner-top {
    display: none;
  }
}
.l-header__inner-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header__tel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(18 / 1400 * 100vw), 18px);
  color: #232323;
  gap: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
  height: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
}
@media (max-width: 767px) {
  .l-header__tel {
    font-size: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
@media (max-width: 767px) {
  .l-header__tel {
    gap: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
@media (max-width: 767px) {
  .l-header__tel {
    height: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
.l-header__tel-icon {
  width: clamp(12.6171428571px, calc(23 / 1400 * 100vw), 23px);
}
@media (max-width: 767px) {
  .l-header__tel-icon {
    width: clamp(21.4666666667px, calc(23 / 375 * 100vw), 30.6666666667px);
  }
}
.l-header__mypage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
  color: #fff;
  background: #e58b08;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-left: clamp(13.7142857143px, calc(25 / 1400 * 100vw), 25px);
  padding-right: clamp(8.2285714286px, calc(15 / 1400 * 100vw), 15px);
  margin-right: clamp(1.6457142857px, calc(3 / 1400 * 100vw), 3px);
  height: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
  gap: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  width: clamp(96px, calc(175 / 1400 * 100vw), 175px);
}
@media (max-width: 767px) {
  .l-header__mypage {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    padding-left: clamp(23.3333333333px, calc(25 / 375 * 100vw), 33.3333333333px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    padding-right: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    margin-right: clamp(2.8px, calc(3 / 375 * 100vw), 4px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    height: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__mypage {
    width: clamp(163.3333333333px, calc(175 / 375 * 100vw), 233.3333333333px);
  }
}
.l-header__mypage:hover {
  opacity: 1;
  background: #EAA035;
}
.l-header__mypage-icon {
  width: clamp(6.0342857143px, calc(11 / 1400 * 100vw), 11px);
}
@media (max-width: 767px) {
  .l-header__mypage-icon {
    width: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
.l-header__logo-link {
  position: relative;
  top: clamp(-8px, calc(-8 / 1400 * 100vw), -4.3885714286px);
}
@media (max-width: 767px) {
  .l-header__logo-link {
    top: clamp(-10.6666666667px, calc(-8 / 375 * 100vw), -7.4666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo-link {
    top: 0;
  }
}
.l-header__logo {
  width: clamp(131.6571428571px, calc(240 / 1400 * 100vw), 240px);
}
@media (max-width: 767px) {
  .l-header__logo {
    width: clamp(224px, calc(240 / 375 * 100vw), 320px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    width: clamp(140.9333333333px, calc(151 / 375 * 100vw), 201.3333333333px);
  }
}
.l-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(19.2px, calc(35 / 1400 * 100vw), 35px);
}
@media (max-width: 767px) {
  .l-header__nav {
    gap: clamp(32.6666666667px, calc(35 / 375 * 100vw), 46.6666666667px);
  }
}
.l-header__nav-item {
  font-size: clamp(10px, calc(15 / 1400 * 100vw), 15px);
  letter-spacing: 0.03em;
  font-weight: 700;
  color: #333;
}
@media (max-width: 767px) {
  .l-header__nav-item {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
.l-header__menu {
  display: flex;
  align-items: center;
  gap: clamp(28.5257142857px, calc(52 / 1400 * 100vw), 52px);
}
@media (max-width: 767px) {
  .l-header__menu {
    gap: clamp(48.5333333333px, calc(52 / 375 * 100vw), 69.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__menu {
    display: none;
  }
}
.l-header__button-group {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
}
@media (max-width: 767px) {
  .l-header__button-group {
    gap: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.l-header__button {
  width: clamp(98.7428571429px, calc(180 / 1400 * 100vw), 180px);
  height: clamp(20.8457142857px, calc(38 / 1400 * 100vw), 38px);
  padding-inline: clamp(7.68px, calc(14 / 1400 * 100vw), 14px);
  padding-block: clamp(2.1942857143px, calc(4 / 1400 * 100vw), 4px);
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
  letter-spacing: 0.03em;
  font-weight: 700;
  justify-content: flex-start;
  gap: clamp(6.0342857143px, calc(11 / 1400 * 100vw), 11px);
}
@media (max-width: 767px) {
  .l-header__button {
    width: clamp(168px, calc(180 / 375 * 100vw), 240px);
  }
}
@media (max-width: 767px) {
  .l-header__button {
    height: clamp(35.4666666667px, calc(38 / 375 * 100vw), 50.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__button {
    padding-inline: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__button {
    padding-block: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media (max-width: 767px) {
  .l-header__button {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__button {
    gap: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
.l-header__button--download {
  gap: clamp(4.9371428571px, calc(9 / 1400 * 100vw), 9px);
  padding-left: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
}
@media (max-width: 767px) {
  .l-header__button--download {
    gap: clamp(8.4px, calc(9 / 375 * 100vw), 12px);
  }
}
@media (max-width: 767px) {
  .l-header__button--download {
    padding-left: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.l-header__button--download img {
  width: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
}
@media (max-width: 767px) {
  .l-header__button--download img {
    width: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.l-header__button--contact {
  background: #cc131c;
  color: #fff;
  gap: clamp(6.0342857143px, calc(11 / 1400 * 100vw), 11px);
  padding-left: clamp(13.7142857143px, calc(25 / 1400 * 100vw), 25px);
}
@media (max-width: 767px) {
  .l-header__button--contact {
    gap: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__button--contact {
    padding-left: clamp(23.3333333333px, calc(25 / 375 * 100vw), 33.3333333333px);
  }
}
.l-header__button--contact img {
  width: clamp(10.4228571429px, calc(19 / 1400 * 100vw), 19px);
}
@media (max-width: 767px) {
  .l-header__button--contact img {
    width: clamp(17.7333333333px, calc(19 / 375 * 100vw), 25.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-menu-inner-wrapper {
    height: 100%;
    overflow-y: auto;
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-menu-inner {
    width: clamp(192.5485714286px, calc(351 / 1400 * 100vw), 351px);
    margin-inline: auto;
    padding-top: clamp(39.4971428571px, calc(72 / 1400 * 100vw), 72px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__sp-menu-inner {
    width: clamp(327.6px, calc(351 / 375 * 100vw), 468px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__sp-menu-inner {
    padding-top: clamp(67.2px, calc(72 / 375 * 100vw), 96px);
  }
}
.l-header__sp-nav-link {
  display: block;
  color: #fff;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
}
.l-header__sp-buttons {
  display: grid;
  gap: 15px;
}
.l-header__sp-button {
  width: 100%;
  height: 50px;
  font-size: 15px;
}
.l-header__sp-button--download {
  background: #fff;
  color: #1c2a52;
}
.l-header__sp-button--contact {
  background: #cc131c;
  color: #fff;
}
.l-header__hamburger {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__hamburger {
    display: flex;
    align-items: center;
    position: relative;
    width: clamp(32.9142857143px, calc(60 / 1400 * 100vw), 60px);
    height: clamp(31.2685714286px, calc(57 / 1400 * 100vw), 57px);
    background: #1c2a52;
    gap: 8px;
    z-index: 101;
    border: none;
    padding: 0;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    transition: color 0.3s;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger {
    width: clamp(56px, calc(60 / 375 * 100vw), 80px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger {
    height: clamp(53.2px, calc(57 / 375 * 100vw), 76px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__hamburger-icon {
    width: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
    height: clamp(8.2285714286px, calc(15 / 1400 * 100vw), 15px);
    position: relative;
    margin-inline: auto;
    top: clamp(4.3885714286px, calc(8 / 1400 * 100vw), 8px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger-icon {
    width: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger-icon {
    height: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger-icon {
    top: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__hamburger-icon span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    transition: all 0.3s;
  }
  .l-header__hamburger-icon span:nth-child(1) {
    top: 0;
  }
  .l-header__hamburger-icon span:nth-child(2) {
    top: clamp(3.5657142857px, calc(6.5 / 1400 * 100vw), 6.5px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .l-header__hamburger-icon span:nth-child(2) {
    top: clamp(6.0666666667px, calc(6.5 / 375 * 100vw), 8.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__hamburger-icon span:nth-child(3) {
    bottom: 0;
  }
}
.l-header__hamburger.is-active {
  color: #fff;
}
.l-header__hamburger.is-active .l-header__hamburger-icon span {
  width: clamp(14px, calc(15 / 375 * 100vw), 20px);
}
.l-header__hamburger.is-active .l-header__hamburger-icon span:nth-child(1) {
  left: 50%;
  transform: translateX(-50%) translateY(calc(50% + clamp(6.0666666667px, calc(6.5 / 375 * 100vw), 8.6666666667px))) rotate(45deg);
}
.l-header__hamburger.is-active .l-header__hamburger-icon span:nth-child(2) {
  opacity: 0;
}
.l-header__hamburger.is-active .l-header__hamburger-icon span:nth-child(3) {
  left: 50%;
  transform: translateX(-50%) translateY(calc(50% - clamp(6.0666666667px, calc(6.5 / 375 * 100vw), 8.6666666667px))) rotate(-45deg);
}
.l-header__hamburger.is-active::before {
  content: "CLOSE";
}
.l-header__hamburger::before {
  content: "MENU";
  position: absolute;
  top: clamp(5.4857142857px, calc(10 / 1400 * 100vw), 10px);
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(10px, calc(11 / 1400 * 100vw), 11px);
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .l-header__hamburger::before {
    top: clamp(9.3333333333px, calc(10 / 375 * 100vw), 13.3333333333px);
  }
}
@media (max-width: 767px) {
  .l-header__hamburger::before {
    font-size: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
.l-header__sp-menu {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__sp-menu {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #1c2a52;
    z-index: 9;
    transform: translateY(-100%);
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .l-header__sp-menu.is-active {
    transform: translateY(0);
  }
}
.l-header.is-menu-open {
  background: #1c2a52;
  box-shadow: unset;
}
.l-header__sp-nav-grid-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: clamp(28.5257142857px, calc(52 / 1400 * 100vw), 52px);
}
@media (max-width: 767px) {
  .l-header__sp-nav-grid-wrapper {
    gap: clamp(48.5333333333px, calc(52 / 375 * 100vw), 69.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-grid-wrapper {
    grid-template-columns: 1fr;
    gap: clamp(41.0666666667px, calc(44 / 375 * 100vw), 58.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-grid-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-grid-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-block {
    border-radius: 4px;
    padding-inline: clamp(22.4px, calc(24 / 375 * 100vw), 32px);
    padding-top: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
    padding-bottom: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-block.is-open {
    background: #304172;
    padding-bottom: clamp(20.5333333333px, calc(22 / 375 * 100vw), 29.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-title {
    color: #fff;
    position: relative;
    cursor: pointer;
    font-size: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
    font-weight: 700;
    letter-spacing: 0.03em;
  }
}
.l-header__sp-nav-toggle {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
    width: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
    height: clamp(14.9333333333px, calc(16 / 375 * 100vw), 21.3333333333px);
    background: #fff;
    border-radius: 50%;
  }
  .l-header__sp-nav-toggle span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 2px;
    background-color: #1c2a52;
    transition: transform 0.3s;
    width: clamp(6.5333333333px, calc(7 / 375 * 100vw), 9.3333333333px);
  }
  .l-header__sp-nav-toggle span:first-child {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .l-header__sp-nav-toggle span:last-child {
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-list {
    display: none;
    padding-top: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
.l-header .is-open .l-footer__nav-toggle span:first-child {
  transform: translate(-50%, -50%) rotate(0);
}
.l-header__sp-nav-link {
  display: flex;
  align-items: center;
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.3s;
  letter-spacing: 0.03em;
  font-weight: 500;
}
.l-header__sp-nav-link:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .l-header__sp-nav-link {
    font-weight: 500;
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
    padding-block: clamp(9.3333333333px, calc(10 / 375 * 100vw), 13.3333333333px);
    padding-left: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
  }
}
.l-header__sp-contact-group {
  padding-top: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
  width: clamp(113.0057142857px, calc(206 / 1400 * 100vw), 206px);
}
@media (max-width: 767px) {
  .l-header__sp-contact-group {
    padding-top: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-group {
    width: clamp(192.2666666667px, calc(206 / 375 * 100vw), 274.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-contact-group {
    padding-top: 0;
    width: 100%;
  }
}
.l-header__sp-button-group {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
  margin-bottom: clamp(16.4571428571px, calc(30 / 1400 * 100vw), 30px);
}
@media (max-width: 767px) {
  .l-header__sp-button-group {
    gap: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-button-group {
    margin-bottom: clamp(28px, calc(30 / 375 * 100vw), 40px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-button-group {
    gap: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
    margin-bottom: clamp(37.3333333333px, calc(40 / 375 * 100vw), 53.3333333333px);
  }
}
.l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
  display: flex;
  align-items: center;
  font-size: clamp(10px, calc(15 / 1400 * 100vw), 15px);
  padding-block: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
  padding-inline: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
  padding-left: clamp(14.2628571429px, calc(26 / 1400 * 100vw), 26px);
  width: clamp(113.0057142857px, calc(206 / 1400 * 100vw), 206px);
  border-radius: 21px;
  background-color: #fff;
  color: #1c2a52;
  width: 100%;
  gap: clamp(9.3257142857px, calc(17 / 1400 * 100vw), 17px);
  font-weight: 500;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    font-size: clamp(14px, calc(15 / 375 * 100vw), 20px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    padding-block: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    padding-inline: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    padding-left: clamp(24.2666666667px, calc(26 / 375 * 100vw), 34.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    width: clamp(192.2666666667px, calc(206 / 375 * 100vw), 274.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    gap: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-contact-button, .l-header__sp-download-button, .l-header__sp-mail-button {
    width: clamp(270.6666666667px, calc(290 / 375 * 100vw), 386.6666666667px);
    height: clamp(44.8px, calc(48 / 375 * 100vw), 64px);
    padding-block: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
    padding-left: clamp(64.4px, calc(69 / 375 * 100vw), 92px);
    border-radius: 43px;
  }
}
.l-header__sp-contact-button {
  background-color: #cc131c;
  color: #fff;
}
.l-header__sp-contact-button img {
  width: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
}
@media (max-width: 767px) {
  .l-header__sp-contact-button img {
    width: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-contact-button img {
    margin-right: clamp(6.5333333333px, calc(7 / 375 * 100vw), 9.3333333333px);
  }
}
.l-header__sp-download-button img {
  width: clamp(10.4228571429px, calc(19 / 1400 * 100vw), 19px);
}
@media (max-width: 767px) {
  .l-header__sp-download-button img {
    width: clamp(17.7333333333px, calc(19 / 375 * 100vw), 25.3333333333px);
  }
}
.l-header__sp-mail-button img {
  width: clamp(12.6171428571px, calc(23 / 1400 * 100vw), 23px);
}
@media (max-width: 767px) {
  .l-header__sp-mail-button img {
    width: clamp(21.4666666667px, calc(23 / 375 * 100vw), 30.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-mail-button img {
    margin-right: clamp(3.7333333333px, calc(4 / 375 * 100vw), 5.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-company-info {
    width: fit-content;
    margin-inline: auto;
    position: relative;
    margin-bottom: clamp(25.2px, calc(27 / 375 * 100vw), 36px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-tel-icon {
    width: clamp(23.3333333333px, calc(25 / 375 * 100vw), 33.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-tel-group {
    display: flex;
    align-items: center;
    gap: clamp(7.4666666667px, calc(8 / 375 * 100vw), 10.6666666667px);
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-tel {
    color: #fff;
    letter-spacing: 0.03em;
    font-size: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-time {
    color: #fff;
    letter-spacing: 0.03em;
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.l-header__sp-social {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(7.1314285714px, calc(13 / 1400 * 100vw), 13px);
  align-items: center;
  width: fit-content;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .l-header__sp-social {
    gap: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__sp-social {
    gap: clamp(12.1333333333px, calc(13 / 375 * 100vw), 17.3333333333px);
    margin-bottom: clamp(16.8px, calc(18 / 375 * 100vw), 24px);
  }
}
.l-header__sp-social-link {
  width: clamp(21.9428571429px, calc(40 / 1400 * 100vw), 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .l-header__sp-social-link {
    width: clamp(37.3333333333px, calc(40 / 375 * 100vw), 53.3333333333px);
  }
}
.l-header__sp-social-link:hover {
  opacity: 0.8;
}
.l-header__sp-social-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.l-header__dropdown {
  display: none;
  position: fixed;
  top: clamp(49.3714285714px, calc(90 / 1400 * 100vw), 90px);
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  height: calc(100vh - 90px);
}
@media (max-width: 767px) {
  .l-header__dropdown {
    top: clamp(84px, calc(90 / 375 * 100vw), 120px);
  }
}
.l-header__dropdown-inner {
  padding-top: clamp(43.8857142857px, calc(80 / 1400 * 100vw), 80px);
}
@media (max-width: 767px) {
  .l-header__dropdown-inner {
    padding-top: clamp(74.6666666667px, calc(80 / 375 * 100vw), 106.6666666667px);
  }
}
.l-header__dropdown-content {
  display: none;
}
.l-header__dropdown-text-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(10.9714285714px, calc(20 / 1400 * 100vw), 20px);
  margin-bottom: clamp(15.36px, calc(28 / 1400 * 100vw), 28px);
}
@media (max-width: 767px) {
  .l-header__dropdown-text-links {
    gap: clamp(18.6666666667px, calc(20 / 375 * 100vw), 26.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__dropdown-text-links {
    margin-bottom: clamp(26.1333333333px, calc(28 / 375 * 100vw), 37.3333333333px);
  }
}
.l-header__dropdown-text-link {
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
  font-weight: 700;
  color: #333;
  letter-spacing: 0.03em;
  transition: opacity 0.3s;
  min-width: clamp(137.1428571429px, calc(250 / 1400 * 100vw), 250px);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #1f336b;
  border-radius: 3px;
  min-height: clamp(20.8457142857px, calc(38 / 1400 * 100vw), 38px);
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link {
    min-width: clamp(233.3333333333px, calc(250 / 375 * 100vw), 333.3333333333px);
  }
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link {
    min-height: clamp(35.4666666667px, calc(38 / 375 * 100vw), 50.6666666667px);
  }
}
.l-header__dropdown-text-link:before {
  content: "";
  position: absolute;
  width: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
  height: clamp(6.5828571429px, calc(12 / 1400 * 100vw), 12px);
  right: clamp(6.0342857143px, calc(11 / 1400 * 100vw), 11px);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link:before {
    width: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link:before {
    height: clamp(11.2px, calc(12 / 375 * 100vw), 16px);
  }
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link:before {
    right: clamp(10.2666666667px, calc(11 / 375 * 100vw), 14.6666666667px);
  }
}
@media screen and (max-width: 767px) {
  .l-header__dropdown-text-link:before {
    right: clamp(15.8666666667px, calc(17 / 375 * 100vw), 22.6666666667px);
  }
}
.l-header__dropdown-text-link span {
  color: #fff;
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
  font-weight: 700;
  letter-spacing: 0.11em;
}
@media (max-width: 767px) {
  .l-header__dropdown-text-link span {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}
.l-header__dropdown-grid {
  display: flex;
  align-items: flex-start;
  gap: clamp(15.9085714286px, calc(29 / 1400 * 100vw), 29px);
}
@media (max-width: 767px) {
  .l-header__dropdown-grid {
    gap: clamp(27.0666666667px, calc(29 / 375 * 100vw), 38.6666666667px);
  }
}
.l-header__dropdown-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  transition: opacity 0.3s;
  width: clamp(102.5828571429px, calc(187 / 1400 * 100vw), 187px);
}
@media (max-width: 767px) {
  .l-header__dropdown-item {
    width: clamp(174.5333333333px, calc(187 / 375 * 100vw), 249.3333333333px);
  }
}
.l-header__dropdown-item:hover {
  opacity: 0.7;
}
.l-header__dropdown-item img {
  aspect-ratio: 187/112;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: clamp(4.9371428571px, calc(9 / 1400 * 100vw), 9px);
}
@media (max-width: 767px) {
  .l-header__dropdown-item img {
    margin-bottom: clamp(8.4px, calc(9 / 375 * 100vw), 12px);
  }
}
.l-header__dropdown-item span {
  font-size: clamp(10px, calc(14 / 1400 * 100vw), 14px);
  font-weight: 700;
  color: #333;
  letter-spacing: 0.11em;
}
@media (max-width: 767px) {
  .l-header__dropdown-item span {
    font-size: clamp(13.0666666667px, calc(14 / 375 * 100vw), 18.6666666667px);
  }
}

/*# sourceMappingURL=common-style.css.map */