@charset "UTF-8";
/* =====================================
 * 変数設定
 * ================================== */
/* =====================================
 * カラー変数
 * ================================== */
/*

$c-〇〇〇-darker:標準カラーよりやや暗め;
$c-〇〇〇-dark:標準カラーより少し暗め;
$c-〇〇〇:標準カラー;
$c-〇〇〇-lighter:標準カラーより少し薄め;
$c-〇〇〇-light:標準カラーよりやや薄め;

↓

$c-blk-darker:#000;
$c-blk-dark:#111;
$c-blk:#333;
$c-blk-lighter:#555;
$c-blk-light:#777;

*/
/* =====================================
 * メディアクエリ
 * ================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  word-wrap: break-word;
}

html {
  scroll-behavior: smooth;
}

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

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

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

img {
  max-width: 100%;
  /*最大横幅制御*/
  height: auto;
  /*縦長比維持*/
  vertical-align: bottom;
  /*画像下部の謎の余白をなくす*/
  line-height: 1;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
  border: 0;
  /*ブラウザによって有効と無効な場合がありますが、一応入れておく*/
}

/* レスポンシブ表示 */
@media only screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}
/* aリンク PCでクリック非表示 */
@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* =====================================
 * ベース設定
 * ================================== */
html {
  font-size: 100%;
  height: 100%;
}
@media (max-width: 1240px) {
  html {
    font-size: clamp(81.25%, 1.375vw, 100%);
  }
}
@media (max-width: 767px) {
  html {
    font-size: 87.5%;
  }
}

html.is-modal-open {
  overflow-y: scroll;
}

html::-webkit-scrollbar {
  width: 0.625rem;
  height: 0.625rem;
}

/* スクロールの背景の設定 */
html::-webkit-scrollbar-track {
  border-radius: 0.25rem;
  box-shadow: 0 0 0.25rem #D5D5D5 inset;
}

/* スクロールのつまみ部分の設定 */
html::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  background: #1C1C1C;
}

body {
  position: relative;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  letter-spacing: 0.04em;
  line-height: 1.75;
  text-align: left;
  color: #333;
  font-weight: normal;
  font-size: 1rem;
  font-family: "Jost", "Helvetica Neue", "Helvetica", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  width: 100%;
  overflow-x: hidden;
}
body.is-loaded * {
  transition: none !important;
}
@media (max-width: 767px) {
  body {
    min-width: auto;
  }
}
body[data-page-type=knowledge]::after {
  content: "";
  display: block;
  width: 102%;
  height: 100%;
  background-color: #fff;
  background-image: linear-gradient(to right, #f1f1f1 1px, transparent 1px), linear-gradient(to bottom, #f1f1f1 1px, transparent 1px);
  background-size: 1.25rem 1.25rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-1%);
}

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

a:not([class]) {
  color: inherit;
  text-decoration: underline;
}
@media (min-width: 768px) {
  a:not([class]):hover {
    text-decoration: none;
  }
}
a:not([class])[href^="#"], a:not([class])[data-type=URL] {
  color: #333;
}

a[data-ico-blank] {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: right center;
  background-position-x: calc(100% - 0.5rem);
  background-image: url(../img/ico_blank.svg);
  padding-right: 1.75rem;
}

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

strong,
span {
  font-size: 100%;
}

strong {
  font-weight: bold;
}

iframe {
  display: block;
  max-width: 100%;
}

cite {
  font-style: normal;
}

input,
textarea,
select {
  border-radius: 0;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=tel],
input[type=email],
input[type=number],
select,
input[type=text],
textarea {
  display: block;
}
input[type=tel]:not([size]),
input[type=email]:not([size]),
input[type=number]:not([size]),
select:not([size]),
input[type=text]:not([size]),
textarea:not([size]) {
  width: 100%;
}

input[type=submit],
button {
  line-height: inherit;
  border-radius: 0;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
@media (min-width: 768px) {
  input[type=submit]:hover,
  button:hover {
    cursor: pointer;
  }
}

label {
  cursor: pointer;
}

::-moz-placeholder {
  /* Others */
  color: #D3D3D3;
}

::placeholder {
  /* Others */
  color: #D3D3D3;
}

::-moz-selection {
  background: #F3CB58;
  color: #fff;
}

::selection {
  background: #F3CB58;
  color: #fff;
}

::-moz-selection {
  background: #F3CB58;
  color: #fff;
}

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

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

.swiper.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper.swiper-cards {
  overflow: visible;
}

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

.swiper-slide {
  cursor: grab;
}

.swiper-button-prev,
.swiper-button-next {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  width: 3.75rem;
  height: 3.75rem;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  margin: 0;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev {
  background-image: url(../img/ico_slider_left.svg);
  left: 0;
}

.swiper-button-next {
  background-image: url(../img/ico_slider_right.svg);
  right: 0;
}

.l-header {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  /*固定ヘッダーの時にこちらのクラスを付ける*/
}
.l-header::after {
  content: "";
  transition: all 0.2s ease-in-out;
  display: block;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
  opacity: 0;
}
.l-header.is-fixed::after {
  opacity: 1;
}
@media (max-width: 1080px) {
  .l-header {
    height: 56px;
  }
}
.l-header[class] a {
  color: inherit;
  text-decoration: none;
}
.l-header.js-fixed-header {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
}
.l-header.is-active {
  z-index: 100000;
}
.l-header__inner {
  align-items: center;
  justify-content: space-between;
  display: flex;
}
@media (min-width: 768px) {
  .l-header__inner {
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .l-header__inner {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    height: 56px;
  }
}
.l-header__logo-wrap {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 15rem;
  max-width: 15rem;
}
@media (max-width: 1240px) {
  .l-header__logo-wrap {
    flex-basis: clamp(11rem, 15vw, 15rem);
    max-width: clamp(11rem, 15vw, 15rem);
  }
}
.l-header__logo {
  display: inline-block;
}
@media (max-width: 767px) {
  .l-header__logo img {
    max-width: 160px;
    transform: translateY(-2px);
  }
}
.l-header__logo-text {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .l-header__logo-text + * {
    margin-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .l-header__logo-text {
    display: none;
  }
}
.l-header__link-contact {
  background-color: #333;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  order: 10;
  padding: 0.75rem 1.5rem 1.25rem 1.5rem;
}
@media (min-width: 768px) {
  .l-header__link-contact {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 524px;
    max-width: 524px;
    margin-right: -1rem;
  }
}
@media (max-width: 1240px) {
  .l-header__link-contact {
    flex-basis: clamp(480px, 46vw, 524px);
    max-width: clamp(480px, 46vw, 524px);
    padding: 0.75rem 1.125rem;
  }
}
@media (max-width: 1080px) {
  .l-header__link-contact {
    height: 56px;
    padding: 0.25rem 1.125rem;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .l-header__link-contact {
    display: block;
    height: auto;
    flex-basis: 100%;
    max-width: 100%;
    order: 0;
    padding: 1.125rem 1.75rem;
  }
}
@media (max-width: 767px) {
  .l-header__link, .l-header__btn {
    width: 100%;
  }
}
.l-header__count {
  line-height: 1.5;
  color: #fff;
  font-size: 0.875rem;
}
.l-header__count + * {
  margin-top: 0.5rem;
}
.l-header__count span.-pri {
  color: #FFDC00;
}
.l-header__count span.-lg {
  display: inline-block;
  font-weight: bold;
  font-size: 1.375rem;
  transform: translateY(1px);
  min-width: 0.9375rem;
}
@media (min-width: 768px) {
  .l-header__count {
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1080px) {
  .l-header__count {
    display: none;
  }
}
@media (max-width: 767px) {
  .l-header__link {
    order: 20;
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .l-header__link li {
    text-align: center;
  }
}
.l-header__link li a[target=_blank] {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right center;
  background-image: url(../img/ico_blank.svg);
  padding-right: 1.25rem;
}
@media (max-width: 767px) {
  .l-header__btn {
    order: 10;
    margin-top: 0.25rem;
  }
}
@media (min-width: 768px) {
  .l-header__menu {
    margin-left: 1rem;
    align-items: center;
    display: flex;
  }
}
@media (max-width: 1080px) {
  .l-header__menu {
    margin-left: auto;
    flex-basis: clamp(480px, 46vw, 524px);
    max-width: clamp(480px, 46vw, 524px);
  }
}
@media (max-width: 767px) {
  .l-header__menu {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: 100vw;
    max-height: calc(100vh - 56px);
    z-index: 99999;
    top: 0;
    left: 0;
    margin-top: 56px;
    overflow-y: auto;
  }
}
@media (max-width: 767px) {
  .l-header__menu.is-active {
    flex-basis: 100%;
    max-width: 100%;
    flex-direction: column;
    display: flex;
  }
}
@media (max-width: 1080px) {
  .l-header__menu.is-active .l-header__gnav {
    display: block;
    background-color: #333;
    width: 30rem;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .l-header__menu.is-active .l-header__gnav {
    width: 100%;
    position: relative;
    margin-top: 0;
  }
}
.l-header__gnav {
  justify-content: flex-end;
  flex-wrap: wrap;
  display: flex;
  gap: 0.5rem 1rem;
}
@media (min-width: 768px) {
  .l-header__gnav {
    height: 3.25rem;
    padding-right: 2rem;
  }
}
@media (max-width: 1240px) {
  .l-header__gnav {
    padding-right: 1.25rem;
  }
}
@media (max-width: 1080px) {
  .l-header__gnav {
    height: auto;
    min-height: calc(100vh - 56px);
    padding-right: 0;
    display: none;
  }
}
@media (max-width: 767px) {
  .l-header__gnav {
    background-color: #333;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    min-height: inherit;
    display: block;
    margin-top: 0;
    order: 1;
    padding-right: 0;
  }
}
.l-header__menu-list, .l-header__link-list, .l-header__btn-list {
  line-height: 1.5;
  list-style: none;
  align-items: center;
  display: flex;
}
@media (max-width: 1080px) {
  .l-header__menu.is-active .l-header__menu-list {
    display: block;
  }
}
@media (max-width: 1080px) {
  .l-header__menu.is-active .l-header__menu-list + .l-header__menu-list > li:last-child {
    border-bottom: 1px solid #fff;
  }
}
.l-header__menu-list {
  gap: 0 1rem;
}
@media (max-width: 1080px) {
  .l-header__menu-list ul:not(.is-active) {
    display: none;
  }
}
.l-header__menu-list ul.is-active {
  padding-left: 3.25rem;
  padding-bottom: 0.375rem;
}
.l-header__menu-list ul.is-active li a {
  display: inline-block;
  font-size: calc(0.875rem - 1px);
  padding-bottom: 0.875rem;
}
@media (max-width: 1080px) {
  .l-header__menu-list[class] a, .l-header__menu-list[class] span {
    color: #fff;
  }
}
@media (max-width: 767px) {
  .l-header__menu-list {
    display: block;
  }
}
.l-header__menu-list ul {
  display: none;
}
@media (max-width: 1080px) {
  .l-header__menu-list ul {
    display: block;
  }
}
@media (max-width: 1080px) {
  .l-header__menu-list > li {
    border-top: 1px solid #fff;
  }
}
@media (max-width: 767px) {
  .l-header__menu-list > li {
    border-top: 1px solid #fff;
  }
}
.l-header__menu-list > li > a {
  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (max-width: 1080px) {
  .l-header__menu-list > li > a {
    display: block;
    font-size: 1rem;
    padding: 1.125rem 1.75rem;
  }
}
@media (min-width: 768px) {
  .l-header__menu-list > li > a:hover {
    text-decoration: none;
  }
}
.l-header__menu-list li.-home a {
  font-size: 0.9375rem;
}
.l-header__menu-list li.-service > a, .l-header__menu-list li.-howto > a, .l-header__menu-list li.-knowledge > a {
  background-repeat: no-repeat;
  background-size: 0.625rem auto;
  background-position: right 40%;
  background-image: url(../img/ico_arr_down_blk.svg);
  padding-right: 0.875rem;
}
@media (max-width: 1080px) {
  .l-header__menu-list li.-service > a, .l-header__menu-list li.-howto > a, .l-header__menu-list li.-knowledge > a {
    background-image: url(../img/ico_arr_down_gry.svg);
    background-size: 0.875rem auto;
    background-position: right center;
    background-position-X: calc(100% - 1.75rem);
  }
}
@media (max-width: 1080px) {
  .l-header__menu-list li.-service > a {
    background: none;
  }
}
.l-header__menu-list li a[target=_blank] {
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
  background-position: right center;
  background-image: url(../img/ico_blank_blk.svg);
  padding-right: 1.25rem;
}
@media (max-width: 1080px) {
  .l-header__menu-list li a[target=_blank] {
    background-image: url(../img/ico_blank_wht.svg);
    background-size: 0.875rem auto;
    background-position-X: calc(100% - 1.75rem);
    padding-right: 0.875rem;
  }
}
.l-header__menu-sublist {
  display: none;
}
.l-header__menu-sublist > li > a {
  display: inline-block;
  font-weight: bold;
  font-size: 0.875rem !important;
  padding: 0 2.25rem 1.125rem 0 !important;
}
@media (max-width: 1080px) {
  .l-header__menu-sublist {
    display: block !important;
    padding-left: 2.5rem !important;
  }
  .l-header__menu-sublist.is-hidden {
    display: none !important;
  }
  .l-header__menu-sublist.is-active {
    display: block !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 767px) {
  .l-header__menu-sublist {
    display: block !important;
    padding-left: 2.5rem !important;
  }
  .l-header__menu-sublist.is-hidden {
    display: none !important;
  }
  .l-header__menu-sublist.is-active {
    display: block !important;
    padding-bottom: 0 !important;
  }
}
.l-header__menu-sublist span {
  display: block;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0 2.25rem 1.125rem 0;
  background-repeat: no-repeat;
  background-image: url(../img/ico_arr_down_gry.svg);
  background-size: 0.875rem auto;
  background-position: right 20%;
  background-position-X: calc(100% - 1.75rem);
}
@media (min-width: 768px) {
  .l-header__menu-sublist span:hover {
    cursor: pointer;
  }
}
.l-header__menu-sublist ul[class] {
  padding-left: 0.75rem;
}
.l-header__link-list {
  justify-content: flex-end;
}
.l-header__link-list li + li {
  margin-left: 1.5rem;
}
.l-header__link-list li a {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .l-header__link-list li a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 767px) {
  .l-header__link-list li a {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .l-header__link-list {
    justify-content: center;
  }
  .l-header__link-list li + li {
    margin-left: 1rem;
  }
  .l-header__link-list li a {
    display: block;
    padding: 0.5rem;
  }
}
.l-header__btn-list li {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 140px;
  max-width: 140px;
}
@media (max-width: 767px) {
  .l-header__btn-list li {
    flex-basis: calc(50% - 0.25rem);
    max-width: calc(50% - 0.25rem);
  }
}
.l-header__btn-list li a {
  transition: all 0.2s ease-in-out;
  background-color: #FFDC00;
  display: block;
  text-align: center;
  color: #333 !important;
  font-weight: bold;
  padding: 0.625rem 1rem 0.375rem;
}
@media (min-width: 768px) {
  .l-header__btn-list li a {
    width: 140px;
  }
}
@media (max-width: 767px) {
  .l-header__btn-list li a {
    font-size: 1.125rem;
    padding: 0.625rem 1rem 0.5rem;
  }
}
.l-header__btn-list li a:hover {
  text-decoration: none !important;
  background-color: #F3CB58;
}
.l-header__btn-list li.-download[class] a {
  background-color: #fff;
}
.l-header__btn-list li.-download[class] a:hover {
  background-color: #f1f1f1;
}
.l-header__btn-list li + li {
  margin-left: 0.5rem;
}
.l-header__btn-list[class] li a {
  color: #fff;
}
@media (min-width: 768px) {
  .l-header__contact + * {
    margin-left: 1rem;
  }
}
@media (max-width: 767px) {
  .l-header__contact {
    order: 1;
  }
}
.l-header__contact-tel {
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
}
.l-header__contact-tel a {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: left center;
  background-image: url(../img/ico_tel_wht.svg);
  padding-left: 1.25rem;
}
@media (max-width: 767px) {
  .l-header__contact-tel a {
    background-size: 1.125rem auto;
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .l-header__contact-tel {
    font-size: 1.5rem;
  }
}
.l-header__contact-time {
  color: #fff;
  line-height: 1.5;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .l-header__contact-time {
    font-size: 0.875rem;
  }
}
.l-header__trigger {
  display: none;
  width: 56px;
  height: 56px;
}
@media (max-width: 1080px) {
  .l-header__trigger {
    display: table;
    margin-right: -1rem;
  }
}
@media (max-width: 767px) {
  .l-header__trigger {
    display: table;
    margin-right: -1.25rem;
  }
}
.l-header__trigger-btn {
  border-left: 1px solid #FFDC00;
  background-color: #333;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .l-header__trigger-btn {
    border: none;
  }
}
.l-header__trigger-line {
  display: block;
  transition: all 0.2s ease-in-out;
  line-height: 1;
  position: relative;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  font-size: 0;
  color: transparent;
  width: 1.75rem;
  height: 2px;
  margin: 1rem auto 0.5rem;
}
.l-header__trigger-line::before, .l-header__trigger-line::after {
  content: "";
  display: block;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-header__trigger-line::before {
  margin-top: -8px;
}
.l-header__trigger-line::after {
  margin-top: 8px;
}
.l-header.is-active .l-header__trigger-line::before {
  transform: translate(-50%, 8px) rotate(-45deg);
}
.l-header.is-active .l-header__trigger-line {
  background-color: transparent;
}
.l-header.is-active .l-header__trigger-line::after {
  transform: translate(-50%, -8px) rotate(45deg);
}
.l-header__trigger-label {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
}
.l-header__mail {
  margin-left: auto;
}
.l-header__mail a {
  display: block;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
  background-image: url(../img/ico_mail_blk.svg);
  width: 56px;
  height: 56px;
}
.l-header__sublink {
  order: 3;
}
.l-header__sublink-list {
  display: flex;
}
.l-header__sublink-list li {
  width: 100%;
}
.l-header__sublink-list li a {
  display: block;
  letter-spacing: -0.02em;
  font-size: 0.875rem;
  padding: 0.875rem 1.625rem 0.75rem;
}
.l-header__sublink-list li a[target=_blank] {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.l-header__sublink-list li a[target=_blank]::after {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: right 0;
  background-image: url(../img/ico_blank.svg);
  transform: translateY(-2px);
}
.l-header__sublink-list li + li a {
  border-left: 1px solid #fff;
}

body[data-page-type=form] .l-header {
  border-bottom: 1px solid #D3D3D3;
  position: relative !important;
  height: auto;
  padding-bottom: 2.125rem;
}
@media (max-width: 767px) {
  body[data-page-type=form] .l-header {
    padding-bottom: 0;
  }
}
body[data-page-type=form] .l-header__trigger, body[data-page-type=form] .l-header__menu {
  display: none;
}
body[data-page-type=form] .l-header__inner {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  body[data-page-type=form] .l-header__inner {
    padding-top: 1rem;
  }
}

.l-footer[class] a {
  color: inherit;
  text-decoration: none;
}
.l-footer[class] a:hover {
  text-decoration: underline;
}
.l-footer__cv {
  padding-bottom: 8rem;
}
@media (max-width: 767px) {
  .l-footer__cv {
    padding-bottom: 2.75rem;
  }
}
.l-footer__site {
  background-color: #333;
  padding-top: 8rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .l-footer__site {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .l-footer__site-inner {
    justify-content: space-between;
    display: flex;
  }
}
@media (max-width: 767px) {
  .l-footer__site-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 768px) {
  .l-footer__logo-address {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 15rem;
    max-width: 15rem;
  }
}
.l-footer__logo-wrap + * {
  margin-top: 1.5rem;
}
.l-footer__logo-text {
  color: #fff;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .l-footer__logo-text + * {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .l-footer__logo-text {
    line-height: 1.25;
    font-size: 0.625rem;
  }
}
@media (max-width: 767px) {
  .l-footer__logo {
    max-width: 160px;
  }
}
.l-footer__logo + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .l-footer__logo a {
    display: block;
    text-align: center;
  }
}
.l-footer__address {
  color: #fff;
  font-size: 0.75rem;
}
.l-footer__address + * {
  margin-top: 2.5rem;
}
.l-footer__contact + * {
  margin-top: 1rem;
}
.l-footer__contact-time {
  color: #fff;
  font-size: 0.75rem;
}
.l-footer__contact-tel {
  color: #fff;
  font-weight: bold;
  font-size: 1.375rem;
}
.l-footer__contact-tel a {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: left center;
  background-image: url(../img/ico_tel_wht.svg);
  padding-left: 1.25rem;
}
.l-footer__btn-list li + li {
  margin-top: 1rem;
}
.l-footer__btn-list li a {
  transition: all 0.2s ease-in-out;
  background-color: #FFDC00;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem 1rem 0.375rem;
}
.l-footer__btn-list li a:hover {
  text-decoration: none !important;
  background-color: #F3CB58;
}
.l-footer__btn-list li.-download a {
  background-color: #fff;
}
.l-footer__btn-list li.-download a:hover {
  background-color: #f1f1f1;
}
@media (min-width: 768px) {
  .l-footer__sitemap {
    justify-content: flex-end;
    display: flex;
    margin-top: 1rem;
    flex-shrink: 1;
    flex-grow: 1;
  }
  .l-footer__sitemap__title {
    color: #fff;
  }
  .l-footer__sitemap-sub-list__item {
    display: flex;
  }
  .l-footer__sitemap-sub-list__item ul {
    padding-right: 1rem;
  }
  .l-footer__sitemap__container {
    margin-left: 1rem;
  }
}
.l-footer__sitemap-list[class] li a {
  color: #fff;
  font-size: 0.75rem;
}
.l-footer__sitemap-list[class] > li > a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 0.875rem;
}
.l-footer__sitemap-list[class] > li > a:hover {
  text-decoration: none;
}
.l-footer__sitemap-list li {
  line-height: 1.5;
}
.l-footer__sitemap-list li span {
  align-items: center;
  display: flex;
  color: #fff;
  font-weight: bold;
  font-size: 0.75rem;
  margin-top: 1rem;
}
.l-footer__sitemap-list li span::before {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
}
.l-footer__sitemap-list > li li > a {
  font-size: 0.75rem;
  margin-left: 1rem;
}
.l-footer__sitemap-list > li + li {
  margin-top: 1rem;
}
.l-footer__info {
  background-color: #333;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  .l-footer__info {
    padding-bottom: 3rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.l-footer__info-inner {
  border-top: 1px solid #fff;
  padding-top: 1.25rem;
}
@media (min-width: 768px) {
  .l-footer__info-inner {
    align-items: center;
    justify-content: space-between;
    display: flex;
  }
}
@media (max-width: 767px) {
  .l-footer__info-inner {
    padding-top: 1rem;
  }
}
@media (max-width: 767px) {
  .l-footer__link + * {
    margin-top: 1rem;
  }
}
.l-footer__link-list {
  flex-wrap: wrap;
  display: flex;
}
.l-footer__link-list[class] li a {
  color: #fff;
  font-size: 0.75rem;
}
.l-footer__link-list[class] li a[target=_blank] {
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
  background-position: right center;
  background-image: url(../img/ico_blank_wht.svg);
  padding-right: 1.25rem;
}
.l-footer__link-list li + li {
  margin-left: 1.5rem;
}
@media (max-width: 767px) {
  .l-footer__link-list li + li {
    margin-left: 1.125rem;
  }
}
.l-footer__copyright {
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .l-footer__copyright {
    text-align: center;
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .l-footer__cta-list {
    text-align: center;
    justify-content: space-between;
    display: flex;
  }
}
.l-footer__cta-btn:has(.c-btn.-wht) {
  width: 100%;
}
.l-footer__cta-btn br {
  display: none;
}
@media (max-width: 1240px) {
  .l-footer__cta-btn br {
    display: block;
  }
}
.l-footer__cta-item {
  background-color: #FFDC00;
}
@media (min-width: 768px) {
  .l-footer__cta-item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1px);
    max-width: calc(50% - 1px);
    padding: 5rem 1vw;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-item {
    padding: 2.75rem 1.25rem;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-item + .l-footer__cta-item {
    margin-top: 1px;
  }
}
@media (min-width: 768px) {
  .l-footer__cta-text {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-text[class] + * {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-text:has(.l-footer__cta-pdf-wrap) {
    margin-top: 0;
  }
}
.l-footer__cta-title {
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .l-footer__cta-title {
    text-align: center;
    font-size: 1.25rem;
  }
  .l-footer__cta-title + * {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-desc {
    text-align: center;
    font-size: 0.875rem;
  }
}
.l-footer__cta-desc[class] a {
  text-decoration: underline;
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
  background-position: right center;
  background-image: url(../img/ico_arr_right_blk.svg);
  padding-right: 1rem;
}
@media (min-width: 768px) {
  .l-footer__cta-desc[class] a:hover {
    text-decoration: none;
  }
}
.l-footer__cta-desc + * {
  margin-top: 1.5rem;
}
.l-footer__cta-desc > * + * {
  margin-top: 1rem;
}
.l-footer__cta-pdf-wrap {
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .l-footer__cta-pdf-img {
    max-width: 120px;
  }
}
.l-footer__cta-pdf-wrap .l-footer__cta-desc {
  text-align: left;
}
@media (max-width: 767px) {
  .l-footer__cta-tel-wrap {
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 0.5rem;
  }
  * + .l-footer__cta-tel-wrap {
    margin-top: 0.75rem;
  }
}
@media (min-width: 768px) {
  .l-footer__cta-contact {
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 1.5rem;
  }
}
@media (max-width: 767px) {
  * + .l-footer__cta-contact {
    margin-top: 1rem;
  }
}
.l-footer__cta-tel-time {
  text-align: left;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .l-footer__cta-tel-time {
    line-height: 1.25;
  }
}
.l-footer__cta-tel {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.675rem;
}
@media (max-width: 1080px) {
  .l-footer__cta-tel {
    font-size: 1.5rem;
  }
}
@media (max-width: 767px) {
  .l-footer__cta-tel {
    font-size: 1.675rem;
    line-height: 1.25;
  }
}
.l-footer__cta-tel a {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: left center;
  background-image: url(../img/ico_tel_pri.svg);
  padding-left: 1.25rem;
}
.l-footer__company-header {
  overflow: hidden;
  position: relative;
  height: 400px;
}
@media (max-width: 767px) {
  .l-footer__company-header {
    height: 200px;
  }
}
.l-footer__company-body {
  position: relative;
  z-index: 20;
  margin-top: -5rem;
}
.l-footer__company-body + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .l-footer__company-body + * {
    margin-top: 1rem;
  }
}
.l-footer__company-headline {
  position: relative;
  z-index: 10;
  padding-top: 8rem;
}
@media (max-width: 767px) {
  .l-footer__company-headline {
    padding-top: 2.75rem;
  }
}
.l-footer__company-headline-sub {
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  font-size: 3.5rem;
}
@media (max-width: 767px) {
  .l-footer__company-headline-sub {
    font-size: 1.75rem;
  }
}
.l-footer__company-headline-main {
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .l-footer__company-headline-main {
    font-size: 0.75rem;
  }
}
.l-footer__company-img {
  background-color: #333;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-footer__company-img img {
  opacity: 0.6;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  height: 100%;
  width: 100%;
}
.l-footer__company-text {
  background-color: #fff;
  padding: 5rem 5rem 0;
}
@media (max-width: 767px) {
  .l-footer__company-text {
    padding: 1.625rem 1.625rem 0;
  }
}
.l-footer__company-catch {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .l-footer__company-catch {
    font-size: 1.5rem;
  }
}
.l-footer__company-catch + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .l-footer__company-catch + * {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .l-footer__company-desc {
    font-size: 0.875rem;
  }
}

body[data-page-type=form] .l-footer__link, body[data-page-type=form] .l-footer__sitemap, body[data-page-type=form] .l-footer__cv {
  display: none;
}
body[data-page-type=form] .l-footer__info-inner {
  justify-content: flex-end;
}
@media (min-width: 768px) {
  body[data-page-type=form] .l-footer__site {
    padding-top: 5rem;
  }
}

/* =====================================
 * コンテンツ幅
 * ================================== */
.l-container {
  max-width: calc(1200px + 2rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.l-container.-sm {
  max-width: calc(960px + 2rem);
}
.l-container.-xs {
  max-width: calc(800px + 2rem);
}
.l-container.-lg {
  max-width: 100%;
}
@media (max-width: 767px) {
  .l-container {
    max-width: 100%;
  }
  .l-container, .l-container.-lg, .l-container.-sm, .l-container.-xs {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .l-container .l-container {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-main + * {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .l-main + * {
    margin-top: 2.75rem;
  }
}
* + .l-main {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  * + .l-main {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .l-main__inner.-col2 {
    flex-wrap: wrap;
    display: flex;
  }
}
@media (min-width: 768px) {
  .l-main__inner.-col2 .l-main__content {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(100% - 260px);
    max-width: calc(100% - 260px);
    padding-right: 3rem;
  }
}
@media (min-width: 768px) {
  .l-main__sidebar {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 260px;
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .l-main__sidebar {
    margin-top: 4rem;
  }
}

body[data-page-slug=home] .l-main {
  margin-top: 0;
}

/* =====================================
 * extend用のclassをここに集約
 * ================================== */
.c-hover, .p-home-howto-cta__close, .c-pagetop__btn, .c-sidebar__bnr-item > *, .l-header__logo > *, .l-footer__logo > * {
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .c-hover:hover, .p-home-howto-cta__close:hover, .c-pagetop__btn:hover, .c-sidebar__bnr-item > :hover, .l-header__logo > :hover, .l-footer__logo > :hover {
    cursor: pointer;
    text-decoration: none !important;
    opacity: 0.84;
  }
}

.c-img {
  aspect-ratio: 16/9;
}
.c-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.c-no-img, .p-post-card__img {
  position: relative;
}
.c-no-img::before, .p-post-card__img::before {
  content: "";
  display: block;
  background-color: #f1f1f1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -20;
  pointer-events: none;
}
.c-no-img::after, .p-post-card__img::after {
  content: "NO IMAGE";
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  text-align: center;
  position: absolute;
  z-index: -10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0.24;
}

.c-all-link, .p-home-howto-cta__inner, .p-home-service__item02, .p-home-service__item02.-lg[class], .p-home-service__item01-text, .p-home-service__item01, .p-home-service__alink-item, .p-works-list__item, .p-service-alink__item, .p-service-link-block__list li, .p-knowledge-list__item, .p-post-card__item, .p-post-list__item, .c-btn[class] {
  position: relative;
}
.c-all-link a::before, .p-home-howto-cta__inner a::before, .p-home-service__item02 a::before, .p-home-service__item02.-lg[class] a::before, .p-home-service__item01-text a::before, .p-home-service__item01 a::before, .p-home-service__alink-item a::before, .p-works-list__item a::before, .p-service-alink__item a::before, .p-service-link-block__list li a::before, .p-knowledge-list__item a::before, .p-post-card__item a::before, .p-post-list__item a::before, .c-btn[class] a::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.c-all-link-hover:hover, .p-service-detail__item:hover {
  cursor: pointer;
}

.c-shadow, .p-home-howto-cta, .p-home-knowledge__inner, .p-home-works__thumb-img, .p-home-works__item, .p-home-service__item02, .p-home-service__item02.-lg[class], .p-home-service__item01, .p-home-merit__item-body, .p-works-list__item, .p-service-detail__item, .p-service-feature__img, .p-howto-contact, .p-case-list__item, .c-img-card, .c-imgbox.-shadow .c-imgbox__right img, .c-imgbox.-shadow .c-imgbox__left img, .c-flex.-shadow .c-flex__item img, .c-use-scene__img {
  box-shadow: 0.25rem 0.25rem 1.75rem rgba(51, 51, 51, 0.1);
}

.c-shadow-hover, .c-btn-text__img a {
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .c-shadow-hover:hover, .c-btn-text__img a:hover {
    cursor: pointer;
    box-shadow: 0.25rem 0.25rem 1.75rem rgba(51, 51, 51, 0.1);
    text-decoration: none !important;
    opacity: 0.84;
  }
}

.c-radius, .p-home-flow__item, .p-home-service__item02, .p-home-service__item02.-lg[class], .p-home-service__alink-item, .p-howto-step__simple-title, .p-howto-step__simple-label-title, .c-cta01__btn-howto[class], .c-btn[class], .l-header__btn-list li a, .l-footer__btn-list li a {
  border-radius: 0.25rem;
}

/* =====================================
 * スマホでメニューを展開状態になった時に、その下にマスクを敷く
 * ================================== */
@media (max-width: 1080px) {
  .c-mask {
    display: none;
    background-color: rgba(0, 0, 0, 0.64);
    position: absolute;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 56px;
  }
}

.c-dropmenu {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
@media (min-width: 768px) {
  .c-dropmenu.is-active {
    opacity: 1;
    visibility: inherit;
    pointer-events: auto;
  }
}
.c-dropmenu__inner {
  background-color: #fff;
  padding: 3.5rem 5rem;
  max-width: calc(100% - 5rem);
  max-height: calc(100% - 5rem);
  overflow-y: auto;
}
@media (min-width: 768px) {
  .c-dropmenu__inner {
    min-width: 48rem;
  }
}
.c-dropmenu__bg {
  background-color: rgba(0, 0, 0, 0.64);
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .c-dropmenu.is-active .c-dropmenu__bg {
    display: block;
  }
}
.c-dropmenu__headline {
  border-bottom: 2px solid #D3D3D3;
  padding-bottom: 1.125rem;
}
.c-dropmenu__headline + * {
  margin-top: 1.25rem;
}
.c-dropmenu__headline:has(.c-dropmenu__headline-ico) {
  font-weight: bold;
  font-size: 1.25rem;
  align-items: center;
  display: flex;
  gap: 1rem;
}
.c-dropmenu__headline-ico {
  max-width: 27px;
  transform: translateY(-3px);
}
.c-dropmenu__headline-label img {
  width: auto;
  max-height: 30px;
}
.c-dropmenu__headline-label a {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  background-position: right 45%;
  background-repeat: no-repeat;
  background-image: url(../img/ico_arr_right_blk.svg);
  background-size: auto auto;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .c-dropmenu__headline-label a:hover {
    color: #FFDC00;
    background-image: url(../img/ico_arr_right_pri.svg);
  }
}
.c-dropmenu__list {
  gap: 2.5rem;
  display: flex;
}
.c-dropmenu__title {
  font-weight: bold;
  font-size: 0.75rem;
  align-items: center;
  display: flex;
}
.c-dropmenu__title::before {
  content: "";
  display: inline-block;
  background-color: #333;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.5rem;
  transform: translateY(-1px);
}
.c-dropmenu__title + * {
  margin-top: 0.75rem;
}
.c-dropmenu__sublist[class] {
  flex-wrap: wrap;
  display: flex;
  gap: 0.375rem 1rem;
}
.c-dropmenu__sublist[class] li {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: calc(50% - 0.5rem);
  max-width: calc(50% - 0.5rem);
  font-size: 0.875rem;
}
.c-dropmenu__sublist[class] li a {
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-dropmenu__sublist[class] li a {
    background: no-repeat;
    background-size: 0.625rem auto;
    background-position: left center;
    background-image: url(../img/ico_arr_left_blk.svg);
    padding-left: 1rem;
  }
}
@media (min-width: 768px) {
  .c-dropmenu__sublist[class] li a:hover {
    text-decoration: underline;
  }
}
.c-dropmenu__item .c-dropmenu__sublist[class] {
  display: block;
}
.c-dropmenu__item .c-dropmenu__sublist[class] li {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 1rem;
}
.c-dropmenu__item .c-dropmenu__sublist[class] li + li {
  margin-top: 0.375rem;
}

.c-list01 {
  border: 1px solid #D3D3D3;
  padding: 1.5rem 2.5rem;
}
@media (max-width: 767px) {
  .c-list01 {
    padding: 1.25rem;
  }
}
.c-list01__list li {
  position: relative;
  padding-left: 1rem;
}
.c-list01__list li::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #FFDC00;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 0.625rem;
}

.c-quote {
  font-size: 0.875rem;
}
.c-quote a[target=_blank] {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: right center;
  background-image: url(../img/ico_blank.svg);
  padding-right: 1.25rem;
}

.c-column-card {
  border: 1px solid #D3D3D3;
  background-color: #fff;
  padding: 3.5rem;
}
@media (max-width: 767px) {
  .c-column-card {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .c-column-card__inner {
    flex-direction: row-reverse;
    display: flex;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .c-column-card__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 380px;
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .c-column-card__img + * {
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-column-card__text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.c-column-card__title {
  position: relative;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-column-card__title {
    align-items: flex-start;
    display: flex;
    font-size: 1.25rem;
    padding-top: 0.25rem;
  }
}
@media (max-width: 767px) {
  .c-column-card__title {
    padding-top: 2.5rem;
  }
}
.c-column-card__title + * {
  margin-top: 1rem;
}
.c-column-card__title::before {
  content: attr(data-label);
  background-color: #333;
  color: #fff;
  font-size: 1rem;
  padding: 0.25rem 1rem 1px;
  margin-right: 1rem;
}
@media (max-width: 767px) {
  .c-column-card__title::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 0.25rem 1rem 0.125rem;
  }
}
.c-column-card__title[data-label=column]::before {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .c-column-card__title[data-label=column]::before {
    font-size: 1.25rem;
    padding: 0.125rem 1rem 1px;
    margin-top: -0.25rem;
  }
}
.c-column-card__desc > * + * {
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .c-column-balloon[class] + * {
    margin-top: 0;
  }
}
.c-column-balloon__inner {
  align-items: flex-start;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .c-column-balloon__inner {
    align-items: center;
  }
}
.c-column-balloon__text {
  position: relative;
  background-color: #f1f1f1;
  flex-shrink: 1;
  flex-grow: 1;
  padding: 1.25rem 2.5rem;
}
@media (min-width: 768px) {
  .c-column-balloon__text {
    align-items: center;
    display: flex;
    gap: 1.5rem;
  }
}
@media (max-width: 767px) {
  .c-column-balloon__text {
    padding: 1rem 1.25rem;
  }
}
.c-column-balloon__text::before {
  content: attr(data-label);
  border-bottom: 2px solid #FFDC00;
  font-weight: bold;
  font-size: 1.125rem;
  padding-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .c-column-balloon__text::before {
    display: inline-block;
    margin-bottom: 0.5rem;
  }
}
.c-column-balloon__text::after {
  content: "";
  width: 1rem;
  height: 2.25rem;
  background: #f1f1f1;
  aspect-ratio: 0.8660254038;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
}
.c-column-balloon__desc {
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-column-balloon__desc {
    font-size: 1.25rem;
  }
}
.c-column-balloon__img {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 11rem;
  max-width: 11rem;
}
@media (max-width: 767px) {
  .c-column-balloon__img {
    flex-basis: 5rem;
    max-width: 5rem;
  }
}

@media (min-width: 768px) {
  .c-compare-card__list {
    display: flex;
    gap: 2.5rem;
  }
}
.c-compare-card__item {
  border-width: 1px;
  border-style: solid;
}
@media (min-width: 768px) {
  .c-compare-card__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1.25rem);
    max-width: calc(50% - 1.25rem);
  }
}
.c-compare-card__item.-pri {
  border-color: #FFDC00;
}
.c-compare-card__item.-gry {
  border-color: #D3D3D3;
}
@media (max-width: 767px) {
  .c-compare-card__item + .c-compare-card__item {
    margin-top: 1.625rem;
  }
}
.c-compare-card__label {
  background-color: #FFDC00;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  padding: 1.125rem 1.25rem 0.875rem;
}
@media (max-width: 767px) {
  .c-compare-card__label {
    font-size: 1.125rem;
    padding: 1rem 1.25rem 0.875rem;
  }
}
.c-compare-card__item.-gry .c-compare-card__label {
  background-color: #D3D3D3;
}
.c-compare-card__text {
  padding: 1.75rem 2.5rem;
}
@media (max-width: 767px) {
  .c-compare-card__text {
    padding: 1.75rem;
  }
}
.c-compare-card__sublist li {
  position: relative;
  padding-left: 1rem;
}
.c-compare-card__sublist li::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #FFDC00;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 0.625rem;
}
.c-compare-card__sublist li + li {
  margin-top: 1.5rem;
}
.c-compare-card__item.-gry .c-compare-card__sublist li::before {
  background: #D3D3D3;
}

.c-check-point__inner:has(.c-check-point__label) {
  border-top: 2px dashed #D3D3D3;
  border-bottom: 2px dashed #D3D3D3;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .c-check-point__inner:has(.c-check-point__label) {
    align-items: center;
    display: flex;
    gap: 3rem;
  }
}
.c-check-point__label {
  display: inline-block;
  background-color: #FFDC00;
  position: relative;
  text-transform: uppercase;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.125rem;
  padding: 0.5rem 1rem 0.5rem 1.25rem;
  padding-top: calc(0.5rem + 1px);
}
@media (min-width: 768px) {
  .c-check-point__label {
    padding: 1.125rem 1.25rem 1.125rem 1.5rem;
    padding-top: calc(1.125rem + 1px);
  }
}
@media (max-width: 767px) {
  .c-check-point__label + * {
    margin-top: 0.5rem;
  }
}
.c-check-point__label::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 1.375rem solid transparent;
  border-bottom: 1.375rem solid transparent;
  border-left: 1.25rem solid #FFDC00;
  border-right: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin-right: calc(-1.25rem + 1px);
}
@media (min-width: 768px) {
  .c-check-point__label::after {
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: 1.25rem solid #FFDC00;
  }
}
.c-check-point__title {
  font-weight: bold;
}
.c-check-point__title + * {
  margin-top: 0.25rem;
}

.c-flow01__list {
  counter-reset: item;
}
.c-flow01__item {
  position: relative;
  border: 1px solid #D3D3D3;
  padding: 3.5rem 5rem;
}
@media (min-width: 768px) {
  .c-flow01__item {
    align-items: center;
    display: flex;
    gap: 5rem;
  }
}
@media (max-width: 767px) {
  .c-flow01__item {
    padding: 1.75rem 1.75rem 1.625rem;
  }
}
.c-flow01__item::before {
  display: block;
  counter-increment: item;
  content: counter(item);
  line-height: 1.5;
  border-radius: 50%;
  background-color: #333;
  font-weight: bold;
  text-align: center;
  color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  padding-top: 0.375rem;
}
@media (min-width: 768px) {
  .c-flow01__item::before {
    font-size: 1.25rem;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 2.5rem;
    max-width: 2.5rem;
  }
}
@media (max-width: 767px) {
  .c-flow01__item::before {
    width: 1.75rem;
    height: 1.75rem;
    padding-top: calc(0.25rem - 1px);
    margin-left: auto;
    margin-right: auto;
  }
}
.c-flow01__item::after {
  content: "";
  display: block;
  background: #FFDC00;
  flex-shrink: 0;
  flex-grow: 0;
  width: 2.5rem;
  height: 1.25rem;
  aspect-ratio: 1;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 2.5rem);
}
.c-flow01__item:last-child::after {
  display: none;
}
.c-flow01__item + .c-flow01__item {
  margin-top: 3.5rem;
}
.c-flow01__item:nth-child(9) ~ *::before {
  content: counter(item);
}
@media (min-width: 768px) {
  .c-flow01__inner {
    border-left: 1px solid #D3D3D3;
    flex-shrink: 1;
    flex-grow: 1;
    padding-left: 5rem;
  }
}
@media (max-width: 767px) {
  .c-flow01__inner {
    padding-top: 1.125rem;
  }
}
.c-flow01__title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-flow01__title {
    text-align: center;
    font-size: 1.125rem;
  }
}
.c-flow01__title + * {
  margin-top: 1rem;
}
.c-flow01__desc {
  font-size: 0.875rem;
}

.c-flow02__list {
  counter-reset: item;
}
@media (min-width: 768px) {
  .c-flow02__list {
    display: flex;
    gap: 2.875rem;
  }
}
.c-flow02__item {
  position: relative;
  border: 1px solid #D3D3D3;
  padding: 1.5rem 2rem;
}
@media (min-width: 768px) {
  .c-flow02__item {
    width: 5.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 5.5rem;
    max-width: 5.5rem;
  }
}
@media (max-width: 767px) {
  .c-flow02__item {
    padding: 1.75rem 1.75rem 1.625rem;
  }
}
.c-flow02__item::before {
  display: block;
  counter-increment: item;
  content: counter(item);
  line-height: 1.5;
  border-radius: 50%;
  background-color: #333;
  font-weight: bold;
  text-align: center;
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  padding-top: calc(0.25rem - 1px);
}
@media (min-width: 768px) {
  .c-flow02__item::before {
    font-size: 0.875rem;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 1.5rem;
    max-width: 1.5rem;
  }
}
@media (max-width: 767px) {
  .c-flow02__item::before {
    width: 1.75rem;
    height: 1.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.c-flow02__item::after {
  content: "";
  display: block;
  background: #FFDC00;
  flex-shrink: 0;
  flex-grow: 0;
  width: 0.875rem;
  height: 1.75rem;
  aspect-ratio: 1;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .c-flow02__item::after {
    top: 50%;
    right: 0;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    transform: translate(2rem, -50%);
  }
}
@media (max-width: 767px) {
  .c-flow02__item::after {
    width: 2.5rem;
    height: 1.25rem;
    clip-path: polygon(50% 100%, 100% 0, 0 0);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 2.5rem);
  }
}
.c-flow02__item:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .c-flow02__item + .c-flow02__item {
    margin-top: 3.5rem;
  }
}
.c-flow02__item:nth-child(9) ~ *::before {
  content: counter(item);
}
@media (min-width: 768px) {
  .c-flow02__inner {
    border-top: 1px solid #D3D3D3;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .c-flow02__inner {
    padding-top: 1.125rem;
  }
}
.c-flow02__title {
  line-height: 1.25;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .c-cost.-half {
    max-width: calc(50% - 1.25rem);
  }
}
@media (min-width: 768px) {
  .c-cost__list {
    display: flex;
    gap: 2.5rem;
  }
}
.c-cost__item {
  border: 1px solid #D3D3D3;
}
@media (min-width: 768px) {
  .c-cost__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-cost__item + .c-cost__item {
    margin-top: 1.125rem;
  }
}
.c-cost__label {
  background-color: #333;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  font-weight: bold;
  display: table;
  width: 100%;
  padding: 0.875rem 1rem 0.625rem;
}
.c-cost__label span {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .c-cost__label {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .c-cost__label {
    padding: 1.375rem 1.25rem 1.25rem;
  }
}
.c-cost__text {
  padding: 2.5rem 1.5rem;
}
@media (max-width: 767px) {
  .c-cost__text {
    padding: 1.75rem;
  }
}
.c-cost__cost {
  letter-spacing: 0.01em;
  line-height: 1.25;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-cost__cost {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .c-cost__cost + * {
    margin-top: 0.25rem;
  }
}
.c-cost__cost span {
  font-size: 3.5rem;
  padding-right: 0.125rem;
}
@media (max-width: 767px) {
  .c-cost__cost span {
    font-size: 2.25rem;
  }
}
.c-cost__cost.-sm {
  padding-top: 1.5rem;
  padding-bottom: 0.375rem;
}
@media (max-width: 767px) {
  .c-cost__cost.-sm {
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
  }
}
.c-cost__cost.-sm span {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .c-cost__cost.-sm span {
    font-size: 1.75rem;
  }
}
.c-cost__cost-list {
  padding-top: 1.5rem;
}
@media (min-width: 768px) {
  .c-cost__cost-list {
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 2.5rem;
  }
}
.c-cost__subtitle {
  position: relative;
  font-weight: bold;
  font-size: 0.875rem;
  padding-left: 0.875rem;
}
@media (max-width: 767px) {
  .c-cost__subtitle {
    font-size: 0.75rem;
  }
}
.c-cost__subtitle::before {
  content: "";
  display: block;
  background-color: #333;
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: calc(0.375rem + 1px);
}
@media (max-width: 767px) {
  .c-cost__subtitle::before {
    margin-top: 0.25rem;
  }
}
.c-cost__mark {
  font-size: 4rem;
}
@media (max-width: 767px) {
  .c-cost__mark {
    text-align: center;
    font-size: 3.5rem;
  }
}
.c-cost__comment {
  text-align: center;
  color: #737373;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .c-cost__comment {
    font-size: 0.75rem;
  }
}
.c-cost__desc {
  text-align: center;
}
@media (max-width: 767px) {
  .c-cost__desc {
    font-size: 0.875rem;
  }
}
.c-cost__desc.-center {
  text-align: center;
}
* + .c-cost__desc {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  * + .c-cost__desc {
    margin-top: 1.5rem;
  }
}
.c-cost__desc + * {
  margin-top: 0.5rem;
}
.c-cost__cost ~ .c-cost__desc {
  text-align: left;
}

@media (min-width: 768px) {
  .c-editor__list {
    flex-wrap: wrap;
    display: flex;
    gap: 3.5rem 2.5rem;
  }
}
@media (min-width: 768px) {
  .c-editor__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1.25rem);
    max-width: calc(50% - 1.25rem);
  }
}
@media (max-width: 767px) {
  .c-editor__item + .c-editor__item {
    margin-top: 1.75rem;
  }
}
.c-editor__header {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.c-editor__header + * {
  margin-top: 1rem;
}
.c-editor__img {
  overflow: hidden;
  border-radius: 50%;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 5rem;
  max-width: 5rem;
  height: 5rem;
}
@media (max-width: 767px) {
  .c-editor__img {
    flex-basis: 4rem;
    max-width: 4rem;
    height: 4rem;
  }
}
.c-editor__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.c-editor__info {
  flex-shrink: 1;
  flex-grow: 1;
}
.c-editor__name {
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-editor__name {
    font-size: 1.25rem;
  }
}
.c-editor__name + * {
  margin-top: 0.25rem;
}
.c-editor__position {
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .c-editor__position {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .c-editor__desc {
    font-size: 0.875rem;
  }
}

@media (min-width: 768px) {
  .c-rule-list__item {
    align-items: center;
    display: flex;
    gap: 2.5rem;
  }
}
.c-rule-list__item + .c-rule-list__item {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .c-rule-list__item + .c-rule-list__item {
    margin-top: 2rem;
  }
}
.c-rule-list__img {
  flex-basis: 7.5rem;
  max-width: 7.5rem;
}
@media (min-width: 768px) {
  .c-rule-list__img {
    flex-shrink: 0;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .c-rule-list__img {
    margin-left: auto;
    margin-right: auto;
  }
  .c-rule-list__img + * {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  .c-rule-list__text {
    border-left: 1px solid #D3D3D3;
    flex-shrink: 1;
    flex-grow: 1;
    padding-left: 2.5rem;
  }
}
.c-rule-list__title {
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-rule-list__title {
    font-size: 1.5rem;
  }
}
.c-rule-list__title + * {
  margin-top: 1rem;
}

.c-use-scene + .c-use-scene {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .c-use-scene + .c-use-scene {
    margin-top: 2rem;
  }
}
h2 + .c-use-scene {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  h2 + .c-use-scene {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__label-wrap {
    align-items: center;
    display: flex;
    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__label-wrap > * {
    margin-top: 0 !important;
  }
}
.c-use-scene__label {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.c-use-scene__label::before, .c-use-scene__label::after {
  content: "";
  border-radius: 50%;
  background-color: #FFDC00;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
}
.c-use-scene__label + * {
  margin-top: 0.5rem;
}
.c-use-scene__catch {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-use-scene__catch {
    font-size: 1.25rem;
  }
}
.c-use-scene__catch + * {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .c-use-scene__card-inner {
    flex-direction: row-reverse;
    display: flex;
    gap: 2.5rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 486px;
    max-width: 486px;
  }
}
@media (max-width: 767px) {
  .c-use-scene__img + * {
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.c-use-scene__desc {
  font-size: 0.875rem;
}
.c-use-scene__desc > * + * {
  margin-top: 1.5rem;
}
* + .c-use-scene__intro {
  margin-top: 1rem;
}
.c-use-scene__intro-inner {
  position: relative;
  background-color: #f1f1f1;
  padding: 1.875rem 10rem 1.875rem 2.5rem;
}
@media (max-width: 767px) {
  .c-use-scene__intro-inner {
    padding: 1.5rem 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__intro-img {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    margin-right: 1.5rem;
    width: 7.5rem;
    height: 7.5rem;
    margin-bottom: -0.625rem;
  }
}
@media (max-width: 767px) {
  .c-use-scene__intro-img {
    width: 5rem;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .c-use-scene__intro-img + * {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .c-use-scene__intro-text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.c-use-scene__intro-desc {
  font-size: 0.875rem;
}
.c-use-scene__intro-desc > * + * {
  margin-top: 1.5rem;
}

.c-problem-list {
  background-color: #f1f1f1;
  padding: 2.5rem 4rem;
}
@media (max-width: 767px) {
  .c-problem-list {
    padding: 1.5rem 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-problem-list__list {
    flex-wrap: wrap;
    display: flex;
    gap: 1rem;
  }
}
.c-problem-list__list li {
  line-height: 1.25;
  font-weight: bold;
  font-size: 1.25rem;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left 0%;
  background-image: url(../img/ico_problem.svg);
  padding-left: 2.25rem;
}
@media (min-width: 768px) {
  .c-problem-list__list li {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
}
@media (max-width: 767px) {
  .c-problem-list__list li {
    background-size: 1.125em auto;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .c-problem-list__list li + li {
    margin-top: 1rem;
  }
}

.c-problem-box__item {
  position: relative;
  border: 1px solid #D3D3D3;
  padding: 1.5rem 2.5rem;
}
@media (min-width: 768px) {
  .c-problem-box__item {
    align-items: center;
    display: flex;
    gap: 1.5rem;
  }
}
@media (max-width: 767px) {
  .c-problem-box__item {
    padding: 1.5rem 1.25rem;
  }
}
.c-problem-box__item::after {
  content: "";
  display: block;
  width: 2.5rem;
  aspect-ratio: 2;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background: #FFDC00;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
  margin-bottom: -1rem;
}
@media (max-width: 767px) {
  .c-problem-box__item::after {
    width: 1.5rem;
  }
}
.c-problem-box__item:last-child::after {
  display: none;
}
.c-problem-box__item:nth-child(1) {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.c-problem-box__item:nth-child(2) {
  background: no-repeat;
  background-size: 7.5rem auto;
  background-position: right center;
  background-position-x: calc(100% - 2.5rem);
  background-image: url(../img/img_knowledge_illust_comment.png);
}
@media (min-width: 768px) {
  .c-problem-box__item:nth-child(2) {
    padding-right: 9rem;
  }
}
@media (max-width: 767px) {
  .c-problem-box__item:nth-child(2) {
    background-position: center bottom;
    padding-bottom: 9rem;
    background-position-y: calc(100% - 1rem);
  }
}
.c-problem-box__item + .c-problem-box__item {
  margin-top: 3.25rem;
}
.c-problem-box__label {
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 5rem;
  padding: 0.25rem 0 1px;
}
@media (max-width: 767px) {
  .c-problem-box__label + * {
    margin-top: 0.5rem;
  }
}
.c-problem-box__item:nth-child(1) .c-problem-box__label {
  background-color: #737373;
}
.c-problem-box__item:nth-child(2) .c-problem-box__label {
  background-color: #333;
}
.c-problem-box__desc {
  flex-shrink: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.25rem;
}

.c-intro01__inner {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .c-intro01__inner {
    gap: 1.25rem;
  }
}
.c-intro01__img {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 9.5rem;
  max-width: 9.5rem;
}
@media (max-width: 767px) {
  .c-intro01__img {
    flex-basis: 5rem;
    max-width: 5rem;
  }
}
.c-intro01__text {
  border: 1px solid #D3D3D3;
  flex-shrink: 1;
  flex-grow: 1;
  padding: 1.75rem 5rem;
}
@media (max-width: 767px) {
  .c-intro01__text {
    padding: 1.25rem;
  }
}
.c-intro01__desc {
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-intro01__desc {
    font-size: 1.125rem;
  }
}

.c-sidebar__section + .c-sidebar__section {
  margin-top: 3rem;
}
.c-sidebar__title {
  font-weight: bold;
}
.c-sidebar__title + * {
  margin-top: 1rem;
}
.c-sidebar__bnr-item + .c-sidebar__bnr-item {
  margin-top: 1rem;
}

.c-cat01__list li > * {
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid #D3D3D3;
  display: block;
  background-position: right center;
  background-position-x: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url(../img/ico_arr_right_blk.svg);
  background-size: 0.45em auto;
  padding: 1rem 1.5rem 1rem 1rem;
}
.c-cat01__list li > *, .c-cat01__list li > *:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-cat01__list li > *:hover {
    background-color: #f1f1f1;
  }
}
.c-cat01__list li:first-child > * {
  border-top: 1px solid #D3D3D3;
}

.c-cat02__list {
  flex-wrap: wrap;
  display: flex;
  margin: -0.5rem 0 0 -0.5rem;
}
.c-cat02__list li {
  margin: 0.5rem 0 0 0.5rem;
}
.c-cat02__list li > * {
  text-align: center;
  transition: all 0.2s ease-in-out;
  border: 1px solid #D3D3D3;
  display: block;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem 0.125rem;
}
@media (min-width: 768px) {
  .c-cat02__list li > *:hover {
    background-color: #f1f1f1;
  }
}
@media (max-width: 767px) {
  .c-cat02__list li > * {
    font-size: 0.75rem;
  }
}
.c-cat02__list li a,
.c-cat02__list li a:hover {
  color: inherit;
  text-decoration: none;
}

.c-tag01__list {
  flex-wrap: wrap;
  display: flex;
  margin: -1rem 0 0 -1rem;
}
.c-tag01__list li {
  margin: 1rem 0 0 1rem;
}
.c-tag01__list li > * {
  text-decoration: none;
  display: inline-block;
  background-color: #f1f1f1;
  padding: 0.25rem 0.5rem;
}

* + .c-pager {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  * + .c-pager {
    margin-top: 2rem;
  }
}
.c-pager__list {
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  gap: 1rem;
}
@media (max-width: 767px) {
  .c-pager__list {
    gap: 0.5rem;
  }
}
.c-pager__list > * > * {
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  text-decoration: none !important;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  height: 2rem;
  width: 2rem;
  padding-top: calc(0.25rem - 1px);
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-pager__list > * > *:hover {
    background-color: #333;
    color: #fff !important;
  }
}
.c-pager__list > *.-current > * {
  background-color: #333;
  color: #fff !important;
}
.c-pager__list > *.next > *, .c-pager__list > *.prev > * {
  background-color: transparent !important;
}
.c-pager__list > * span {
  border-color: #FFDC00;
  background-color: #FFDC00;
  color: #fff;
}
.c-pager__list > *.-skip span {
  background: none;
  border: none;
  color: inherit;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.c-pager__list > *.next > *, .c-pager__list > *.prev > *, .c-pager__list > *.-prev > *, .c-pager__list > *.-next > * {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.c-pager__list > *.next > *:hover, .c-pager__list > *.prev > *:hover, .c-pager__list > *.-prev > *:hover, .c-pager__list > *.-next > *:hover {
  opacity: 0.6;
}
.c-pager__list > *.prev > *, .c-pager__list > *.-prev > * {
  background-image: url(../img/ico_arr_prev.svg);
}
.c-pager__list > *.next > *, .c-pager__list > *.-next > * {
  background-image: url(../img/ico_arr_next.svg);
}
.c-pager__list > *.prev.disabled > *, .c-pager__list > *.next.disabled > * {
  filter: grayscale(50);
  pointer-events: none;
}
* + .c-pager__list > *.next, .c-pager__list > *.prev + * {
  margin-left: 0.5rem;
}

.p-works-list__list + .c-pager {
  display: none;
}

.p-works-list__list.is-loaded.is-show + .c-pager {
  display: block;
}

/* =====================================
 * 見出し
 * ================================== */
[class*=c-headline] {
  line-height: 1.5;
}

.c-headline01 {
  text-align: center;
}
.c-headline01__title {
  display: inline-block;
  background-color: #333;
  font-weight: bold;
  color: #fff;
  font-size: 1.25rem;
  padding: 0.625rem 2rem 0.375rem;
}
.c-headline01__title + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .c-headline01__title {
    font-size: 0.75rem;
    padding: 0.375rem 1.125rem 0.25rem;
  }
}
.c-headline01__catch {
  font-weight: bold;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .c-headline01__catch {
    font-size: 1.375rem;
  }
}

.c-headline02__title {
  position: relative;
  color: #737373;
  font-weight: bold;
  font-size: 1.25rem;
  align-items: center;
  display: flex;
  gap: 1.5rem;
  padding-left: 1.75rem;
}
@media (max-width: 767px) {
  .c-headline02__title {
    gap: 0.625rem;
    font-size: 0.75rem;
    padding-left: 1rem;
  }
}
.c-headline02__title::before {
  content: attr(data-title);
  text-transform: uppercase;
  color: #FFDC00;
  font-weight: bold;
  font-size: 2.25rem;
}
@media (max-width: 767px) {
  .c-headline02__title::before {
    font-size: 1.25rem;
  }
}
.c-headline02__title::after {
  content: "";
  border-radius: 50%;
  display: block;
  background-color: #FFDC00;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .c-headline02__title::after {
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.625rem;
  }
}
.c-headline02__title + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-headline02__title + * {
    margin-top: 1.125rem;
  }
}
.c-headline02.-wht .c-headline02__title::before {
  color: #fff;
}
.c-headline02.-wht .c-headline02__title::after {
  background-color: #fff;
}
.c-headline02.-not-dot .c-headline02__title {
  padding-left: 0;
}
.c-headline02.-not-dot .c-headline02__title::after {
  display: none;
}
.c-headline02__title a {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  background-position: right 45%;
  background-repeat: no-repeat;
  background-image: url(../img/ico_arr_right_blk.svg);
  background-size: auto auto;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .c-headline02__title a:hover {
    color: #FFDC00;
    background-image: url(../img/ico_arr_right_pri.svg);
  }
}
.c-headline02__catch {
  font-weight: bold;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .c-headline02__catch {
    font-size: 1.375rem;
  }
}

.c-headline03 {
  padding-top: 0.25rem;
  align-items: center;
  display: flex;
  gap: 1rem;
}
.c-headline03[class] + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-headline03[class] + * {
    margin-top: 1.125rem;
  }
}
.c-headline03__number {
  border-radius: 50%;
  background-color: #333;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.375rem;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 2.5rem;
  max-width: 2.5rem;
  padding-top: 0.25rem;
}
@media (max-width: 767px) {
  .c-headline03__number {
    width: 2.25rem;
    height: 2.25rem;
    flex-basis: 2.25rem;
    max-width: 2.25rem;
    font-size: 1.125rem;
    padding-top: calc(0.25rem + 1px);
  }
}
.c-headline03__label {
  flex-shrink: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-headline03__label {
    font-size: 1.25rem;
  }
}

.c-headline04 {
  position: relative;
  align-items: center;
  display: flex;
  gap: 1rem;
}
.c-headline04[class] + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-headline04[class] + * {
    margin-top: 1.125rem;
  }
}
.c-headline04__number {
  position: relative;
  color: #FFDC00;
  font-weight: bold;
  line-height: 1.25;
  font-size: 1.625rem;
  width: 3.125rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 3.125rem;
  max-width: 3.125rem;
}
.c-headline04__number::after {
  content: "";
  display: block;
  background-color: #D3D3D3;
  width: 1px;
  height: calc(100% - 0.25em);
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .c-headline04__number {
    width: 3rem;
    flex-basis: 3rem;
    max-width: 3rem;
    font-size: 1.375rem;
  }
}
.c-headline04__label {
  flex-shrink: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-headline04__label {
    font-size: 1.25rem;
  }
}

.c-headline05__label {
  background-color: #333;
  display: inline-block;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  padding: 0.25rem 1rem 1px;
}
@media (min-width: 768px) {
  .c-headline05__label {
    font-size: 1.25rem;
  }
}
.c-headline05.-sm .c-headline05__label {
  font-size: 0.875rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

@media (min-width: 768px) {
  .c-headline06 {
    overflow: hidden;
    align-items: center;
    display: flex;
    gap: 1.5rem;
  }
}
.c-headline06 + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-headline06 + * {
    margin-top: 1.5rem;
  }
}
.c-headline06::after {
  content: "";
  display: block;
  background-color: #D3D3D3;
  width: 100%;
  height: 1px;
  flex-shrink: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .c-headline06::after {
    margin-top: 0.75rem;
  }
}
.c-headline06__label {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
  flex-shrink: 0;
  flex-grow: 0;
}

.c-toc {
  border: 1px solid #D3D3D3;
  background-color: #fff;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .c-toc {
    padding: 1.5rem 1.25rem;
  }
}
.c-toc__title {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-toc__title {
    font-size: 1.25rem;
  }
}
.c-toc__title + * {
  margin-top: 0.5rem;
}
.c-toc__list[class] {
  padding-left: 1rem;
}
@media (max-width: 767px) {
  .c-toc__list[class] {
    padding-left: 0.5rem;
  }
}
.c-toc__list[class] li {
  position: relative;
  padding-left: 1rem;
}
@media (max-width: 767px) {
  .c-toc__list[class] li {
    font-size: 0.875rem;
  }
}
.c-toc__list[class] li::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #FFDC00;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  .c-toc__list[class] li::before {
    margin-top: calc(0.375rem + 1px);
  }
}
.c-toc__list[class] li a {
  transition: all 0.2s ease-in-out;
  color: #333;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: right 1px;
  background-image: url(../img/ico_arr_down_blk.svg);
  padding-right: 1.5rem;
}
@media (max-width: 767px) {
  .c-toc__list[class] li a {
    display: block;
  }
}
.c-toc__list[class] li a br {
  display: none;
}
@media (min-width: 768px) {
  .c-toc__list[class] li a:hover {
    color: #FFDC00;
    background-image: url(../img/ico_arr_down_pri.svg);
  }
}
.c-toc__list[class] li + li {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .c-toc__list[class] li + li {
    margin-top: 1rem;
  }
}

/* =====================================
 * ボタン基準
 * ================================== */
.c-btn[class] {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  background-color: #333;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 5rem;
}
@media (min-width: 768px) {
  .c-btn[class] {
    max-width: 332px;
  }
}
@media (max-width: 767px) {
  .c-btn[class] {
    height: 64px;
    max-width: calc(100% - 2.5rem);
  }
}
@media (min-width: 768px) {
  .c-btn[class]:hover {
    background-color: #222;
  }
}
.c-btn[class].-lg {
  max-width: 100%;
}
.c-btn[class].-pri, .c-btn[class].-wht {
  background-color: #fff;
}
.c-btn[class].-pri > *, .c-btn[class].-wht > * {
  color: #333;
}
.c-btn[class].-pri > *::after, .c-btn[class].-wht > *::after {
  background-image: url(../img/ico_arr_right_blk.svg);
}
.c-btn[class].-pri {
  background-color: #FFDC00;
}
@media (min-width: 768px) {
  .c-btn[class].-wht:hover {
    background-color: #f1f1f1;
  }
}
.c-btn[class].-pri:hover {
  background-color: #F3CB58;
}
.c-btn[class] > * {
  display: block;
  width: 100%;
  text-decoration: none;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 1rem 3rem;
}
@media (max-width: 767px) {
  .c-btn[class] > * {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.c-btn[class] > *:hover {
  text-decoration: none !important;
}
.c-btn[class] > *::after {
  content: "";
  display: block;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../img/ico_arr_right_wht.svg);
  background-size: 100% auto;
  width: 0.875rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 1.25rem;
}
@media (max-width: 767px) {
  .c-btn[class] > *::after {
    margin-right: 1.125rem;
  }
}
.c-btn[class] > *[target=_blank]:after {
  width: 0.75rem;
  background-image: url(../img/ico_blank_wht.svg);
}
.c-btn[class].-back > *::after {
  right: auto;
  left: 0;
  transform: rotate(180deg);
  margin-left: 1.25rem;
}
@media (max-width: 767px) {
  .c-btn[class].-back > *::after {
    margin-left: 1.125rem;
  }
}
.c-btn[class].-submit > * {
  padding: 0;
}
.c-btn[class].-submit > * input[type=submit] {
  width: 100%;
  padding: 1.75rem 3rem;
}
@media (max-width: 767px) {
  .c-btn[class].-submit > * input[type=submit] {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
  }
}
.c-btn[class].-mail > *::after {
  width: 1rem;
  background-size: 100% auto;
  background-image: url(../img/ico_mail_wht.svg);
}

body .c-btn[class] a {
  color: #fff;
}

.c-btn-text__link + .c-btn-text__link {
  margin-top: 0.125rem;
}
.c-btn-text__link > * {
  color: #333 !important;
}
@media (min-width: 768px) {
  .c-btn-text__link > *:hover {
    color: #FFDC00 !important;
  }
}
.c-btn-text__link > * {
  position: relative;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  padding-right: 1.125rem;
}
.c-btn-text__link > *:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.4125em;
  height: 100%;
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/ico_arr2_right_pri.svg");
}
.c-btn-text__link > *[target*=_blank] {
  padding-right: 1.75rem;
}
.c-btn-text__link > *[target*=_blank]:before {
  width: 1em;
  background-position: center 0.375em;
  background-image: url("../img/ico_blank.svg");
}
.c-btn-text__link > *[href*=".pdf"], .c-btn-text__link > *[download] {
  padding-right: 1.75rem;
}
.c-btn-text__link > *[href*=".pdf"]:before, .c-btn-text__link > *[download]:before {
  width: 0.875em;
  background-position: center 0.25em;
  background-image: url("../img/ico_pdf.svg");
}
.c-btn-text.-sm .c-btn-text__link > * {
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .c-btn-text__img {
    text-align: center;
  }
}
.c-btn-text.-border {
  display: inline-block;
  border: 1px solid #D3D3D3;
  padding: 1rem 1.5rem;
}
@media (max-width: 767px) {
  .c-btn-text.-border {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-btn-text.-wide {
    flex-wrap: wrap;
    display: flex;
    gap: 0 1rem;
  }
}

/* =====================================
 * 横並び
 * ================================== */
.c-flex {
  display: flex;
  flex-wrap: wrap;
}
.c-flex__item * + img {
  margin-top: 0.5rem;
}
.c-flex.-max2 {
  margin-left: -2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max2 {
    display: block;
    margin-left: 0;
  }
}
.c-flex.-max2 .c-flex__item {
  flex-basis: calc(50% - 2.5rem);
  max-width: calc(50% - 2.5rem);
  margin-left: 2.5rem;
}
.c-flex.-max2 .c-flex__item:nth-of-type(2) ~ * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max2 .c-flex__item, .c-flex.-max2 .c-flex__item:nth-of-type(2) ~ * {
    margin-top: 1.5rem;
  }
}
.c-flex.-max3 {
  margin-left: -2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max3 {
    display: block;
    margin-left: 0;
  }
}
.c-flex.-max3 .c-flex__item {
  flex-basis: calc(33.3333333333% - 2.5rem);
  max-width: calc(33.3333333333% - 2.5rem);
  margin-left: 2.5rem;
}
.c-flex.-max3 .c-flex__item:nth-of-type(3) ~ * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max3 .c-flex__item, .c-flex.-max3 .c-flex__item:nth-of-type(3) ~ * {
    margin-top: 1.5rem;
  }
}
.c-flex.-max4 {
  margin-left: -2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max4 {
    margin-left: -1.5rem;
  }
}
.c-flex.-max4 .c-flex__item[class] {
  flex-basis: calc(25% - 2.5rem);
  max-width: calc(25% - 2.5rem);
  margin-left: 2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max4 .c-flex__item[class] {
    margin-left: 1.5rem;
  }
}
.c-flex.-max4 .c-flex__item[class]:nth-of-type(4) ~ * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-flex.-max4 .c-flex__item[class], .c-flex.-max4 .c-flex__item[class]:nth-of-type(4) ~ * {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .c-flex.-max4 .c-flex__item[class] {
    flex-basis: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
}
@media (max-width: 767px) {
  .c-flex.-max4 .c-flex__item[class]:nth-of-type(1), .c-flex.-max4 .c-flex__item[class]:nth-of-type(2) {
    margin-top: 0;
  }
}
.c-flex[class] .c-flex__item {
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width: 767px) {
  .c-flex[class] .c-flex__item {
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .c-flex[class] .c-flex__item:first-child {
    margin-top: 0;
  }
  .c-flex[class] .c-flex__item img {
    display: block;
    margin: 0 auto;
  }
}
/* =====================================
 * 画像とテキスト配置
 * ================================== */
.c-img-center {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.c-img-center .c-img-center__img {
  display: block;
  text-align: center;
}

.c-img-caption, .wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  font-size: 0.875rem;
  color: #737373;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .c-img-caption + *, .wp-block-image .alignleft figcaption + *,
  .wp-block-image .alignright figcaption + *,
  .wp-block-image .aligncenter figcaption + * {
    margin-top: 1.625rem;
  }
}

@media (min-width: 768px) {
  .c-imgbox {
    display: flex;
    gap: 2.5rem;
  }
}
.c-imgbox + * {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-imgbox .c-imgbox__right,
  .c-imgbox .c-imgbox__left {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 380px;
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .c-imgbox .c-imgbox__right,
  .c-imgbox .c-imgbox__left {
    text-align: center;
    float: none;
    margin: 0;
  }
  .c-imgbox .c-imgbox__right + *,
  .c-imgbox .c-imgbox__left + * {
    margin-top: 1.625rem;
  }
}
.c-imgbox .c-imgbox__right + * + *,
.c-imgbox .c-imgbox__left + * + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-imgbox .c-imgbox__right + * + *,
  .c-imgbox .c-imgbox__left + * + * {
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) {
  .c-imgbox:has(.c-imgbox__right) {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .c-imgbox .c-imgbox__text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.c-imgbox .c-imgbox__text > * + * {
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .c-imgbox .c-imgbox__text > * + * {
    margin-top: 1.5rem;
  }
}
.c-imgbox .c-imgbox__text > p + p {
  margin-top: 0;
}

.c-img-card {
  background-color: #fff;
  text-align: center;
  padding: 3rem;
}
@media (max-width: 767px) {
  .c-img-card {
    padding: 1.25rem;
  }
}
@media (max-width: 767px) {
  .c-img-card.-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767px) {
  .c-img-card.-scroll .c-img-card__img {
    min-width: 640px;
  }
}

/* =====================================
 * 表組み
 * ================================== */
.c-table {
  width: 100%;
}
* + .c-table {
  margin-top: 3rem;
}
.c-table th,
.c-table td {
  background-clip: padding-box;
  vertical-align: middle;
}
.c-table th {
  width: 160px;
  font-weight: bold;
}
.c-table td {
  background-color: #fff;
}
.c-table th,
.c-table td {
  border-bottom: 1px solid #D3D3D3;
  padding: 1.375rem 0;
}
@media (max-width: 767px) {
  .c-table th,
  .c-table td {
    display: block;
    width: 100%;
  }
}
.c-table *.-tag {
  border: 1px solid #D3D3D3;
  line-height: 1.25;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem 0.125rem;
}
@media (max-width: 767px) {
  .c-table *.-tag {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem 0.125rem;
  }
}
@media (max-width: 767px) {
  .c-table.-wide th {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .c-table.-wide th,
  .c-table.-wide td {
    display: table-cell;
  }
}
.c-table.-side th,
.c-table.-side td {
  width: auto;
}
@media (max-width: 767px) {
  .c-table.-side th,
  .c-table.-side td {
    width: auto;
  }
}
@media (max-width: 767px) {
  .c-table.-scroll {
    position: relative;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .c-table.-scroll::after {
    content: "スクロールできます";
    text-align: center;
    font-size: 0.75rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 2rem auto;
    background-position: center 1rem;
    background-image: url(../img/ico_scroll.svg);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.24);
    transition: all 0.2s ease-in-out;
    padding: 4rem 1.25rem 0.5rem;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(150%, -50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  .c-table.-scroll tbody {
    min-width: 640px;
  }
}
@media (max-width: 767px) {
  .c-table.-scroll th,
  .c-table.-scroll td {
    display: table-cell;
    width: auto;
  }
}
@media (max-width: 767px) {
  .c-table.-scroll.-scroll.is-show::after {
    animation: table_scroll_show 3s ease 0.4s 1 alternate forwards running;
  }
}
.c-table.-compare {
  border-collapse: inherit;
  border-spacing: 0.5rem;
}
.c-table.-compare,
.c-table.-compare td,
.c-table.-compare th {
  border: none;
}
.c-table.-compare thead th {
  text-align: center;
  background-color: #333;
  color: #fff;
  height: 5rem;
}
@media (max-width: 767px) {
  .c-table.-compare thead th {
    height: 4rem;
  }
}
.c-table.-compare thead th:empty {
  background: none;
}
.c-table.-compare td,
.c-table.-compare th {
  vertical-align: middle;
  text-align: center;
  padding: 0.75rem;
}
.c-table.-compare td *.-low,
.c-table.-compare td *.-hight,
.c-table.-compare th *.-low,
.c-table.-compare th *.-hight {
  font-weight: bold;
}
.c-table.-compare td *.-low,
.c-table.-compare th *.-low {
  color: #F3CB58;
}
.c-table.-compare td *[data-label]::before,
.c-table.-compare th *[data-label]::before {
  line-height: 1;
  content: attr(data-label);
  font-size: 1.75rem;
  display: inline-block;
  transform: translateY(0.25rem);
  margin-right: 0.5rem;
}
.c-table.-compare td {
  border-bottom: 1px solid #D3D3D3;
}
@media (max-width: 767px) {
  .c-table.-compare td {
    min-width: 220px;
  }
}

@keyframes table_scroll_show {
  0% {
    visibility: inherit;
    opacity: 1;
    transform: translate(150%, -50%);
  }
  40% {
    visibility: inherit;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  41% {
    visibility: inherit;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  100% {
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
  }
}
.c-tab__inner {
  border: 1px solid #D3D3D3;
  background-color: #fff;
  padding: 2rem 5rem;
}
@media (min-width: 768px) {
  .c-tab__inner {
    align-items: center;
    display: flex;
    gap: 5rem;
  }
}
@media (max-width: 767px) {
  .c-tab__inner {
    padding: 1.5rem 1.25rem;
  }
}
.c-tab__title {
  font-weight: bold;
  font-size: 1.25rem;
}
.c-tab__list {
  flex-wrap: wrap;
  display: flex;
  gap: 1rem 1.5rem;
}
@media (min-width: 768px) {
  .c-tab__list {
    border-left: 1px solid #D3D3D3;
    padding-left: 5rem;
  }
}
@media (max-width: 767px) {
  .c-tab__list {
    border-top: 1px solid #D3D3D3;
    padding-top: 1.25rem;
    margin-top: 1rem;
    gap: 0.5rem 1rem;
  }
}
.c-tab__item > * {
  transition: all 0.2s ease-in-out;
  display: inline-block;
  background-color: #B3B3B3;
  line-height: 1.5;
  text-transform: capitalize;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem 0.125rem;
}
.c-tab__item > *.is-active, .c-tab__item > *:hover {
  background-color: #333;
}

[data-tab-content2].is-hidden {
  height: 0;
  opacity: 0;
  pointer-events: none;
  display: none;
}

/* =====================================
 * ページトップへ戻る
 * ================================== */
.c-pagetop {
  transition: all 0.2s ease-in-out;
  position: fixed;
  z-index: 1;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.c-pagetop.is-active {
  opacity: 1;
  visibility: inherit;
  pointer-events: auto;
}
.c-pagetop__btn {
  background-color: #FFDC00;
  background-repeat: no-repeat;
  background-size: 0.875rem auto;
  background-position: center center;
  background-image: url(../img/ico_arr_up_wht.svg);
  font-size: 0;
  height: 3.5rem;
  width: 3.5rem;
}

/* =====================================
 * パンくずリスト
 * ================================== */
.c-breadcrumb {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 140px;
}
@media (max-width: 767px) {
  .c-breadcrumb {
    margin-top: 92px;
  }
}
.c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .c-breadcrumb__list {
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
.c-breadcrumb__list li {
  list-style-type: none;
  line-height: 1.5;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .c-breadcrumb__list li {
    font-size: 0.625rem;
  }
}
.c-breadcrumb__list li a {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #737373;
}
@media (min-width: 768px) {
  .c-breadcrumb__list li a:hover {
    color: #333;
  }
}
.c-breadcrumb__list li + li:before {
  content: "";
  display: inline-block;
  background-color: #333;
  width: 0.5rem;
  height: 1px;
  margin: 0.5rem 0.5rem 0;
  vertical-align: top;
}
@media (max-width: 767px) {
  .c-breadcrumb__list li + li:before {
    width: 0.375rem;
    margin: 0.375rem 0.375rem 0;
  }
}

body[data-page-type=form] .c-breadcrumb,
body[data-page-type=knowledge][data-page-slug=knowledge] .c-breadcrumb {
  display: none;
}

/* =====================================
 * ページタイトル
 * ================================== */
.c-pagetitle {
  overflow: hidden;
  position: relative;
  background-color: #f1f1f1;
  padding-top: 220px;
}
@media (min-width: 768px) {
  .c-pagetitle:not(:has(.c-pagetitle__type)) {
    padding-top: 240px;
  }
}
@media (min-width: 768px) {
  .c-pagetitle {
    padding-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .c-pagetitle {
    padding-top: 128px;
  }
}
@media (min-width: 768px) {
  .c-pagetitle:has(.c-pagetitle__img) {
    padding-top: 250px;
  }
}
@media (max-width: 767px) {
  .c-pagetitle:has(.c-pagetitle__img) {
    padding-bottom: 2.75rem;
  }
}
.c-pagetitle__bg {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-pagetitle__bg::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  width: 100vw;
  height: 250%;
  position: absolute;
  z-index: 1;
  top: -50%;
  left: 50%;
  transform: translateX(-16%) rotate(13deg);
}
@media (max-width: 767px) {
  .c-pagetitle__bg::before {
    transform: translateX(-8%) rotate(13deg);
  }
}
.c-pagetitle__content {
  position: relative;
  z-index: 10;
}
.c-pagetitle__content > * {
  position: relative;
  z-index: 5;
}
.c-pagetitle__type {
  font-weight: bold;
  padding-left: 1rem;
  padding-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .c-pagetitle__type {
    font-size: 0.75rem;
    padding-bottom: 0.375rem;
  }
}
.c-pagetitle__type::before {
  content: "";
  display: block;
  border-radius: 50%;
  background-color: #FFDC00;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  .c-pagetitle__img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__img {
    padding-left: 2.5rem;
  }
}
.c-pagetitle__img[class] {
  margin-top: -2rem;
}
@media (max-width: 767px) {
  .c-pagetitle__img[class] {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .c-pagetitle__img img {
    transform: translateX(12.5rem);
    width: 62.5%;
  }
  .c-pagetitle__img img[src*=img_howto] {
    width: 545px;
  }
  .c-pagetitle__img img[src*=img_service] {
    width: 732px;
    margin-top: -3rem;
  }
}
.c-pagetitle__img + * {
  margin-top: 8.25rem;
}
@media (max-width: 767px) {
  .c-pagetitle__img + * {
    margin-top: 2.75rem;
  }
}
.c-pagetitle__subtitle {
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 5rem;
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .c-pagetitle__subtitle {
    font-size: 3.125rem;
    padding-bottom: 1rem;
  }
}
.c-pagetitle__title {
  display: inline;
  background-color: #fff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.25;
  font-weight: bold;
  font-size: 3rem;
  padding: 0.625rem 1.5rem 0.125rem;
}
@media (max-width: 767px) {
  .c-pagetitle__title {
    line-height: 2;
    font-size: 2.25rem;
    padding: 0.5rem 0.5rem 1px;
  }
}
.c-pagetitle__title + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .c-pagetitle__title + * {
    margin-top: 1.75rem;
  }
}
.c-pagetitle:has(.c-pagetitle__img) .c-pagetitle__title {
  font-size: 1.5rem;
  padding: 0.25rem 1.25rem;
}
@media (max-width: 767px) {
  .c-pagetitle:has(.c-pagetitle__img) .c-pagetitle__title {
    font-size: 1.125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.c-pagetitle__lead {
  position: relative;
  font-weight: bold;
}
@media (max-width: 767px) {
  .c-pagetitle__lead {
    font-size: 0.75rem;
  }
}
.c-pagetitle__lead + * {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .c-pagetitle__lead + * {
    margin-top: 0.625rem;
  }
}
.c-pagetitle__lead::before {
  content: "";
  display: block;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transform: rotate(-45deg) translateY(50%);
  margin: 0 0 -1px 2.375rem;
}
.c-pagetitle__lead span {
  display: inline-block;
  position: relative;
  padding-bottom: 0.25rem;
}
.c-pagetitle__lead span::before, .c-pagetitle__lead span::after {
  content: "";
  background-color: #333;
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  height: 1px;
}
.c-pagetitle__lead span::before {
  width: 2.5rem;
}
.c-pagetitle__lead span::after {
  width: calc(100% - 3.125rem);
  margin-left: 3.125rem;
}
.c-pagetitle__catch {
  line-height: 1.6;
  font-weight: bold;
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .c-pagetitle__catch {
    font-size: 1rem;
  }
}
.c-pagetitle__catch + * {
  margin-top: 1.75rem;
}
@media (max-width: 767px) {
  .c-pagetitle__catch + * {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .c-pagetitle:has(.c-pagetitle__img) .c-pagetitle__catch {
    font-size: 2rem;
  }
}
.c-pagetitle__desc {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .c-pagetitle__desc {
    font-size: 0.875rem;
  }
}
.c-pagetitle__desc + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .c-pagetitle__desc + * {
    margin-top: 1.75rem;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn {
    background-color: #333;
    padding: 1.5rem 1.25rem;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.c-pagetitle__btn-list {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .c-pagetitle__btn-list {
    flex-direction: row-reverse;
    gap: 0.5rem;
  }
}
.c-pagetitle__btn-item {
  flex-shrink: 0;
  flex-grow: 0;
}
@media (min-width: 768px) {
  .c-pagetitle__btn-item {
    flex-basis: 380px;
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn-item {
    flex-shrink: 1;
    flex-grow: 1;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn-item[class] > * {
    height: 2.875rem;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn-item[class] a {
    font-size: 1.125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .c-pagetitle__btn-item[class] a::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn-item:has(a[href*=contact]) .c-btn {
    background-color: #FFDC00;
  }
}
@media (max-width: 767px) {
  .c-pagetitle__btn-item:has(a[href*=contact]) .c-btn a {
    color: #333;
  }
}

.c-knowledge-pagetitle {
  padding-top: 256px;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle {
    padding-top: 88px;
  }
}
.c-knowledge-pagetitle + * {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle + * {
    margin-top: 4rem;
  }
}
.c-knowledge-pagetitle__img {
  text-align: center;
}
.c-knowledge-pagetitle__img img {
  width: auto;
  max-height: 4rem;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle__img img {
    max-height: 42px;
  }
}
.c-knowledge-pagetitle__img + * {
  margin-top: 6.25rem;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle__img + * {
    margin-top: 1.5rem;
  }
}
.c-knowledge-pagetitle__lead {
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle__lead {
    font-size: 1.125rem;
  }
}
.c-knowledge-pagetitle__lead span {
  border-bottom: 3px solid #FFDC00;
  display: inline-block;
  padding-bottom: 0.25rem;
}
* + .c-knowledge-pagetitle__lead span {
  margin-top: 1rem;
}
.c-knowledge-pagetitle__lead + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-knowledge-pagetitle__lead + * {
    margin-top: 1.5rem;
  }
}
.c-knowledge-pagetitle__desc {
  text-align: center;
}

.c-works-pagetitle {
  padding-top: 234px;
}
@media (max-width: 767px) {
  .c-works-pagetitle {
    padding-top: 128px;
  }
}
.c-works-pagetitle + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .c-works-pagetitle + * {
    margin-top: 2rem;
  }
}
.c-works-pagetitle__title {
  font-weight: bold;
  font-size: 2rem;
}
.c-works-pagetitle__title + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .c-works-pagetitle__title + * {
    margin-top: 0.5rem;
  }
}
@media (max-width: 767px) {
  .c-works-pagetitle__title {
    font-size: 1.75rem;
  }
}
@media (min-width: 768px) {
  .c-works-pagetitle__info {
    justify-content: space-between;
    display: flex;
  }
}
.c-works-pagetitle__info + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .c-works-pagetitle__info + * {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .c-works-pagetitle__cat + * {
    margin-top: 0.5rem;
  }
}
.c-works-pagetitle__cat-list {
  flex-wrap: wrap;
  display: flex;
  gap: 0.25rem;
}
.c-works-pagetitle__cat-list li > * {
  transition: all 0.2s ease-in-out;
  border: 1px solid #D3D3D3;
  line-height: 1.25;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem 0.125rem;
}
@media (max-width: 767px) {
  .c-works-pagetitle__cat-list li > * {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem 0.125rem;
  }
}

@media (min-width: 768px) {
  body[data-page-type=service][data-page-slug=brochure] .c-pagetitle {
    padding-top: 220px;
  }
}
body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__bg::before {
  background: linear-gradient(-20deg, #E9C704 0%, #DFBB03 100%);
  width: 100%;
  height: 100%;
  transform: none;
  top: 0;
  left: 0;
}
body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__title {
  font-size: 3rem;
  padding: 0.625rem 1.5rem 0.125rem;
}
@media (max-width: 767px) {
  body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__title {
    font-size: 2.25rem;
    padding: 0.25rem 1.25rem;
  }
}
body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__title + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__title + * {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__img img {
    margin-right: -5.5rem;
  }
}
body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__img + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  body[data-page-type=service][data-page-slug=brochure] .c-pagetitle__img + * {
    margin-top: 1.5rem;
  }
}

body[data-page-type=form] .c-pagetitle__subtitle, body[data-page-type=form] .c-pagetitle__title {
  text-align: center;
}

.c-cta01 {
  background-color: #333;
  padding: 5rem 0;
}
.c-cta01.-no-bg {
  background: none;
  padding: 0;
}
* + .c-cta01[class] {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  * + .c-cta01[class] {
    margin-top: 2.75rem;
  }
}
.c-cta01.-sm {
  padding: 3.5rem 0;
}
@media (max-width: 767px) {
  .c-cta01.-sm {
    padding: 1.75rem 1.25rem;
  }
}
.c-cta01.-xs {
  padding: 2rem 0;
}
@media (max-width: 767px) {
  .c-cta01.-xs {
    padding: 1rem 1.25rem;
  }
}
.c-cta01.-wide {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .c-cta01.-wide .c-cta01__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.c-cta01__count {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
}
.c-cta01__count + * {
  margin-top: 0.5rem;
}
.c-cta01__count span.-pri {
  color: #FFDC00;
}
.c-cta01__count span.-lg {
  display: inline-block;
  font-weight: bold;
  font-size: 1.375rem;
  transform: translateY(1px);
  min-width: 0.875rem;
}
.c-cta01__title {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .c-cta01__title {
    font-size: 1.5rem;
  }
}
.c-cta01__title + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-cta01__title + * {
    margin-top: 1.125rem;
  }
}
.c-cta01__desc {
  color: #fff;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .c-cta01__desc {
    font-size: 0.875rem;
  }
}
.c-cta01__desc + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .c-cta01__desc + * {
    margin-top: 1.125rem;
  }
}
.c-cta01.-sm .c-cta01__desc + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-cta01.-sm .c-cta01__desc + * {
    margin-top: 0.5rem;
  }
}
.c-cta01.-xs .c-cta01__desc + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .c-cta01.-xs .c-cta01__desc + * {
    margin-top: 0.5rem;
  }
}
.c-cta01__btn + .c-cta01__btn {
  margin-top: 0.5rem;
}
.c-cta01__btn-list {
  justify-content: center;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .c-cta01__btn-list {
    flex-direction: row-reverse;
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  .c-cta01.-no-bg .c-cta01__btn-list {
    flex-direction: row;
  }
}
.c-cta01__btn-item {
  flex-shrink: 0;
  flex-grow: 0;
  color: #333;
  text-decoration: none;
}
@media (min-width: 768px) {
  .c-cta01__btn-item {
    flex-basis: 380px;
    max-width: 380px;
  }
}
@media (max-width: 1080px) {
  .c-cta01__btn-item {
    flex-shrink: 1;
    flex-grow: 1;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-cta01__btn-item {
    flex-shrink: 1;
    flex-grow: 1;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .c-cta01__btn-item[class] > * {
    height: 2.875rem;
  }
}
@media (max-width: 767px) {
  .c-cta01__btn-item[class] a {
    font-size: 1.125rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .c-cta01__btn-item[class] a::after {
    display: none;
  }
}
.c-cta01__btn-howto[class] {
  outline: 1px solid #fff;
  outline-offset: -5px;
  background-color: #F3CB58;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 2.5rem;
}
.c-cta01__btn-howto[class] > * {
  font-size: 0.75rem;
  display: inline-block;
  transform: translateY(0.125rem);
}
.c-cta01__btn-howto[class] > *.-lg {
  font-weight: bold;
  font-size: 0.875rem;
}
.c-cta01__btn-howto[class] > *.-ico {
  max-width: 0.75rem;
  margin: 0 0.5rem 0 1rem;
  transform: translateY(1px);
}
.c-cta01__btn-howto[class] > *.-ico img {
  vertical-align: top;
}

.c-modal {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-modal.is-active {
  opacity: 1;
  visibility: inherit;
  pointer-events: auto;
}
.c-modal__inner {
  position: relative;
  pointer-events: auto;
  background-color: #fff;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-modal__inner {
    width: 1200px;
  }
}
@media (max-width: 1080px) {
  .c-modal__inner {
    width: 100%;
  }
}
.c-modal__close {
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: 3rem auto;
  background-position: center center;
  background-image: url(../img/ico_modal_close.svg);
  position: absolute;
  z-index: 2000;
  top: 0;
  right: 0;
  margin: 1.5rem 1.5rem 0 0;
}
@media (max-width: 767px) {
  .c-modal__close {
    width: 2.25rem;
    height: 2.25rem;
    margin: 1.125rem 1.125rem 0 0;
  }
}
.c-modal__mask {
  display: none;
  background-color: rgba(0, 0, 0, 0.64);
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.c-modal.is-active .c-modal__mask {
  display: block;
}
.c-modal__content {
  padding: 5rem;
  overflow-y: auto;
  height: calc(100vh - 10rem);
}
@media (max-width: 767px) {
  .c-modal__content {
    height: calc(100vh - 6rem);
    padding: 4.5rem 1.25rem 2.5rem;
  }
}

html:has(body[data-page-slug=flow][data-page-type=howto]) {
  scroll-behavior: smooth !important;
}

body[data-page-slug=flow][data-page-type=howto] {
  scroll-behavior: smooth !important;
  overflow-y: auto !important;
  position: relative !important;
  top: auto !important;
}
body[data-page-slug=flow][data-page-type=howto] .c-modal {
  display: none;
}

/* =====================================
 * 下層ページ　テキスト周り
 * ================================== */
.has-small-font-size[class] {
  font-size: 87.5%;
}

.has-normal-font-size[class] {
  font-size: inherit;
}

.has-medium-font-size[class] {
  font-size: 125%;
}

.has-large-font-size[class] {
  font-size: 200%;
}

.has-huge-font-size[class] {
  font-size: 300%;
}

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

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

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

.wp-block-image {
  flex-wrap: wrap;
  display: flex;
}
* + .wp-block-image {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .wp-block-image {
    margin-top: 1.5rem;
  }
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: inline-block;
}
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption,
.wp-block-image .aligncenter figcaption {
  text-align: center;
}
@media (max-width: 767px) {
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  .wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
}
.wp-block-image .alignright {
  margin-left: auto;
}
.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-quote {
  position: relative;
  background-color: #f1f1f1;
  padding: 4rem;
}
@media (max-width: 767px) {
  .wp-block-quote {
    padding: 3.5rem 1.5rem;
  }
}
.wp-block-quote::before, .wp-block-quote::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left center;
  position: absolute;
  z-index: 1;
}
.wp-block-quote::before {
  background-image: url(../img/ico_quote_mark01.svg);
  top: 0;
  left: 0;
  margin: 1.5rem 0 0 1.5rem;
}
@media (max-width: 767px) {
  .wp-block-quote::before {
    margin-top: 1rem;
  }
}
.wp-block-quote::after {
  background-image: url(../img/ico_quote_mark02.svg);
  bottom: 0;
  right: 0;
  margin: 0 1.5rem 1.5rem 0;
}
@media (max-width: 767px) {
  .wp-block-quote::after {
    margin-bottom: 1rem;
  }
}
.wp-block-quote cite {
  font-size: 0.75rem;
}
.wp-block-quote cite::before {
  content: "出典：";
  display: inline-block;
}
.wp-block-quote cite a {
  display: inline-block;
  color: #FFDC00;
  text-decoration: underline;
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .wp-block-quote cite a:hover {
    text-decoration: none;
  }
}

.wp-block-file {
  text-align: center;
  border: 1px solid #D3D3D3;
  padding: 2rem;
}
@media (max-width: 767px) {
  .wp-block-file {
    padding: 1.5rem;
  }
}
.wp-block-file::before {
  content: "下記よりPDFをダウンロードいただけます。";
  display: block;
  text-align: center;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .wp-block-file::before {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
}
.wp-block-file object {
  display: none;
}
.wp-block-file a:not([download]) {
  display: none;
}
.wp-block-file a[download] {
  font-weight: bold;
  color: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.44em auto;
  background-position: left 40%;
  background-size: 1em auto;
  background-image: url("../img/ico_pdf.svg");
  padding-left: 1.875rem;
}
@media (min-width: 768px) {
  .wp-block-file a[download]:hover {
    text-decoration: none;
  }
}

.wp-block-embed:not([class*=is-type-wp-embed]) .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.wp-block-embed:not([class*=is-type-wp-embed]) .wp-block-embed__wrapper iframe {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.c-content > * + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-content > * + * {
    margin-top: 1.25rem;
  }
}

* + .c-section {
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  * + .c-section {
    margin-top: 4rem;
  }
}
* + .c-section.-lg {
  margin-top: 10rem;
}
@media (max-width: 767px) {
  * + .c-section.-lg {
    margin-top: 6rem;
  }
}
* + .c-section.-sm {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  * + .c-section.-sm {
    margin-top: 2rem;
  }
}
* + .c-section.-xs {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  * + .c-section.-xs {
    margin-top: 1.5rem;
  }
}
* + .c-section.-md {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  * + .c-section.-md {
    margin-top: 3rem;
  }
}

/* ================================== */
h4[class*=has-text-align],
h4[class*=font-size],
h3[class*=has-text-align],
h3[class*=font-size],
h2[class*=has-text-align],
h2[class*=font-size],
h2:not([class]),
h3:not([class]),
h4:not([class]) {
  font-weight: bold;
  line-height: 1.5;
}

/* ================================== */
h2[class*=has-text-align],
h2[class*=font-size],
h2:not([class]) {
  position: relative;
  border-bottom: 1px solid #D3D3D3;
  font-size: 2rem;
  padding-bottom: 1.25rem;
}
h2[class*=has-text-align]::before,
h2[class*=font-size]::before,
h2:not([class])::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  width: 2.5rem;
  height: 4px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  margin-bottom: -2px;
}
@media (max-width: 767px) {
  h2[class*=has-text-align],
  h2[class*=font-size],
  h2:not([class]) {
    font-size: 1.5rem;
  }
}
h2[class*=has-text-align] + *,
h2[class*=font-size] + *,
h2:not([class]) + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  h2[class*=has-text-align] + *,
  h2[class*=font-size] + *,
  h2:not([class]) + * {
    margin-top: 2.625rem;
  }
}

* + h2[class*=has-text-align],
* + h2[class*=font-size],
* + h2:not([class]) {
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  * + h2[class*=has-text-align],
  * + h2[class*=font-size],
  * + h2:not([class]) {
    margin-top: 4rem;
  }
}

/* ================================== */
h3[class*=has-text-align],
h3[class*=font-size],
h3:not([class]) {
  position: relative;
  font-size: 1.5rem;
  padding-left: 1.25rem;
}
h3[class*=has-text-align]::before,
h3[class*=font-size]::before,
h3:not([class])::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  width: 4px;
  height: calc(100% - 0.375em);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
h3[class*=has-text-align] + *,
h3[class*=font-size] + *,
h3:not([class]) + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  h3[class*=has-text-align] + *,
  h3[class*=font-size] + *,
  h3:not([class]) + * {
    margin-top: 1.375rem;
  }
}

* + h3[class*=has-text-align],
* + h3[class*=font-size],
* + h3:not([class]) {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  * + h3[class*=has-text-align],
  * + h3[class*=font-size],
  * + h3:not([class]) {
    margin-top: 2.75rem;
  }
}

/* ================================== */
h4[class*=has-text-align],
h4[class*=font-size],
h4:not([class]) {
  font-size: 1.125rem;
}
h4[class*=has-text-align] + *,
h4[class*=font-size] + *,
h4:not([class]) + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  h4[class*=has-text-align] + *,
  h4[class*=font-size] + *,
  h4:not([class]) + * {
    margin-top: 1.125rem;
  }
}

* + h4[class*=has-text-align],
* + h4[class*=font-size],
* + h4:not([class]) {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  * + h4[class*=has-text-align],
  * + h4[class*=font-size],
  * + h4:not([class]) {
    margin-top: 2.25rem;
  }
}

/* ================================== */
ol[class*=font-size] {
  list-style: decimal;
}

ul[class*=font-size] {
  list-style: inherit;
}

ol:not([class]),
ul:not([class]),
ol[class*=font-size],
ul[class*=font-size] {
  padding: 0 0 0 1.375rem;
}
ol:not([class]) li + li,
ul:not([class]) li + li,
ol[class*=font-size] li + li,
ul[class*=font-size] li + li {
  margin-top: 0.125rem;
}

* + ol:not([class]),
* + ul:not([class]),
* + ol[class*=font-size],
* + ul[class*=font-size] {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  * + ol:not([class]),
  * + ul:not([class]),
  * + ol[class*=font-size],
  * + ul[class*=font-size] {
    margin-top: 1.5rem;
  }
}

@media (min-width: 768px) {
  .u-hidden-pc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .u-hidden-sp {
    display: none !important;
  }
  [data-tab-content].is-hidden {
    height: 0;
    visibility: hidden;
    opacity: 0;
    margin-top: 0 !important;
  }
}
@media (max-width: 1080px) {
  .u-hidden-tb {
    display: none !important;
  }
}
.u-font-size-xs {
  font-size: 75%;
}

.u-font-size-sm {
  font-size: 87.5%;
}

.u-font-size-md {
  font-size: 125%;
}

.u-font-size-lg {
  font-size: 150%;
}

.u-font-size-xl {
  font-size: 200%;
}

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

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

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

.u-color-gry-dark {
  color: #B3B3B3;
}

* + [u-mt-xs] {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  * + [u-mt-xs] {
    margin-top: 1rem;
  }
}

* + [u-mt-sm] {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  * + [u-mt-sm] {
    margin-top: 1.5rem;
  }
}

* + [u-mt-md] {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  * + [u-mt-md] {
    margin-top: 2.5rem;
  }
}

* + [u-mt-lg] {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  * + [u-mt-lg] {
    margin-top: 3.5rem;
  }
}

* + [u-mt-xl] {
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  * + [u-mt-xl] {
    margin-top: 4rem;
  }
}

/* =====================================
* contact form 7 デフォルトcss
* ================================== */
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
  /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
  /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  /* Yellow */
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  /* Red */
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  /* Dark Gray 800 */
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

form.submitting .wpcf7-spinner {
  visibility: visible;
}

.wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc;
  /* Light Gray 100 */
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7-spinner::before {
    animation-name: blink;
    animation-duration: 2000ms;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wpcf7 [inert] {
  opacity: 0.5;
}

.wpcf7 input[type=file] {
  cursor: pointer;
}

.wpcf7 input[type=file]:disabled {
  cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
  direction: ltr;
}

.wpcf7-reflection > output {
  display: list-item;
  list-style: none;
}

.wpcf7-reflection > output[hidden] {
  display: none;
}

/* =====================================
 * フォームのオリジナル設定はここから
 * ================================== */
.p-form__inner + * {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .p-form__inner + * {
    margin-top: 4rem;
  }
}
.p-form__inner dt {
  font-weight: bold;
  font-size: 1.125rem;
}
.p-form__inner dt + * {
  margin-top: 1rem;
}
.p-form__inner dd + * {
  margin-top: 3rem;
}
.p-form__req {
  align-items: center;
  display: flex;
  padding-right: 1rem;
}
@media (max-width: 767px) {
  .p-form__req {
    padding-right: 0;
  }
}
.p-form__req:after {
  content: "必須";
  display: inline-block;
  background-color: #F25050;
  color: #fff;
  font-weight: normal;
  font-size: 0.875rem;
  padding: 1px 1rem 0;
  margin-left: 1rem;
  transform: translateY(-1px);
}
.p-form__item + .p-form__item {
  margin-top: 2rem;
}
.p-form__item-headline + * {
  margin-top: 1rem;
}
.p-form__item-headline + * {
  margin-left: 0;
}
.p-form__error-list li[data-error-name=住所] + li[data-error-name=住所] {
  display: none !important;
}
.p-form__error-message {
  background-color: #ffe5e5;
  display: none;
  margin: 0 0 2rem;
  padding: 1.5rem;
}
.p-form__error-message.is-show {
  display: block;
}
.p-form__error-headline {
  color: #F25050;
  font-weight: bold;
  font-size: 1.375rem;
}
.p-form__error-list[class] {
  list-style: disc;
  margin: 1rem 0 0 1.5rem;
  padding: 0;
}
.p-form__error-list li {
  color: #F25050;
  font-size: 1.125rem;
}
.p-form .is-error[class] {
  border: 1px solid #F25050;
  background-color: #ffe5e5;
}
.p-form .wpcf7-not-valid-tip[class],
.p-form .error[class] {
  display: block;
  color: #F25050;
  font-size: 0.875rem;
  margin: 0.75rem 0 0;
}
.p-form input[type=email],
.p-form input[type=tel],
.p-form input[type=number],
.p-form input[type=text],
.p-form textarea,
.p-form select {
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  padding: 1rem 1rem;
}
.p-form input[type=email],
.p-form input[type=tel],
.p-form input[type=number],
.p-form input[type=text],
.p-form textarea {
  -webkit-appearance: none;
}
.p-form select {
  padding-right: 2.5rem;
  background-repeat: no-repeat;
  background-size: 0.75em auto;
  background-position: right center;
  background-position-x: calc(100% - 1rem);
  background-image: url(../img/ico_arr_down_pri.svg);
}
@media (max-width: 767px) {
  .p-form select {
    width: 100%;
  }
}
.p-form input[type=checkbox],
.p-form input[type=radio] {
  vertical-align: middle;
  padding: 0;
  width: 1.25em;
  height: 1.25em;
  opacity: 0.4;
}
.p-form input[type=checkbox] + *,
.p-form input[type=radio] + * {
  vertical-align: middle;
}
.p-form input[type=checkbox]:checked,
.p-form input[type=radio]:checked {
  opacity: 1;
}
.p-form textarea {
  display: block;
}
.p-form textarea:focus,
.p-form select:focus,
.p-form input:focus {
  border-color: #333;
}
.p-form input[type=checkbox],
.p-form input[type=submit] {
  padding: 0;
}
.p-form input[type=checkbox], .p-form input[type=checkbox]:focus,
.p-form input[type=submit],
.p-form input[type=submit]:focus {
  border: none;
}
.p-form input[type=radio],
.p-form input[type=checkbox] {
  margin-right: 0.375rem;
}
@media (max-width: 767px) {
  .p-form input[type=radio],
  .p-form input[type=checkbox] {
    margin-right: 0.5rem;
  }
}
.p-form button[type=submit] {
  width: 100%;
}
.p-form .wpcf7-response-output[class] {
  display: none !important;
}
.p-form .wpcf7-list-item.first {
  margin-left: 0;
}
@media (max-width: 767px) {
  .p-form .wpcf7-list-item {
    display: block;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .p-form .wpcf7-list-item + .wpcf7-list-item {
    margin-top: 0.5rem;
  }
}
.p-form .wpcf7-not-valid-tip {
  display: block;
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: #F25050;
}

.p-form-text__subtitle {
  color: #FFDC00;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-form-text__subtitle {
    font-size: 1.375rem;
  }
}
.p-form-text__subtitle + * {
  margin-top: 0.5rem;
}
.p-form-text__title {
  text-align: center;
  font-weight: bold;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .p-form-text__title {
    font-size: 2rem;
  }
}
.p-form-text__title + * {
  margin-top: 3rem;
}
.p-form-text__desc {
  text-align: center;
}

html.is-safari .p-form input[type=checkbox],
html.is-safari .p-form input[type=radio] {
  transform: scale(1.3);
  opacity: 0.8;
}

.p-sitemap ul {
  list-style: none;
}
.p-sitemap ul li + li {
  margin-top: 0.5rem;
}
.p-sitemap__list[class] {
  border: 1px solid #D3D3D3;
  padding: 3rem 4rem;
}
@media (max-width: 767px) {
  .p-sitemap__list[class] {
    padding: 1.5rem;
  }
}
.p-sitemap__list[class] + .p-sitemap__list[class] {
  margin-top: 2rem;
}
.p-sitemap__list[class] > li + li {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-sitemap__list[class] > li + li {
    margin-top: 1.5rem;
  }
}
.p-sitemap__list[class] > li > * + * {
  margin-top: 1rem;
}
.p-sitemap__list[class] > li > a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.375rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .p-sitemap__list[class] > li > a {
    font-size: 1.25rem;
  }
}
.p-sitemap__list[class] ul {
  padding: 0 0 0 1.5rem;
  margin-top: 0.5rem;
}
.p-sitemap__list[class] ul:not(:has(> li)) {
  display: none;
}
@media (max-width: 767px) {
  .p-sitemap__list[class] ul {
    padding: 0 0 0 2rem;
  }
}
.p-sitemap__list[class] ul li a {
  position: relative;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  padding-right: 1.125rem;
}
.p-sitemap__list[class] ul li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.4125em;
  height: 100%;
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/ico_arr2_right_pri.svg");
}
.p-sitemap__title {
  display: inline-block;
  background-color: #333;
  font-weight: bold;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem 0.125rem;
}
body[class] * + .p-sitemap__title {
  margin-top: 1.5rem;
}

.p-post-list__list {
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}
.p-post-list__item {
  display: flex;
  align-items: center;
  padding: 2rem 1rem;
}
@media (max-width: 767px) {
  .p-post-list__item {
    flex-wrap: wrap;
  }
}
.p-post-list__item + .p-post-list__item {
  border-top: 1px solid #D3D3D3;
}
.p-post-list__time {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 7rem;
  max-width: 7rem;
}
@media (max-width: 767px) {
  .p-post-list__time {
    flex-basis: 6rem;
    max-width: 6rem;
  }
}
.p-post-list__cat {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 7rem;
  max-width: 7rem;
}
@media (max-width: 767px) {
  .p-post-list__cat {
    flex-basis: calc(100% - 6rem);
    max-width: calc(100% - 6rem);
  }
}
.p-post-list__title {
  flex-shrink: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  * + .p-post-list__title {
    margin-top: 0.5rem;
  }
}
.p-post-list__title > * {
  display: block;
}
.p-post-list__title a {
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  background-image: url(../img/ico_arr_right_blk.svg);
  padding-right: 1rem;
}
.p-post-list__title a,
.p-post-list__title a:hover {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
@media (min-width: 768px) {
  .p-post-list__title a:hover {
    color: #FFDC00;
  }
}

@media (min-width: 768px) {
  .p-post-card__list {
    flex-wrap: wrap;
    display: flex;
    margin: -3rem 0 0 -3rem;
  }
}
@media (min-width: 768px) {
  .p-post-card__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33.3333333333% - 3rem);
    max-width: calc(33.3333333333% - 3rem);
    margin: 3rem 0 0 3rem;
  }
}
@media (max-width: 767px) {
  .p-post-card__item + .p-post-card__item {
    margin-top: 1.25rem;
  }
}
.p-post-card__img {
  aspect-ratio: 16/9;
}
.p-post-card__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-post-card__img + * {
  margin-top: 1rem;
}
.p-post-card__meta {
  display: flex;
  align-items: center;
}
.p-post-card__meta > * + * {
  margin-left: 1rem;
}
.p-post-card__meta + * {
  margin-top: 1rem;
}
.p-post-card__title {
  font-weight: bold;
  font-size: 1.25rem;
}
.p-post-card__title a,
.p-post-card__title a:hover {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
@media (min-width: 768px) {
  .p-post-card__title a:hover {
    color: #FFDC00;
  }
}

.p-post-detail + * {
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  .p-post-detail + * {
    margin-top: 4rem;
  }
}
.p-post-detail__meta {
  align-items: center;
  display: flex;
}
.p-post-detail__meta > * + * {
  margin-left: 1rem;
}
.p-post-detail__meta + * {
  margin-top: 1rem;
}
.p-post-detail__title {
  font-weight: bold;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .p-post-detail__title {
    font-size: 2rem;
  }
}
.p-post-detail__title + * {
  margin-top: 2rem;
}
.p-case-list__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
.p-case-list__item {
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-case-list__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33.3333333333% - 1.3333333333rem);
    max-width: calc(33.3333333333% - 1.3333333333rem);
  }
}
.p-case-list__img {
  aspect-ratio: 380/246;
}
.p-case-list__img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  height: 100%;
  width: 100%;
}
.p-case-list__text {
  padding: 1rem 2rem 2rem;
}
@media (max-width: 767px) {
  .p-case-list__text {
    padding: 1rem 1.25rem 1.5rem;
  }
}
.p-case-list__catch {
  border-bottom: 1px solid #f1f1f1;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 0.5rem;
}
.p-case-list__catch + * {
  margin-top: 0.5rem;
}
.p-case-list__company {
  font-weight: bold;
  font-size: 0.75rem;
}
@media (max-width: 767px) {
  .p-case-list__company {
    font-size: 0.875rem;
  }
}
.p-case-list__company + * {
  margin-top: 0.25rem;
}
.p-case-list__cat-list {
  flex-wrap: wrap;
  display: flex;
  gap: 0.125rem 0.25rem;
}
.p-case-list__cat-list > * {
  line-height: 1.25;
}
.p-case-list__cat-label {
  border: 1px solid #D3D3D3;
  font-size: 0.625rem;
  padding: 1px 0.5rem 0;
}
@media (max-width: 767px) {
  .p-case-list__cat-label {
    font-size: 0.75rem;
  }
}

.p-howto-headline {
  overflow: hidden;
  align-items: center;
  display: flex;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .p-howto-headline {
    gap: 1rem;
  }
}
.p-howto-headline::after {
  content: "";
  display: block;
  background-color: #D3D3D3;
  height: 1px;
  width: 100%;
  flex-shrink: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .p-howto-headline::after {
    display: none;
  }
}
.p-howto-headline__label {
  border-bottom: 2px solid #FFDC00;
  flex-shrink: 0;
  flex-grow: 0;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
  padding-bottom: 0.375rem;
}
.p-howto-headline__title {
  flex-shrink: 0;
  flex-grow: 0;
  line-height: 1.5;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .p-howto-headline__title {
    flex-shrink: 1;
    flex-grow: 1;
    font-size: 1.5rem;
  }
}

.p-howto-contact {
  background-color: #fff;
  padding: 1.5rem 2rem;
  max-width: 1000px;
}
.p-howto-contact + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-howto-contact + * {
    margin-top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .p-howto-contact {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p-howto-contact__list {
    align-items: center;
    display: flex;
  }
}
@media (min-width: 768px) {
  .p-howto-contact__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .p-howto-contact__item:first-child {
    border-right: 1px solid #D3D3D3;
  }
}
@media (max-width: 767px) {
  .p-howto-contact__item + .p-howto-contact__item {
    margin-top: 2rem;
  }
}
.p-howto-contact__title {
  text-align: center;
  font-weight: bold;
}
.p-howto-contact__title + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-howto-contact__title + * {
    margin-top: 0.5rem;
  }
}
.p-howto-contact__btn > * {
  margin-left: 0;
}
.p-howto-contact__time {
  text-align: center;
  font-size: 0.875rem;
}
.p-howto-contact__tel {
  text-align: center;
}
.p-howto-contact__tel a {
  text-decoration: none;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #F3CB58;
  font-weight: bold;
  font-size: 1.5rem;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left center;
  background-image: url(../img/ico_tel_pri_dark.svg);
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .p-howto-contact__tel a {
    background-size: 1.5rem auto;
    font-size: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 768px) {
  .p-howto-step {
    padding-top: 2.5rem;
  }
}
.p-howto-step__inner {
  background-color: #f1f1f1;
  padding: 5rem;
}
@media (max-width: 767px) {
  .p-howto-step__inner {
    padding: 1.25rem;
  }
}
.p-howto-step__simple-list {
  counter-reset: item;
}
@media (min-width: 768px) {
  .p-howto-step__simple-list {
    flex-wrap: wrap;
    display: flex;
    gap: 1rem 0.5rem;
  }
}
.p-howto-step__simple-item {
  position: relative;
}
.p-howto-step__simple-item::before {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .p-howto-step__simple-item::before {
    width: 0.5rem;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) {
  .p-howto-step__simple-item::before {
    width: 1px;
    height: 0.5rem;
    top: 0;
    left: 50%;
    margin-top: -0.5rem;
  }
}
@media (min-width: 768px) {
  .p-howto-step__simple-item:nth-child(4n+1)::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-howto-step__simple-item:nth-child(1)::before {
    display: none;
  }
}
@media (min-width: 768px) {
  .p-howto-step__simple-item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(25% - 0.375rem);
    max-width: calc(25% - 0.375rem);
  }
}
@media (max-width: 767px) {
  .p-howto-step__simple-item + .p-howto-step__simple-item {
    margin-top: 0.5rem;
  }
}
.p-howto-step__simple-label {
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .p-howto-step__simple-label {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-100%);
    margin-top: -1.5rem;
  }
}
@media (max-width: 767px) {
  .p-howto-step__simple-label {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
.p-howto-step__simple-label::after {
  content: "";
  display: block;
  background-color: #333;
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  z-index: 1;
}
@media (min-width: 768px) {
  .p-howto-step__simple-label::after {
    bottom: 0;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
    margin-bottom: -0.625rem;
  }
}
@media (max-width: 767px) {
  .p-howto-step__simple-label::after {
    width: 0.5rem;
    height: 0.5rem;
    right: 0;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    margin-right: 0.75rem;
  }
}
.p-howto-step__simple-label-title {
  display: inline-block;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
  padding: 1.5rem 2rem;
}
@media (max-width: 767px) {
  .p-howto-step__simple-label-title {
    font-size: 0.75rem;
    padding: 0.5rem 0.625rem;
    transform: scale(0.8);
  }
}
.p-howto-step__simple-title {
  letter-spacing: 0.02em;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  border: 1px solid #fff;
  line-height: 1.5;
  font-weight: bold;
  align-items: center;
  display: flex;
  text-decoration: none;
  color: #333;
  gap: 0.5rem;
  height: 4rem;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.p-howto-step__simple-title.-bg-pri {
  background-color: #FFDC00;
  border: 1px solid #FFDC00;
}
.p-howto-step__simple-title.-border {
  pointer-events: none;
  background: none;
  border: 1px dashed #333;
}
.p-howto-step__simple-title.-border::before {
  display: none;
}
.p-howto-step__simple-title.is-active {
  background-color: #FFDC00;
  border: 1px solid #333;
}
@media (max-width: 767px) {
  .p-howto-step__simple-title {
    height: 3.5rem;
    font-size: 0.875rem;
  }
}
.p-howto-step__simple-title::before {
  counter-increment: item;
  content: counter(item);
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 1.25rem;
  max-width: 1.25rem;
}
.p-howto-step__simple-title:hover {
  cursor: inherit;
}
@media (min-width: 768px) {
  .p-howto-step__simple-title:hover {
    background-color: #FFDC00;
    border: 1px solid #333;
    cursor: pointer;
  }
}
.p-howto-step__list {
  counter-reset: item;
  pointer-events: none;
}
.p-howto-step__title-wrap {
  position: relative;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
  background-image: url(../img/ico_step_shape.svg);
  padding-left: 7.5rem;
}
@media (max-width: 767px) {
  .p-howto-step__title-wrap {
    background-size: 5rem auto;
    padding-bottom: 0.5rem;
    padding-left: 6rem;
  }
}
.p-howto-step__title-wrap + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-howto-step__title-wrap + * {
    margin-top: 1rem;
  }
}
.p-howto-step__title-wrap::before, .p-howto-step__title-wrap::after {
  display: block;
  font-weight: bold;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 5rem;
}
.p-howto-step__title-wrap::before {
  content: "step";
  margin-top: 1rem;
}
.p-howto-step__title-wrap::after {
  counter-increment: item;
  content: "0" counter(item);
  font-size: 1.6375rem;
  margin-top: 2rem;
}
.p-howto-step__item {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.p-howto-free {
  border-top: 2px dashed #D3D3D3;
  border-bottom: 2px dashed #D3D3D3;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
}
.p-howto-free__title {
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-howto-free__title {
    font-size: 1.375rem;
  }
}
.p-howto-free__title + * {
  margin-top: 0.5rem;
}
.p-howto-free__desc {
  text-align: center;
}

.p-howto-text-block {
  background-color: #f1f1f1;
  padding: 1.5rem 2.5rem 1.25rem;
}
@media (max-width: 767px) {
  .p-howto-text-block {
    padding: 1.5rem 1.25rem 1.375rem;
  }
}
.p-howto-text-block__title {
  font-weight: bold;
}
.p-howto-text-block__title + * {
  margin-top: 0.25rem;
}

.p-howto-photo-list__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .p-howto-photo-list__list {
    gap: 0.75rem;
  }
}
.p-howto-photo-list__item {
  flex-shrink: 0;
  flex-grow: 0;
}
@media (min-width: 768px) {
  .p-howto-photo-list__item {
    flex-basis: 200px;
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .p-howto-photo-list__item {
    flex-basis: calc(33.3333333333% - 0.5rem);
    max-width: calc(33.3333333333% - 0.5rem);
  }
}
.p-howto-photo-list__img {
  overflow: hidden;
  border-radius: 50%;
}
.p-howto-photo-list__img + * {
  margin-top: 0.5rem;
}
.p-howto-photo-list__title {
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-howto-photo-list__title {
    font-size: 0.75rem;
  }
}

.p-faq-list__item + .p-faq-list__item {
  margin-top: 2.875rem;
}
@media (max-width: 767px) {
  .p-faq-list__item + .p-faq-list__item {
    margin-top: 1.75rem;
  }
}
.p-faq-list__q {
  position: relative;
  padding-left: 3.5rem;
}
.p-faq-list__q::before {
  line-height: 1;
  display: inline-block;
  font-weight: bold;
  font-size: 1.5rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.p-faq-list__q {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-faq-list__q {
    font-size: 1.25rem;
    padding-top: 0.25rem;
  }
}
.p-faq-list__q + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-faq-list__q + * {
    margin-top: 1.75rem;
  }
}
.p-faq-list__q::before {
  border-radius: 50%;
  content: "Q";
  color: #fff;
  background-color: #333;
  text-align: center;
  line-height: 1.25;
  font-size: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  padding-top: 0.375rem;
}
.p-faq-list__a {
  padding-top: 0;
}
@media (max-width: 767px) {
  .p-faq-list__a {
    font-size: 0.875rem;
  }
}
.p-faq-list__title {
  line-height: 1.5;
  font-weight: bold;
  color: #F3CB58;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-faq-list__title {
    font-size: 1rem;
  }
}
.p-faq-list__title + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-faq-list__title + * {
    margin-top: 0.5em;
  }
}
.p-faq-list.-type02 .p-faq-list__q {
  font-size: 1.25rem;
  padding-left: 2.5rem;
}
@media (max-width: 767px) {
  .p-faq-list.-type02 .p-faq-list__q {
    padding-top: 0;
  }
}
.p-faq-list.-type02 .p-faq-list__q + * {
  margin-top: 1.25rem;
}
.p-faq-list.-type02 .p-faq-list__q::before {
  background: none;
  color: #333;
  width: auto;
  padding-top: 0.125rem;
}
.p-faq-list.-type02 .p-faq-list__title {
  font-size: 1rem;
}
.p-faq-list.-type02 .p-faq-list__title[class] + * {
  margin-top: 0.375rem;
}
.p-faq-list.-type02 .p-faq-list__a > * + * {
  margin-top: 1rem;
}

.p-knowledge-list__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-knowledge-list__list {
    gap: 1.625rem;
  }
}
@media (min-width: 768px) {
  .p-knowledge-list__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33.3333333333% - 1.3333333333rem);
    max-width: calc(33.3333333333% - 1.3333333333rem);
  }
}
@media (max-width: 767px) {
  .p-knowledge-list__item {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
  }
}
@media (max-width: 767px) {
  body[data-page-slug=home] .p-knowledge-list__item:first-child {
    display: block;
  }
}
@media (min-width: 768px) {
  .p-knowledge-list.-col4 .p-knowledge-list__item {
    flex-basis: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
}
.p-knowledge-list__img {
  aspect-ratio: 280/198;
}
@media (max-width: 767px) {
  .p-knowledge-list__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 136px;
    max-width: 136px;
  }
}
.p-knowledge-list__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .p-knowledge-list__img + * {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  body[data-page-slug=home] .p-knowledge-list__item:first-child .p-knowledge-list__img + * {
    margin-top: 0.375rem;
  }
}
@media (max-width: 767px) {
  body[data-page-slug=home] .p-knowledge-list__item:first-child .p-knowledge-list__img {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.p-knowledge-list__cat + * {
  margin-top: 0.25rem;
}
.p-knowledge-list__cat-list li span {
  display: inline-block;
  background-color: #333;
  line-height: 1.5;
  text-transform: capitalize;
  color: #fff;
  font-weight: bold;
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem 0.125rem;
}
.p-knowledge-list__title {
  line-height: 1.5;
  font-weight: bold;
}
.p-knowledge-list__title a {
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
@media (min-width: 768px) {
  .p-knowledge-list__title a:hover {
    color: #FFDC00;
  }
}
@media (max-width: 767px) {
  body[data-page-slug=home] .p-knowledge-list__item:not(:first-child) .p-knowledge-list__title {
    font-size: 0.875rem;
  }
}

@media (min-width: 768px) {
  .p-knowledge-comment__inner {
    align-items: center;
    display: flex;
    gap: 2.5rem;
  }
}
@media (min-width: 768px) {
  .p-knowledge-comment__img {
    flex-shrink: 0;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .p-knowledge-comment__img {
    text-align: center;
  }
  .p-knowledge-comment__img + * {
    margin-top: 1.5rem;
  }
}
.p-knowledge-comment__text {
  border: 1px solid #D3D3D3;
  background-color: #fff;
  padding: 2rem 5rem;
}
@media (min-width: 768px) {
  .p-knowledge-comment__text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .p-knowledge-comment__text {
    padding: 1.5rem 1.25rem;
  }
}
.p-knowledge-comment__title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.5rem;
}
.p-knowledge-comment__title + * {
  margin-top: 1rem;
}
.p-knowledge-comment__desc {
  font-weight: bold;
  font-size: 1.125rem;
}
.p-knowledge-comment__mark {
  font-style: normal;
  display: inline;
  background: linear-gradient(transparent 60%, #FFED92 60%);
  background-repeat: repeat;
  background-size: 100% 1.5em;
}

.p-knowledge-text-box__title {
  background-color: #f1f1f1;
  padding: 2.625rem 2.5rem 2.5rem;
}
@media (min-width: 768px) {
  .p-knowledge-text-box__title {
    align-items: center;
    display: flex;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .p-knowledge-text-box__title {
    padding: 1.5rem 1.25rem 1rem;
  }
}
.p-knowledge-text-box__number {
  display: inline-block;
  background-color: #333;
  flex-shrink: 0;
  flex-grow: 0;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 0.25rem 1rem 0.125rem;
}
.p-knowledge-text-box__number::before {
  content: attr(data-title);
  display: inline-block;
  color: #fff;
  font-size: 0.875rem;
  transform: translateY(-0.125rem);
  margin-right: 0.125rem;
}
@media (max-width: 767px) {
  .p-knowledge-text-box__number {
    font-size: 1.25rem;
  }
  .p-knowledge-text-box__number + * {
    margin-top: 0.5rem;
  }
}
.p-knowledge-text-box__label {
  flex-shrink: 1;
  flex-grow: 1;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .p-knowledge-text-box__label {
    display: block;
    font-size: 1.5rem;
  }
}
.p-knowledge-text-box__text {
  background-color: #fff;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .p-knowledge-text-box__text {
    padding: 1.5rem 1.25rem;
  }
}
.p-knowledge-text-box__text > * + * {
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  body[data-page-slug=home] .p-knowledge-list__item:nth-child(4) ~ * {
    display: none;
  }
}

@media (min-width: 768px) {
  .p-service-problem__list {
    display: flex;
    gap: 2rem;
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .p-service-problem__list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.p-service-problem__item {
  position: relative;
  background-color: #f1f1f1;
  width: 100%;
  padding: 2rem 2.5rem;
}
@media (max-width: 767px) {
  .p-service-problem__item {
    padding: 1.75rem 2rem;
  }
}
@media (max-width: 767px) {
  .p-service-problem__item + .p-service-problem__item {
    margin-top: 1.75rem;
  }
}
.p-service-problem__item-img {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  margin: 0 -1.5rem -4.5rem 0;
}
@media (min-width: 768px) {
  .p-service-problem__item-img {
    height: 120px;
  }
}
@media (max-width: 767px) {
  .p-service-problem__item-img {
    margin: 0 -2rem -1rem 0;
  }
}
@media (max-width: 767px) {
  .p-service-problem__item-img img {
    width: auto;
    max-height: 76px;
    max-width: 78px;
  }
}
.p-service-problem__item-title {
  font-weight: bold;
  font-size: 1.25rem;
}
.p-service-problem__item-title + * {
  margin-top: 1rem;
}
.p-service-problem__item-desc {
  font-size: 0.875rem;
}
.p-service-problem__comment01 {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-service-problem__comment01 {
    font-size: 1rem;
  }
}
.p-service-problem__comment01 + * {
  margin-top: 1.5rem;
}
.p-service-problem__arrow {
  text-align: center;
}
.p-service-problem__arrow + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-problem__arrow img {
    max-width: 2.75rem;
  }
}
.p-service-problem__comment02 {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.p-service-problem__comment02 > * {
  position: relative;
  display: inline-block;
  padding-bottom: 0.625rem;
}
.p-service-problem__comment02 > *::before {
  content: "";
  display: block;
  transition: 0.5s;
  background-color: #FFDC00;
  width: 0;
  height: 3px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.p-service-problem__comment02 > *::after {
  content: "";
  display: block;
  transition: 0.5s;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  background-image: url(../img/ico_problem_comment.svg);
  width: 1.5rem;
  height: 1.25rem;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin: -0.5rem -0.5rem 0 0;
  opacity: 0;
}
@media (max-width: 767px) {
  .p-service-problem__comment02 {
    font-size: 1.25rem;
  }
}
.p-service-problem__comment02.is-inview > *::before {
  width: 100%;
}
.p-service-problem__comment02.is-inview-delay > *::after {
  opacity: 1;
}

* + .p-service-feature {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  * + .p-service-feature {
    margin-top: 3rem;
  }
}
.p-service-feature__header {
  position: relative;
}
@media (min-width: 768px) {
  .p-service-feature__header {
    padding-left: 8.25rem;
  }
}
.p-service-feature__header + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-service-feature__header + * {
    margin-top: 1.75rem;
  }
}
@media (min-width: 768px) {
  .p-service-feature__body {
    flex-direction: row-reverse;
    align-items: flex-start;
    display: flex;
    gap: 2.5rem;
  }
}
.p-service-feature__number {
  line-height: 1;
  color: #FFDC00;
  font-weight: bold;
  font-size: 5rem;
}
@media (min-width: 768px) {
  .p-service-feature__number {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    transform: translateY(-0.125rem);
  }
}
@media (max-width: 767px) {
  .p-service-feature__number {
    text-align: center;
    font-size: 4rem;
  }
  .p-service-feature__number + * {
    margin-top: 0.25rem;
  }
}
.p-service-feature__subtitle {
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-service-feature__subtitle {
    text-align: center;
  }
}
.p-service-feature__title {
  font-weight: bold;
  font-size: 1.75rem;
}
@media (max-width: 767px) {
  .p-service-feature__title {
    text-align: center;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .p-service-feature__desc {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.p-service-feature__desc > * + * {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .p-service-feature__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 580px;
    max-width: 580px;
  }
}
@media (max-width: 1080px) {
  .p-service-feature__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media (max-width: 767px) {
  .p-service-feature__img {
    max-width: 100%;
    text-align: center;
  }
  .p-service-feature__img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .p-service-feature__img + * {
    margin-top: 1.75rem;
  }
}

.p-service-job-type__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-service-job-type__list {
    gap: 1rem;
  }
}
.p-service-job-type__item {
  position: relative;
  border: 1px solid #D3D3D3;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: calc(25% - 1.5rem);
  max-width: calc(25% - 1.5rem);
  padding: 3.25rem 1.25rem 1.25rem;
}
@media (max-width: 767px) {
  .p-service-job-type__item {
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    padding: 3rem 1rem 1.125rem;
  }
}
.p-service-job-type__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center top;
  background-image: url(../img/ico_check_pri.svg);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-service-job-type__item::before {
    background-size: 1.5rem auto;
    margin-top: 1rem;
  }
}
.p-service-job-type__title {
  text-align: center;
  font-weight: bold;
}
@media (min-width: 768px) {
  .p-service-job-type__title {
    font-size: 1.25rem;
  }
}
.p-service-job-type__desc {
  text-align: center;
  color: #737373;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .p-service-job-type__desc {
    font-size: 0.75rem;
  }
}

.p-service-link-block {
  background-color: #f1f1f1;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .p-service-link-block {
    padding: 1.25rem;
  }
}
.p-service-link-block__label {
  font-weight: bold;
  font-size: 1.125rem;
}
.p-service-link-block__label + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-link-block__label + * {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .p-service-link-block__label {
    font-size: calc(0.875rem - 1px);
  }
}
.p-service-link-block__list {
  flex-wrap: wrap;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-link-block__list {
    gap: 1rem;
  }
}
.p-service-link-block__list li {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: calc(25% - 1.125rem);
  max-width: calc(25% - 1.125rem);
}
@media (max-width: 767px) {
  .p-service-link-block__list li {
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
  }
}
.p-service-link-block__list li a {
  text-decoration: none;
  display: block;
  transition: all 0.2s ease-in-out;
  border: 1px solid #fff;
  background-color: #fff;
  line-height: 1.5;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: 0.375rem auto;
  background-position: right center;
  background-position-X: calc(100% - 1.5rem);
  background-image: url(../img/ico_arr2_right_pri.svg);
  padding: 1rem 1.5rem;
}
@media (max-width: 767px) {
  .p-service-link-block__list li a {
    font-size: 0.75rem;
    background-position-X: calc(100% - 0.75rem);
    padding: 0.75rem 0.75rem;
  }
}
@media (max-width: 1080px) {
  .p-service-link-block__list li a br {
    display: none;
  }
}
@media (max-width: 767px) {
  .p-service-link-block__list li a br {
    display: block;
  }
}
@media (min-width: 768px) {
  .p-service-link-block__list li a:hover {
    border-color: #333;
  }
}

@media (min-width: 768px) {
  .p-service-detail__list {
    flex-wrap: wrap;
    display: flex;
    gap: 2.5rem;
  }
}
.p-service-detail__item {
  transition: all 0.2s ease-in-out;
  position: relative;
  background-color: #fff;
  padding: 2.5rem 2.5rem 5.75rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-service-detail__item:hover {
    background-color: #f8f8f8;
  }
}
@media (min-width: 768px) {
  .p-service-detail__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1.25rem);
    max-width: calc(50% - 1.25rem);
  }
}
@media (max-width: 767px) {
  .p-service-detail__item {
    padding: 1.75rem 1.75rem 4.25rem;
    padding-bottom: 1.75rem;
  }
}
@media (min-width: 768px) {
  .p-service-detail__item:hover .p-service-detail__link a {
    text-decoration: none;
    color: #FFDC00 !important;
  }
}
.p-service-detail__item.is-hidden[class] {
  display: none;
}
@media (min-width: 768px) {
  .p-service-detail.-col3 .p-service-detail__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33.3333333333% - 1.6666666667rem);
    max-width: calc(33.3333333333% - 1.6666666667rem);
  }
}
@media (min-width: 768px) {
  .p-service-detail__item.-lg {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .p-service-detail__item + .p-service-detail__item {
    margin-top: 1.75rem;
  }
}
.p-service-detail__text {
  position: relative;
  height: 100%;
  padding-bottom: 3.25rem;
}
@media (max-width: 767px) {
  .p-service-detail__text {
    padding-bottom: 2.25rem;
  }
}
@media (min-width: 768px) {
  .p-service-detail__text:has(a br) {
    padding-bottom: 4.25rem;
  }
}
.p-service-detail__headline {
  border-bottom: 1px solid #D3D3D3;
  align-items: center;
  display: flex;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
}
.p-service-detail__headline + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-detail__headline + * {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .p-service-detail__headline {
    gap: 1.125rem;
    padding-bottom: 1.125rem;
  }
}
.p-service-detail.-no-border .p-service-detail__headline {
  border: none;
  padding-bottom: 0;
}
.p-service-detail.-ico-lg .p-service-detail__headline {
  display: block;
}
.p-service-detail__headline-ico {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 2.5rem;
  max-width: 2.5rem;
  transform: translateY(-0.125rem);
}
.p-service-detail.-ico-lg .p-service-detail__headline-ico {
  flex-basis: 3.5rem;
  max-width: 3.5rem;
}
@media (max-width: 767px) {
  .p-service-detail.-ico-lg .p-service-detail__headline-ico {
    flex-basis: 2.5rem;
    max-width: 2.5rem;
  }
}
.p-service-detail.-ico-lg .p-service-detail__headline-ico + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-detail.-ico-lg .p-service-detail__headline-ico + * {
    margin-top: 1rem;
  }
}
.p-service-detail__headline-label {
  flex-shrink: 1;
  flex-grow: 1;
  line-height: 1.5;
  font-weight: bold;
}
@media (min-width: 768px) {
  .p-service-detail__headline-label {
    font-size: 1.25rem;
  }
}
@media (max-width: 767px) {
  .p-service-detail__desc {
    font-size: 0.875rem;
  }
}
.p-service-detail.-col3 .p-service-detail__link {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.p-service-detail.-col3 .p-service-detail__link a {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .p-service-detail__item:has(.p-service-detail__img) {
    align-items: flex-start;
    display: flex;
    gap: 5rem;
  }
}
.p-service-detail__item:has(.p-service-detail__img) .p-service-detail__text {
  height: auto;
}
@media (min-width: 768px) {
  .p-service-detail__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 20rem;
    max-width: 20rem;
  }
}
@media (max-width: 767px) {
  .p-service-detail__img {
    text-align: center;
  }
  * + .p-service-detail__img {
    margin-top: 1.5rem;
  }
}

.p-service-support__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-service-support__list {
    gap: 1rem;
  }
}
.p-service-support__item {
  position: relative;
  border: 1px solid #D3D3D3;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: calc(33.3333333333% - 1.5rem);
  max-width: calc(33.3333333333% - 1.5rem);
  padding: 4.25rem 2.5rem 2.5rem;
}
@media (max-width: 767px) {
  .p-service-support__item {
    flex-basis: calc(50% - 0.5rem);
    max-width: calc(50% - 0.5rem);
    padding: 3rem 1rem 1.125rem;
  }
}
.p-service-support__item::before {
  content: "";
  display: block;
  width: 100%;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left top;
  background-position-X: 2.5rem;
  background-image: url(../img/ico_check_pri.svg);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-service-support__item::before {
    background-size: 1.5rem auto;
    background-position-X: 1.25rem;
    margin-top: 1.25rem;
  }
}
.p-service-support.-type02 .p-service-support__item {
  flex-basis: calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  padding: 2rem;
}
@media (max-width: 767px) {
  .p-service-support.-type02 .p-service-support__item {
    flex-basis: 100%;
    max-width: 100%;
    padding: 1.25rem;
  }
}
.p-service-support.-type02 .p-service-support__item::before {
  display: none;
}
@media (min-width: 768px) {
  .p-service-support.-type02 .p-service-support__inner {
    flex-direction: row-reverse;
    display: flex;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .p-service-support__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 200px;
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .p-service-support__img + * {
    margin-top: 1rem;
  }
}
.p-service-support__title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
}
.p-service-support__title + * {
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .p-service-support__title {
    font-size: 0.875rem;
  }
}
.p-service-support.-type02 .p-service-support__title {
  position: relative;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: left center;
  background-image: url(../img/ico_check_pri.svg);
  padding-left: 2.5rem;
}
@media (max-width: 767px) {
  .p-service-support.-type02 .p-service-support__title {
    font-size: 1.125rem;
  }
}
.p-service-support.-type02 .p-service-support__title + * {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .p-service-support.-type02 .p-service-support__title + * {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-service-support__desc {
    font-size: 0.75rem;
  }
}
.p-service-support__desc > * + * {
  margin-top: 0.75rem;
}

@media (min-width: 768px) {
  .p-service-alink {
    padding-top: 6.75rem;
  }
}
.p-service-alink__list {
  display: flex;
}
@media (max-width: 767px) {
  .p-service-alink__list {
    gap: 2px;
  }
}
.p-service-alink__item:last-child {
  border-right: 1px solid #D3D3D3;
}
.p-service-alink__item {
  transition: all 0.2s ease-in-out;
  border-left: 1px solid #D3D3D3;
  padding: 0 1.875rem;
  width: 100%;
}
@media (max-width: 767px) {
  .p-service-alink__item {
    padding: 0.75rem 0.5rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-service-alink__item.is-disable {
    filter: grayscale(100%);
    opacity: 0.5;
  }
}
.p-service-alink__img {
  max-width: 2rem;
  margin-left: auto;
  margin-right: auto;
}
.p-service-alink__img + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-service-alink__img {
    max-width: 1.75rem;
  }
}
.p-service-alink__title {
  line-height: 1.5;
  text-align: center;
}
.p-service-alink__title[class] a {
  display: block;
  text-decoration: none;
  color: inherit;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: bottom center;
  background-image: url(../img/ico_arr_down_gry.svg);
}
@media (min-width: 768px) {
  .p-service-alink__title[class] a {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .p-service-alink__title[class] a {
    pointer-events: none;
    padding-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .p-service-alink__title {
    text-align: center;
    max-width: 94px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.75rem;
  }
}
.p-service-alink__title-label {
  display: block;
  font-weight: bold;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .p-service-alink__title-label {
    margin-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .p-service-alink__title-label {
    font-size: 1rem;
  }
}
.p-service-alink__desc {
  transition: all 0.2s ease-in-out;
  background-color: #FFED92;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  width: 100%;
  padding: 1rem;
  transform: translate(-50%, -100%);
  margin-top: -2rem;
}
@media (max-width: 767px) {
  .p-service-alink__desc {
    display: none;
  }
}
.p-service-alink__desc > * {
  position: relative;
  z-index: 5;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .p-service-alink__desc > * {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .p-service-alink__desc {
    max-width: 280px;
  }
}
@media (max-width: 767px) {
  .p-service-alink__desc {
    padding: 0.5rem 2px;
  }
}
.p-service-alink__desc::after {
  content: "";
  display: block;
  background-color: #FFED92;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%) rotate(45deg);
  margin-bottom: 0.875rem;
}
@media (min-width: 768px) {
  .p-service-alink__item:has(a):hover .p-service-alink__desc {
    margin-top: -3rem;
  }
}

.p-service-headline {
  position: relative;
  line-height: 1.5;
  align-items: center;
  display: flex;
  gap: 1rem;
  padding-bottom: 1.5rem;
}
.p-service-headline::before {
  content: "";
  display: block;
  background-color: #D3D3D3;
  width: 100vw;
  height: 1px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .p-service-headline {
    gap: 0.625rem;
  }
}
.p-service-headline + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-service-headline + * {
    margin-top: 1.75rem;
  }
}
* + .p-service-headline {
  margin-top: 7.5rem;
}
@media (max-width: 767px) {
  * + .p-service-headline {
    margin-top: 4rem;
  }
}
.p-service-headline::after {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  background-image: url(../img/ico_tab_open.svg);
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width: 767px) {
  .p-service-headline::after {
    content: "";
    display: block;
  }
}
.p-service-headline__img {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 2rem;
  max-width: 2rem;
}
.p-service-headline__label {
  flex-shrink: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .p-service-headline__label {
    font-size: 1.25rem;
  }
}

@media (min-width: 768px) {
  .p-service-submenu__list {
    flex-wrap: wrap;
    display: flex;
    gap: 2rem;
  }
}
.p-service-submenu__item {
  border: 1px solid #D3D3D3;
  padding: 2.5rem;
}
@media (min-width: 768px) {
  .p-service-submenu__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(33.3333333333% - 1.3333333333rem);
    max-width: calc(33.3333333333% - 1.3333333333rem);
  }
}
@media (max-width: 767px) {
  .p-service-submenu__item {
    padding: 1.5rem 1.25rem;
  }
}
@media (max-width: 767px) {
  .p-service-submenu__item + .p-service-submenu__item {
    margin-top: 1.25rem;
  }
}
.p-service-submenu__title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
  display: table;
  width: 100%;
}
@media (min-width: 768px) {
  .p-service-submenu__title {
    height: 3.75rem;
  }
}
.p-service-submenu__title > * {
  display: table-cell;
  vertical-align: middle;
}
.p-service-submenu__title + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-service-submenu__title + * {
    margin-top: 0.5rem;
  }
}
.p-service-submenu__sublist li + li {
  margin-top: 0.25rem;
}
.p-service-submenu__sublist li a {
  letter-spacing: 0.02em;
  position: relative;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  padding-right: 1.125rem;
}
.p-service-submenu__sublist li a:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.4125em;
  height: 100%;
  background-position: center 45%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/ico_arr2_right_pri.svg");
}

.p-works-tab {
  border: 1px solid #D3D3D3;
  padding: 2.5rem;
}
@media (max-width: 767px) {
  .p-works-tab {
    padding: 1.5rem 1.25rem;
  }
}
.p-works-tab__item + .p-works-tab__item {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-works-tab__item + .p-works-tab__item {
    margin-top: 1.5rem;
  }
}
.p-works-tab__headline {
  line-height: 1.25;
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.p-works-tab__headline + * {
  margin-top: 1rem;
}
.p-works-tab__img {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 1.5rem;
  max-width: 1.5rem;
}
.p-works-tab__title {
  font-weight: bold;
  font-size: 1.25rem;
  padding-left: 0.75rem;
}
@media (max-width: 767px) {
  .p-works-tab__title {
    font-size: 1.125rem;
  }
}
.p-works-tab__sublist {
  flex-wrap: wrap;
  display: flex;
  gap: 0.5rem 1rem;
}
@media (max-width: 767px) {
  .p-works-tab__sublist {
    gap: 0.25rem 0.5rem;
  }
}
.p-works-tab__sublist li > * {
  transition: all 0.2s ease-in-out;
  border: 1px solid #D3D3D3;
  line-height: 1.25;
  padding: 0.375rem 1rem 0.25rem;
}
@media (max-width: 767px) {
  .p-works-tab__sublist li > * {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem 0.125rem;
  }
}
@media (min-width: 768px) {
  .p-works-tab__sublist li > *:hover {
    cursor: pointer;
    border-color: #333;
    color: #fff;
    background-color: #333;
  }
}
.p-works-tab__sublist li > *.is-active {
  border-color: #333;
  color: #fff;
  background-color: #333;
}
.p-works-tab__sublist li:has(*.is-hidden) {
  display: none;
}

@media (min-width: 768px) {
  .p-works-list__list {
    flex-wrap: wrap;
    display: flex;
    gap: 2.5rem;
  }
}
.p-works-list__item {
  display: none;
}
@media (min-width: 768px) {
  .p-works-list__item {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1.25rem);
    max-width: calc(50% - 1.25rem);
  }
}
@media (max-width: 767px) {
  .p-works-list__item + .p-works-list__item {
    margin-top: 1.25rem;
  }
}
.p-works-list__item.is-active {
  display: block;
}
.p-works-list__text {
  background-color: #fff;
  padding: 1.75rem 2.5rem 2.5rem;
}
@media (max-width: 767px) {
  .p-works-list__text {
    padding: 1.5rem 1.25rem;
  }
}
.p-works-list__img {
  aspect-ratio: 580/306;
}
.p-works-list__img img {
  -o-object-position: center top;
     object-position: center top;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-works-list__title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.5rem;
}
.p-works-list__title a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .p-works-list__title {
    font-size: 1.25rem;
  }
}
.p-works-list__title + * {
  margin-top: 1rem;
}
.p-works-list__company {
  border-top: 1px solid #D3D3D3;
  font-weight: bold;
  opacity: 0.8;
  padding-top: 1rem;
}
.p-works-list__company + * {
  margin-top: 0.25rem;
}
.p-works-list__cat-list {
  flex-wrap: wrap;
  display: flex;
  gap: 0.25rem;
}
.p-works-list__cat-list > * {
  transition: all 0.2s ease-in-out;
  border: 1px solid #D3D3D3;
  line-height: 1.25;
  font-size: 0.75rem;
  padding: 0.25rem 0.75rem 0.125rem;
}
@media (max-width: 767px) {
  .p-works-list__cat-list > * {
    font-size: 0.625rem;
    padding: 0.25rem 0.5rem 0.125rem;
  }
}

.p-works-comment-box__title {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.p-works-comment-box__title + * {
  margin-top: 1rem;
}
.p-works-comment-box__img {
  overflow: hidden;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
}
@media (max-width: 767px) {
  .p-works-comment-box__img {
    width: 4rem;
    height: 4rem;
  }
}
.p-works-comment-box__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-works-comment-box__label {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-works-comment-box__label {
    font-size: 1.25rem;
  }
}

.p-works-member__title {
  font-weight: bold;
}
.p-works-member__title + * {
  margin-top: 1.5rem;
}
.p-works-member__list {
  flex-wrap: wrap;
  display: flex;
  gap: 2.5rem;
}
@media (max-width: 1240px) {
  .p-works-member__list {
    gap: 1.5rem;
  }
}
@media (max-width: 1080px) {
  .p-works-member__list {
    gap: 1rem;
  }
}
.p-works-member__list > * {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: calc(50% - 1.25rem);
  max-width: calc(50% - 1.25rem);
}
@media (max-width: 1080px) {
  .p-works-member__list > * {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.p-works-member__list > * {
  align-items: center;
  display: flex;
  gap: 0.375rem;
}
@media (max-width: 1240px) {
  .p-works-member__list > * {
    font-size: 0.875rem;
  }
}
@media (max-width: 1080px) {
  .p-works-member__list > * {
    font-size: 1rem;
  }
}
.p-works-member__list > * span:first-child {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 8.5rem;
  max-width: 8.5rem;
}
@media (max-width: 1240px) {
  .p-works-member__list > * span:first-child {
    flex-basis: 7.5rem;
    max-width: 7.5rem;
  }
}
@media (max-width: 1080px) {
  .p-works-member__list > * span:first-child {
    flex-basis: 40%;
    max-width: 40%;
  }
}
.p-works-member__list > * span:has(img) {
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 3rem;
  max-width: 3rem;
  width: 3rem;
  height: 3rem;
}
.p-works-member__list > * span:has(img) img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

* + .p-home-problem,
* + .p-home-works,
* + .p-home-member,
* + .p-home-knowledge,
* + .p-home-merit,
* + .p-home-method {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  * + .p-home-problem,
  * + .p-home-works,
  * + .p-home-member,
  * + .p-home-knowledge,
  * + .p-home-merit,
  * + .p-home-method {
    margin-top: 2.75rem;
  }
}

.p-home-flow,
.p-home-works,
.p-home-service,
.p-home-merit {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 767px) {
  .p-home-flow,
  .p-home-works,
  .p-home-service,
  .p-home-merit {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }
}

.p-home-cta {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .p-home-cta {
    margin-top: -108px;
  }
}
@media (max-width: 767px) {
  .p-home-cta {
    margin-top: 0;
  }
  .p-home-cta > * {
    padding-left: 0;
    padding-right: 0;
  }
}

.p-home-mv {
  position: relative;
  background-color: #f1f1f1;
  padding-top: 11rem;
  padding-bottom: 8rem;
}
@media (max-width: 1080px) {
  .p-home-mv {
    padding-top: 8rem;
    padding-bottom: 10rem;
  }
}
@media (max-width: 767px) {
  .p-home-mv {
    padding-top: 5rem;
    padding-bottom: 0.75rem;
  }
}
.p-home-mv__bg {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-home-mv__bg::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  width: 100vw;
  height: 200%;
  position: absolute;
  z-index: 1;
  top: -50%;
  left: 50%;
  transform: translateX(-16%) rotate(13deg);
}
@media (max-width: 767px) {
  .p-home-mv__bg::before {
    transform: translateX(-8%) rotate(13deg);
  }
}
.p-home-mv__content {
  overflow: hidden;
  position: relative;
  z-index: 5;
}
@media (min-width: 768px) {
  .p-home-mv__inner {
    display: flex;
  }
}
@media (max-width: 1080px) {
  .p-home-mv__inner {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .p-home-mv__text {
    flex-shrink: 0;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .p-home-mv__text + * {
    margin-top: 0.75rem;
  }
}
@media (min-width: 768px) {
  .p-home-mv__slider-wrap {
    flex-shrink: 1;
    flex-grow: 1;
    flex-basis: 50rem;
    max-width: 50rem;
  }
}
@media (max-width: 1080px) {
  .p-home-mv__slider-wrap {
    flex-basis: 60vw;
    max-width: 60vw;
  }
}
@media (max-width: 767px) {
  .p-home-mv__slider-wrap {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.p-home-mv__catch {
  font-weight: bold;
  font-size: 1.25rem;
}
.p-home-mv__catch + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-home-mv__catch + * {
    margin-top: 0;
  }
}
.p-home-mv__title-wrap + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-home-mv__title-wrap + * {
    margin-top: 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-home-mv__title-wrap {
    text-align: center;
  }
}
.p-home-mv__title01 {
  display: inline-block;
  background-color: #fff;
  line-height: 1.25;
  font-weight: bold;
  font-size: 3rem;
  padding: 0.5rem 1.5rem 0.25rem;
}
* + .p-home-mv__title01 {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .p-home-mv__title01 {
    font-size: 2.25rem;
    padding: 0.375rem 0.5rem 0.125rem;
  }
}
.p-home-mv__title02 {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .p-home-mv__title02 {
    font-size: 1rem;
  }
}
* + .p-home-mv__title02 {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  * + .p-home-mv__title02 {
    margin-top: 0.5rem;
  }
}
.p-home-mv__mark {
  font-style: normal;
  font-size: 1.5rem;
  display: inline;
  background: linear-gradient(transparent 60%, #FFED92 60%);
  background-repeat: repeat;
  background-size: 100% 1.5em;
}
@media (max-width: 767px) {
  .p-home-mv__mark {
    font-size: 1.25rem;
  }
}
.p-home-mv__merit + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-mv__merit {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.p-home-mv__merit-list {
  flex-wrap: wrap;
  display: flex;
}
@media (min-width: 768px) {
  .p-home-mv__merit-list {
    gap: 0.5rem;
  }
}
.p-home-mv__merit-item {
  width: 10rem;
  height: 10rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 10rem;
  max-width: 10rem;
}
@media (min-width: 768px) {
  .p-home-mv__merit-item {
    border-radius: 50%;
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .p-home-mv__merit-item {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    height: 13vw;
    width: 33.3333333333%;
  }
}
.p-home-mv__merit-item.-index1, .p-home-mv__merit-item.-index3 {
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center 60%;
  background-image: url(../img/ico_star_pri.svg);
}
@media (max-width: 1080px) {
  .p-home-mv__merit-item.-index1, .p-home-mv__merit-item.-index3 {
    background-size: 87.5% auto;
  }
}
@media (max-width: 767px) {
  .p-home-mv__merit-item.-index1, .p-home-mv__merit-item.-index3 {
    background-image: url(../img/ico_star_wht.svg);
    background-size: 75% auto;
    background-position: center 80%;
  }
}
@media (max-width: 767px) {
  .p-home-mv__merit-item + .p-home-mv__merit-item {
    border-left: 1px solid #333;
  }
}
.p-home-mv__merit-title {
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .p-home-mv__merit-title {
    font-size: 0.75rem;
  }
}
.p-home-mv__merit-desc {
  height: 4rem;
  font-weight: bold;
  font-size: 3.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .p-home-mv__merit-desc {
    height: 10vw;
    font-size: 1.75rem;
  }
}
.p-home-mv__merit-desc span.-num {
  font-size: 4.25rem;
}
@media (max-width: 767px) {
  .p-home-mv__merit-desc span.-num {
    font-size: 3rem;
  }
}
.p-home-mv__merit-desc span.-text {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .p-home-mv__merit-desc span.-text {
    font-size: 1.375rem;
  }
}
.p-home-mv__merit-desc span {
  padding: 0 0.375rem;
}
.p-home-mv__slider {
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-mv__slider {
    padding-bottom: 1.25rem;
  }
}
.p-home-mv__slider-item {
  cursor: inherit;
}
@media (max-width: 767px) {
  .p-home-mv__slider-img {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.p-home-mv__slider-company {
  text-align: center;
  font-size: 0.875rem;
  margin-top: -1rem;
}
.p-home-mv__slider-item:not(.swiper-slide-active) .p-home-mv__slider-company {
  opacity: 0;
}
.p-home-mv__slider-doc {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
@media (max-width: 767px) {
  .p-home-mv__slider-doc {
    gap: 0.5rem;
  }
}
.p-home-mv__slider-doc > * {
  opacity: 1;
  background: none;
  border: 1px solid #fff;
  margin: 0 !important;
  display: block;
  width: 0.625rem;
  height: 0.625rem;
}
@media (max-width: 767px) {
  .p-home-mv__slider-doc > * {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.p-home-mv__slider-doc > *.swiper-pagination-bullet-active {
  background: #fff;
}

.p-home-problem__header + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .p-home-problem__header + * {
    margin-top: 1.5rem;
  }
}
.p-home-problem__body + * {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .p-home-problem__body + * {
    margin-top: 2.5rem;
  }
}

.p-home-merit {
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
}
.p-home-merit::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
}
@media (max-width: 767px) {
  .p-home-merit::before {
    height: 340px;
  }
}
.p-home-merit__header + *, .p-home-merit__body + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .p-home-merit__header + *, .p-home-merit__body + * {
    margin-top: 1.5rem;
  }
}
@media (min-width: 768px) {
  .p-home-merit__list {
    display: flex;
    gap: 2rem;
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__list {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .p-home-merit__list + * {
    margin-top: 1.75rem;
  }
}
.p-home-merit__item {
  width: 100%;
}
@media (max-width: 767px) {
  .p-home-merit__item + .p-home-merit__item {
    margin-top: 1.75rem;
  }
}
.p-home-merit__item-header + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-merit__item-header + * {
    margin-top: 1.25rem;
  }
}
.p-home-merit__item-catch {
  position: relative;
  background-color: #FFED92;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  padding: 1rem;
}
@media (max-width: 767px) {
  .p-home-merit__item-catch {
    font-size: 0.875rem;
    padding: 0.5rem;
  }
}
.p-home-merit__item-catch::after {
  content: "";
  display: block;
  width: 2rem;
  aspect-ratio: 2.5;
  clip-path: polygon(50% 100%, 100% 0, 0 0);
  background: #FFED92;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}
@media (max-width: 767px) {
  .p-home-merit__item-catch::after {
    width: 1.5rem;
  }
}
.p-home-merit__item-body {
  position: relative;
  background-color: #fff;
  padding: 2.5rem 2.375rem;
}
@media (max-width: 767px) {
  .p-home-merit__item-body {
    padding: 1.75rem 2.25rem;
  }
}
.p-home-merit__item-title {
  text-align: center;
}
.p-home-merit__item-title > * {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline;
  background: linear-gradient(transparent 60%, #FFED92 60%);
  background-repeat: repeat;
  background-size: 100% 1.5em;
}
@media (max-width: 767px) {
  .p-home-merit__item-title > * {
    font-size: 1.125rem;
  }
}
.p-home-merit__item-title + * {
  margin-top: 1.75rem;
}
@media (max-width: 767px) {
  .p-home-merit__item-title + * {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__item-desc {
    font-size: 0.875rem;
  }
}
.p-home-merit__comment {
  transition: all 0.2s ease-in-out;
  background-color: #f1f1f1;
  padding: 2.5rem 3.5rem;
}
@media (min-width: 768px) {
  .p-home-merit__comment {
    display: flex;
    gap: 2rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment {
    position: relative;
    overflow: hidden;
    padding: 1.75rem 2.25rem;
    max-width: calc(100% - 2.5rem);
    margin-left: auto;
    margin-right: auto;
    height: 320px;
  }
}
.p-home-merit__comment.is-active {
  height: auto;
}
@media (min-width: 768px) {
  .p-home-merit__comment-text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment-text + * {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .p-home-merit__comment-img {
    flex-shrink: 0;
    flex-grow: 0;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment-img {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .p-home-merit__comment-title {
    align-items: center;
    display: flex;
    gap: 1.5rem;
  }
}
.p-home-merit__comment-title + * {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-home-merit__comment-title + * {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment-title-ico {
    max-width: 4rem;
    margin-left: auto;
    margin-right: auto;
  }
  .p-home-merit__comment-title-ico + * {
    margin-top: 0.625rem;
  }
}
.p-home-merit__comment-title-label {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .p-home-merit__comment-title-label {
    border-bottom: 3px solid #FFDC00;
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment-title-label {
    text-align: center;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .p-home-merit__comment-desc {
    font-size: 0.875rem;
  }
}
.p-home-merit__comment-desc + * {
  margin-top: 1rem;
}
.p-home-merit__comment-desc.-sm {
  font-size: 0.875rem;
}
.p-home-merit__comment-seemore {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  justify-content: center;
  display: flex;
  padding-bottom: 1.25rem;
  padding-top: 10rem;
}
.p-home-merit__comment-seemore.is-hidden::before, .p-home-merit__comment-seemore.is-hidden::after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.p-home-merit__comment-seemore::before, .p-home-merit__comment-seemore::after {
  content: "";
  transition: all 0.2s ease-in-out;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
}
.p-home-merit__comment-seemore::before {
  top: 0;
  height: 70%;
  background: linear-gradient(to top, #fff, rgba(241, 241, 241, 0));
}
.p-home-merit__comment-seemore::after {
  bottom: 0;
  height: 30%;
  background-color: #fff;
}
.p-home-merit__comment-seemore > * {
  position: relative;
  z-index: 10;
  background-repeat: no-repeat;
  background-size: 0.875rem auto;
  background-position: center bottom;
  background-image: url(../img/ico_arr_down_gry.svg);
  font-size: 0.75rem;
  padding: 0.5rem 1rem 0.75rem;
}
.p-home-merit__comment-seemore > *.is-hidden {
  display: none;
}

.p-home-service {
  background-color: #f1f1f1;
  margin-top: 0;
}
.p-home-service.-no-bg {
  background: none;
}
.p-home-service.-no-padding {
  overflow: inherit;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .p-home-service {
    overflow: hidden;
  }
}
.p-home-service__header + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-service__header + * {
    margin-top: 2.75rem;
  }
}
@media (min-width: 768px) {
  .p-home-service__outline {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .p-home-service__outline-text {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(58.3333333333% + 5rem);
    max-width: calc(58.3333333333% + 5rem);
    padding-right: 5rem;
  }
}
@media (min-width: 768px) {
  .p-home-service__outline-img {
    flex-shrink: 0;
    flex-grow: 0;
  }
  .p-home-service__outline-img + * {
    margin-top: 5rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__outline-img {
    aspect-ratio: 340/240;
  }
  .p-home-service__outline-img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .p-home-service__outline-img + * {
    margin-top: 1.75rem;
  }
}
.p-home-service__outline-headline + * {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-home-service__outline-headline + * {
    margin-top: 1.125rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__outline-desc {
    font-size: 0.875rem;
  }
}
.p-home-service__outline-desc + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-service__outline-desc + * {
    margin-top: 1.75rem;
  }
}
@media (min-width: 768px) {
  .p-home-service__outline-btn[class] > * {
    margin-left: 0;
  }
}
.p-home-service__alink-list {
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-home-service__alink-list {
    gap: 2px;
  }
}
.p-home-service__alink-item {
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  border: 1px solid #D3D3D3;
  padding: 0 1.875rem;
  width: 100%;
}
@media (min-width: 768px) {
  .p-home-service__alink-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 4rem;
  }
}
@media (min-width: 768px) {
  .p-home-service__alink-item:hover {
    box-shadow: 0.25rem 0.25rem 1.75rem rgba(51, 51, 51, 0.1);
    border-color: #333;
  }
}
@media (max-width: 767px) {
  .p-home-service__alink-item {
    padding: 0.75rem 0.5rem 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__alink-item.is-disable {
    filter: grayscale(100%);
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  .p-home-service__alink-img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 2rem;
    max-width: 2rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__alink-img {
    max-width: 1.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .p-home-service__alink-img + * {
    margin-top: 0.375rem;
  }
}
.p-home-service__alink-title {
  line-height: 1.5;
}
@media (min-width: 768px) {
  .p-home-service__alink-title {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.p-home-service__alink-title[class] a {
  display: block;
  text-decoration: none;
  color: inherit;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: right center;
  background-image: url(../img/ico_arr_down_gry.svg);
}
@media (max-width: 767px) {
  .p-home-service__alink-title[class] a {
    pointer-events: none;
    background-position: center bottom;
    padding-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__alink-title {
    text-align: center;
    max-width: 94px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.75rem;
  }
}
.p-home-service__alink-title-label {
  font-weight: bold;
  font-size: 1.25rem;
}
@media (min-width: 768px) {
  .p-home-service__alink-title-label {
    margin-right: 0.25rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__alink-title-label {
    font-size: 1rem;
  }
}
.p-home-service__headline {
  line-height: 1.5;
  border-bottom: 1px solid #D3D3D3;
  align-items: center;
  display: flex;
  gap: 1rem;
  padding-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .p-home-service__headline {
    gap: 0.625rem;
  }
}
.p-home-service__headline + * {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-home-service__headline + * {
    margin-top: 1.75rem;
  }
}
* + .p-home-service__headline {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  * + .p-home-service__headline {
    margin-top: 2.75rem;
  }
}
.p-home-service__headline::after {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center center;
  background-image: url(../img/ico_tab_open.svg);
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width: 767px) {
  .p-home-service__headline::after {
    content: "";
    display: block;
  }
}
.p-home-service__headline.is-close::after {
  background-image: url(../img/ico_tab_close.svg);
}
.p-home-service__headline-img {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 2rem;
  max-width: 2rem;
}
.p-home-service__headline-label {
  flex-shrink: 1;
  flex-grow: 1;
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .p-home-service__headline-label {
    font-size: 1.25rem;
  }
}
.p-home-service__list01 {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
@media (max-width: 767px) {
  .p-home-service__list01 {
    gap: 1.25rem;
  }
}
.p-home-service__item01 {
  position: relative;
  transition: all 0.2s ease-in-out;
  align-items: center;
  display: flex;
  background-color: #fff;
  padding: 1.5rem 1.75rem 1.5rem 2rem;
  min-height: 108px;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (min-width: 768px) {
  .p-home-service__item01 {
    flex-basis: calc(25% - 1.5rem);
    max-width: calc(25% - 1.5rem);
  }
  .p-home-service__item01:hover {
    cursor: pointer;
  }
}
.p-home-service__item01:has(a):hover {
  background-color: #f8f8f8;
}
@media (max-width: 767px) {
  .p-home-service__item01 {
    flex-basis: 100%;
    max-width: 100%;
    min-height: 54px;
  }
}
@media (min-width: 768px) {
  .p-home-service__list01.-col3 .p-home-service__item01 {
    flex-basis: calc(33.3333333333% - 1.3333333333rem);
    max-width: calc(33.3333333333% - 1.3333333333rem);
  }
}
@media (max-width: 767px) {
  .p-home-service__list01.-col3 .p-home-service__item01 {
    flex-basis: calc(50% - 0.625rem);
    max-width: calc(50% - 0.625rem);
  }
}
.p-home-service__item01-title, .p-home-service__item02-title {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
}
.p-home-service__item01-title + *, .p-home-service__item02-title + * {
  margin-top: 0.5rem;
}
.p-home-service__item01-title[class] a, [class].p-home-service__item02-title a {
  text-decoration: none;
}
.p-home-service__item01-title a::after, .p-home-service__item02-title a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  background-image: url(../img/ico_arr_right_pri.svg);
}
.p-home-service__item01-title a::before, .p-home-service__item02-title a::before {
  margin: -1.5rem -1.75rem -1.5rem -2rem;
  width: calc(100% + 3.75rem);
  height: calc(100% + 3rem);
}
.p-home-service__item01-title, .p-home-service__item02-title, .p-home-service__item01-desc {
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .p-home-service__item01-title, .p-home-service__item02-title, .p-home-service__item01-desc {
    padding-right: 1.75rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__item01-desc {
    font-size: 0.75rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__item01-title, .p-home-service__item02-title {
    font-size: 1rem;
  }
}
.p-home-service__item01-img {
  transition: all 0.2s ease-in-out;
  background-color: #fff;
}
.p-home-service__item01-img img {
  opacity: 0.12;
}
.p-home-service__item01-text {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .p-home-service__item01-text {
    width: 100%;
  }
}
.p-home-service__item01:has(.p-home-service__item01-desc)[class] {
  display: block;
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-text {
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-title a::after, .p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item02-title a::after {
    background-position: right bottom;
  }
}
.p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-img img {
    -o-object-position: top center;
       object-position: top center;
  }
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-desc) .p-home-service__item01-img {
    background-color: #333;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img)[class] {
  padding: 0;
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-img)[class] {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-text {
  padding: 2.5rem 2.5rem 4rem 2.5rem;
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-text {
    padding: 1.75rem 1.75rem 4rem 1.75rem;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-title, .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item02-title {
  border-bottom: 2px solid #FFDC00;
  font-size: 1.5rem;
  padding-bottom: 0.75rem;
}
.p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-title + *, .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item02-title + * {
  margin-top: 1rem;
}
.p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-title a::after, .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item02-title a::after {
  background-position-x: calc(100% - 2.5rem);
  background-position-Y: calc(100% - 1.75rem);
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-title a::after, .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item02-title a::after {
    background-image: url(../img/ico_arr_right_wht.svg);
  }
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-title, .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item02-title {
    color: #fff;
    border-color: #fff;
    font-size: 1.125rem;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-desc {
  padding-right: 0;
}
@media (max-width: 767px) {
  .p-home-service__item01:has(.p-home-service__item01-img) .p-home-service__item01-desc {
    color: #fff;
    font-size: 0.875rem;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-title, .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item02-title {
  border-color: #fff;
}
.p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-title a::after, .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item02-title a::after {
  background-image: url(../img/ico_arr_right_wht.svg);
}
@media (min-width: 768px) {
  .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-img {
    background-color: #333;
  }
  .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-img img {
    opacity: 0.2;
  }
}
.p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-title, .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item02-title, .p-home-service__item01:has(.p-home-service__item01-img):hover .p-home-service__item01-desc {
  color: #fff;
}
.p-home-service__list02 {
  flex-wrap: wrap;
  display: flex;
  gap: 2rem;
}
.p-home-service__item02 {
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-home-service__item02[class]:hover {
    background-color: #f8f8f8 !important;
  }
}
.p-home-service__item02, .p-home-service__item02.-lg[class] {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  background-color: #fff;
}
@media (min-width: 768px) {
  .p-home-service__item02, .p-home-service__item02.-lg[class] {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}
.p-home-service__item02-catch {
  background-color: #333;
  align-items: center;
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem 2.5rem 0.375rem;
}
.p-home-service__list02.-img-sm .p-home-service__item02-catch {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-home-service__item02-text {
  padding: 1.5rem 2.5rem;
}
.p-home-service__item02:has(.p-home-service__item02-link) .p-home-service__item02-text[class] {
  padding-bottom: 2rem;
}
.p-home-service__item02-link[class] span, .p-home-service__item02-link[class] a {
  text-decoration: underline;
}
* + .p-home-service__item02-link {
  margin-top: 1.5rem;
}
.p-home-service__item02:hover .p-home-service__item02-link[class] span, .p-home-service__item02:hover .p-home-service__item02-link[class] a {
  text-decoration: none;
  color: #FFDC00 !important;
}
.p-home-service__item02-ico {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 1.5rem;
  max-width: 1.5rem;
  transform: translateY(-2px);
}
body .p-home-service__item02-ico.-no-bg[class] {
  background: none;
}
.p-home-service__list02.-img-sm .p-home-service__item02-ico[class] {
  flex-basis: 2rem;
  max-width: 2rem;
}
.p-home-service__item02-catch-label {
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
}
.p-home-service__item02-title {
  letter-spacing: 0.02em;
}
.p-home-service__item02-title a::after {
  background-position: right bottom;
  background-position-X: calc(100% - 1.75rem);
  background-position-Y: calc(100% - 2rem);
}
.p-home-service__item02:has(.p-home-service__item02-link) .p-home-service__item01-title a::after, .p-home-service__item02:has(.p-home-service__item02-link) .p-home-service__item02-title a::after {
  display: none;
}
.p-home-service__list02.-no-border .p-home-service__item02-title[class] {
  border: none;
}
.p-home-service__item02-desc {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .p-home-service__item02:has(a):hover {
    background-color: #f8f8f8;
  }
}
@media (min-width: 768px) {
  .p-home-service__item02:has(.p-home-service__item02-desc) {
    flex-basis: calc(33.3333333333% - 1.3333333333rem);
    max-width: calc(33.3333333333% - 1.3333333333rem);
  }
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-catch {
  gap: 1rem;
  padding: 1rem 1.5rem;
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-ico {
  background-color: #fff;
  border-radius: 50%;
  flex-basis: 5rem;
  max-width: 5rem;
  height: 5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: translateY(0);
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-ico img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 62.5%;
  width: 87.5%;
}
.p-home-service__list02.-img-sm .p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-ico[class] {
  flex-basis: 3.5rem;
  max-width: 3.5rem;
  height: 3.5rem;
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-title {
  border-bottom: 2px solid #D3D3D3;
  padding-bottom: 0.375rem;
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-catch-label {
  font-size: 1rem;
}
.p-home-service__item02:has(.p-home-service__item02-desc) .p-home-service__item02-text {
  padding: 1.5rem 2rem 4rem;
}

.p-home-method__header + *, .p-home-method__body + * {
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .p-home-method__header + *, .p-home-method__body + * {
    margin-top: 1.75rem;
  }
}

.p-home-works {
  position: relative;
  overflow: hidden;
}
.p-home-works::before {
  content: "";
  display: block;
  background-color: #FFDC00;
  width: 100vw;
  height: 200%;
  position: absolute;
  z-index: -1;
  top: -30%;
  left: 50%;
  transform: translateX(-100%) rotate(13deg);
}
@media (min-width: 768px) {
  .p-home-works::before {
    margin-left: -24rem;
  }
}
@media (max-width: 767px) {
  .p-home-works::before {
    transform: translateX(-125%) rotate(13deg);
  }
}
.p-home-works__header + *, .p-home-works__body + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-works__header + *, .p-home-works__body + * {
    margin-top: 2.75rem;
  }
}
.p-home-works__item {
  background-color: #fff;
  padding: 5rem;
  height: auto;
}
@media (min-width: 768px) {
  .p-home-works__item {
    display: flex;
    gap: 3rem;
  }
}
@media (max-width: 767px) {
  .p-home-works__item {
    padding: 1.625rem;
  }
}
.p-home-works__img {
  aspect-ratio: 572/442;
}
@media (min-width: 768px) {
  .p-home-works__img {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 572px;
    max-width: 572px;
    margin: -1.5rem 0 -5rem -1.5rem;
  }
}
@media (max-width: 1080px) {
  .p-home-works__img {
    flex-basis: 56%;
    max-width: 56%;
  }
}
@media (max-width: 767px) {
  .p-home-works__img {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.p-home-works__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .p-home-works__img + * {
    margin-top: 1.125rem;
  }
}
@media (min-width: 768px) {
  .p-home-works__text {
    flex-shrink: 1;
    flex-grow: 1;
  }
}
.p-home-works__catch {
  line-height: 1.5;
  font-weight: bold;
  font-size: 1.25rem;
}
.p-home-works__catch + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .p-home-works__catch {
    font-size: 1.125rem;
  }
}
.p-home-works__desc + * {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .p-home-works__desc {
    font-size: 0.75rem;
  }
}
.p-home-works__company {
  font-weight: bold;
}
.p-home-works__company + * {
  margin-top: 0.5rem;
}
* + .p-home-works__company {
  border-top: 1px solid #D3D3D3;
  margin-top: 1rem;
  padding-top: 1rem;
}
.p-home-works__cat-list {
  flex-wrap: wrap;
  display: flex;
  gap: 0.25rem;
}
.p-home-works__cat-label {
  border: 1px solid #D3D3D3;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.p-home-works__thumb-img {
  transition: all 0.2s ease-in-out;
  background-color: #333;
  aspect-ratio: 280/198;
}
.p-home-works__thumb-img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-home-works__thumb-img + * {
  margin-top: 0.5rem;
}
.p-home-works__list-wrap {
  padding-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .p-home-works__list-wrap {
    padding-bottom: 1.75rem;
  }
}
.p-home-works__thumb-list-wrap {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
  margin-left: -5.75rem;
  margin-right: -5.75rem;
}
.p-home-works__thumb-list-wrap::before, .p-home-works__thumb-list-wrap::after {
  content: "";
  display: block;
  width: 5.75rem;
  height: 100%;
  position: absolute;
  z-index: 5;
  top: 0;
}
.p-home-works__thumb-list-wrap::before {
  background-color: #FFDC00;
  left: 0;
}
.p-home-works__thumb-list-wrap::after {
  background-color: #fff;
  right: 0;
}
.p-home-works__item:hover, .p-home-works__thumb-item:hover {
  cursor: auto;
}
.p-home-works__thumb-company {
  font-weight: bold;
}
@media (max-width: 767px) {
  .p-home-works__thumb-company {
    font-size: 1rem;
  }
}
.p-home-works__thumb-pager-prev, .p-home-works__thumb-pager-next {
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1.25rem;
}
@media (max-width: 767px) {
  .p-home-works__thumb-pager-prev, .p-home-works__thumb-pager-next {
    display: none;
  }
}

.p-home-member {
  overflow: hidden;
}
.p-home-member__header + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-member__header + * {
    margin-top: 2.75rem;
  }
}
.p-home-member__body + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-member__body + * {
    margin-top: -2.25rem;
  }
}
@media (max-width: 767px) {
  .p-home-member__body {
    padding-left: 1.25rem;
  }
}
.p-home-member__footer {
  position: relative;
  z-index: 10;
}
.p-home-member__list-wrap {
  position: relative;
  padding-bottom: 5.5rem;
}
@media (max-width: 767px) {
  .p-home-member__list-wrap {
    padding-bottom: 4rem;
  }
}
.p-home-member__list-wrap::before, .p-home-member__list-wrap::after {
  content: "";
  background-color: #FFDC00;
  display: block;
  height: calc(100% - 3.5rem - 5.5rem);
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 50%;
}
.p-home-member__list-wrap::before {
  width: 600px;
  transform: translateX(-100%);
}
@media (max-width: 767px) {
  .p-home-member__list-wrap::before {
    width: 30vw;
  }
}
.p-home-member__list-wrap::after {
  width: 50vw;
}
@media (min-width: 768px) {
  .p-home-member__item {
    width: 20rem !important;
  }
}
.p-home-member__img-comment {
  background-color: #333;
  position: relative;
}
.p-home-member__img {
  transition: 0.4s all;
  aspect-ratio: 320/452;
}
.p-home-member__img img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.p-home-member__img.-change {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
@media (min-width: 768px) {
  .p-home-member__item:hover .p-home-member__img {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .p-home-member__item:hover .p-home-member__img.-change {
    opacity: 1;
  }
}
* + .p-home-member__text {
  margin-top: 1rem;
}
.p-home-member__name {
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-member__name {
    font-size: 1.25rem;
  }
}
.p-home-member__join, .p-home-member__position {
  font-size: 0.75rem;
}
.p-home-member__comment {
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  margin-bottom: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  opacity: 0;
}
.p-home-member__comment > * {
  line-height: 1.5;
  background-color: #333;
  display: inline-block;
  color: #fff;
  font-size: 1.125rem;
  padding-top: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-home-member__comment > * + * {
  margin-top: 0.375rem;
}
.p-home-member__comment > *:last-child, .p-home-member__comment > *:first-child {
  position: relative;
}
.p-home-member__comment > *:last-child::before, .p-home-member__comment > *:last-child::after, .p-home-member__comment > *:first-child::before, .p-home-member__comment > *:first-child::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size: 1rem auto;
  background-position: left center;
  position: absolute;
  z-index: 1;
}
.p-home-member__comment > *:first-child::before {
  background-image: url(../img/ico_quote_mark01.svg);
  top: 0;
  left: 0;
  margin: -1rem 0 0 -0.5rem;
}
@media (max-width: 767px) {
  .p-home-member__comment > *:first-child::before {
    margin-top: 1rem;
  }
}
.p-home-member__comment > *:last-child::after {
  background-image: url(../img/ico_quote_mark02.svg);
  top: 0;
  right: 0;
  margin: -1rem -1.375rem 0 0;
}
@media (max-width: 767px) {
  .p-home-member__comment > *:last-child::after {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .p-home-member__item:hover .p-home-member__comment {
    animation: comment_fade_inUp 0.4s ease-out forwards;
  }
}

@keyframes comment_fade_inUp {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-home-knowledge__header + *, .p-home-knowledge__body + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-knowledge__header + *, .p-home-knowledge__body + * {
    margin-top: 1.75rem;
  }
}
@media (max-width: 767px) {
  .p-home-knowledge__footer {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}
.p-home-knowledge__inner {
  overflow: hidden;
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .p-home-knowledge__inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media (min-width: 1360px) {
  .p-home-knowledge__inner {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-left: -5rem;
    margin-right: -5rem;
  }
}
@media (max-width: 767px) {
  .p-home-knowledge__inner {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}
.p-home-knowledge__inner::after {
  content: "";
  display: block;
  width: 102%;
  height: 102%;
  background-color: #fff;
  background-image: linear-gradient(to right, #f1f1f1 2px, transparent 1px), linear-gradient(to bottom, #f1f1f1 2px, transparent 1px);
  background-size: 1.875rem 1.875rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-1%);
}
.p-home-knowledge__headline {
  text-align: center;
}
@media (max-width: 767px) {
  .p-home-knowledge__headline img {
    max-height: 22px;
    width: auto;
  }
}

.p-home-flow {
  background-color: #f1f1f1;
  margin-top: 0;
}
.p-home-flow__body + *, .p-home-flow__header + * {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .p-home-flow__body + *, .p-home-flow__header + * {
    margin-top: 2.75rem;
  }
}
@media (min-width: 768px) {
  .p-home-flow__content {
    display: flex;
    gap: 5rem;
  }
}
@media (min-width: 768px) {
  .p-home-flow__sidebar-wrap {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 380px;
    max-width: 380px;
  }
}
@media (max-width: 1080px) {
  .p-home-flow__sidebar-wrap {
    flex-basis: 40%;
    max-width: 40%;
  }
}
@media (min-width: 768px) {
  .p-home-flow__sidebar-inner {
    position: sticky;
    top: 110px;
  }
}
.p-home-flow__sidebar {
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.p-home-flow__sidebar:has([data-flow-label].is-current) {
  opacity: 1;
  visibility: inherit;
  pointer-events: auto;
  position: relative;
}
@media (min-width: 768px) {
  .p-home-flow__sidebar:has([data-flow-label].is-current) {
    animation: comment_fade_inUp 0.4s ease-out forwards;
  }
}
.p-home-flow__sidebar-step-title, .p-home-flow__headline-title {
  align-items: center;
  display: flex;
  font-weight: bold;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-flow__sidebar-step-title, .p-home-flow__headline-title {
    font-size: 1.375rem;
  }
}
.p-home-flow__sidebar-step-title + *, .p-home-flow__headline-title + * {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .p-home-flow__sidebar-step-title + *, .p-home-flow__headline-title + * {
    margin-top: 1rem;
  }
}
.p-home-flow__sidebar-step-title::before, .p-home-flow__headline-title::before {
  border-bottom: 2px solid #FFDC00;
  content: attr(data-step-label);
  font-size: 1rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
}
.p-home-flow__sidebar-step-title[data-step-label=step1] ~ .p-home-flow__sidebar-step, [data-step-label=step1].p-home-flow__headline-title ~ .p-home-flow__sidebar-step {
  counter-reset: item;
}
.p-home-flow__sidebar-img, .p-home-flow__headline-img {
  aspect-ratio: 760/536;
}
.p-home-flow__sidebar-img + *, .p-home-flow__headline-img + * {
  margin-top: 2rem;
}
.p-home-flow__sidebar-step-list li {
  position: relative;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: bold;
  color: #B3B3B3;
}
.p-home-flow__sidebar-step-list li::before {
  transition: all 0.2s ease-in-out;
  content: attr(data-flow-label);
  background-color: #f1f1f1;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #333;
  color: #333;
  height: 1.25rem;
  width: 1.25rem;
  text-align: center;
  font-size: 0.75rem;
  transform: translateY(-1px);
}
.p-home-flow__sidebar-step-list li::after {
  transition: all 0.2s ease-in-out;
  content: "";
  display: block;
  background-color: #333;
  width: 1px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  margin: 1.375rem 0 0 0.625rem;
}
.p-home-flow__sidebar-step-list li[data-flow-label="5"]::after, .p-home-flow__sidebar-step-list li[data-flow-label="10"]::after, .p-home-flow__sidebar-step-list li[data-flow-label="17"]::after {
  display: none !important;
}
.p-home-flow__sidebar-step-list li + li {
  margin-top: 0.875rem;
}
.p-home-flow__sidebar-step-list li.is-current {
  color: #333;
}
.p-home-flow__sidebar-step-list li.is-current::before {
  background-color: #333;
  color: #fff;
}
.p-home-flow__sidebar-step-list li.is-current::after {
  height: 2.125rem;
}
.p-home-flow__sidebar-step-list li:not([data-flow-label]) {
  display: inline-block;
  border: 1px dashed #333;
  padding: 0.375rem 2.5rem;
}
.p-home-flow__sidebar-step-list li:not([data-flow-label])::before, .p-home-flow__sidebar-step-list li:not([data-flow-label])::after {
  display: none;
}
.p-home-flow__list-wrap {
  position: relative;
}
@media (min-width: 768px) {
  .p-home-flow__list-wrap {
    flex-shrink: 1;
    flex-grow: 1;
    padding-top: 4rem;
  }
}
.p-home-flow__list {
  position: relative;
  z-index: 10;
  counter-reset: item;
}
.p-home-flow__list::before {
  content: "";
  display: block;
  background-color: #333;
  height: calc(100% + 1rem);
  width: 1px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
}
@media (max-width: 767px) {
  .p-home-flow__list::before {
    height: 100%;
  }
}
* + .p-home-flow__list {
  margin-top: 1rem;
}
.p-home-flow__list:has(.p-home-flow__item.-last)::before {
  height: 100%;
}
@media (max-width: 767px) {
  .p-home-flow__headline + * {
    margin-top: 1rem;
  }
  * + .p-home-flow__headline {
    margin-top: 1.75rem;
  }
}
@media (min-width: 768px) {
  .p-home-flow__headline:first-of-type + * {
    margin-top: 0;
  }
}
.p-home-flow__item {
  transition: all 0.2s ease-in-out;
  border: 1px solid #fff;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  background-position-X: calc(100% - 2.5rem);
  background-image: url(../img/ico_arr_right_pri.svg);
  padding: 1.5rem 3.75rem 1.5rem 2.5rem;
}
@media (max-width: 767px) {
  .p-home-flow__item {
    background-size: 0.75rem auto;
    background-position-X: calc(100% - 1.75rem);
    padding: 1.125rem 1.75rem 1rem;
  }
}
@media (min-width: 768px) {
  .p-home-flow__item:hover {
    border: 1px solid #333;
    cursor: pointer;
  }
}
.p-home-flow__item + .p-home-flow__item {
  margin-top: 1rem;
}
.p-home-flow__item.-pri {
  border-color: #FFDC00;
  background-color: #FFDC00;
}
@media (min-width: 768px) {
  .p-home-flow__item.-pri:hover {
    border-color: #333;
  }
}
.p-home-flow__item.-last {
  border: 1px dashed #333;
  background: #f1f1f1;
}
.p-home-flow__item.is-current {
  background-color: #333;
}
.p-home-flow__title {
  font-weight: bold;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .p-home-flow__title {
    font-size: 1rem;
  }
}
.p-home-flow__title::before {
  border-radius: 50%;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  content: attr(data-flow-label);
  background-color: #333;
  color: #fff;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .p-home-flow__title::before {
    transform: translateY(-2px);
  }
}
.p-home-flow__title + * {
  margin-top: 0.25rem;
}
.p-home-flow__item.is-current .p-home-flow__title::before {
  background-color: #fff;
  color: #333;
}
.p-home-flow__item.-last .p-home-flow__title::before {
  display: none;
}
.p-home-flow__desc {
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .p-home-flow__desc {
    display: none;
  }
}
.p-home-flow__item.is-current .p-home-flow__title, .p-home-flow__item.is-current .p-home-flow__desc {
  color: #fff;
}

@keyframes sidebar_fade_inUp {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-home-howto-cta {
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  background-color: #FFDC00;
  width: 12.5rem;
  height: 12.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  margin: 0 2.5rem 2.5rem 0;
}
@media (max-width: 767px) {
  .p-home-howto-cta {
    display: none;
  }
}
.p-home-howto-cta.is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.p-home-howto-cta__inner {
  overflow: hidden;
  border-radius: 50%;
  border: 1px solid #fff;
  width: 11.75rem;
  height: 11.75rem;
  padding: 3rem 1rem 0;
}
.p-home-howto-cta__title {
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  font-size: 0.875rem;
}
.p-home-howto-cta__title + * {
  margin-top: 0.5rem;
}
.p-home-howto-cta__title a {
  text-decoration: none;
}
.p-home-howto-cta__title a::before {
  border-radius: 50%;
}
.p-home-howto-cta__title span {
  display: block;
  font-size: 1.25rem;
}
.p-home-howto-cta__desc {
  text-align: center;
  font-size: 0.75rem;
}
.p-home-howto-cta__btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  margin: 1rem 1rem 0 0;
}
.p-home-howto-cta__close {
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left center;
  background-image: url(../img/ico_howto_close.svg);
}/*# sourceMappingURL=style.css.map */