@charset "UTF-8";
/* ///////////////////////////////////////////
  style.scss
/////////////////////////////////////////// */
/*====================================
  00_base
=====================================*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Noto+Serif+JP:wght@200..900&family=Outfit:wght@100..900&family=Playfair+Display:wght@400..900&display=swap");
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

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

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
  *zoom: 1; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

a:hover {
  color: #0056b3;
  text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*# sourceMappingURL=bootstrap-reboot.css.map */
/*====================================
  01_layout
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  layout.scss
  全体のレイアウトに関する記述
/////////////////////////////////////////// */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

html {
  word-wrap: break-word;
  font-size: 62.5%;
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #000;
  background-color: #F1F1F1;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth; }
  @media only screen and (max-width: 834px) {
    body {
      font-size: 1.4rem;
      line-height: 1.4; } }
  @media print, screen and (min-width: 835px) {
    body {
      font-size: 1.6rem;
      line-height: 1.6; } }

h1, h2, h3, h4, h5, h6,
table, tr, td, th,
ol, ul, li,
dl, dt, dd,
p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  list-style: none; }

i, em {
  font-style: normal; }

img {
  border: none;
  margin: 0;
  padding: 0; }

figure {
  display: block;
  margin: 0; }

a, *:focus {
  outline: none; }

*::selection {
  background: #1E3A8A;
  color: #FFF; }

*::-moz-selection {
  background: #1E3A8A;
  color: #FFF; }

.hide {
  display: none !important; }

@media only screen and (max-width: 834px) {
  .hideSP {
    display: none !important; } }

@media only screen and (min-width: 835px) and (max-width: 1219px) {
  .hideTL {
    display: none !important; } }

@media print, screen and (min-width: 1220px) {
  .hideDT {
    display: none !important; } }

@media print, screen and (min-width: 835px) {
  .hidePC {
    display: none !important; } }

main {
  margin: 0 auto;
  /*
  @include smartphone {
    min-height: 400px;
  }
  @include screen {
    min-height: 800px;
  }
  */ }

a {
  outline: none; }
  a *:focus {
    outline: 0; }
  a:link {
    color: #1E3A8A; }
  a:visited {
    color: #1E3A8A; }
  a:hover {
    color: #1E3A8A;
    text-decoration: none; }
  a:active {
    color: #1E3A8A; }

.lazyload {
  opacity: 0; }

.lazyloaded {
  opacity: 1;
  transition: all 0.5s; }

/* フェードアップ表示 */
.js-fadeUp {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 1s; }

.order {
  opacity: 0; }

.fadeOrder {
  animation-name: fadeOrder;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeOrder {
  from {
    opacity: 0;
    transform: translateY(50px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  header.scss
  ヘッダーに関する設定
/////////////////////////////////////////// */
.header {
  width: 100%;
  display: block;
  background: RGB(255 255 255/0.9);
  transition: all .2s ease-out;
  position: sticky;
  top: 0;
  z-index: 100;
  /* ======================
  PC用ナビゲーション
  ====================== */
  /* ======================
  グローバルナビゲーション
  ====================== */
  /* ======================
  スクロール時
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .header {
      height: 105px;
      margin-bottom: 25px; } }
  @media print, screen and (min-width: 835px) {
    .header {
      height: 140px;
      margin-bottom: 40px; } }
  @media only screen and (max-width: 834px) {
    .header.home {
      margin-bottom: 20px; } }
  @media print, screen and (min-width: 835px) {
    .header.home {
      margin-bottom: 60px; } }
  .header__container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    /* ======================
    ロゴ
    ====================== */
    /* ======================
    コミュニティ（新着）
    ====================== */
    /* ======================
    お問い合わせボタン
    ====================== */
    /* ======================
    ハンバーガーメニューボタン
    ====================== */ }
    @media only screen and (max-width: 834px) {
      .header__container {
        padding: 8px 15px 67px 10px; } }
    @media print, screen and (min-width: 835px) {
      .header__container {
        padding: 20px 40px 15px 40px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .header__container {
      padding: 20px 30px 15px 30px; } }

    .header__container #logo {
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.05em;
      transition: all .2s ease-out;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto 0;
      z-index: 2; }
      @media only screen and (max-width: 834px) {
        .header__container #logo {
          display: block;
          top: 8px;
          left: 10px;
          font-size: clamp(0.8rem, 2.5510204082vw, 1rem); }
          .header__container #logo::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .header__container #logo {
          display: flex;
          align-items: center;
          padding-top: 18px;
          left: 40px;
          font-size: clamp(1rem, 0.9397024276vw, 1.2rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .header__container #logo {
      padding-top: 6px;
      left: 30px; } }

      .header__container #logo a {
        display: block;
        flex-shrink: 0; }
        @media only screen and (max-width: 834px) {
          .header__container #logo a {
            max-width: 100px;
            margin-bottom: 5px; } }
        @media print, screen and (min-width: 835px) {
          .header__container #logo a {
            max-width: 140px;
            margin-right: 20px;
            /*
            @media only screen and (max-width: 1850px ) {
              max-width: 140px;
            }
            */ } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .header__container #logo a {
      max-width: 120px; } }

        .header__container #logo a img {
          display: block;
          width: 100%;
          max-width: 140px;
          height: auto;
          margin: auto;
          transition: all .2s ease-out; }
        .header__container #logo a:hover {
          opacity: 0.8; }
    @media only screen and (max-width: 834px) {
      .header__container .community {
        width: 100%;
        min-height: 47px;
        display: flex;
        align-items: center;
        padding: 0 15px 0 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto; } }
    @media print, screen and (min-width: 835px) {
      .header__container .community {
        margin-right: 30px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .header__container .community {
      margin-right: 20px; } }

    .header__container .community li {
      display: flex; }
      .header__container .community li time,
      .header__container .community li p {
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .header__container .community li time,
          .header__container .community li p {
            font-size: clamp(1rem, 3.0612244898vw, 1.2rem); } }
        @media print, screen and (min-width: 835px) {
          .header__container .community li time,
          .header__container .community li p {
            font-size: clamp(1rem, 0.9397024276vw, 1.2rem); } }
      .header__container .community li time {
        display: block;
        flex-shrink: 0;
        margin-right: 10px; }
      .header__container .community li p a {
        color: #000;
        text-decoration: underline;
        transition: all .2s ease-out; }
        .header__container .community li p a:hover {
          text-decoration: none;
          background: linear-gradient(90deg, #1E3A8A 0%, #ff90b3 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .header__container .contact {
      line-height: 1;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: linear-gradient(90deg, #1E3A8A 0%, #ff90b3 100%);
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .header__container .contact {
          width: 120px;
          min-height: 30px;
          font-size: 0.8rem;
          padding-bottom: 3px;
          border-radius: 15px;
          margin-right: 15px; } }
      @media print, screen and (min-width: 835px) {
        .header__container .contact {
          width: 200px;
          min-height: 50px;
          font-size: 1rem;
          padding-bottom: 5px;
          border-radius: 25px;
          margin-right: 30px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .header__container .contact {
      width: 130px;
      margin-right: 20px; } }

      .header__container .contact:hover {
        opacity: 0.9; }
      .header__container .contact span {
        font-family: "Playfair Display", serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 0; }
        @media only screen and (max-width: 834px) {
          .header__container .contact span {
            margin-bottom: 3px;
            font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
        @media print, screen and (min-width: 835px) {
          .header__container .contact span {
            margin-bottom: 5px;
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
    .header__container #menuButton {
      line-height: 1.0;
      color: #000;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      touch-action: manipulation;
      transition: all .2s ease-out;
      position: relative;
      z-index: 10000; }
      @media only screen and (max-width: 834px) {
        .header__container #menuButton {
          width: 24px;
          height: 14px; } }
      @media print, screen and (min-width: 835px) {
        .header__container #menuButton {
          width: 30px;
          height: 18px; } }
      .header__container #menuButton .icon {
        height: 2px;
        background: #000;
        display: block;
        position: absolute;
        transition-property: background-color, transform;
        transition-duration: 0.3s;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto 0; }
        @media only screen and (max-width: 834px) {
          .header__container #menuButton .icon {
            width: 24px; } }
        @media print, screen and (min-width: 835px) {
          .header__container #menuButton .icon {
            width: 30px; } }
        .header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
          height: 2px;
          content: "";
          background: #000;
          display: block;
          transition-property: background-color, transform;
          transition-duration: 0.3s;
          position: absolute; }
          @media only screen and (max-width: 834px) {
            .header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
              width: 24px; } }
          @media print, screen and (min-width: 835px) {
            .header__container #menuButton .icon::before, .header__container #menuButton .icon::after {
              width: 30px; } }
        @media only screen and (max-width: 834px) {
          .header__container #menuButton .icon::before {
            top: -6px; } }
        @media print, screen and (min-width: 835px) {
          .header__container #menuButton .icon::before {
            top: -8px; } }
        @media only screen and (max-width: 834px) {
          .header__container #menuButton .icon::after {
            top: 6px; } }
        @media print, screen and (min-width: 835px) {
          .header__container #menuButton .icon::after {
            top: 8px; } }
      .header__container #menuButton.active .icon {
        background: none; }
        @media only screen and (max-width: 834px) {
          .header__container #menuButton.active .icon::before {
            transform: translateY(6px) rotate(45deg); } }
        @media print, screen and (min-width: 835px) {
          .header__container #menuButton.active .icon::before {
            transform: translateY(8px) rotate(45deg); } }
        @media only screen and (max-width: 834px) {
          .header__container #menuButton.active .icon::after {
            transform: translateY(-6px) rotate(-45deg); } }
        @media print, screen and (min-width: 835px) {
          .header__container #menuButton.active .icon::after {
            transform: translateY(-8px) rotate(-45deg); } }
  @media print, screen and (min-width: 835px) {
    .header #pcNavi {
      width: calc(100% - 60px);
      max-width: 1080px;
      margin: 0 auto; }
      .header #pcNavi > ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        /*
        @media only screen and (max-width: 1150px ) {
          display: none;
        }
        */ }
        .header #pcNavi > ul > li {
          width: calc(100% / 6);
          line-height: 1.125;
          height: 40px;
          font-weight: 500;
          letter-spacing: 0.05em;
          border-right: 1px solid;
          border-image-source: linear-gradient(#1E3A8A 0%, #ff90b3 100%);
          border-image-slice: 1;
          transition: all .2s ease-out;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem);
          /* ドロップダウンメニュー有り */
          /*
          &.has-child {
            > a {
              &::after {
                width: 8px;
                height: 8px;
                content: "";
                border-right: 2px solid #909090;
                border-bottom: 2px solid #909090;
                transition: all .2s ease-out;
                border-radius: 1px;
                transform: rotate(45deg);
                display: block;
                margin: 0 -10px 0 10px;
              }
            }
            
            &:hover {
              > a {
                &::after {
                  border-image-source: linear-gradient(90deg, $mainColor 0%, #ff90b3 100%);
                  border-image-slice: 1;
                }
              }
            }
          }
          */ }
          .header #pcNavi > ul > li:first-child {
            border-left: 1px solid; }
          .header #pcNavi > ul > li > a {
            height: 40px;
            color: #000;
            text-decoration: none;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            transition: all .2s;
            position: relative; }
            .header #pcNavi > ul > li > a:hover {
              background: linear-gradient(90deg, #1E3A8A 0%, #ff90b3 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            .header #pcNavi > ul > li > a span {
              margin: 3px 0;
              font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
  .header #globalNavi {
    width: 100%;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    z-index: 9999; }
    @media only screen and (max-width: 834px) {
      .header #globalNavi {
        height: calc(100vh - 105px);
        top: 105px; } }
    @media print, screen and (min-width: 835px) {
      .header #globalNavi {
        height: calc(100vh - 140px);
        top: 140px; } }
    .header #globalNavi.active nav {
      right: 0; }
    .header #globalNavi nav {
      width: 100%;
      max-width: 360px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      background: RGB(255 255 255/0.9);
      position: fixed;
      right: -100%;
      z-index: 999;
      transition: right .2s;
      /*
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      */ }
      @media only screen and (max-width: 834px) {
        .header #globalNavi nav {
          height: calc(100vh - 105px);
          padding: 60px 0; } }
      @media print, screen and (min-width: 835px) {
        .header #globalNavi nav {
          height: calc(100vh - 140px);
          padding: 125px 0; } }
      .header #globalNavi nav ul {
        height: 100%;
        padding: 0 30px;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch; }
        .header #globalNavi nav ul li {
          border-bottom: 1px solid;
          border-image-source: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
          border-image-slice: 1; }
          .header #globalNavi nav ul li:first-child {
            border-top: 1px solid; }
          .header #globalNavi nav ul li a {
            line-height: 1.575;
            color: #000;
            font-weight: 500;
            letter-spacing: 0.05em;
            text-decoration: none;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 17px 0;
            transition: all .2s ease-out; }
            @media only screen and (max-width: 834px) {
              .header #globalNavi nav ul li a {
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .header #globalNavi nav ul li a {
                font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
            .header #globalNavi nav ul li a:hover {
              background: linear-gradient(90deg, #1E3A8A 0%, #ff90b3 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
            @media only screen and (max-width: 834px) {
              .header #globalNavi nav ul li a span {
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .header #globalNavi nav ul li a span {
                font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  footer.scss
  フッターに関する設定
/////////////////////////////////////////// */
.footer {
  background: #000;
  position: relative;
  /* ======================
  ページの先頭にもどる
  ====================== */
  /* ======================
  コンテンツ
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .footer {
      padding: 40px 20px; } }
  @media print, screen and (min-width: 835px) {
    .footer {
      padding: 100px 30px 60px 30px; } }
  .footer__pagetop {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    border-radius: 50%;
    transition: all .2s ease-out;
    position: fixed;
    bottom: 40px;
    z-index: 10; }
    @media only screen and (max-width: 834px) {
      .footer__pagetop {
        right: 20px; } }
    @media print, screen and (min-width: 835px) {
      .footer__pagetop {
        right: 40px; } }
    .footer__pagetop:not(.active) {
      pointer-events: none;
      opacity: 0; }
    .footer__pagetop::before {
      width: 13px;
      height: 11px;
      content: "";
      background: url("../images/common/arrow-right.svg") no-repeat left top/contain;
      display: block;
      transform: rotate(-90deg);
      transition: all .2s ease-out; }
    .footer__pagetop:hover {
      background: linear-gradient(135deg, #ff90b3 0%, #1e3a8a 100%); }
      .footer__pagetop:hover::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain; }
  .footer__container {
    /* ロゴ・SNS・ナビゲーション */
    /* その他 */
    /* コピーライト */ }
    @media print, screen and (min-width: 835px) {
      .footer__container {
        max-width: 1200px;
        margin: 0 auto; } }
    .footer__container > dl {
      border-bottom: 1px solid #FFF; }
      @media only screen and (max-width: 834px) {
        .footer__container > dl {
          padding-bottom: 30px;
          margin-bottom: 35px; } }
      @media print, screen and (min-width: 835px) {
        .footer__container > dl {
          width: 100%;
          display: flex;
          justify-content: space-between;
          padding-bottom: 40px;
          margin-bottom: 35px; } }
      .footer__container > dl dt {
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.1em; }
        @media only screen and (max-width: 834px) {
          .footer__container > dl dt {
            line-height: 1.75;
            margin-bottom: 20px;
            font-size: clamp(1rem, 3.0612244898vw, 1.2rem); } }
        @media print, screen and (min-width: 835px) {
          .footer__container > dl dt {
            line-height: 1.5;
            font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
        .footer__container > dl dt span {
          width: 190px;
          height: 0;
          padding-top: 66px;
          background: url("../images/common/f-logo.svg") no-repeat left top/contain;
          display: block;
          overflow: hidden; }
          @media only screen and (max-width: 834px) {
            .footer__container > dl dt span {
              margin-bottom: 7px; } }
          @media print, screen and (min-width: 835px) {
            .footer__container > dl dt span {
              margin-bottom: 20px; } }
      @media print, screen and (min-width: 835px) {
        .footer__container > dl dd {
          max-width: 710px;
          display: flex;
          justify-content: flex-end;
          flex-wrap: wrap; } }
      .footer__container > dl dd .sns {
        background: #FFF;
        border-radius: 8px; }
        @media only screen and (max-width: 834px) {
          .footer__container > dl dd .sns {
            padding: 20px 45px 15px 45px;
            margin-bottom: 25px; } }
        @media print, screen and (min-width: 835px) {
          .footer__container > dl dd .sns {
            min-height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            margin-bottom: 80px; } }
        .footer__container > dl dd .sns ul {
          max-width: 240px;
          display: flex; }
          @media only screen and (max-width: 834px) {
            .footer__container > dl dd .sns ul {
              margin: 0 auto 15px auto; } }
          @media print, screen and (min-width: 835px) {
            .footer__container > dl dd .sns ul {
              margin-right: 20px; } }
          .footer__container > dl dd .sns ul li {
            max-width: 40px;
            transition: all .2s ease-out; }
            @media only screen and (min-width: 835px) and (max-width: 1219px) {
              .footer__container > dl dd .sns ul li {
                max-width: 30px; } }
            .footer__container > dl dd .sns ul li:nth-child(n+2) {
              margin-left: 10px; }
            .footer__container > dl dd .sns ul li a {
              display: block;
              transition: all .2s ease-out; }
              .footer__container > dl dd .sns ul li a:hover {
                opacity: 0.8; }
              .footer__container > dl dd .sns ul li a img {
                display: block;
                width: 100%;
                max-width: 100%;
                height: auto;
                margin: 0 auto; }
        .footer__container > dl dd .sns p {
          font-weight: 700;
          letter-spacing: 0.1em; }
          @media only screen and (max-width: 834px) {
            .footer__container > dl dd .sns p {
              line-height: 1.3;
              text-align: center;
              font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); }
              .footer__container > dl dd .sns p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.3) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .footer__container > dl dd .sns p {
              line-height: 1.8;
              font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
      @media print, screen and (min-width: 835px) {
        .footer__container > dl dd nav > ul {
          display: flex; } }
  @media print, screen and (min-width: 835px) and (min-width: 1220px) {
    .footer__container > dl dd nav > ul {
      margin-right: 15px; } }

      @media print, screen and (min-width: 835px) {
        .footer__container > dl dd nav > ul > li {
          width: calc(100% / 3); } }
      @media only screen and (max-width: 834px) {
        .footer__container > dl dd nav > ul > li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .footer__container > dl dd nav > ul > li:nth-child(n+2) {
          margin-left: 4.5em; } }
      .footer__container > dl dd nav > ul > li > ul > li {
        line-height: 1.575;
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .footer__container > dl dd nav > ul > li > ul > li {
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .footer__container > dl dd nav > ul > li > ul > li {
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
        .footer__container > dl dd nav > ul > li > ul > li:nth-child(n+2) {
          margin-top: 5px; }
          @media only screen and (max-width: 834px) {
            .footer__container > dl dd nav > ul > li > ul > li:nth-child(n+2) {
              margin-top: 10px; } }
        .footer__container > dl dd nav > ul > li > ul > li a {
          color: #FFF;
          text-decoration: none;
          display: inline-flex;
          white-space: nowrap;
          transition: all .2s ease-out; }
          .footer__container > dl dd nav > ul > li > ul > li a::before {
            width: 0.5em;
            height: 2px;
            content: "";
            background: #FFF;
            display: block;
            flex-shrink: 0;
            margin: 0.8em 0.5em 0 0; }
          .footer__container > dl dd nav > ul > li > ul > li a:hover {
            background: linear-gradient(90deg, #ff90b3 0%, #1e3a8a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent; }
            .footer__container > dl dd nav > ul > li > ul > li a:hover::before {
              background: linear-gradient(90deg, #ff90b3 0%, #1e3a8a 100%); }
    @media only screen and (max-width: 834px) {
      .footer__container .others {
        margin: 30px 0 80px 0; } }
    @media print, screen and (min-width: 835px) {
      .footer__container .others {
        max-width: 630px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        margin: 0 0 50px auto; } }
    .footer__container .others li {
      line-height: 1.8;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      /*
      &:nth-child(n+7) {
        font-weight: 500;
        @include smartphone {
          margin-top: 10px;
        }
      }
      &:nth-child(7) {
        @include smartphone {
          margin-top: 30px;
        }
      }
      */ }
      .footer__container .others li::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.8) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .footer__container .others li {
          font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
      @media print, screen and (min-width: 835px) {
        .footer__container .others li {
          margin: 10px 0;
          font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
      @media only screen and (max-width: 834px) {
        .footer__container .others li:nth-child(n+2) {
          margin-top: 15px; } }
      @media print, screen and (min-width: 835px) {
        .footer__container .others li:nth-child(n+2) {
          margin-left: 2em; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .footer__container .others li:nth-child(n+2) {
      margin-left: 1.5em; } }

      .footer__container .others li:nth-child(n+5) {
        font-weight: 500; }
        @media only screen and (max-width: 834px) {
          .footer__container .others li:nth-child(n+5) {
            margin-top: 10px; } }
      @media only screen and (max-width: 834px) {
        .footer__container .others li:nth-child(5) {
          margin-top: 30px; } }
      .footer__container .others li a {
        color: #FFF;
        text-decoration: none;
        transition: all .2s ease-out; }
        .footer__container .others li a:hover {
          background: linear-gradient(90deg, #ff90b3 0%, #1e3a8a 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .footer__container > p {
      width: 100%;
      line-height: 1.4;
      color: #FFF;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .footer__container > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.4) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .footer__container > p {
          font-size: clamp(1rem, 3.0612244898vw, 1.2rem); } }
      @media print, screen and (min-width: 835px) {
        .footer__container > p {
          font-size: clamp(1rem, 0.9397024276vw, 1.2rem); } }

/*====================================
  02_module
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  module.scss
  各ページで使い回すパーツやスタイルに関する記述
/////////////////////////////////////////// */
/* ======================
  @extend
====================== */
/**
 * 入力画面
 */
.page--contact .post_article #contact #mailform {
  /* 送信ボタン等 */ }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform {
      max-width: 800px;
      margin: 0 auto; } }
  @media only screen and (max-width: 834px) {
    .page--contact .post_article #contact #mailform > dl {
      margin-bottom: 40px; } }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform > dl {
      margin-bottom: 60px; } }
  .page--contact .post_article #contact #mailform > dl dt,
  .page--contact .post_article #contact #mailform > dl dd {
    line-height: 1.5;
    font-size: 1.6rem;
    letter-spacing: 0.05em; }
  .page--contact .post_article #contact #mailform > dl dt {
    font-weight: 700;
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .page--contact .post_article #contact #mailform > dl dt:nth-of-type(n+2) {
      margin-top: 20px; }
    .page--contact .post_article #contact #mailform > dl dt span {
      width: 40px;
      height: 24px;
      line-height: 1;
      color: #FFF;
      font-size: 1.4rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #707070;
      border-radius: 2px;
      margin-right: 10px; }
      .page--contact .post_article #contact #mailform > dl dt span.required {
        background: #D6421A; }
  .page--contact .post_article #contact #mailform > dl dd {
    font-weight: 500; }
    .page--contact .post_article #contact #mailform > dl dd input[type="text"],
    .page--contact .post_article #contact #mailform > dl dd input[type="email"],
    .page--contact .post_article #contact #mailform > dl dd input[type="tel"],
    .page--contact .post_article #contact #mailform > dl dd select,
    .page--contact .post_article #contact #mailform > dl dd textarea {
      width: 100%;
      color: #000;
      font-size: 1.6rem;
      font-weight: 500;
      display: block;
      padding: 1.05em 1em;
      background: #F9F9FC;
      border: 1px solid #E4E4ED;
      border-radius: 4px;
      appearance: none;
      box-shadow: none;
      transition: all .2s ease-out; }
    .page--contact .post_article #contact #mailform > dl dd > div {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      .page--contact .post_article #contact #mailform > dl dd > div #zip {
        width: 180px;
        margin-left: 10px; }
    .page--contact .post_article #contact #mailform > dl dd .select-item {
      display: block;
      cursor: pointer;
      position: relative; }
      @media print, screen and (min-width: 835px) {
        .page--contact .post_article #contact #mailform > dl dd .select-item {
          width: 400px; } }
      .page--contact .post_article #contact #mailform > dl dd .select-item::after {
        width: 10px;
        height: 10px;
        content: "";
        border-left: 2px solid #000;
        border-bottom: 2px solid #000;
        border-radius: 1px;
        transform: rotate(-45deg);
        transition: all 0.2s ease-out;
        position: absolute;
        right: 17px;
        top: 0;
        bottom: 0;
        margin: auto 0; }
      .page--contact .post_article #contact #mailform > dl dd .select-item select {
        padding-right: 45px;
        cursor: pointer; }
    .page--contact .post_article #contact #mailform > dl dd #message {
      min-height: 280px; }
  .page--contact .post_article #contact #mailform #submit {
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .page--contact .post_article #contact #mailform #submit {
        max-width: 295px; } }
    @media print, screen and (min-width: 835px) {
      .page--contact .post_article #contact #mailform #submit {
        max-width: 380px; } }
    .page--contact .post_article #contact #mailform #submit .cf-turnstile {
      display: flex;
      justify-content: center;
      align-items: center; }
      .page--contact .post_article #contact #mailform #submit .cf-turnstile > div {
        display: flex;
        justify-content: center;
        align-items: center; }
    .page--contact .post_article #contact #mailform #submit input[type="submit"] {
      width: 100%;
      line-height: 1.575;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
      transition: all .2s ease-out;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto;
      font-family: 'Noto Sans JP', sans-serif;
      font-weight: 800;
      font-style: normal;
      min-height: 80px !important;
      letter-spacing: 0.1em !important;
      padding: 10px !important;
      background: linear-gradient(90deg, #1E3A8A 0%, #FF90B3 100%);
      border-radius: 80px !important;
      appearance: none;
      border: none;
      margin: 0; }
      @media only screen and (max-width: 834px) {
        .page--contact .post_article #contact #mailform #submit input[type="submit"] {
          max-width: 260px;
          min-height: 50px;
          padding: 5px 50px 5px 20px;
          border-radius: 25px;
          font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--contact .post_article #contact #mailform #submit input[type="submit"] {
          max-width: 320px;
          min-height: 70px;
          padding: 10px 65px 10px 30px;
          border-radius: 35px;
          font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--contact .post_article #contact #mailform #submit input[type="submit"] {
      padding: 10px 65px 10px 20px; } }

      .page--contact .post_article #contact #mailform #submit input[type="submit"]::after {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
        border-radius: 50%;
        display: block;
        transition: all .2s ease-out;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 2; }
        @media only screen and (max-width: 834px) {
          .page--contact .post_article #contact #mailform #submit input[type="submit"]::after {
            width: 40px;
            height: 40px;
            right: 5px; } }
        @media print, screen and (min-width: 835px) {
          .page--contact .post_article #contact #mailform #submit input[type="submit"]::after {
            width: 50px;
            height: 50px;
            right: 10px; } }
      .page--contact .post_article #contact #mailform #submit input[type="submit"]:hover {
        /*
        color: $h_color;
        background-color: $h_bgColor;
        border-color: $h_bdColor;
        */
        opacity: 0.9; }
      @media only screen and (max-width: 834px) {
        .page--contact .post_article #contact #mailform #submit input[type="submit"] {
          max-width: 295px;
          font-size: 2rem; } }
      @media print, screen and (min-width: 835px) {
        .page--contact .post_article #contact #mailform #submit input[type="submit"] {
          max-width: 380px;
          font-size: 2.8rem; } }

/**
 * 完了画面
 */
@media print, screen and (min-width: 835px) {
  .page--contact .post_article #contact #mailform {
    padding-top: 20px;
    margin-bottom: -65px; } }
.page--contact .post_article #contact #mailform .thanks .mod__heading2 {
  text-align: center; }
  @media only screen and (max-width: 834px) {
    .page--contact .post_article #contact #mailform .thanks .mod__heading2 {
      line-height: 1.3;
      margin-bottom: 27px;
      font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
      .page--contact .post_article #contact #mailform .thanks .mod__heading2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.3) * 0.5em); } }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform .thanks .mod__heading2 {
      line-height: 1.3;
      margin-bottom: 60px;
      font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
      .page--contact .post_article #contact #mailform .thanks .mod__heading2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.3) * 0.5em); } }
.page--contact .post_article #contact #mailform .thanks p {
  line-height: 2;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: center; }
  .page--contact .post_article #contact #mailform .thanks p::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: calc((1 - 2) * 0.5em); }
  @media only screen and (max-width: 834px) {
    .page--contact .post_article #contact #mailform .thanks p {
      margin-bottom: 30px; } }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform .thanks p {
      margin-bottom: 60px; } }
.page--contact .post_article #contact #mailform .thanks > a {
  width: 100%;
  line-height: 1.575;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
  transition: all .2s ease-out;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-style: normal;
  min-height: 80px !important;
  letter-spacing: 0.1em !important;
  text-align: center;
  justify-content: center;
  padding: 10px !important;
  background: linear-gradient(90deg, #1E3A8A 0%, #FF90B3 100%);
  border-radius: 80px !important; }
  @media only screen and (max-width: 834px) {
    .page--contact .post_article #contact #mailform .thanks > a {
      max-width: 260px;
      min-height: 50px;
      padding: 5px 50px 5px 20px;
      border-radius: 25px;
      font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform .thanks > a {
      max-width: 320px;
      min-height: 70px;
      padding: 10px 65px 10px 30px;
      border-radius: 35px;
      font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--contact .post_article #contact #mailform .thanks > a {
      padding: 10px 65px 10px 20px; } }

  .page--contact .post_article #contact #mailform .thanks > a::after {
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
    border-radius: 50%;
    display: block;
    transition: all .2s ease-out;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 2; }
    @media only screen and (max-width: 834px) {
      .page--contact .post_article #contact #mailform .thanks > a::after {
        width: 40px;
        height: 40px;
        right: 5px; } }
    @media print, screen and (min-width: 835px) {
      .page--contact .post_article #contact #mailform .thanks > a::after {
        width: 50px;
        height: 50px;
        right: 10px; } }
  .page--contact .post_article #contact #mailform .thanks > a:hover {
    /*
    color: $h_color;
    background-color: $h_bgColor;
    border-color: $h_bdColor;
    */
    opacity: 0.9; }
  @media only screen and (max-width: 834px) {
    .page--contact .post_article #contact #mailform .thanks > a {
      max-width: 295px;
      font-size: 2rem; } }
  @media print, screen and (min-width: 835px) {
    .page--contact .post_article #contact #mailform .thanks > a {
      max-width: 380px;
      font-size: 2.8rem; } }
  .page--contact .post_article #contact #mailform .thanks > a::after {
    display: none; }

/* ======================
  mod
====================== */
.mod {
  /* ======================
  ページタイトル
  ====================== */
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  見出し
  ====================== */
  /* アルファベット + 日本語 */
  /* 太字 */
  /* 太字 + 中央寄せ */
  /* ======================
  変わる意志が、あなたの会社を守る
  ====================== */
  /* ======================
  投稿一覧 ページネーション
  ====================== */
  /* ======================
  投稿詳細 ページャー（前へ・次へ・一覧に戻る）
  ====================== */
  /* ======================
  SNSシェア
  ====================== */
  /*
  EOF
  */ }
  .mod__pagetitle {
    line-height: 1.575;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .mod__pagetitle {
        width: calc(100% - 40px);
        min-height: 140px;
        padding: 20px;
        border-radius: 20px;
        margin-bottom: 20px;
        font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
    @media print, screen and (min-width: 835px) {
      .mod__pagetitle {
        width: calc(100% - 60px);
        max-width: 1200px;
        min-height: 280px;
        padding: 30px;
        border-radius: 40px;
        margin-bottom: 35px;
        font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .mod__pagetitle span {
      font-family: "Outfit", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      color: #1E3A8A;
      letter-spacing: 0;
      display: block; }
      @media only screen and (max-width: 834px) {
        .mod__pagetitle span {
          line-height: 1;
          font-size: clamp(3rem, 10.2040816327vw, 4rem); } }
      @media print, screen and (min-width: 835px) {
        .mod__pagetitle span {
          line-height: 0.96;
          font-size: clamp(4rem, 4.6985121378vw, 6rem); } }
      .mod__pagetitle span::after {
        width: 40px;
        height: 2px;
        content: "";
        background: linear-gradient(90deg, #ff90b3 0%, #1e3a8a 100%);
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .mod__pagetitle span::after {
            margin: 15px auto 10px auto; } }
        @media print, screen and (min-width: 835px) {
          .mod__pagetitle span::after {
            margin: 20px auto 15px auto; } }
  .mod__breadcrumb {
    display: block;
    max-width: 1260px;
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .mod__breadcrumb {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .mod__breadcrumb {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .mod__breadcrumb {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .mod__breadcrumb {
        margin-bottom: 60px; } }
    @media print, screen and (min-width: 835px) {
      .mod__breadcrumb {
        margin-bottom: 75px; } }
    .mod__breadcrumb > span {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin: 0 auto; }
      @media print, screen and (min-width: 835px) {
        .mod__breadcrumb > span {
          max-width: 1200px; } }
      .mod__breadcrumb > span > span {
        line-height: 1.5;
        color: #000;
        font-weight: 500;
        letter-spacing: 0.05em;
        transition: all .2s ease-out;
        margin-right: 0.5em; }
        @media only screen and (max-width: 834px) {
          .mod__breadcrumb > span > span {
            font-size: clamp(1rem, 3.0612244898vw, 1.2rem); } }
        @media print, screen and (min-width: 835px) {
          .mod__breadcrumb > span > span {
            font-size: clamp(1rem, 0.9397024276vw, 1.2rem); } }
        .mod__breadcrumb > span > span:nth-of-type(n+2) {
          margin-left: 0.5em; }
        .mod__breadcrumb > span > span a {
          color: #000;
          text-decoration: none;
          transition: all .2s ease-out; }
          .mod__breadcrumb > span > span a:hover {
            color: #1E3A8A; }
        .mod__breadcrumb > span > span:first-of-type a {
          display: flex;
          align-items: center; }
          .mod__breadcrumb > span > span:first-of-type a::before {
            width: 12px;
            height: 12px;
            content: "";
            background: url("../images/common/icon-home.svg") no-repeat left top/contain;
            display: block;
            transition: all .2s ease-out;
            flex-shrink: 0;
            margin-right: 10px; }
          .mod__breadcrumb > span > span:first-of-type a:hover::before {
            background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cpath%20d%3D%22M16.318%2C23V20.423h3.364V23H23V17l-5-4-5%2C4v6Z%22%20transform%3D%22translate(-12%20-12)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") no-repeat left top/contain; }
  .mod__heading1 {
    line-height: 1.575;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .mod__heading1 {
        font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
    @media print, screen and (min-width: 835px) {
      .mod__heading1 {
        font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .mod__heading1 span {
      font-family: "Outfit", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      line-height: 1;
      color: #1E3A8A;
      letter-spacing: 0;
      display: block; }
      @media only screen and (max-width: 834px) {
        .mod__heading1 span {
          font-size: clamp(3rem, 10.2040816327vw, 4rem); } }
      @media print, screen and (min-width: 835px) {
        .mod__heading1 span {
          font-size: clamp(8rem, 7.830853563vw, 10rem); } }
      .mod__heading1 span::after {
        width: 40px;
        height: 2px;
        content: "";
        background: linear-gradient(90deg, #ff90b3 0%, #1e3a8a 100%);
        display: block;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .mod__heading1 span::after {
            margin: 15px auto 10px auto; } }
        @media print, screen and (min-width: 835px) {
          .mod__heading1 span::after {
            margin: 35px auto 20px auto; } }
  .mod__heading2 {
    font-weight: 900;
    letter-spacing: 0.05em;
    transition: all .2s ease-out; }
    @media only screen and (max-width: 834px) {
      .mod__heading2 {
        line-height: 1.9;
        font-size: clamp(2.4rem, 8.1632653061vw, 3.2rem); }
        .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.9) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .mod__heading2 {
        line-height: 2;
        font-size: clamp(6rem, 6.2646828504vw, 8rem); }
        .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 2) * 0.5em); } }
    .mod__heading2 .alphabet {
      font-family: "Playfair Display", serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      margin-right: 12px; }
    .mod__heading2 .gradation {
      background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .mod__heading3 {
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-align: center;
    transition: all .2s ease-out; }
    .mod__heading3::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.25) * 0.5em); }
    @media only screen and (max-width: 834px) {
      .mod__heading3 {
        font-size: clamp(2rem, 7.1428571429vw, 2.8rem); } }
    @media print, screen and (min-width: 835px) {
      .mod__heading3 {
        font-size: clamp(3.6rem, 3.7588097103vw, 4.8rem); } }
    .mod__heading3 .big {
      display: block; }
      @media only screen and (max-width: 834px) {
        .mod__heading3 .big {
          margin-top: 10px;
          font-size: clamp(3rem, 10.2040816327vw, 4rem); } }
      @media print, screen and (min-width: 835px) {
        .mod__heading3 .big {
          margin-top: 30px;
          font-size: clamp(6rem, 6.2646828504vw, 8rem); } }
    .mod__heading3 .blue {
      color: #1E3A8A; }
    .mod__heading3 .gradation {
      background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
  .mod__change {
    background: #FFF;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .mod__change {
        width: calc(100% - 40px);
        padding: 50px 20px 180px 20px;
        border-radius: 20px;
        margin-bottom: 110px; } }
    @media print, screen and (min-width: 835px) {
      .mod__change {
        width: calc(100% - 60px);
        max-width: 1200px;
        padding: 95px 65px 75px 65px;
        border-radius: 40px;
        margin-bottom: 205px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .mod__change {
      padding: 95px 30px 75px 30px; } }

    @media only screen and (max-width: 834px) {
      .mod__change:last-of-type {
        margin-bottom: 145px; } }
    @media print, screen and (min-width: 835px) {
      .mod__change:last-of-type {
        margin-bottom: 215px; } }
    .mod__change h2 {
      font-weight: 900;
      letter-spacing: 0.05em;
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .mod__change h2 {
          line-height: 1.9;
          margin-bottom: 15px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .mod__change h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.9) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .mod__change h2 {
          line-height: 1.3;
          margin-bottom: 45px;
          font-size: clamp(2.8rem, 3.7588097103vw, 4.8rem); }
          .mod__change h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      .mod__change h2 span {
        line-height: 1;
        color: #FFF;
        background: #1E3A8A; }
        @media only screen and (max-width: 834px) {
          .mod__change h2 span {
            padding: 0 0.35em 0.03em 0.375em;
            border-radius: 4px;
            margin: 0 0.3em; } }
        @media print, screen and (min-width: 835px) {
          .mod__change h2 span {
            padding: 0 0.3em 0.03em 0.325em;
            border-radius: 10px;
            margin: 0 0.4em; } }
    .mod__change figure {
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .mod__change figure {
          margin-bottom: 25px; } }
      @media print, screen and (min-width: 835px) {
        .mod__change figure {
          max-width: 800px;
          margin-bottom: 30px; } }
      .mod__change figure img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .mod__change figure img {
            border-radius: 10px; } }
        @media print, screen and (min-width: 835px) {
          .mod__change figure img {
            border-radius: 40px; } }
    @media only screen and (max-width: 834px) {
      .mod__change .feature {
        margin-bottom: 20px; } }
    @media print, screen and (min-width: 835px) {
      .mod__change .feature {
        max-width: 480px;
        margin: 0 auto 35px auto; } }
    .mod__change .feature li {
      line-height: 1.3125;
      font-weight: 900;
      letter-spacing: 0.05em;
      display: flex; }
      @media only screen and (max-width: 834px) {
        .mod__change .feature li {
          font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
      @media print, screen and (min-width: 835px) {
        .mod__change .feature li {
          font-size: clamp(3.2rem, 2.5058731402vw, 3.2rem); } }
      .mod__change .feature li:nth-child(n+2) {
        margin-top: 12px; }
      .mod__change .feature li::before {
        content: "";
        background: url("../images/common/icon-check.svg") no-repeat left top/contain;
        display: block;
        flex-shrink: 0;
        transition: all .2s ease-out; }
        @media only screen and (max-width: 834px) {
          .mod__change .feature li::before {
            width: 30px;
            height: 30px;
            margin: -0.1em 10px 0 0; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .feature li::before {
            width: 40px;
            height: 40px;
            margin: 0.1em 15px 0 0; } }
    @media print, screen and (min-width: 835px) {
      .mod__change .plan {
        display: flex;
        justify-content: space-between; } }
    @media only screen and (max-width: 834px) {
      .mod__change .plan > li {
        padding: 30px 20px 20px 20px;
        border-radius: 10px; }
        .mod__change .plan > li:nth-of-type(n+2) {
          margin-top: 10px; } }
    @media print, screen and (min-width: 835px) {
      .mod__change .plan > li {
        width: calc(50% - 20px);
        padding: 50px 40px 40px 40px;
        border-radius: 20px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .mod__change .plan > li {
      width: calc(50% - 15px);
      padding: 50px 30px 40px 30px; } }

    .mod__change .plan > li:nth-child(1) {
      background: linear-gradient(45deg, #065cc1 0%, #87d2fa 100%); }
    .mod__change .plan > li:nth-child(2) {
      background: linear-gradient(45deg, #1E3A8A 0%, #FF90B3 100%); }
    .mod__change .plan > li > dl > dt {
      line-height: 1.575;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      border-bottom: 1px solid #FFF; }
      .mod__change .plan > li > dl > dt::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.575) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .mod__change .plan > li > dl > dt {
          padding-bottom: 10px;
          margin-bottom: 15px; } }
      @media print, screen and (min-width: 835px) {
        .mod__change .plan > li > dl > dt {
          padding-bottom: 20px;
          margin-bottom: 25px; } }
      .mod__change .plan > li > dl > dt span {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        display: block; }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dt span {
            font-size: 2.4rem;
            margin-bottom: 3px; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dt span {
            font-size: 3.2rem;
            margin-bottom: 10px; } }
    .mod__change .plan > li > dl > dd {
      /* プランの価格 */
      /* プランの特徴 */ }
      .mod__change .plan > li > dl > dd > dl dt,
      .mod__change .plan > li > dl > dd > dl dd {
        text-align: center; }
      .mod__change .plan > li > dl > dd > dl dt {
        line-height: 1.575;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        margin-bottom: 10px; }
        .mod__change .plan > li > dl > dd > dl dt::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.575) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dd > dl dt {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dd > dl dt {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .mod__change .plan > li > dl > dd > dl dd {
        line-height: 1;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #FFF;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dd > dl dd {
            padding: 12px 20px 15px 20px; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dd > dl dd {
            padding: 25px 20px 30px 20px; } }
        .mod__change .plan > li > dl > dd > dl dd > span {
          letter-spacing: 0.05em; }
          .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) {
            font-weight: 700;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative; }
            @media only screen and (max-width: 834px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) {
                font-size: 1.2rem;
                margin-bottom: 6px; } }
            @media print, screen and (min-width: 835px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) {
                font-size: 1.4rem;
                margin-bottom: 8px; } }
            .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) span {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal; }
              @media only screen and (max-width: 834px) {
                .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) span {
                  font-size: 1.6rem;
                  margin: 0 10px; } }
              @media print, screen and (min-width: 835px) {
                .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(1) span {
                  font-size: 2rem;
                  margin: -3px 5px 0 10px; } }
          .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) {
            font-weight: 900; }
            @media only screen and (max-width: 834px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) {
                font-size: 1.4rem; } }
            @media print, screen and (min-width: 835px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) {
                font-size: 1.8rem; } }
            @media only screen and (max-width: 834px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) > span {
                font-size: 2rem;
                margin-right: 3px; } }
            @media print, screen and (min-width: 835px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) > span {
                font-size: 2.4rem;
                margin-right: 5px; } }
            @media only screen and (max-width: 834px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) > span span {
                font-size: 2.4rem; } }
            @media print, screen and (min-width: 835px) {
              .mod__change .plan > li > dl > dd > dl dd > span:nth-of-type(2) > span span {
                font-size: 3.8rem; } }
      .mod__change .plan > li > dl > dd p {
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dd p {
            min-height: 50px;
            font-size: 1.4rem;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dd p {
            min-height: 80px;
            font-size: 1.8rem;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dd p > span {
            font-size: 2rem;
            margin: -3px 3px 0 0; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dd p > span {
            font-size: 2.4rem;
            margin: -7px 5px 0 0; } }
        @media only screen and (max-width: 834px) {
          .mod__change .plan > li > dl > dd p > span span {
            font-size: 2.4rem; } }
        @media print, screen and (min-width: 835px) {
          .mod__change .plan > li > dl > dd p > span span {
            font-size: 3.8rem; } }
      .mod__change .plan > li > dl > dd ul li {
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-indent: -1em;
        margin-left: 1em; }
        .mod__change .plan > li > dl > dd ul li::before {
          content: "・"; }
    .mod__change .button {
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2; }
      @media only screen and (max-width: 834px) {
        .mod__change .button {
          width: calc(100% - 40px);
          max-width: 260px;
          bottom: -25px; } }
      @media print, screen and (min-width: 835px) {
        .mod__change .button {
          width: calc(100% - 60px);
          max-width: 1000px;
          height: 70px;
          display: flex;
          bottom: -35px; } }
      @media only screen and (max-width: 834px) {
        .mod__change .button li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .mod__change .button li {
          width: calc(100% / 3 - 20px * 2 / 3); }
          .mod__change .button li:not(:nth-child(3n)) {
            margin-right: 20px; } }
      .mod__change .button li.line a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: #37CE00;
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .mod__change .button li.line a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .mod__change .button li.line a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .mod__change .button li.line a {
      padding: 10px 65px 10px 20px; } }

        .mod__change .button li.line a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .mod__change .button li.line a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .mod__change .button li.line a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .mod__change .button li.line a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
        .mod__change .button li.line a::after {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF; }
      .mod__change .button li a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .mod__change .button li a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .mod__change .button li a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .mod__change .button li a {
      padding: 10px 65px 10px 20px; } }

        .mod__change .button li a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .mod__change .button li a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .mod__change .button li a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .mod__change .button li a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
  .mod__pagination {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    line-height: 1; }
    @media only screen and (max-width: 834px) {
      .mod__pagination {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .mod__pagination {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .mod__pagination {
        padding: 0 30px; } }
    .mod__pagination .pagination .nav-links > .page-numbers {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-content: center;
      align-items: center; }
      .mod__pagination .pagination .nav-links > .page-numbers li {
        padding: 5px 3px; }
        .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          width: 40px;
          height: 40px;
          line-height: 1.5;
          color: #1E3A8A;
          font-size: 2rem;
          text-align: center;
          text-decoration: none;
          display: flex;
          justify-content: center;
          align-items: center;
          /*
          display: inline-block;
          padding: 0.4em 0.6em;
          */
          background: #FFF;
          border: 1px solid #CAD0E2;
          border-radius: 50%;
          transition: all .2s ease-out; }
          .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.dots, .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.current, .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers:hover {
            color: #FFF;
            background-color: #1E3A8A;
            border-color: #1E3A8A !important; }
          .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.prev {
            padding-right: 3px;
            margin-right: 14px; }
            .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.prev::before {
              width: 15px;
              height: 13px;
              content: "";
              background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
              transform: rotate(-180deg);
              display: block;
              transition: all .2s ease-out; }
            .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.prev:hover::before {
              background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
          .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.next {
            padding-left: 3px;
            margin-left: 14px; }
            .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.next::after {
              width: 15px;
              height: 13px;
              content: "";
              background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
              display: block;
              transition: all .2s ease-out; }
            .mod__pagination .pagination .nav-links > .page-numbers li .page-numbers.next:hover::after {
              background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .mod__pager {
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .mod__pager {
        max-width: 320px; } }
    @media print, screen and (min-width: 835px) {
      .mod__pager {
        max-width: 620px; } }
    .mod__pager ul {
      height: 50px;
      position: relative; }
      .mod__pager ul li {
        position: absolute;
        top: 0; }
        @media print, screen and (min-width: 835px) {
          .mod__pager ul li {
            width: 200px; } }
        .mod__pager ul li a {
          min-height: 50px;
          line-height: 1.575;
          color: #1E3A8A;
          font-size: 1.6rem;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-decoration: none;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #FFF;
          border: 1px solid #C7C7C7;
          border-radius: 8px;
          transition: all .2s ease-out;
          /*
          @include smartphone {
            @include responsiveStyles(
              $font-size: 16, // 基準となるフォントサイズ
              $min_font-size: 14, // 最小フォントサイズ
              $max_font-size: 16, // 最大フォントサイズ
              $viewport: 375 // ビューポート幅
            );
          }
          @include screen {
            @include responsiveStyles(
              $font-size: 16, // 基準となるフォントサイズ
              $min_font-size: 14, // 最小フォントサイズ
              $max_font-size: 16, // 最大フォントサイズ
              $viewport: 1260 // ビューポート幅
            );
          }
          */ }
          .mod__pager ul li a:hover {
            color: #FFF;
            background: #1E3A8A;
            border-color: #1E3A8A; }
        .mod__pager ul li.prev, .mod__pager ul li.next {
          /*
          a {
            &::before,
            &::after {
              
            }

            &:hover {
              &::before,
              &::after {
                border-color: $mainColor;
              }
            }
          }
          */ }
          @media only screen and (max-width: 834px) {
            .mod__pager ul li.prev, .mod__pager ul li.next {
              width: 50px; } }
          .mod__pager ul li.prev a, .mod__pager ul li.next a {
            position: relative; }
        .mod__pager ul li.prev {
          left: 0; }
          .mod__pager ul li.prev a::before {
            width: 15px;
            height: 13px;
            content: "";
            background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
            transform: rotate(-180deg);
            display: block;
            transition: all .2s ease-out;
            margin-top: 1px; }
            @media print, screen and (min-width: 835px) {
              .mod__pager ul li.prev a::before {
                margin-right: 10px; } }
          .mod__pager ul li.prev a:hover::before {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
        .mod__pager ul li.next {
          right: 0; }
          .mod__pager ul li.next a::after {
            width: 15px;
            height: 13px;
            content: "";
            background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
            display: block;
            transition: all .2s ease-out;
            margin-top: 1px; }
            @media print, screen and (min-width: 835px) {
              .mod__pager ul li.next a::after {
                margin-left: 10px; } }
          .mod__pager ul li.next a:hover::after {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
        .mod__pager ul li.return {
          left: 0;
          right: 0;
          margin: 0 auto; }
          @media only screen and (max-width: 834px) {
            .mod__pager ul li.return {
              width: 200px; } }
  .mod__sns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 19px 0;
    border-top: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7; }
    @media only screen and (max-width: 834px) {
      .mod__sns {
        margin-top: 40px; } }
    @media print, screen and (min-width: 835px) {
      .mod__sns {
        margin-top: 60px; } }
    .mod__sns li {
      width: 40px;
      margin: 5px; }
      .mod__sns li a {
        display: block;
        transition: all .2s ease-out; }
        .mod__sns li a:hover {
          opacity: 0.8; }
        .mod__sns li a img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto; }

/*====================================
  03_page
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  トップページ
///////////////////////////////////////////////////////// */
.page--home {
  overflow-x: hidden;
  /* ======================
  フェードイン
  ====================== */
  /* ======================
  背景動画
  ====================== */
  /* ======================
  メインビジュアル
  ====================== */
  /* ======================
  運営者
  ====================== */
  /* ======================
  イベントバナー
  ====================== */
  /* ======================
  コミュニティ
  ====================== */
  /* ======================
  AIで未来を変える経営カンファレンス
  ====================== */
  /* ======================
  28,000円から始められる、”経営の変革チーム”
  ====================== */
  /* ======================
  AI時代
  ====================== */
  /* ======================
  これから押し寄せる経営の壁
  ====================== */
  /* ======================
  このままでは「止まる」2つの時代の壁
  ====================== */
  /* ======================
  XpartnaLが変革の”右腕”になります。 
  ====================== */
  /* ======================
  経営の壁を超える4つのAI戦略パートナー
  ====================== */ }
  .page--home .fadein {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
  .page--home .bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .page--home .bg video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0; }
  .page--home #mainvisual {
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url("../images/home/mainvisual-bg.jpg") no-repeat center top/cover;
    transition: all .2s ease-out;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #mainvisual {
        width: calc(100% - 40px);
        height: 580px;
        padding: 45px 20px;
        border-radius: 20px;
        margin-bottom: 20px;
        font-size: clamp(2rem, 7.1428571429vw, 2.8rem); } }
    @media print, screen and (min-width: 835px) {
      .page--home #mainvisual {
        width: calc(100% - 160px);
        max-width: 1760px;
        height: 1000px;
        padding: 125px 100px;
        border-radius: 40px;
        margin-bottom: 60px;
        font-size: clamp(4.2rem, 4.8551292091vw, 6.2rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #mainvisual {
      width: calc(100% - 60px);
      padding: 110px 30px; } }

    @media only screen and (max-width: 834px) {
      .page--home #mainvisual span {
        margin-top: 10px;
        font-size: clamp(5rem, 16.3265306122vw, 6.4rem); } }
    @media print, screen and (min-width: 835px) {
      .page--home #mainvisual span {
        margin-top: 35px;
        font-size: clamp(8.8rem, 11.5896632733vw, 14.8rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #mainvisual span {
      margin-top: 20px; } }

  .page--home #organizer {
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #organizer {
        margin-bottom: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #organizer {
        width: calc(100% - 60px);
        max-width: 1200px;
        margin: 0 auto 60px auto; } }
    .page--home #organizer .swiper-wrapper {
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 834px) {
        .page--home #organizer .swiper-wrapper {
          transition-timing-function: linear; } }
      @media print, screen and (min-width: 835px) {
        .page--home #organizer .swiper-wrapper {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(5, minmax(0, 1fr));
          align-items: center;
          justify-items: center;
          gap: 40px;
          box-sizing: border-box;
          margin: 0;
          list-style: none;
          overflow: visible; } }
      @media only screen and (max-width: 834px) {
        .page--home #organizer .swiper-wrapper li {
          width: calc(100% / 5 - 20px); } }
      @media print, screen and (min-width: 835px) {
        .page--home #organizer .swiper-wrapper li {
          width: auto;
          min-width: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
          .page--home #organizer .swiper-wrapper li.laikamarketing img {
            height: clamp(40px, 7.46vw, 90px); }
          .page--home #organizer .swiper-wrapper li.naruup img {
            height: clamp(56px, 11.61vw, 140px); }
          .page--home #organizer .swiper-wrapper li.rootfor img {
            height: clamp(22px, 2.82vw, 34px); }
          .page--home #organizer .swiper-wrapper li.prokatu img {
            height: clamp(22px, 2.82vw, 34px); }
          .page--home #organizer .swiper-wrapper li.createone img {
            height: clamp(22px, 2.82vw, 34px); } }
      @media only screen and (max-width: 834px) {
        .page--home #organizer .swiper-wrapper li img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto; } }
      @media print, screen and (min-width: 835px) {
        .page--home #organizer .swiper-wrapper li img {
          width: auto;
          max-width: 100%;
          height: auto;
          display: block;
          object-fit: contain; } }
  .page--home > .banner {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home > .banner {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home > .banner {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home > .banner {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home > .banner {
        margin-bottom: 90px; } }
    @media print, screen and (min-width: 835px) {
      .page--home > .banner {
        margin-bottom: 155px; } }
    @media only screen and (max-width: 834px) {
      .page--home > .banner li {
        margin-top: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--home > .banner li {
        margin-top: 40px; } }
    .page--home > .banner li a {
      display: block;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--home > .banner li a {
          border-radius: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home > .banner li a {
          border-radius: 40px; } }
      .page--home > .banner li a:hover {
        opacity: 0.9; }
      .page--home > .banner li a img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--home > .banner li a img {
            border-radius: 20px; } }
        @media print, screen and (min-width: 835px) {
          .page--home > .banner li a img {
            border-radius: 40px; } }
  .page--home #community {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #community {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #community {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #community {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #community {
        margin-bottom: 80px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #community {
        margin-bottom: 160px; } }
    .page--home #community .mod__heading1 {
      margin-bottom: 40px; }
    .page--home #community .tab {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      @media only screen and (max-width: 834px) {
        .page--home #community .tab {
          max-width: 260px;
          margin: 0 auto 40px auto; } }
      @media print, screen and (min-width: 835px) {
        .page--home #community .tab {
          max-width: 720px;
          margin: 0 auto 60px auto; } }
      .page--home #community .tab li {
        min-height: 40px;
        line-height: 1.5;
        color: #1E3A8A;
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF;
        border: 1px solid #1E3A8A;
        border-radius: 20px;
        cursor: pointer;
        transition: all .2s ease-out; }
        @media only screen and (max-width: 834px) {
          .page--home #community .tab li {
            /*
            width: calc(50% - 5px);
            &:nth-child(odd) {
              margin-right: 10px;
            }
            &:nth-child(n+3) {
              margin-top: 10px;
            }
            */
            width: calc(50% - 10px);
            margin: 0 5px; }
            .page--home #community .tab li:nth-child(n+3) {
              margin-top: 10px; }
            .page--home #community .tab li:nth-child(5), .page--home #community .tab li:nth-child(6), .page--home #community .tab li:nth-child(7) {
              margin-top: 20px !important; } }
        @media print, screen and (min-width: 835px) {
          .page--home #community .tab li {
            /*
            width: calc(100% / 4 - 20px * 3 / 4);
            letter-spacing: 0.05em;
            &:not(:nth-child(4n)) {
              margin-right: 20px;
            }
            &:nth-child(n+5) {
              margin-top: 20px;
            }
            */
            width: calc(100% / 4 - 20px);
            margin: 0 10px; }
            .page--home #community .tab li:nth-child(n+5) {
              margin-top: 30px !important; } }
        .page--home #community .tab li.active, .page--home #community .tab li:hover {
          color: #FFF;
          background: #1E3A8A; }
        .page--home #community .tab li.active {
          cursor: unset; }
        .page--home #community .tab li:nth-child(n+5) {
          width: auto;
          min-height: 30px;
          color: #EA4E7F;
          display: inline-flex;
          padding: 0 10px;
          border-color: #EA4E7F;
          border-radius: 25px;
          margin: 10px 2.5px 0 2.5px; }
          .page--home #community .tab li:nth-child(n+5).active, .page--home #community .tab li:nth-child(n+5):hover {
            color: #FFF;
            background: #EA4E7F; }
    .page--home #community .article {
      height: 0;
      opacity: 0;
      overflow: hidden; }
      .page--home #community .article.active {
        height: auto;
        opacity: 1;
        overflow: visible;
        transition: all .2s ease-out; }
        @media print, screen and (min-width: 835px) {
          .page--home #community .article.active {
            display: flex;
            flex-wrap: wrap; } }
      @media only screen and (max-width: 834px) {
        .page--home #community .article li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #community .article li {
          width: calc(100% / 3 - 30px * 2 / 3); }
          .page--home #community .article li:not(:nth-child(3n)) {
            margin-right: 30px; }
          .page--home #community .article li:nth-child(n+4) {
            margin-top: 30px; } }
      .page--home #community .article li a {
        color: #000;
        text-decoration: none;
        display: block;
        background: #FFF;
        border-radius: 20px;
        transition: all .2s ease-out; }
        .page--home #community .article li a:hover {
          color: #1E3A8A; }
          .page--home #community .article li a:hover figure img {
            transform: scale(1.1); }
          .page--home #community .article li a:hover .text dl dd span {
            color: #1E3A8A; }
          .page--home #community .article li a:hover .text p {
            color: #1E3A8A; }
        .page--home #community .article li a figure {
          width: 100%;
          height: 0;
          padding-top: 45.263157894%;
          border-radius: 20px 20px 0 0;
          overflow: hidden;
          position: relative; }
          .page--home #community .article li a figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px 20px 0 0;
            transition: all .2s ease-out;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .page--home #community .article li a .text {
          padding: 20px 15px 15px 20px; }
          .page--home #community .article li a .text time {
            line-height: 1;
            font-size: 1.2rem;
            font-weight: 500;
            letter-spacing: 0.05em;
            display: block;
            margin-bottom: 12px; }
          .page--home #community .article li a .text dl {
            display: flex;
            align-items: center;
            margin-bottom: 15px; }
            .page--home #community .article li a .text dl dt,
            .page--home #community .article li a .text dl dd {
              line-height: 1.28571;
              font-weight: 700;
              letter-spacing: 0.05em;
              transition: all .2s ease-out; }
              @media only screen and (max-width: 834px) {
                .page--home #community .article li a .text dl dt,
                .page--home #community .article li a .text dl dd {
                  font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--home #community .article li a .text dl dt,
                .page--home #community .article li a .text dl dd {
                  font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--home #community .article li a .text dl dt {
              padding-right: 15px;
              border-right: 1px solid #C7C7C7;
              margin-right: 10px; }
              .page--home #community .article li a .text dl dt > span {
                font-family: "Outfit", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal; }
                @media only screen and (max-width: 834px) {
                  .page--home #community .article li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
                @media print, screen and (min-width: 835px) {
                  .page--home #community .article li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
                .page--home #community .article li a .text dl dt > span:nth-of-type(2) {
                  line-height: 1; }
                  @media only screen and (max-width: 834px) {
                    .page--home #community .article li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
                  @media print, screen and (min-width: 835px) {
                    .page--home #community .article li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
            .page--home #community .article li a .text dl dd span {
              color: #909090;
              display: block;
              transition: all .2s ease-out;
              margin-top: 7px; }
          .page--home #community .article li a .text h3 {
            line-height: 1.575;
            font-weight: 700;
            letter-spacing: 0.05em;
            margin-bottom: 7px; }
            .page--home #community .article li a .text h3::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); }
            @media only screen and (max-width: 834px) {
              .page--home #community .article li a .text h3 {
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--home #community .article li a .text h3 {
                font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
          .page--home #community .article li a .text p {
            line-height: 1.28571;
            color: #909090;
            font-weight: 500;
            letter-spacing: 0.05em;
            transition: all .2s ease-out; }
            @media only screen and (max-width: 834px) {
              .page--home #community .article li a .text p {
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--home #community .article li a .text p {
                font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--home #community .article li a .text p.more {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              line-height: 1;
              color: #1E3A8A;
              font-size: 1.4rem;
              text-align: right;
              display: flex;
              justify-content: flex-end;
              align-items: center;
              margin-top: 5px; }
              .page--home #community .article li a .text p.more::after {
                content: "";
                background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #1E3A8A;
                border-radius: 50%;
                display: block;
                transition: all .2s ease-out;
                z-index: 2; }
                @media only screen and (max-width: 834px) {
                  .page--home #community .article li a .text p.more::after {
                    width: 20px;
                    height: 20px;
                    background-size: 9px auto;
                    margin-left: 5px; } }
                @media print, screen and (min-width: 835px) {
                  .page--home #community .article li a .text p.more::after {
                    width: 30px;
                    height: 30px;
                    margin-left: 10px; } }
    .page--home #community > a {
      width: 100%;
      line-height: 1.575;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
      transition: all .2s ease-out;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--home #community > a {
          max-width: 260px;
          min-height: 50px;
          padding: 5px 50px 5px 20px;
          border-radius: 25px;
          font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--home #community > a {
          max-width: 320px;
          min-height: 70px;
          padding: 10px 65px 10px 30px;
          border-radius: 35px;
          font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #community > a {
      padding: 10px 65px 10px 20px; } }

      .page--home #community > a::after {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
        border-radius: 50%;
        display: block;
        transition: all .2s ease-out;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 2; }
        @media only screen and (max-width: 834px) {
          .page--home #community > a::after {
            width: 40px;
            height: 40px;
            right: 5px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #community > a::after {
            width: 50px;
            height: 50px;
            right: 10px; } }
      .page--home #community > a:hover {
        /*
        color: $h_color;
        background-color: $h_bgColor;
        border-color: $h_bdColor;
        */
        opacity: 0.9; }
      @media only screen and (max-width: 834px) {
        .page--home #community > a {
          margin-top: 40px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #community > a {
          margin-top: 60px; } }
  .page--home #conference {
    background: #FFF;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #conference {
        width: calc(100% - 40px);
        border-radius: 20px;
        margin-bottom: 60px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #conference {
        width: calc(100% - 60px);
        max-width: 1200px;
        border-radius: 40px;
        margin-bottom: 100px; } }
    .page--home #conference .intro {
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--home #conference .intro {
          padding: 35px 20px 110px 20px;
          background: url("../images/home/conference-bg-sp.jpg") right bottom/cover;
          border-radius: 20px 20px 0 0; } }
      @media print, screen and (min-width: 835px) {
        .page--home #conference .intro {
          padding: 90px 80px 80px 80px;
          background: url("../images/home/conference-bg-pc.jpg") right center/cover;
          border-radius: 40px 40px 0 0; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .intro {
      padding: 90px 30px 80px 30px; } }

      .page--home #conference .intro h2 {
        line-height: 1.45;
        font-weight: 900;
        letter-spacing: 0.05em;
        display: flex;
        flex-direction: column; }
        .page--home #conference .intro h2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.45) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro h2 {
            margin-bottom: 25px;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro h2 {
            margin-bottom: 65px;
            font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro h2 span {
            font-size: clamp(2.6rem, 7.1428571429vw, 2.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro h2 span {
            font-size: clamp(5.4rem, 5.3249804229vw, 6.8rem); } }
      .page--home #conference .intro > p {
        line-height: 1.3125;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--home #conference .intro > p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3125) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro > p {
            font-size: 1.6rem; } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro > p:nth-of-type(1) {
            margin-bottom: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro > p:nth-of-type(1) {
            font-size: 2.8rem;
            margin-bottom: 22px; } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro > p:nth-of-type(2) {
            margin-bottom: 22px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro > p:nth-of-type(2) {
            font-size: 2rem; } }
      .page--home #conference .intro dl {
        background: #FFF; }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro dl {
            padding: 25px 20px 20px 20px;
            border-radius: 4px;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro dl {
            display: inline-block;
            padding: 25px 20px 22px 20px;
            border-radius: 10px;
            margin-bottom: 25px; } }
        .page--home #conference .intro dl dt,
        .page--home #conference .intro dl dd {
          font-weight: 700;
          letter-spacing: 0.05em; }
        .page--home #conference .intro dl dt {
          line-height: 1; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .intro dl dt {
              font-size: 1.6rem;
              margin-bottom: 7px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .intro dl dt {
              font-size: 2rem;
              margin-bottom: 12px; } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro dl dd {
            line-height: 1.8;
            font-size: 1.4rem; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro dl dd {
            font-size: 1.8rem; } }
        .page--home #conference .intro dl dd span {
          color: #1E3A8A; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .intro dl dd span {
              font-size: 1.5rem; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .intro dl dd span {
              font-size: 2.8rem; } }
      .page--home #conference .intro i {
        display: block;
        background: linear-gradient(-45deg, #0f48eb 0%, #ff9bbb 100%);
        border-radius: 50%; }
        @media only screen and (max-width: 834px) {
          .page--home #conference .intro i {
            width: 80px;
            height: 80px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .intro i {
            width: 160px;
            height: 160px;
            position: absolute;
            top: 60px;
            right: 60px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .intro i {
      right: 30px; } }

        .page--home #conference .intro i span {
          width: 100%;
          height: 100%;
          color: #FFF;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .intro i span {
              line-height: 1.05;
              font-size: 2rem; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .intro i span {
              line-height: 1.047619;
              font-size: 4.2rem; } }
    @media only screen and (max-width: 834px) {
      .page--home #conference .schedule {
        padding: 25px 20px 20px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #conference .schedule {
        padding: 65px 80px 60px 80px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .schedule {
      padding: 65px 30px 60px 30px; } }

    .page--home #conference .schedule h3 {
      font-weight: 700;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 834px) {
        .page--home #conference .schedule h3 {
          line-height: 1.4;
          font-size: 1.8rem;
          text-align: center;
          margin-bottom: 15px; }
          .page--home #conference .schedule h3::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.4) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--home #conference .schedule h3 {
          line-height: 1.05;
          font-size: 2.4rem;
          margin-bottom: 25px; }
          .page--home #conference .schedule h3::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.05) * 0.5em); } }
    .page--home #conference .schedule .year {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media only screen and (max-width: 834px) {
        .page--home #conference .schedule .year:nth-of-type(n+2) {
          margin-top: 5px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #conference .schedule .year:nth-of-type(n+2) {
          margin-top: 10px; } }
      .page--home #conference .schedule .year > dt {
        line-height: 1;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #1E3A8A; }
        @media only screen and (max-width: 834px) {
          .page--home #conference .schedule .year > dt {
            width: 25px;
            font-size: 1.2rem;
            writing-mode: vertical-rl;
            border-radius: 4px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .schedule .year > dt {
            width: 140px;
            min-height: 60px;
            font-size: 1.6rem;
            border-radius: 10px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .schedule .year > dt {
      width: 120px; } }

        .page--home #conference .schedule .year > dt .numbers {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .schedule .year > dt .numbers {
              font-size: 1.8rem;
              margin-bottom: 3px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .schedule .year > dt .numbers {
              font-size: 2.4rem;
              margin-right: 3px; } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .schedule .year > dt .kanji {
            transform: rotate(90deg);
            margin-right: 3px; } }
      @media only screen and (max-width: 834px) {
        .page--home #conference .schedule .year > dd {
          width: calc(100% - 30px); } }
      @media print, screen and (min-width: 835px) {
        .page--home #conference .schedule .year > dd {
          width: calc(100% - 150px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .schedule .year > dd {
      width: calc(100% - 130px); } }

      .page--home #conference .schedule .year > dd .month {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media only screen and (max-width: 834px) {
          .page--home #conference .schedule .year > dd .month:nth-of-type(n+2) {
            margin-top: 5px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .schedule .year > dd .month:nth-of-type(n+2) {
            margin-top: 10px; } }
        .page--home #conference .schedule .year > dd .month dt {
          line-height: 1;
          font-weight: 700;
          color: #1E3A8A;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #F5F8FA; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .schedule .year > dd .month dt {
              width: 25px;
              font-size: 1.2rem;
              writing-mode: vertical-rl;
              border-radius: 4px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .schedule .year > dd .month dt {
              width: 80px;
              min-height: 60px;
              font-size: 1.6rem;
              border-radius: 10px; } }
          .page--home #conference .schedule .year > dd .month dt .numbers {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal; }
            @media only screen and (max-width: 834px) {
              .page--home #conference .schedule .year > dd .month dt .numbers {
                font-size: 1.8rem;
                margin-bottom: 3px; } }
            @media print, screen and (min-width: 835px) {
              .page--home #conference .schedule .year > dd .month dt .numbers {
                font-size: 2.4rem;
                margin-right: 3px; } }
          @media only screen and (max-width: 834px) {
            .page--home #conference .schedule .year > dd .month dt .kanji {
              transform: rotate(90deg);
              margin-right: 3px; } }
        @media only screen and (max-width: 834px) {
          .page--home #conference .schedule .year > dd .month dd {
            width: calc(100% - 30px); } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .schedule .year > dd .month dd {
            width: calc(100% - 90px); } }
        @media print, screen and (min-width: 835px) {
          .page--home #conference .schedule .year > dd .month dd ul {
            display: flex;
            flex-wrap: wrap; } }
        .page--home #conference .schedule .year > dd .month dd ul li {
          font-weight: 700;
          display: flex;
          align-items: center;
          background: #F5F8FA;
          transition: all .2s ease-out; }
          @media only screen and (max-width: 834px) {
            .page--home #conference .schedule .year > dd .month dd ul li {
              min-height: 40px;
              line-height: 1.8;
              padding: 5px 10px;
              border-radius: 4px; }
              .page--home #conference .schedule .year > dd .month dd ul li:nth-child(n+2) {
                margin-top: 5px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #conference .schedule .year > dd .month dd ul li {
              width: calc(50% - 5px);
              min-height: 60px;
              line-height: 1.4;
              font-size: 1.8rem;
              padding: 15px 25px;
              border-radius: 10px; }
              .page--home #conference .schedule .year > dd .month dd ul li:nth-child(odd) {
                margin-right: 10px; }
              .page--home #conference .schedule .year > dd .month dd ul li:nth-child(n+3) {
                margin-top: 10px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #conference .schedule .year > dd .month dd ul li {
      font-size: 1.6rem;
      padding: 15px 20px; } }

  .page--home #transformation {
    background: #FFF;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #transformation {
        width: calc(100% - 40px);
        padding: 30px 20px 20px 20px;
        border-radius: 20px;
        margin-bottom: 80px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #transformation {
        width: calc(100% - 60px);
        max-width: 1200px;
        padding: 75px 80px 60px 80px;
        border-radius: 40px;
        margin-bottom: 160px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #transformation {
      padding: 75px 30px 60px 30px; } }

    .page--home #transformation h2 {
      line-height: 1.5;
      font-weight: 900;
      letter-spacing: 0.05em;
      text-align: center; }
      .page--home #transformation h2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--home #transformation h2 {
          margin-bottom: 25px;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
      @media print, screen and (min-width: 835px) {
        .page--home #transformation h2 {
          margin-bottom: 35px;
          font-size: clamp(2.4rem, 2.6624902114vw, 3.4rem); } }
      .page--home #transformation h2 > span {
        line-height: 1; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation h2 > span {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation h2 > span {
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
        .page--home #transformation h2 > span span {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          color: #1E3A8A;
          margin: 0 5px; }
          @media only screen and (max-width: 834px) {
            .page--home #transformation h2 > span span {
              font-size: clamp(3.4rem, 9.693877551vw, 3.8rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #transformation h2 > span span {
              font-size: clamp(4.4rem, 3.7588097103vw, 4.8rem); } }
    .page--home #transformation .campaign {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #FFF2F2;
      border: 1px solid #F05959;
      border-radius: 4px; }
      @media only screen and (max-width: 834px) {
        .page--home #transformation .campaign {
          flex-direction: column;
          padding: 10px 20px 12px 20px;
          margin-bottom: 15px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #transformation .campaign {
          max-width: 400px;
          padding: 19px;
          margin: 0 auto 30px auto; } }
      .page--home #transformation .campaign dt,
      .page--home #transformation .campaign dd {
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .campaign dt,
          .page--home #transformation .campaign dd {
            text-align: center; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .campaign dt,
          .page--home #transformation .campaign dd {
            line-height: 1.575;
            font-size: 1.6rem; } }
      .page--home #transformation .campaign dt {
        color: #FFF;
        text-align: center;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #F05959;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .campaign dt {
            min-height: 24px;
            padding: 1px 5px 1px 5px;
            font-size: 1.4rem;
            margin-bottom: 10px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .campaign dt {
            min-height: 30px;
            padding: 1px 10px 1px 10px;
            margin-right: 20px; } }
      .page--home #transformation .campaign dd {
        color: #F05959;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .campaign dd {
            font-size: 1.6rem; } }
        .page--home #transformation .campaign dd > span {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          font-size: 2.8rem;
          margin: -5px 5px 0 5px; }
          .page--home #transformation .campaign dd > span span {
            font-size: 3.8rem; }
    @media print, screen and (min-width: 835px) {
      .page--home #transformation .plan {
        display: flex;
        justify-content: space-between; } }
    @media only screen and (max-width: 834px) {
      .page--home #transformation .plan > li {
        padding: 30px 20px 20px 20px;
        border-radius: 10px; }
        .page--home #transformation .plan > li:nth-of-type(n+2) {
          margin-top: 15px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #transformation .plan > li {
        width: calc(50% - 20px);
        padding: 50px 40px 35px 40px;
        border-radius: 20px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #transformation .plan > li {
      width: calc(50% - 15px);
      padding: 50px 30px 35px 30px; } }

    .page--home #transformation .plan > li:nth-child(1) {
      background: linear-gradient(45deg, #065cc1 0%, #87d2fa 100%); }
    .page--home #transformation .plan > li:nth-child(2) {
      background: linear-gradient(45deg, #1e3a8a 0%, #ff90b3 100%); }
    .page--home #transformation .plan > li > dl > dt {
      line-height: 1.575;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      border-bottom: 1px solid #FFF; }
      .page--home #transformation .plan > li > dl > dt::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.575) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--home #transformation .plan > li > dl > dt {
          padding-bottom: 15px;
          margin-bottom: 15px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #transformation .plan > li > dl > dt {
          padding-bottom: 20px;
          margin-bottom: 20px; } }
      .page--home #transformation .plan > li > dl > dt span {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        font-size: 3.2rem;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .plan > li > dl > dt span {
            margin-bottom: 3px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .plan > li > dl > dt span {
            margin-bottom: 10px; } }
    .page--home #transformation .plan > li > dl > dd {
      /* プランの価格 */
      /* プランの特徴 */ }
      .page--home #transformation .plan > li > dl > dd > dl {
        background: #FFF;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .plan > li > dl > dd > dl {
            font-size: 1.4rem;
            padding: 17px 20px 15px 20px;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .plan > li > dl > dd > dl {
            font-size: 1.8rem;
            padding: 25px 20px 20px 20px;
            margin-bottom: 20px; } }
        .page--home #transformation .plan > li > dl > dd > dl dt,
        .page--home #transformation .plan > li > dl > dd > dl dd {
          line-height: 1; }
        .page--home #transformation .plan > li > dl > dd > dl dt {
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center; }
          @media only screen and (max-width: 834px) {
            .page--home #transformation .plan > li > dl > dd > dl dt {
              margin-bottom: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #transformation .plan > li > dl > dd > dl dt {
              margin-bottom: 15px; } }
          .page--home #transformation .plan > li > dl > dd > dl dt > span {
            letter-spacing: 0.05em; }
            .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) {
              font-weight: 700;
              display: inline-flex;
              justify-content: center;
              align-items: center;
              position: relative; }
              @media only screen and (max-width: 834px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) {
                  font-size: 1.2rem;
                  margin-bottom: 7px; } }
              @media print, screen and (min-width: 835px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) {
                  font-size: 1.4rem;
                  margin-bottom: 10px; } }
              .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1)::before {
                width: 100%;
                height: 2px;
                content: "";
                background: #F05959;
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 2; }
              .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) span {
                font-family: "Outfit", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal; }
                @media only screen and (max-width: 834px) {
                  .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) span {
                    font-size: 1.6rem;
                    margin: 0 10px; } }
                @media print, screen and (min-width: 835px) {
                  .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(1) span {
                    font-size: 2rem;
                    margin: -3px 5px 0 10px; } }
            .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) {
              font-weight: 900; }
              @media only screen and (max-width: 834px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) {
                  font-size: 1.4rem; } }
              @media print, screen and (min-width: 835px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) {
                  font-size: 1.8rem; } }
              @media only screen and (max-width: 834px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) > span {
                  font-size: 2rem;
                  margin: -3px 3px 0 0; } }
              @media print, screen and (min-width: 835px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) > span {
                  font-size: 2.4rem;
                  margin: -7px 5px 0 0; } }
              @media only screen and (max-width: 834px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) > span span {
                  font-size: 2.4rem; } }
              @media print, screen and (min-width: 835px) {
                .page--home #transformation .plan > li > dl > dd > dl dt > span:nth-of-type(2) > span span {
                  font-size: 3.8rem; } }
        .page--home #transformation .plan > li > dl > dd > dl dd {
          color: #F05959;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-top: 3px;
          background: #FFF2F2; }
          @media only screen and (max-width: 834px) {
            .page--home #transformation .plan > li > dl > dd > dl dd {
              min-height: 30px;
              font-size: 1.2rem; } }
          @media print, screen and (min-width: 835px) {
            .page--home #transformation .plan > li > dl > dd > dl dd {
              min-height: 40px;
              font-size: 1.6rem; } }
          .page--home #transformation .plan > li > dl > dd > dl dd > span {
            font-weight: 900;
            margin-top: -5px; }
            @media only screen and (max-width: 834px) {
              .page--home #transformation .plan > li > dl > dd > dl dd > span {
                font-size: 1.6rem; } }
            @media print, screen and (min-width: 835px) {
              .page--home #transformation .plan > li > dl > dd > dl dd > span {
                font-size: 1.8rem; } }
            .page--home #transformation .plan > li > dl > dd > dl dd > span span {
              margin-right: 5px; }
              @media only screen and (max-width: 834px) {
                .page--home #transformation .plan > li > dl > dd > dl dd > span span {
                  font-size: 2rem; } }
              @media print, screen and (min-width: 835px) {
                .page--home #transformation .plan > li > dl > dd > dl dd > span span {
                  font-size: 2.4rem; } }
      .page--home #transformation .plan > li > dl > dd p {
        line-height: 1;
        font-weight: 900;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .plan > li > dl > dd p {
            min-height: 50px;
            font-size: 1.4rem;
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .plan > li > dl > dd p {
            min-height: 80px;
            font-size: 1.8rem;
            margin-bottom: 20px; } }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .plan > li > dl > dd p > span {
            font-size: 2rem;
            margin: -3px 3px 0 0; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .plan > li > dl > dd p > span {
            font-size: 2.4rem;
            margin: -7px 5px 0 0; } }
        @media only screen and (max-width: 834px) {
          .page--home #transformation .plan > li > dl > dd p > span span {
            font-size: 2.4rem; } }
        @media print, screen and (min-width: 835px) {
          .page--home #transformation .plan > li > dl > dd p > span span {
            font-size: 3.8rem; } }
      .page--home #transformation .plan > li > dl > dd ul li {
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-indent: -1em;
        margin-left: 1em; }
        .page--home #transformation .plan > li > dl > dd ul li::before {
          content: "・"; }
  .page--home #ai {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #ai {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #ai {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #ai {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #ai {
        margin-bottom: 90px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #ai {
        margin-bottom: 180px; } }
    .page--home #ai .mod__heading2 {
      line-height: 2; }
      .page--home #ai .mod__heading2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--home #ai .mod__heading2 {
          margin-bottom: 40px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #ai .mod__heading2 {
          margin-bottom: 100px; } }
    @media only screen and (max-width: 834px) {
      .page--home #ai .container {
        margin-bottom: 55px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #ai .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 125px; } }
    @media only screen and (max-width: 834px) {
      .page--home #ai .container .text {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #ai .container .text {
        width: calc(55% - 60px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #ai .container .text {
      width: calc(55% - 30px); } }

    .page--home #ai .container .text h3 {
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .page--home #ai .container .text h3::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--home #ai .container .text h3 {
          margin-bottom: 15px;
          font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
      @media print, screen and (min-width: 835px) {
        .page--home #ai .container .text h3 {
          margin-bottom: 55px;
          font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
      .page--home #ai .container .text h3 span {
        line-height: 1;
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        color: #1E3A8A;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--home #ai .container .text h3 span {
            margin-top: 10px;
            font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #ai .container .text h3 span {
            margin-top: 35px;
            font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); } }
    .page--home #ai .container .text p {
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--home #ai .container .text p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--home #ai .container .text p {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--home #ai .container .text p {
          font-size: clamp(1.6rem, 1.8794048551vw, 2.4rem); } }
    @media print, screen and (min-width: 835px) {
      .page--home #ai .container figure {
        width: 45%; } }
    .page--home #ai .container figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
    .page--home #ai .partnership {
      background: #FFF;
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--home #ai .partnership {
          padding: 40px 20px 20px 20px;
          border-radius: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #ai .partnership {
          padding: 155px 30px 60px 30px;
          border-radius: 40px; } }
      .page--home #ai .partnership dt {
        line-height: 1;
        font-weight: 700;
        text-align: center;
        display: block;
        position: absolute;
        top: -0.5em;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2; }
        @media only screen and (max-width: 834px) {
          .page--home #ai .partnership dt {
            font-size: 2.4rem; } }
        @media print, screen and (min-width: 835px) {
          .page--home #ai .partnership dt {
            font-size: 3.2rem; } }
      @media print, screen and (min-width: 835px) {
        .page--home #ai .partnership dd {
          max-width: 525px;
          margin: 0 auto;
          position: relative; } }
  @media only screen and (min-width: 835px) and (max-width: 1260px) {
    .page--home #ai .partnership dd {
      max-width: 425px; } }

      @media only screen and (max-width: 834px) {
        .page--home #ai .partnership dd figure {
          margin-bottom: 20px; } }
      .page--home #ai .partnership dd figure img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        transition: all .2s ease-out; }
      .page--home #ai .partnership dd ul li {
        padding: 25px 20px 20px 20px;
        background: #F5F8FA;
        border-radius: 10px;
        transition: all .2s ease-out; }
        @media only screen and (max-width: 834px) {
          .page--home #ai .partnership dd ul li {
            display: flex;
            align-items: center; }
            .page--home #ai .partnership dd ul li:nth-child(n+2) {
              margin-top: 10px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #ai .partnership dd ul li {
            max-width: 260px;
            position: absolute;
            z-index: 2; } }
  @media only screen and (min-width: 835px) and (max-width: 1260px) {
    .page--home #ai .partnership dd ul li {
      padding: 20px 15px 15px 15px; } }
  @media only screen and (min-width: 835px) and (min-width: 1261px) {
    .page--home #ai .partnership dd ul li {
      min-width: 260px; } }
  @media only screen and (min-width: 835px) and (max-width: 990px) {
    .page--home #ai .partnership dd ul li {
      max-width: 200px; } }
        @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li:nth-child(2), .page--home #ai .partnership dd ul li:nth-child(3) {
              top: -90px; } }
    @media only screen and (min-width: 835px) and (max-width: 1260px) {
      .page--home #ai .partnership dd ul li:nth-child(2), .page--home #ai .partnership dd ul li:nth-child(3) {
        top: -75px; } }
    @media only screen and (min-width: 835px) and (max-width: 990px) {
      .page--home #ai .partnership dd ul li:nth-child(2), .page--home #ai .partnership dd ul li:nth-child(3) {
        top: -60px; } }
        @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li:nth-child(1) {
              top: 100px;
              left: -239px; } }
    @media only screen and (min-width: 835px) and (max-width: 1260px) {
      .page--home #ai .partnership dd ul li:nth-child(1) {
        top: 80px;
        left: -17.5vw; } }
    @media only screen and (min-width: 835px) and (max-width: 990px) {
      .page--home #ai .partnership dd ul li:nth-child(1) {
        left: -165px; } }
        @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li:nth-child(2) {
              left: -92px; } }
    @media only screen and (min-width: 835px) and (max-width: 1260px) {
      .page--home #ai .partnership dd ul li:nth-child(2) {
        left: -60px; } }
        @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li:nth-child(3) {
              right: -47px; } }
    @media only screen and (min-width: 835px) and (max-width: 990px) {
      .page--home #ai .partnership dd ul li:nth-child(3) {
        right: -65px; } }
        @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li:nth-child(4) {
              top: 75px;
              right: -239px; } }
    @media only screen and (min-width: 835px) and (max-width: 1260px) {
      .page--home #ai .partnership dd ul li:nth-child(4) {
        top: 80px;
        right: -225px; } }
    @media only screen and (min-width: 835px) and (max-width: 990px) {
      .page--home #ai .partnership dd ul li:nth-child(4) {
        top: 60px;
        right: -165px; } }

        @media only screen and (max-width: 834px) {
          .page--home #ai .partnership dd ul li > i {
            width: 42px;
            height: 42px;
            display: block;
            flex-shrink: 0;
            position: relative;
            margin-right: 15px; }
            .page--home #ai .partnership dd ul li > i img {
              width: auto;
              height: auto;
              max-width: 100%;
              max-height: 100%;
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; } }
        .page--home #ai .partnership dd ul li .text h3,
        .page--home #ai .partnership dd ul li .text p {
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--home #ai .partnership dd ul li .text h3,
            .page--home #ai .partnership dd ul li .text p {
              font-size: 1.6rem; } }
        .page--home #ai .partnership dd ul li .text h3 {
          color: #1E3A8A;
          font-weight: 700; }
          @media only screen and (max-width: 834px) {
            .page--home #ai .partnership dd ul li .text h3 {
              line-height: 1.575;
              margin-bottom: 10px; }
              .page--home #ai .partnership dd ul li .text h3::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.575) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li .text h3 {
              line-height: 1.26;
              margin-bottom: 15px;
              font-size: clamp(1.8rem, 1.5661707126vw, 2rem); }
              .page--home #ai .partnership dd ul li .text h3::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.26) * 0.5em); } }
        .page--home #ai .partnership dd ul li .text p {
          font-weight: 500; }
          @media only screen and (max-width: 834px) {
            .page--home #ai .partnership dd ul li .text p {
              line-height: 1.5; }
              .page--home #ai .partnership dd ul li .text p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.5) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--home #ai .partnership dd ul li .text p {
              line-height: 1.575;
              font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); }
              .page--home #ai .partnership dd ul li .text p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.575) * 0.5em); } }
  .page--home #management {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #management {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #management {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #management {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #management {
        margin-bottom: 80px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #management {
        margin-bottom: 160px; } }
    @media only screen and (max-width: 834px) {
      .page--home #management .mod__heading2 {
        margin-bottom: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #management .mod__heading2 {
        margin-bottom: 65px; } }
    .page--home #management p {
      font-weight: 700;
      letter-spacing: 0.05em;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--home #management p {
          line-height: 2;
          font-size: clamp(1.8rem, 5.1020408163vw, 2rem); }
          .page--home #management p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--home #management p {
          line-height: 2.5;
          font-size: clamp(2rem, 2.5058731402vw, 3.2rem); }
          .page--home #management p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2.5) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--home #management > p {
        margin-bottom: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #management > p {
        margin-bottom: 45px; } }
    @media only screen and (max-width: 834px) {
      .page--home #management .container {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #management .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px; } }
    @media only screen and (max-width: 834px) {
      .page--home #management .container p {
        margin-bottom: 35px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #management .container p {
        width: calc(55% - 60px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #management .container p {
      width: calc(55% - 30px); } }

    @media print, screen and (min-width: 835px) {
      .page--home #management .container figure {
        width: 45%; } }
    .page--home #management .container figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
  .page--home #eras {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #eras {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #eras {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #eras {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #eras {
        margin-bottom: 70px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #eras {
        margin-bottom: 170px; } }
    @media only screen and (max-width: 834px) {
      .page--home #eras .mod__heading3 {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #eras .mod__heading3 {
        margin-bottom: 70px; } }
    @media only screen and (max-width: 834px) {
      .page--home #eras .mod__heading3 .big {
        margin-top: 22px;
        font-size: clamp(2.8rem, 8.1632653061vw, 3.2rem); } }
    .page--home #eras > ul > li {
      background: #FFF;
      /* AIスタンダード時代への適応が必須に */
      /* 労働人口減少が加速し、負荷が限界へ */ }
      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li {
          border-radius: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li {
          display: flex;
          border-radius: 40px; } }
      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li:nth-child(n+2) {
          margin-top: 40px; } }
      .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) {
        line-height: 1.33;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2)::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.33) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) {
            margin-top: 35px;
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) {
            margin-top: 40px;
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
        .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big {
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big {
              margin-top: 5px;
              font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big {
              margin-top: 10px;
              font-size: clamp(2.6rem, 2.5058731402vw, 3.2rem); } }
          .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big .numbers {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            line-height: 1;
            color: #1E3A8A;
            letter-spacing: -0.03em; }
            @media only screen and (max-width: 834px) {
              .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big .numbers {
                margin: 0 5px;
                font-size: clamp(4.2rem, 15.8163265306vw, 6.2rem); } }
            @media print, screen and (min-width: 835px) {
              .page--home #eras > ul > li:nth-child(1) .text > p:nth-of-type(2) .big .numbers {
                margin: 0 10px;
                font-size: clamp(4.2rem, 4.8551292091vw, 6.2rem); } }
      .page--home #eras > ul > li:nth-child(1) figure {
        background: #EDF2F6; }
      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li:nth-child(2) .text dl {
          margin-top: 35px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li:nth-child(2) .text dl {
          margin-top: 45px; } }
      .page--home #eras > ul > li:nth-child(2) .text dl dt,
      .page--home #eras > ul > li:nth-child(2) .text dl dd {
        font-weight: 700;
        letter-spacing: 0.05em; }
      .page--home #eras > ul > li:nth-child(2) .text dl dt {
        line-height: 1.5; }
        .page--home #eras > ul > li:nth-child(2) .text dl dt::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li:nth-child(2) .text dl dt {
            margin-bottom: 10px;
            font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li:nth-child(2) .text dl dt {
            margin-bottom: 15px;
            font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
      .page--home #eras > ul > li:nth-child(2) .text dl dd ul li {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li:nth-child(2) .text dl dd ul li:nth-child(n+2) {
            margin-top: 3px; }
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li:nth-child(n+2) h4 {
              width: 100% !important; }
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li:nth-child(n+2) p {
              margin-left: auto !important; } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li:nth-child(2) .text dl dd ul li:nth-child(n+2) {
            margin-top: 1px; } }
        .page--home #eras > ul > li:nth-child(2) .text dl dd ul li h4,
        .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p {
          font-weight: 700;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li h4,
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p {
              font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li h4,
            .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p {
              font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
        .page--home #eras > ul > li:nth-child(2) .text dl dd ul li h4 {
          line-height: 2; }
        .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p {
          line-height: 1;
          display: inline-flex;
          align-items: center;
          margin-left: 5px; }
          .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p::before {
            width: 16px;
            height: 8px;
            content: "";
            background: url("../images/home/eras-arrow.svg") no-repeat left top/contain;
            display: block;
            flex-shrink: 0;
            margin-right: 5px; }
          .page--home #eras > ul > li:nth-child(2) .text dl dd ul li p span {
            padding: 5px;
            background: #EFF3F7;
            border-radius: 4px; }
      .page--home #eras > ul > li:nth-child(2) figure {
        background: #F7EDDC; }
      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li .text {
          padding: 35px 20px 30px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li .text {
          width: 60%;
          padding: 90px 65px 75px 80px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #eras > ul > li .text {
      padding: 90px 30px 75px 30px; } }

      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li .text hgroup {
          margin-bottom: 25px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li .text hgroup {
          margin-bottom: 35px; } }
      .page--home #eras > ul > li .text hgroup h3 {
        font-weight: 900;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li .text hgroup h3 {
            line-height: 1.3;
            margin-bottom: 25px;
            font-size: clamp(2rem, 7.1428571429vw, 2.8rem); }
            .page--home #eras > ul > li .text hgroup h3::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.3) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li .text hgroup h3 {
            line-height: 1.5;
            margin-bottom: 35px;
            font-size: clamp(3.6rem, 3.7588097103vw, 4.8rem); }
            .page--home #eras > ul > li .text hgroup h3::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.5) * 0.5em); } }
      .page--home #eras > ul > li .text hgroup p {
        line-height: 1.33;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--home #eras > ul > li .text hgroup p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.33) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li .text hgroup p {
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li .text hgroup p {
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
      .page--home #eras > ul > li .text > p {
        font-weight: 500;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li .text > p {
            line-height: 1.5;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
            .page--home #eras > ul > li .text > p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.5) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--home #eras > ul > li .text > p {
            line-height: 2;
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); }
            .page--home #eras > ul > li .text > p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 2) * 0.5em); } }
      @media only screen and (max-width: 834px) {
        .page--home #eras > ul > li figure {
          border-radius: 0 0 20px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #eras > ul > li figure {
          width: 40%;
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 70px 0;
          border-radius: 0 40px 40px 0; } }
      .page--home #eras > ul > li figure img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--home #eras > ul > li figure img {
            border-radius: 0 0 20px 20px; } }
  .page--home #righthand {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #righthand {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #righthand {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #righthand {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #righthand {
        margin-bottom: 85px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #righthand {
        margin-bottom: 170px; } }
    @media only screen and (max-width: 834px) {
      .page--home #righthand .mod__heading2 {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #righthand .mod__heading2 {
        margin-bottom: 60px; } }
    @media only screen and (max-width: 834px) {
      .page--home #righthand .container {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #righthand .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px; } }
    .page--home #righthand .container p {
      font-weight: 700;
      letter-spacing: 0.05em;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--home #righthand .container p {
          line-height: 2;
          margin-bottom: 35px;
          font-size: clamp(1.8rem, 5.1020408163vw, 2rem); }
          .page--home #righthand .container p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--home #righthand .container p {
          width: calc(55% - 60px);
          line-height: 2.5;
          font-size: clamp(2rem, 2.5058731402vw, 3.2rem); }
          .page--home #righthand .container p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2.5) * 0.5em); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #righthand .container p {
      width: calc(55% - 30px); } }

    @media print, screen and (min-width: 835px) {
      .page--home #righthand .container figure {
        width: 45%; } }
    .page--home #righthand .container figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
    .page--home #righthand > ul {
      background: #FFF; }
      @media only screen and (max-width: 834px) {
        .page--home #righthand > ul {
          padding: 45px 20px 20px 20px;
          border-radius: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #righthand > ul {
          display: flex;
          flex-wrap: wrap;
          padding: 100px 80px 60px 80px;
          border-radius: 40px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #righthand > ul {
      padding: 100px 30px 60px 30px; } }

      .page--home #righthand > ul li {
        background: #F5F7FC;
        border-radius: 10px;
        position: relative; }
        @media only screen and (max-width: 834px) {
          .page--home #righthand > ul li {
            padding: 40px 20px 20px 20px; }
            .page--home #righthand > ul li:nth-child(n+2) {
              margin-top: 45px; } }
        @media print, screen and (min-width: 835px) {
          .page--home #righthand > ul li {
            width: calc(100% / 3 - 40px * 2 / 3);
            padding: 60px 20px 20px 20px; }
            .page--home #righthand > ul li:not(:nth-child(3n)) {
              margin-right: 40px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--home #righthand > ul li {
      width: calc(100% / 3 - 30px * 2 / 3); }
      .page--home #righthand > ul li:not(:nth-child(3n)) {
        margin-right: 30px; } }

        .page--home #righthand > ul li i {
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--home #righthand > ul li i {
              width: 48px;
              top: -24px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #righthand > ul li i {
              width: 80px;
              top: -40px; } }
          .page--home #righthand > ul li i img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0 auto; }
        .page--home #righthand > ul li h3 {
          line-height: 1.3;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          margin-bottom: 15px; }
          .page--home #righthand > ul li h3::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); }
          @media only screen and (max-width: 834px) {
            .page--home #righthand > ul li h3 {
              font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #righthand > ul li h3 {
              font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
        .page--home #righthand > ul li p {
          line-height: 1.5;
          font-weight: 500;
          letter-spacing: 0.05em; }
          .page--home #righthand > ul li p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
          @media only screen and (max-width: 834px) {
            .page--home #righthand > ul li p {
              font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #righthand > ul li p {
              font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
  .page--home #strategy {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
    z-index: 5; }
    @media only screen and (max-width: 834px) {
      .page--home #strategy {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--home #strategy {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--home #strategy {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--home #strategy {
        margin-bottom: 80px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #strategy {
        margin-bottom: 160px; } }
    @media only screen and (max-width: 834px) {
      .page--home #strategy .mod__heading3 {
        margin-bottom: 35px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #strategy .mod__heading3 {
        margin-bottom: 75px; } }
    @media print, screen and (min-width: 835px) {
      .page--home #strategy ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--home #strategy ul li {
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--home #strategy ul li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--home #strategy ul li {
          width: calc(50% - 10px); }
          .page--home #strategy ul li:nth-child(odd) {
            margin-right: 20px; }
          .page--home #strategy ul li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--home #strategy ul li hgroup {
        padding: 20px;
        border-radius: 20px 20px 0px 0px;
        color: #FFF;
        background: linear-gradient(#FF90B3 0%, #1E3A8A 100%); }
        @media print, screen and (min-width: 835px) {
          .page--home #strategy ul li hgroup {
            padding: 20px; } }
        .page--home #strategy ul li hgroup h3,
        .page--home #strategy ul li hgroup p {
          font-weight: 700;
          letter-spacing: 0.05em; }
        .page--home #strategy ul li hgroup h3 {
          line-height: 1.3;
          display: flex;
          align-items: center;
          margin-bottom: 20px; }
          @media only screen and (max-width: 834px) {
            .page--home #strategy ul li hgroup h3 {
              font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--home #strategy ul li hgroup h3 {
              font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
          .page--home #strategy ul li hgroup h3 i {
            width: 60px;
            display: block;
            flex-shrink: 0;
            margin-right: 20px; }
            .page--home #strategy ul li hgroup h3 i img {
              display: block;
              width: 100%;
              max-width: 100%;
              height: auto;
              margin: 0 auto; }
        .page--home #strategy ul li hgroup p {
          line-height: 1.5;
          font-size: 1.6rem; }
          .page--home #strategy ul li hgroup p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
      .page--home #strategy ul li dl {
        padding: 25px 20px 20px 20px; }
        .page--home #strategy ul li dl dt,
        .page--home #strategy ul li dl dd {
          line-height: 1.5; }
          .page--home #strategy ul li dl dt::before,
          .page--home #strategy ul li dl dd::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
        .page--home #strategy ul li dl dt {
          color: #1E3A8A;
          font-size: 1.8rem;
          font-weight: 700; }
          @media only screen and (max-width: 834px) {
            .page--home #strategy ul li dl dt {
              margin-bottom: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--home #strategy ul li dl dt {
              margin-bottom: 15px; } }
        .page--home #strategy ul li dl dd {
          font-size: 1.6rem;
          font-weight: 500; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  事業案内
///////////////////////////////////////////////////////// */
.page--business .post_article {
  /* ======================
  事業案内
  ====================== */ }
  .page--business .post_article #business {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    /* XpartnaLは地域の経営者を支える戦略パートナー */
    /* 4つのAI戦略 */
    /* 運営者 */
    /* 代表挨拶 */ }
    @media only screen and (max-width: 834px) {
      .page--business .post_article #business {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--business .post_article #business {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--business .post_article #business {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--business .post_article #business {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business {
        margin-bottom: 180px; } }
    .page--business .post_article #business #first {
      line-height: 1;
      color: #FFF;
      font-weight: 900;
      letter-spacing: 0.05em;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: url("../images/business/first-bg.jpg") no-repeat center top/cover;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #first {
          height: 380px;
          line-height: 1.71428571;
          padding: 20px;
          border-radius: 20px;
          margin-bottom: 30px;
          font-size: clamp(2rem, 7.1428571429vw, 2.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #first {
          height: 520px;
          line-height: 1.33;
          padding: 30px 80px;
          border-radius: 40px;
          margin-bottom: 40px;
          font-size: clamp(4rem, 4.6985121378vw, 6rem); } }
    @media only screen and (max-width: 834px) {
      .page--business .post_article #business #strategy {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #strategy {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 70px; } }
    .page--business .post_article #business #strategy li {
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #strategy li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #strategy li {
          width: calc(50% - 10px); }
          .page--business .post_article #business #strategy li:nth-child(odd) {
            margin-right: 20px; }
          .page--business .post_article #business #strategy li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--business .post_article #business #strategy li hgroup {
        padding: 20px;
        border-radius: 20px 20px 0px 0px;
        color: #FFF;
        background: linear-gradient(#FF90B3 0%, #1E3A8A 100%); }
        @media print, screen and (min-width: 835px) {
          .page--business .post_article #business #strategy li hgroup {
            padding: 20px; } }
        .page--business .post_article #business #strategy li hgroup h2,
        .page--business .post_article #business #strategy li hgroup p {
          font-weight: 700;
          letter-spacing: 0.05em; }
        .page--business .post_article #business #strategy li hgroup h2 {
          line-height: 1.3;
          display: flex;
          align-items: center;
          margin-bottom: 20px; }
          @media only screen and (max-width: 834px) {
            .page--business .post_article #business #strategy li hgroup h2 {
              font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--business .post_article #business #strategy li hgroup h2 {
              font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
          .page--business .post_article #business #strategy li hgroup h2 i {
            width: 60px;
            display: block;
            flex-shrink: 0;
            margin-right: 20px; }
            .page--business .post_article #business #strategy li hgroup h2 i img {
              display: block;
              width: 100%;
              max-width: 100%;
              height: auto;
              margin: 0 auto; }
        .page--business .post_article #business #strategy li hgroup p {
          line-height: 1.5;
          font-size: 1.6rem; }
          .page--business .post_article #business #strategy li hgroup p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
      .page--business .post_article #business #strategy li dl {
        padding: 25px 20px 20px 20px; }
        .page--business .post_article #business #strategy li dl dt,
        .page--business .post_article #business #strategy li dl dd {
          line-height: 1.5;
          letter-spacing: 0.05em; }
          .page--business .post_article #business #strategy li dl dt::before,
          .page--business .post_article #business #strategy li dl dd::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
        .page--business .post_article #business #strategy li dl dt {
          color: #1E3A8A;
          font-size: 1.8rem;
          font-weight: 700; }
          @media only screen and (max-width: 834px) {
            .page--business .post_article #business #strategy li dl dt {
              margin-bottom: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--business .post_article #business #strategy li dl dt {
              margin-bottom: 15px; } }
        .page--business .post_article #business #strategy li dl dd {
          font-size: 1.6rem;
          font-weight: 500; }
          @media only screen and (max-width: 834px) {
            .page--business .post_article #business #strategy li dl dd {
              line-height: 1.3125; }
              .page--business .post_article #business #strategy li dl dd::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.3125) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--business .post_article #business #organizer {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #organizer {
        margin-bottom: 70px; } }
    .page--business .post_article #business #organizer h2 {
      line-height: 1.4;
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 25px; }
      .page--business .post_article #business #organizer h2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.4) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #organizer h2 {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #organizer h2 {
          font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      .page--business .post_article #business #organizer h2::after {
        width: 120px;
        height: 1px;
        content: "";
        background: #C7C7C7;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--business .post_article #business #organizer h2::after {
            margin-top: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--business .post_article #business #organizer h2::after {
            margin-top: 15px; } }
    .page--business .post_article #business #organizer > dl > dt {
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #organizer > dl > dt {
          line-height: 1.26;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
          .page--business .post_article #business #organizer > dl > dt::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.26) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #organizer > dl > dt {
          line-height: 1.5;
          font-size: clamp(2.8rem, 2.5058731402vw, 3.2rem); }
          .page--business .post_article #business #organizer > dl > dt::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); } }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #organizer > dl > dt:nth-of-type(n+2) {
          margin-top: 45px; } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #organizer > dl > dt:nth-of-type(n+2) {
          margin-top: 70px; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #organizer > dl > dd > ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--business .post_article #business #organizer > dl > dd > ul > li {
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 0.05em;
      padding: 35px 30px 30px 30px;
      background: #FFF; }
      .page--business .post_article #business #organizer > dl > dd > ul > li::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #organizer > dl > dd > ul > li {
          font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); }
          .page--business .post_article #business #organizer > dl > dd > ul > li:nth-child(n+2) {
            margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #organizer > dl > dd > ul > li {
          width: calc(50% - 10px);
          font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); }
          .page--business .post_article #business #organizer > dl > dd > ul > li:nth-child(odd) {
            margin-right: 20px; }
          .page--business .post_article #business #organizer > dl > dd > ul > li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--business .post_article #business #organizer > dl > dd > ul > li .mail {
        color: #000;
        text-decoration: none;
        transition: all .2s ease-out; }
        .page--business .post_article #business #organizer > dl > dd > ul > li .mail:hover {
          color: #1E3A8A; }
      .page--business .post_article #business #organizer > dl > dd > ul > li > dl dt,
      .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd {
        letter-spacing: 0.05em; }
      .page--business .post_article #business #organizer > dl > dd > ul > li > dl > dt {
        line-height: 1.3125;
        font-weight: 700;
        margin-bottom: 20px; }
        .page--business .post_article #business #organizer > dl > dd > ul > li > dl > dt::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3125) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl > dt {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl > dt {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd {
        line-height: 1.5;
        font-weight: 500; }
        .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd {
            font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd {
            font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); } }
        .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dt {
          line-height: 1.5;
          font-weight: 700;
          margin-bottom: 7px; }
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dt::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
          @media only screen and (max-width: 834px) {
            .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dt {
              font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dt {
              font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); } }
          .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dt:nth-of-type(n+2) {
            margin-top: 12px; }
        .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dd .tel {
          color: #000;
          text-decoration: none;
          transition: all .2s ease-out; }
          @media only screen and (max-width: 834px) {
            .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dd .tel:hover {
              color: #1E3A8A; } }
          @media print, screen and (min-width: 835px) {
            .page--business .post_article #business #organizer > dl > dd > ul > li > dl dd > dl > dd .tel {
              pointer-events: none; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #message {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    .page--business .post_article #business #message h2 {
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 20px; }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #message h2 {
          line-height: 1.26;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
          .page--business .post_article #business #message h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.26) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #message h2 {
          width: 100%;
          line-height: 1.5;
          font-size: clamp(2.8rem, 2.5058731402vw, 3.2rem); }
          .page--business .post_article #business #message h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--business .post_article #business #message figure {
        max-width: 240px;
        margin: 0 auto 25px auto; } }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #message figure {
        width: 20%; } }
    .page--business .post_article #business #message figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
    @media print, screen and (min-width: 835px) {
      .page--business .post_article #business #message .text {
        width: calc(80% - 40px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--business .post_article #business #message .text {
      width: calc(80% - 30px); } }

    .page--business .post_article #business #message .text h3 {
      font-family: "Noto Serif JP", serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      line-height: 1.4;
      letter-spacing: 0.05em;
      padding-bottom: 15px;
      border-bottom: 1px solid #C7C7C7;
      margin-bottom: 25px; }
      .page--business .post_article #business #message .text h3::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.4) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #message .text h3 {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #message .text h3 {
          font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
    .page--business .post_article #business #message .text p {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--business .post_article #business #message .text p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--business .post_article #business #message .text p {
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--business .post_article #business #message .text p {
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .page--business .post_article #business #message .text p:nth-of-type(n+2) {
        margin-top: 20px; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  特定商取引法の表示
///////////////////////////////////////////////////////// */
.page--commerce .post_article {
  /* ======================
  ページタイトル
  ====================== */
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  特定商取引法
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--commerce .post_article .mod__pagetitle span {
      line-height: 1.3;
      font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
  @media only screen and (max-width: 834px) {
    .page--commerce .post_article .mod__breadcrumb {
      margin-bottom: 60px; } }
  @media print, screen and (min-width: 835px) {
    .page--commerce .post_article .mod__breadcrumb {
      margin-bottom: 80px; } }
  .page--commerce .post_article #commerce {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    /* 冒頭文 */
    /* セクション */ }
    @media only screen and (max-width: 834px) {
      .page--commerce .post_article #commerce {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--commerce .post_article #commerce {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--commerce .post_article #commerce {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--commerce .post_article #commerce {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--commerce .post_article #commerce {
        margin-bottom: 180px; } }
    .page--commerce .post_article #commerce > p {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--commerce .post_article #commerce > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--commerce .post_article #commerce > p {
          margin-bottom: 40px;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--commerce .post_article #commerce > p {
          margin-bottom: 80px;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    @media only screen and (max-width: 834px) {
      .page--commerce .post_article #commerce section:nth-of-type(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--commerce .post_article #commerce section:nth-of-type(n+2) {
        margin-top: 57px; } }
    .page--commerce .post_article #commerce section h2 {
      line-height: 1.4;
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 17px; }
      @media only screen and (max-width: 834px) {
        .page--commerce .post_article #commerce section h2 {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--commerce .post_article #commerce section h2 {
          font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      .page--commerce .post_article #commerce section h2::after {
        width: 120px;
        height: 1px;
        content: "";
        background: #C7C7C7;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--commerce .post_article #commerce section h2::after {
            margin-top: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--commerce .post_article #commerce section h2::after {
            margin-top: 15px; } }
    .page--commerce .post_article #commerce section p,
    .page--commerce .post_article #commerce section ul li {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 834px) {
        .page--commerce .post_article #commerce section p,
        .page--commerce .post_article #commerce section ul li {
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--commerce .post_article #commerce section p,
        .page--commerce .post_article #commerce section ul li {
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .page--commerce .post_article #commerce section p a {
      color: #000;
      text-decoration: none;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--commerce .post_article #commerce section p a.tel:hover {
          color: #1E3A8A; } }
      @media print, screen and (min-width: 835px) {
        .page--commerce .post_article #commerce section p a.tel {
          pointer-events: none; } }
      .page--commerce .post_article #commerce section p a.mail:hover {
        color: #1E3A8A; }
    .page--commerce .post_article #commerce section ul li {
      text-indent: -1em;
      margin-left: 1em; }
      .page--commerce .post_article #commerce section ul li::before {
        content: "・"; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  コミュニティ
///////////////////////////////////////////////////////// */
.page--community .post_article {
  /* ======================
  一覧ページ
  ====================== */
  /* ======================
  詳細ページ
  ====================== */ }
  .page--community .post_article.home {
    /* カテゴリー */
    /* タグ */
    /* 投稿リスト */
    /* ページネーション */ }
    .page--community .post_article.home #category {
      display: block;
      max-width: 760px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #category {
          padding: 0 20px; } }
      @media only screen and (min-width: 835px) and (max-width: 1219px) {
        .page--community .post_article.home #category {
          padding: 0 30px; } }
      @media print, screen and (min-width: 1220px) {
        .page--community .post_article.home #category {
          padding: 0 30px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #category {
          max-width: 290px;
          margin-bottom: 15px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.home #category {
          margin-bottom: 25px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #category li {
          width: calc(50% - 5px); }
          .page--community .post_article.home #category li:nth-child(odd) {
            margin-right: 10px; }
          .page--community .post_article.home #category li:nth-child(n+3) {
            margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.home #category li {
          width: calc(100% / 4 - 20px * 3 / 4);
          letter-spacing: 0.05em; }
          .page--community .post_article.home #category li:not(:nth-child(4n)) {
            margin-right: 20px; }
          .page--community .post_article.home #category li:nth-child(n+5) {
            margin-top: 20px; } }
      .page--community .post_article.home #category li a {
        min-height: 40px;
        line-height: 1.5;
        color: #1E3A8A;
        font-size: 1.4rem;
        font-weight: 700;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #FFF;
        border: 1px solid #1E3A8A;
        border-radius: 20px;
        transition: all .2s ease-out; }
        .page--community .post_article.home #category li a:hover {
          color: #FFF;
          background: #1E3A8A; }
    .page--community .post_article.home #tag {
      display: block;
      max-width: 760px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #tag {
          padding: 0 20px; } }
      @media only screen and (min-width: 835px) and (max-width: 1219px) {
        .page--community .post_article.home #tag {
          padding: 0 30px; } }
      @media print, screen and (min-width: 1220px) {
        .page--community .post_article.home #tag {
          padding: 0 30px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #tag {
          max-width: 290px;
          margin-bottom: 35px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.home #tag {
          margin-bottom: 55px; } }
      .page--community .post_article.home #tag li {
        margin: 5px 2.5px; }
        .page--community .post_article.home #tag li a {
          min-height: 30px;
          line-height: 1.5;
          color: #EA4E7F;
          font-size: 1.4rem;
          font-weight: 700;
          text-decoration: none;
          text-align: center;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          background: #FFF;
          padding: 0 12px;
          border: 1px solid #EA4E7F;
          border-radius: 20px;
          transition: all .2s ease-out; }
          .page--community .post_article.home #tag li a:hover {
            color: #FFF;
            background: #EA4E7F; }
    .page--community .post_article.home #article {
      display: block;
      max-width: 1260px;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #article {
          padding: 0 20px; } }
      @media only screen and (min-width: 835px) and (max-width: 1219px) {
        .page--community .post_article.home #article {
          padding: 0 30px; } }
      @media print, screen and (min-width: 1220px) {
        .page--community .post_article.home #article {
          padding: 0 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.home #article {
          display: flex;
          flex-wrap: wrap; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.home #article li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.home #article li {
          width: calc(100% / 3 - 30px * 2 / 3); }
          .page--community .post_article.home #article li:not(:nth-child(3n)) {
            margin-right: 30px; }
          .page--community .post_article.home #article li:nth-child(n+4) {
            margin-top: 30px; } }
      .page--community .post_article.home #article li a {
        color: #000;
        text-decoration: none;
        display: block;
        background: #FFF;
        border-radius: 20px;
        transition: all .2s ease-out; }
        .page--community .post_article.home #article li a:hover {
          color: #1E3A8A; }
          .page--community .post_article.home #article li a:hover figure img {
            transform: scale(1.1); }
          .page--community .post_article.home #article li a:hover .text dl dd span {
            color: #1E3A8A; }
          .page--community .post_article.home #article li a:hover .text p {
            color: #1E3A8A; }
        .page--community .post_article.home #article li a figure {
          width: 100%;
          height: 0;
          padding-top: 45.263157894%;
          border-radius: 20px 20px 0 0;
          overflow: hidden;
          position: relative; }
          .page--community .post_article.home #article li a figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px 20px 0 0;
            transition: all .2s ease-out;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .page--community .post_article.home #article li a .text {
          padding: 20px 15px 15px 20px; }
          .page--community .post_article.home #article li a .text time {
            line-height: 1;
            font-size: 1.2rem;
            font-weight: 500;
            letter-spacing: 0.05em;
            display: block;
            margin-bottom: 12px; }
          .page--community .post_article.home #article li a .text dl {
            display: flex;
            align-items: center;
            margin-bottom: 15px; }
            .page--community .post_article.home #article li a .text dl dt,
            .page--community .post_article.home #article li a .text dl dd {
              line-height: 1.28571;
              font-weight: 700;
              letter-spacing: 0.05em;
              transition: all .2s ease-out; }
              @media only screen and (max-width: 834px) {
                .page--community .post_article.home #article li a .text dl dt,
                .page--community .post_article.home #article li a .text dl dd {
                  font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--community .post_article.home #article li a .text dl dt,
                .page--community .post_article.home #article li a .text dl dd {
                  font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--community .post_article.home #article li a .text dl dt {
              padding-right: 15px;
              border-right: 1px solid #C7C7C7;
              margin-right: 10px; }
              .page--community .post_article.home #article li a .text dl dt > span {
                font-family: "Outfit", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal; }
                @media only screen and (max-width: 834px) {
                  .page--community .post_article.home #article li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
                @media print, screen and (min-width: 835px) {
                  .page--community .post_article.home #article li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
                .page--community .post_article.home #article li a .text dl dt > span:nth-of-type(2) {
                  line-height: 1; }
                  @media only screen and (max-width: 834px) {
                    .page--community .post_article.home #article li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
                  @media print, screen and (min-width: 835px) {
                    .page--community .post_article.home #article li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
            .page--community .post_article.home #article li a .text dl dd span {
              color: #909090;
              display: block;
              transition: all .2s ease-out;
              margin-top: 7px; }
          .page--community .post_article.home #article li a .text h3 {
            line-height: 1.575;
            font-weight: 700;
            letter-spacing: 0.05em;
            margin-bottom: 7px; }
            .page--community .post_article.home #article li a .text h3::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.home #article li a .text h3 {
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.home #article li a .text h3 {
                font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
          .page--community .post_article.home #article li a .text p {
            line-height: 1.28571;
            color: #909090;
            font-weight: 500;
            letter-spacing: 0.05em;
            transition: all .2s ease-out; }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.home #article li a .text p {
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.home #article li a .text p {
                font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--community .post_article.home #article li a .text p.more {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              line-height: 1;
              color: #1E3A8A;
              font-size: 1.4rem;
              text-align: right;
              display: flex;
              justify-content: flex-end;
              align-items: center;
              margin-top: 5px; }
              .page--community .post_article.home #article li a .text p.more::after {
                content: "";
                background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #1E3A8A;
                border-radius: 50%;
                display: block;
                transition: all .2s ease-out;
                z-index: 2; }
                @media only screen and (max-width: 834px) {
                  .page--community .post_article.home #article li a .text p.more::after {
                    width: 20px;
                    height: 20px;
                    background-size: 9px auto;
                    margin-left: 5px; } }
                @media print, screen and (min-width: 835px) {
                  .page--community .post_article.home #article li a .text p.more::after {
                    width: 30px;
                    height: 30px;
                    margin-left: 10px; } }
    @media only screen and (max-width: 834px) {
      .page--community .post_article.home .mod__pagination {
        margin: 35px auto 115px auto; } }
    @media print, screen and (min-width: 835px) {
      .page--community .post_article.home .mod__pagination {
        margin: 55px auto 155px auto; } }
  .page--community .post_article.post {
    /* 記事の内容 */
    /* 関連コミュニティ */ }
    .page--community .post_article.post article {
      display: block;
      max-width: 1260px;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post article {
          padding: 0 20px; } }
      @media only screen and (min-width: 835px) and (max-width: 1219px) {
        .page--community .post_article.post article {
          padding: 0 30px; } }
      @media print, screen and (min-width: 1220px) {
        .page--community .post_article.post article {
          padding: 0 30px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post article {
          margin-bottom: 85px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post article {
          margin-bottom: 130px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post article .eyecatch {
          margin-bottom: 45px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post article .eyecatch {
          margin-bottom: 60px; } }
      .page--community .post_article.post article .eyecatch img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .eyecatch img {
            border-radius: 20px; } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .eyecatch img {
            border-radius: 40px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post article .container {
          margin-bottom: 60px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post article .container {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          margin-bottom: 35px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post article .container .intro {
          width: calc(100% - 400px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--community .post_article.post article .container .intro {
      width: calc(100% - 330px); } }

      .page--community .post_article.post article .container .intro h1 {
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.05em;
        padding-bottom: 15px;
        border-bottom: 1px solid #C7C7C7; }
        .page--community .post_article.post article .container .intro h1::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro h1 {
            margin-bottom: 15px;
            font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro h1 {
            margin-bottom: 25px;
            font-size: clamp(3.2rem, 3.2889584965vw, 4.2rem); } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post article .container .intro > dl {
          margin-bottom: 5px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post article .container .intro > dl {
          display: flex;
          align-items: center;
          margin-bottom: 8px; } }
      .page--community .post_article.post article .container .intro > dl dt,
      .page--community .post_article.post article .container .intro > dl dd {
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro > dl dt,
          .page--community .post_article.post article .container .intro > dl dd {
            line-height: 1.5625;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro > dl dt,
          .page--community .post_article.post article .container .intro > dl dd {
            line-height: 1.388;
            font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
      .page--community .post_article.post article .container .intro > dl dt {
        display: flex;
        align-items: center; }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro > dl dt {
            margin-right: 20px; } }
        .page--community .post_article.post article .container .intro > dl dt > span {
          margin-right: 0.5em; }
          @media print, screen and (min-width: 835px) {
            .page--community .post_article.post article .container .intro > dl dt > span {
              line-height: 1.3;
              font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
          .page--community .post_article.post article .container .intro > dl dt > span span {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            line-height: 1;
            margin-right: 3px; }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.post article .container .intro > dl dt > span span {
                font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.post article .container .intro > dl dt > span span {
                font-size: clamp(2.6rem, 2.1926389977vw, 2.8rem); } }
            .page--community .post_article.post article .container .intro > dl dt > span span:nth-of-type(n+2) {
              margin-left: 5px; }
      .page--community .post_article.post article .container .intro > dl dd {
        color: #909090; }
      .page--community .post_article.post article .container .intro .affiliation {
        display: flex;
        flex-wrap: wrap; }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro .affiliation {
            margin-bottom: 30px; } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro .affiliation {
            margin-bottom: 45px; } }
        .page--community .post_article.post article .container .intro .affiliation ul {
          display: flex;
          flex-wrap: wrap; }
          .page--community .post_article.post article .container .intro .affiliation ul li {
            min-height: 30px;
            line-height: 1;
            color: #FFF;
            font-size: 1.4rem;
            font-weight: 700;
            text-align: center;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 0 12px;
            border-radius: 25px;
            margin: 5px; }
          .page--community .post_article.post article .container .intro .affiliation ul.category {
            margin-left: -5px; }
            .page--community .post_article.post article .container .intro .affiliation ul.category li {
              background: #1E3A8A; }
          .page--community .post_article.post article .container .intro .affiliation ul.tag li {
            background: #EA4E7F; }
      .page--community .post_article.post article .container .intro .body h2 {
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.05em;
        display: block;
        margin-bottom: 25px; }
        .page--community .post_article.post article .container .intro .body h2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.4) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro .body h2 {
            font-size: clamp(1.8rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro .body h2 {
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
        .page--community .post_article.post article .container .intro .body h2::after {
          width: 120px;
          height: 1px;
          content: "";
          background: #C7C7C7;
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--community .post_article.post article .container .intro .body h2::after {
              margin-top: 12px; } }
          @media print, screen and (min-width: 835px) {
            .page--community .post_article.post article .container .intro .body h2::after {
              margin-top: 15px; } }
      .page--community .post_article.post article .container .intro .body > p {
        line-height: 2;
        font-weight: 500;
        letter-spacing: 0.05em; }
        .page--community .post_article.post article .container .intro .body > p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 2) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro .body > p {
            margin-bottom: 25px;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro .body > p {
            margin-bottom: 40px;
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .page--community .post_article.post article .container .intro .body .wp-block-image {
        display: block;
        overflow: hidden; }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post article .container .intro .body .wp-block-image {
            margin-bottom: 45px; } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .intro .body .wp-block-image {
            margin-bottom: 65px; } }
        .page--community .post_article.post article .container .intro .body .wp-block-image figure {
          width: 100%;
          display: flex;
          overflow: hidden; }
          .page--community .post_article.post article .container .intro .body .wp-block-image figure.alignleft {
            justify-content: flex-start; }
          .page--community .post_article.post article .container .intro .body .wp-block-image figure.aligncenter {
            justify-content: center; }
          .page--community .post_article.post article .container .intro .body .wp-block-image figure.alignright {
            justify-content: flex-end; }
        .page--community .post_article.post article .container .intro .body .wp-block-image img {
          max-width: 100%;
          height: auto;
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--community .post_article.post article .container .intro .body .wp-block-image img {
              border-radius: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--community .post_article.post article .container .intro .body .wp-block-image img {
              border-radius: 40px; } }
      .page--community .post_article.post article .container .card {
        padding: 20px;
        background: #FFF;
        border-radius: 20px; }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post article .container .card {
            max-width: 360px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--community .post_article.post article .container .card {
      max-width: 300px; } }

        .page--community .post_article.post article .container .card dl dt,
        .page--community .post_article.post article .container .card dl dd {
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--community .post_article.post article .container .card dl dt,
            .page--community .post_article.post article .container .card dl dd {
              font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
          @media print, screen and (min-width: 835px) {
            .page--community .post_article.post article .container .card dl dt,
            .page--community .post_article.post article .container .card dl dd {
              font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--community .post_article.post article .container .card dl dt {
          line-height: 1.575;
          font-weight: 700;
          display: flex;
          margin-bottom: 10px; }
          .page--community .post_article.post article .container .card dl dt:nth-of-type(n+2) {
            margin-top: 10px; }
          .page--community .post_article.post article .container .card dl dt::before {
            width: 8px;
            height: 8px;
            content: "";
            background: linear-gradient(90deg, #1E3A8A 0%, #ea4e7f 100%);
            display: block;
            flex-shrink: 0;
            margin: 0.6em 10px 0 0; }
        .page--community .post_article.post article .container .card dl dd {
          line-height: 1.5;
          font-weight: 500; }
          .page--community .post_article.post article .container .card dl dd::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
          .page--community .post_article.post article .container .card dl dd span {
            color: #909090; }
        .page--community .post_article.post article .container .card ul {
          margin-top: 12px; }
          .page--community .post_article.post article .container .card ul li {
            font-weight: 700;
            letter-spacing: 0.05em; }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.post article .container .card ul li {
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.post article .container .card ul li {
                font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
            .page--community .post_article.post article .container .card ul li:nth-child(n+2) {
              margin-top: 10px; }
            .page--community .post_article.post article .container .card ul li a {
              text-decoration: none;
              display: flex;
              justify-content: center;
              align-items: center;
              position: relative;
              transition: all .2s ease-out; }
            .page--community .post_article.post article .container .card ul li.calendar a {
              min-height: 50px;
              color: #1E3A8A;
              border: 1px solid #1E3A8A;
              border-radius: 25px; }
              .page--community .post_article.post article .container .card ul li.calendar a::before, .page--community .post_article.post article .container .card ul li.calendar a::after {
                content: "";
                display: block; }
              .page--community .post_article.post article .container .card ul li.calendar a::before {
                width: 20px;
                height: 20px;
                background: url("../images/common/icon-calendar.svg") no-repeat left top/contain;
                flex-shrink: 0;
                margin: 1px 10px 0 -30px; }
              .page--community .post_article.post article .container .card ul li.calendar a::after {
                width: 34px;
                height: 34px;
                background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20transform%3D%22translate(-702%20-926)%22%3E%20%3Cpath%20d%3D%22M-9538.965-13367.976h16%22%20transform%3D%22translate(10241.965%2014302.976)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M-9538.965-13367.976h16%22%20transform%3D%22translate(-12656.975%2010465.965)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/12px #FFF;
                border: 1px solid #1E3A8A;
                border-radius: 50%;
                position: absolute;
                right: 7px;
                top: 0;
                bottom: 0;
                margin: auto 0; }
              .page--community .post_article.post article .container .card ul li.calendar a:hover {
                color: #FFF;
                background: #1E3A8A; }
                .page--community .post_article.post article .container .card ul li.calendar a:hover::before {
                  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cg%20transform%3D%22translate(-5%20-5)%22%3E%20%3Cpath%20d%3D%22M11%2C10H7a1%2C1%2C0%2C0%2C0-1%2C1V25a1%2C1%2C0%2C0%2C0%2C1%2C1H23a1%2C1%2C0%2C0%2C0%2C1-1V11a1%2C1%2C0%2C0%2C0-1-1H22%22%20transform%3D%22translate(0%20-2)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20y2%3D%224%22%20transform%3D%22translate(11%206)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20y2%3D%224%22%20transform%3D%22translate(19%206)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20x2%3D%225%22%20transform%3D%22translate(14%208)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M17.5%2C25.5%2C20%2C28l4-4%22%20transform%3D%22translate(-5.75%20-9)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
            .page--community .post_article.post article .container .card ul li.application a {
              min-height: 60px;
              color: #FFF;
              background: linear-gradient(90deg, #1E3A8A 0%, #ff90b3 100%);
              border-radius: 30px; }
              @media only screen and (max-width: 834px) {
                .page--community .post_article.post article .container .card ul li.application a {
                  font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
              @media print, screen and (min-width: 835px) {
                .page--community .post_article.post article .container .card ul li.application a {
                  font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
              .page--community .post_article.post article .container .card ul li.application a:hover {
                opacity: 0.9; }
    .page--community .post_article.post #relation {
      display: block;
      max-width: 1260px;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post #relation {
          padding: 0 20px; } }
      @media only screen and (min-width: 835px) and (max-width: 1219px) {
        .page--community .post_article.post #relation {
          padding: 0 30px; } }
      @media print, screen and (min-width: 1220px) {
        .page--community .post_article.post #relation {
          padding: 0 30px; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post #relation {
          margin-bottom: 120px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post #relation {
          margin-bottom: 160px; } }
      .page--community .post_article.post #relation h2 {
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--community .post_article.post #relation h2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.4) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--community .post_article.post #relation h2 {
            margin-bottom: 20px;
            font-size: clamp(1.8rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--community .post_article.post #relation h2 {
            margin-bottom: 30px;
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post #relation ul {
          display: flex;
          flex-wrap: wrap; } }
      @media only screen and (max-width: 834px) {
        .page--community .post_article.post #relation ul li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--community .post_article.post #relation ul li {
          width: calc(100% / 3 - 30px * 2 / 3); }
          .page--community .post_article.post #relation ul li:not(:nth-child(3n)) {
            margin-right: 30px; }
          .page--community .post_article.post #relation ul li:nth-child(n+4) {
            margin-top: 30px; } }
      .page--community .post_article.post #relation ul li a {
        color: #000;
        text-decoration: none;
        display: block;
        background: #FFF;
        border-radius: 20px;
        transition: all .2s ease-out; }
        .page--community .post_article.post #relation ul li a:hover {
          color: #1E3A8A; }
          .page--community .post_article.post #relation ul li a:hover figure img {
            transform: scale(1.1); }
          .page--community .post_article.post #relation ul li a:hover .text dl dd span {
            color: #1E3A8A; }
          .page--community .post_article.post #relation ul li a:hover .text p {
            color: #1E3A8A; }
        .page--community .post_article.post #relation ul li a figure {
          width: 100%;
          height: 0;
          padding-top: 45.263157894%;
          border-radius: 20px 20px 0 0;
          overflow: hidden;
          position: relative; }
          .page--community .post_article.post #relation ul li a figure img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px 20px 0 0;
            transition: all .2s ease-out;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto; }
        .page--community .post_article.post #relation ul li a .text {
          padding: 20px 15px 15px 20px; }
          .page--community .post_article.post #relation ul li a .text time {
            line-height: 1;
            font-size: 1.2rem;
            font-weight: 500;
            letter-spacing: 0.05em;
            display: block;
            margin-bottom: 12px; }
          .page--community .post_article.post #relation ul li a .text dl {
            display: flex;
            align-items: center;
            margin-bottom: 15px; }
            .page--community .post_article.post #relation ul li a .text dl dt,
            .page--community .post_article.post #relation ul li a .text dl dd {
              line-height: 1.28571;
              font-weight: 700;
              letter-spacing: 0.05em;
              transition: all .2s ease-out; }
              @media only screen and (max-width: 834px) {
                .page--community .post_article.post #relation ul li a .text dl dt,
                .page--community .post_article.post #relation ul li a .text dl dd {
                  font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--community .post_article.post #relation ul li a .text dl dt,
                .page--community .post_article.post #relation ul li a .text dl dd {
                  font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--community .post_article.post #relation ul li a .text dl dt {
              padding-right: 15px;
              border-right: 1px solid #C7C7C7;
              margin-right: 10px; }
              .page--community .post_article.post #relation ul li a .text dl dt > span {
                font-family: "Outfit", sans-serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal; }
                @media only screen and (max-width: 834px) {
                  .page--community .post_article.post #relation ul li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
                @media print, screen and (min-width: 835px) {
                  .page--community .post_article.post #relation ul li a .text dl dt > span:nth-of-type(1) {
                    font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
                .page--community .post_article.post #relation ul li a .text dl dt > span:nth-of-type(2) {
                  line-height: 1; }
                  @media only screen and (max-width: 834px) {
                    .page--community .post_article.post #relation ul li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
                  @media print, screen and (min-width: 835px) {
                    .page--community .post_article.post #relation ul li a .text dl dt > span:nth-of-type(2) {
                      font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
            .page--community .post_article.post #relation ul li a .text dl dd span {
              color: #909090;
              display: block;
              transition: all .2s ease-out;
              margin-top: 7px; }
          .page--community .post_article.post #relation ul li a .text h3 {
            line-height: 1.575;
            font-weight: 700;
            letter-spacing: 0.05em;
            margin-bottom: 7px; }
            .page--community .post_article.post #relation ul li a .text h3::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.post #relation ul li a .text h3 {
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.post #relation ul li a .text h3 {
                font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
          .page--community .post_article.post #relation ul li a .text p {
            line-height: 1.28571;
            color: #909090;
            font-weight: 500;
            letter-spacing: 0.05em;
            transition: all .2s ease-out; }
            @media only screen and (max-width: 834px) {
              .page--community .post_article.post #relation ul li a .text p {
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--community .post_article.post #relation ul li a .text p {
                font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--community .post_article.post #relation ul li a .text p.more {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              line-height: 1;
              color: #1E3A8A;
              font-size: 1.4rem;
              text-align: right;
              display: flex;
              justify-content: flex-end;
              align-items: center;
              margin-top: 5px; }
              .page--community .post_article.post #relation ul li a .text p.more::after {
                content: "";
                background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #1E3A8A;
                border-radius: 50%;
                display: block;
                transition: all .2s ease-out;
                z-index: 2; }
                @media only screen and (max-width: 834px) {
                  .page--community .post_article.post #relation ul li a .text p.more::after {
                    width: 20px;
                    height: 20px;
                    background-size: 9px auto;
                    margin-left: 5px; } }
                @media print, screen and (min-width: 835px) {
                  .page--community .post_article.post #relation ul li a .text p.more::after {
                    width: 30px;
                    height: 30px;
                    margin-left: 10px; } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  お問い合わせ
///////////////////////////////////////////////////////// */
.page--contact .post_article {
  /* ======================
  お問い合わせ
  ====================== */ }
  .page--contact .post_article #contact {
    background: #FFF;
    margin: 0 auto;
    /* メールフォーム */ }
    @media only screen and (max-width: 834px) {
      .page--contact .post_article #contact {
        width: calc(100% - 40px);
        padding: 40px 20px;
        border-radius: 20px;
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--contact .post_article #contact {
        width: calc(100% - 60px);
        max-width: 1200px;
        padding: 60px 30px 145px 30px;
        border-radius: 40px;
        margin-bottom: 160px; } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  ダウンロード
///////////////////////////////////////////////////////// */
.page--download .post_article {
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  各カテゴリーのセクション
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--download .post_article .mod__breadcrumb {
      margin-bottom: 45px; } }
  .page--download .post_article .category {
    display: block;
    max-width: 1260px;
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .page--download .post_article .category {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--download .post_article .category {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--download .post_article .category {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--download .post_article .category:nth-of-type(n+2) {
        margin-top: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--download .post_article .category:nth-of-type(n+2) {
        margin-top: 60px; } }
    @media only screen and (max-width: 834px) {
      .page--download .post_article .category:last-of-type {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--download .post_article .category:last-of-type {
        margin-bottom: 160px; } }
    .page--download .post_article .category h2,
    .page--download .post_article .category p {
      line-height: 1.5;
      letter-spacing: 0.05em; }
      .page--download .post_article .category h2::before,
      .page--download .post_article .category p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
    .page--download .post_article .category h2 {
      font-weight: 700;
      padding-bottom: 15px;
      border-bottom: 1px solid #C7C7C7;
      margin-bottom: 20px; }
      @media only screen and (max-width: 834px) {
        .page--download .post_article .category h2 {
          font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
      @media print, screen and (min-width: 835px) {
        .page--download .post_article .category h2 {
          font-size: clamp(2.8rem, 2.5058731402vw, 3.2rem); } }
    .page--download .post_article .category p {
      font-weight: 500; }
      @media only screen and (max-width: 834px) {
        .page--download .post_article .category p {
          margin-bottom: 25px;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--download .post_article .category p {
          margin-bottom: 30px;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    @media print, screen and (min-width: 835px) {
      .page--download .post_article .category ul {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: -10px auto; } }
    .page--download .post_article .category ul li {
      width: 100%; }
      @media only screen and (max-width: 834px) {
        .page--download .post_article .category ul li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--download .post_article .category ul li {
          max-width: 290px;
          margin: 10px; } }
      .page--download .post_article .category ul li a {
        width: 100%;
        min-height: 60px;
        line-height: 1.3;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #000;
        border-radius: 40px;
        transition: all .2s ease-out;
        position: relative; }
        @media only screen and (max-width: 834px) {
          .page--download .post_article .category ul li a {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--download .post_article .category ul li a {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--download .post_article .category ul li a::before {
          width: 13px;
          height: 20px;
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2222%22%20viewBox%3D%220%200%2015%2022%22%3E%20%3Cg%20id%3D%22_1069_dl_h%22%20data-name%3D%221069_dl_h%22%20transform%3D%22translate(-16.5%20-13)%22%3E%20%3Cg%3E%20%3Cline%20y1%3D%2215.46%22%20transform%3D%22translate(24%2014)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M19.19%2C24.96%2C24%2C29.5l4.81-4.54%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20x2%3D%2213%22%20transform%3D%22translate(17.5%2034)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left top/contain;
          display: block;
          position: absolute;
          left: 30px;
          top: 0;
          bottom: 0;
          margin: auto 0; }
        .page--download .post_article .category ul li a:hover {
          opacity: 0.9; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  よくある質問
///////////////////////////////////////////////////////// */
.page--faq .post_article {
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  アンカーリンク
  ====================== */
  /* ======================
  各カテゴリーのセクション
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--faq .post_article .mod__breadcrumb {
      margin-bottom: 40px; } }
  .page--faq .post_article #anchor {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article #anchor {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--faq .post_article #anchor {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--faq .post_article #anchor {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article #anchor {
        flex-direction: column;
        align-items: center;
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--faq .post_article #anchor {
        margin: -10px auto 60px auto; } }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article #anchor li:nth-child(n+2) {
        margin-top: 5px; } }
    @media print, screen and (min-width: 835px) {
      .page--faq .post_article #anchor li {
        margin: 10px; } }
    .page--faq .post_article #anchor li a {
      line-height: 1.5;
      color: #1E3A8A;
      font-size: 1.4rem;
      font-weight: 700;
      text-align: center;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 0 50px;
      background: #FFF;
      border: 1px solid #1E3A8A;
      border-radius: 20px;
      position: relative;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--faq .post_article #anchor li a {
          min-height: 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--faq .post_article #anchor li a {
          min-height: 40px; } }
      .page--faq .post_article #anchor li a::after {
        width: 10px;
        height: 10px;
        content: "";
        border-right: 2px solid #1E3A8A;
        border-bottom: 2px solid #1E3A8A;
        border-radius: 1px;
        transform: rotate(45deg);
        display: block;
        position: absolute;
        right: 17px;
        top: 0;
        bottom: 0;
        margin: auto 0; }
      .page--faq .post_article #anchor li a:hover {
        color: #FFF;
        background: #1E3A8A; }
        .page--faq .post_article #anchor li a:hover::after {
          border-color: #FFF; }
  .page--faq .post_article .category {
    display: block;
    max-width: 1260px;
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article .category {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--faq .post_article .category {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--faq .post_article .category {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article .category:nth-of-type(n+2) {
        margin-top: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--faq .post_article .category:nth-of-type(n+2) {
        margin-top: 70px; } }
    @media only screen and (max-width: 834px) {
      .page--faq .post_article .category:last-of-type {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--faq .post_article .category:last-of-type {
        margin-bottom: 160px; } }
    .page--faq .post_article .category h2 {
      font-weight: 700;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 834px) {
        .page--faq .post_article .category h2 {
          line-height: 1.26;
          margin-bottom: 22px;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
          .page--faq .post_article .category h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.26) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--faq .post_article .category h2 {
          line-height: 1.5;
          margin-bottom: 40px;
          font-size: clamp(2.8rem, 2.5058731402vw, 3.2rem); }
          .page--faq .post_article .category h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); } }
    .page--faq .post_article .category ul li {
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--faq .post_article .category ul li {
          padding: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--faq .post_article .category ul li {
          padding: 30px; } }
      @media only screen and (max-width: 834px) {
        .page--faq .post_article .category ul li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--faq .post_article .category ul li:nth-child(n+2) {
          margin-top: 15px; } }
      .page--faq .post_article .category ul li h3,
      .page--faq .post_article .category ul li p {
        letter-spacing: 0.05em;
        display: flex; }
        @media only screen and (max-width: 834px) {
          .page--faq .post_article .category ul li h3,
          .page--faq .post_article .category ul li p {
            line-height: 1.5;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        .page--faq .post_article .category ul li h3::before,
        .page--faq .post_article .category ul li p::before {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          color: #FFF;
          letter-spacing: 0;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-shrink: 0;
          border-radius: 50%; }
          @media only screen and (max-width: 834px) {
            .page--faq .post_article .category ul li h3::before,
            .page--faq .post_article .category ul li p::before {
              width: 30px;
              height: 30px;
              font-size: 2rem;
              margin-right: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--faq .post_article .category ul li h3::before,
            .page--faq .post_article .category ul li p::before {
              width: 40px;
              height: 40px;
              font-size: 2.8rem;
              margin-right: 15px; } }
      .page--faq .post_article .category ul li h3 {
        font-weight: 700;
        border-bottom: 1px solid #C7C7C7; }
        @media only screen and (max-width: 834px) {
          .page--faq .post_article .category ul li h3 {
            padding-bottom: 10px;
            margin-bottom: 10px; } }
        @media print, screen and (min-width: 835px) {
          .page--faq .post_article .category ul li h3 {
            line-height: 1.26;
            padding-bottom: 15px;
            margin-bottom: 15px;
            font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
        .page--faq .post_article .category ul li h3::before {
          content: "Q";
          background: #1E3A8A; }
          @media only screen and (max-width: 834px) {
            .page--faq .post_article .category ul li h3::before {
              margin-top: -0.075em; } }
          @media print, screen and (min-width: 835px) {
            .page--faq .post_article .category ul li h3::before {
              margin-top: -0.25em; } }
      .page--faq .post_article .category ul li p {
        line-height: 1.5;
        font-weight: 500; }
        @media print, screen and (min-width: 835px) {
          .page--faq .post_article .category ul li p {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--faq .post_article .category ul li p::before {
          content: "A";
          background: #EA4E7F; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  プライバシーポリシー
///////////////////////////////////////////////////////// */
.page--privacy .post_article {
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  プライバシーポリシー
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--privacy .post_article .mod__breadcrumb {
      margin-bottom: 40px; } }
  @media print, screen and (min-width: 835px) {
    .page--privacy .post_article .mod__breadcrumb {
      margin-bottom: 80px; } }
  .page--privacy .post_article #privacy {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    /* 冒頭文 */
    /* ナンバリング */
    /* 運営者・運営事務局 */
    /* 運営者 */
    /* 運営事務局 */ }
    @media only screen and (max-width: 834px) {
      .page--privacy .post_article #privacy {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--privacy .post_article #privacy {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--privacy .post_article #privacy {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--privacy .post_article #privacy {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--privacy .post_article #privacy {
        margin-bottom: 180px; } }
    .page--privacy .post_article #privacy > p {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--privacy .post_article #privacy > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy > p {
          margin-bottom: 40px;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy > p {
          margin-bottom: 75px;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .page--privacy .post_article #privacy > ol {
      counter-reset: item; }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy > ol {
          margin-bottom: 35px; } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy > ol {
          margin-bottom: 65px; } }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy > ol > li:nth-child(n+2) {
          margin-top: 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy > ol > li:nth-child(n+2) {
          margin-top: 57px; } }
      .page--privacy .post_article #privacy > ol > li h2 {
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.05em;
        margin-bottom: 17px; }
        @media only screen and (max-width: 834px) {
          .page--privacy .post_article #privacy > ol > li h2 {
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--privacy .post_article #privacy > ol > li h2 {
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
        .page--privacy .post_article #privacy > ol > li h2::before {
          counter-increment: item;
          content: counter(item) "."; }
        .page--privacy .post_article #privacy > ol > li h2::after {
          width: 120px;
          height: 1px;
          content: "";
          background: #C7C7C7;
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--privacy .post_article #privacy > ol > li h2::after {
              margin-top: 12px; } }
          @media print, screen and (min-width: 835px) {
            .page--privacy .post_article #privacy > ol > li h2::after {
              margin-top: 15px; } }
      .page--privacy .post_article #privacy > ol > li p,
      .page--privacy .post_article #privacy > ol > li ul li {
        line-height: 2;
        font-weight: 500;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--privacy .post_article #privacy > ol > li p,
          .page--privacy .post_article #privacy > ol > li ul li {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--privacy .post_article #privacy > ol > li p,
          .page--privacy .post_article #privacy > ol > li ul li {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .page--privacy .post_article #privacy > ol > li ul li {
        text-indent: -1em;
        margin-left: 1em; }
        .page--privacy .post_article #privacy > ol > li ul li::before {
          content: "・"; }
    .page--privacy .post_article #privacy #organizer h2,
    .page--privacy .post_article #privacy #secretariat h2 {
      line-height: 1.4;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .page--privacy .post_article #privacy #organizer h2::before,
      .page--privacy .post_article #privacy #secretariat h2::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.4) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy #organizer h2,
        .page--privacy .post_article #privacy #secretariat h2 {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy #organizer h2,
        .page--privacy .post_article #privacy #secretariat h2 {
          font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      .page--privacy .post_article #privacy #organizer h2::after,
      .page--privacy .post_article #privacy #secretariat h2::after {
        width: 120px;
        height: 1px;
        content: "";
        background: #C7C7C7;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--privacy .post_article #privacy #organizer h2::after,
          .page--privacy .post_article #privacy #secretariat h2::after {
            margin-top: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--privacy .post_article #privacy #organizer h2::after,
          .page--privacy .post_article #privacy #secretariat h2::after {
            margin-top: 15px; } }
    @media print, screen and (min-width: 835px) {
      .page--privacy .post_article #privacy #organizer ul,
      .page--privacy .post_article #privacy #secretariat ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--privacy .post_article #privacy #organizer ul li,
    .page--privacy .post_article #privacy #secretariat ul li {
      line-height: 1.5;
      font-weight: 500;
      letter-spacing: 0.05em;
      padding: 35px 30px 30px 30px;
      background: #FFF; }
      .page--privacy .post_article #privacy #organizer ul li::before,
      .page--privacy .post_article #privacy #secretariat ul li::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy #organizer ul li,
        .page--privacy .post_article #privacy #secretariat ul li {
          font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); }
          .page--privacy .post_article #privacy #organizer ul li:nth-child(n+2),
          .page--privacy .post_article #privacy #secretariat ul li:nth-child(n+2) {
            margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy #organizer ul li,
        .page--privacy .post_article #privacy #secretariat ul li {
          width: calc(50% - 10px);
          font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); }
          .page--privacy .post_article #privacy #organizer ul li:nth-child(odd),
          .page--privacy .post_article #privacy #secretariat ul li:nth-child(odd) {
            margin-right: 20px; }
          .page--privacy .post_article #privacy #organizer ul li:nth-child(n+3),
          .page--privacy .post_article #privacy #secretariat ul li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--privacy .post_article #privacy #organizer ul li .mail,
      .page--privacy .post_article #privacy #secretariat ul li .mail {
        color: #000;
        text-decoration: none;
        transition: all .2s ease-out; }
        .page--privacy .post_article #privacy #organizer ul li .mail:hover,
        .page--privacy .post_article #privacy #secretariat ul li .mail:hover {
          color: #1E3A8A; }
    @media only screen and (max-width: 834px) {
      .page--privacy .post_article #privacy #organizer {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--privacy .post_article #privacy #organizer {
        margin-bottom: 70px; } }
    .page--privacy .post_article #privacy #organizer h2 {
      margin-bottom: 25px; }
    .page--privacy .post_article #privacy #organizer > dl > dt {
      line-height: 1.575;
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 15px; }
      .page--privacy .post_article #privacy #organizer > dl > dt::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.575) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy #organizer > dl > dt {
          font-size: clamp(1.6rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy #organizer > dl > dt {
          font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
      .page--privacy .post_article #privacy #organizer > dl > dt:nth-of-type(n+2) {
        margin-top: 25px; }
    .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dt,
    .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd {
      letter-spacing: 0.05em; }
    .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl > dt {
      line-height: 1.3125;
      font-weight: 700;
      margin-bottom: 20px; }
      .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl > dt::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.3125) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl > dt {
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl > dt {
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd {
      line-height: 1.5;
      font-weight: 500; }
      .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd {
          font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); } }
      @media print, screen and (min-width: 835px) {
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd {
          font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); } }
      .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd > dl > dt {
        line-height: 1.5;
        font-weight: 700;
        margin-bottom: 7px; }
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd > dl > dt::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd > dl > dt {
            font-size: clamp(1.3rem, 3.5714285714vw, 1.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd > dl > dt {
            font-size: clamp(1.3rem, 1.0963194988vw, 1.4rem); } }
        .page--privacy .post_article #privacy #organizer > dl > dd > ul > li > dl dd > dl > dt:nth-of-type(n+2) {
          margin-top: 12px; }
    .page--privacy .post_article #privacy #secretariat h2 {
      margin-bottom: 20px; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  サービス（経営者向LP）
///////////////////////////////////////////////////////// */
.page--service .post_article {
  /* ======================
  AIが右腕になる時代①
  ====================== */
  /* ======================
  経営は、孤独。
  ====================== */
  /* ======================
  変わる意志が、あなたの会社を守る
  ====================== */
  /* ======================
  経営にAIを導入しなければいけない理由
  ====================== */
  /* ======================
  仕切りの画像
  ====================== */
  /* ======================
  XpartnaLが選ばれる理由
  ====================== */
  /* ======================
  サポートプラン詳細
  ====================== */
  /* ======================
  サービス概要
  ====================== */
  /* ======================
  ユーザーの声
  ====================== */
  /* ======================
  4つの分野の専門家紹介
  ====================== */
  /* ======================
  サービス利用の流れ
  ====================== */
  /* ======================
  「あの時申し込んでよかった」と思える瞬間を。
  ====================== */
  /* ======================
  AI支援サブスクサービス(月額)
  ====================== */
  /* ======================
  AIが右腕になる時代②
  ====================== */
  /* ======================
  お問い合わせ
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--service .post_article {
      margin-top: -25px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article {
      margin-top: -40px; } }
  .page--service .post_article #first {
    background: url("../images/service/contact-bg.jpg") no-repeat center top/cover; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #first {
        padding: 40px 20px;
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #first {
        padding: 80px 30px;
        margin-bottom: 100px; } }
    .page--service .post_article #first .container {
      background: #FFF;
      border-radius: 20px; }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #first .container {
          max-width: 1200px;
          min-height: 530px;
          display: flex;
          justify-content: space-between;
          margin: 0 auto; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #first .container .text {
          padding: 35px 20px 40px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #first .container .text {
          width: 60%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 0 60px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #first .container .text {
      padding: 0 30px; } }

      .page--service .post_article #first .container .text h1,
      .page--service .post_article #first .container .text p {
        letter-spacing: 0.05em; }
      .page--service .post_article #first .container .text h1 {
        font-weight: 900; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #first .container .text h1 {
            line-height: 1.4;
            margin-bottom: 22px;
            font-size: clamp(2.8rem, 8.6734693878vw, 3.4rem); }
            .page--service .post_article #first .container .text h1::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.4) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #first .container .text h1 {
            line-height: 1.35;
            margin-bottom: 50px;
            font-size: clamp(4.8rem, 5.3249804229vw, 6.8rem); }
            .page--service .post_article #first .container .text h1::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.35) * 0.5em); } }
        .page--service .post_article #first .container .text h1 span {
          line-height: 1;
          background: linear-gradient(120deg, #1E3A8A 0%, #FF90B3 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #first .container .text h1 span {
              letter-spacing: 0.075em;
              font-size: clamp(6.5rem, 19.1326530612vw, 7.5rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #first .container .text h1 span {
              font-size: clamp(11.5rem, 10.5716523101vw, 13.5rem); } }
      .page--service .post_article #first .container .text p {
        font-weight: 700; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #first .container .text p {
            line-height: 2.1;
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
            .page--service .post_article #first .container .text p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 2.1) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #first .container .text p {
            line-height: 1.9;
            font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); }
            .page--service .post_article #first .container .text p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.9) * 0.5em); } }
        .page--service .post_article #first .container .text p span {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          color: #1E3A8A;
          letter-spacing: 0;
          margin: 0 5px; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #first .container .text p span {
              font-size: clamp(3.3rem, 10.9693877551vw, 4.3rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #first .container .text p span {
              font-size: clamp(5rem, 4.6985121378vw, 6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #first .container figure {
          width: 40%; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #first .container figure picture img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto;
          border-radius: 0 0 20px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #first .container figure picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 0 20px 20px 0; } }
  .page--service .post_article #loneliness {
    background: url("../images/service/loneliness-bg.jpg") no-repeat center top/cover;
    position: relative; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #loneliness {
        padding: 110px 20px 100px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #loneliness {
        padding: 180px 30px 160px 30px; } }
    .page--service .post_article #loneliness::before {
      width: 100%;
      height: 100%;
      content: "";
      background: RGB(0 0 0/0.6);
      display: block;
      position: absolute;
      left: 0;
      top: 0; }
    .page--service .post_article #loneliness .mod__heading2,
    .page--service .post_article #loneliness > p,
    .page--service .post_article #loneliness .container {
      color: #FFF;
      position: relative;
      z-index: 2; }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #loneliness .mod__heading2,
        .page--service .post_article #loneliness > p,
        .page--service .post_article #loneliness .container {
          max-width: 1200px;
          margin: 0 auto; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #loneliness .mod__heading2 {
        margin-bottom: 37px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #loneliness .mod__heading2 {
        margin-bottom: 40px; } }
    .page--service .post_article #loneliness p {
      font-weight: 700;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #loneliness p {
          line-height: 2;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
          .page--service .post_article #loneliness p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #loneliness p {
          line-height: 1.5;
          font-size: clamp(2rem, 1.8794048551vw, 2.4rem); }
          .page--service .post_article #loneliness p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #loneliness p:nth-of-type(n+2) {
          margin-top: 50px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #loneliness p:nth-of-type(n+2) {
          margin-top: 42px; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #loneliness .container {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #loneliness .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #loneliness .container .text {
        width: calc(60% - 40px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #loneliness .container .text {
      width: calc(60% - 40px); } }

    @media only screen and (max-width: 834px) {
      .page--service .post_article #loneliness .container figure {
        margin-top: 35px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #loneliness .container figure {
        width: 40%; } }
    .page--service .post_article #loneliness .container figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #change {
      padding: 50px 20px 160px 20px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #change {
      padding: 160px 30px 230px 30px; } }
  .page--service .post_article #change .mod__change {
    width: 100%;
    margin-bottom: 0; }
  .page--service .post_article #reason-ai {
    background: #FFF;
    position: relative; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #reason-ai {
        padding: 120px 20px 100px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #reason-ai {
        padding: 165px 30px; } }
    .page--service .post_article #reason-ai .mod__heading2 {
      text-align: center;
      display: block;
      position: absolute;
      top: -0.5em;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #reason-ai .mod__heading2 {
          line-height: 1.3;
          width: calc(100% - 40px);
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #reason-ai .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-ai .mod__heading2 {
          line-height: 1.3;
          width: calc(100% - 60px);
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #reason-ai .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      .page--service .post_article #reason-ai .mod__heading2 span {
        color: #1E3A8A; }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #reason-ai ol {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto; } }
    .page--service .post_article #reason-ai ol li {
      background: #E8F4FF;
      border-radius: 20px;
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #reason-ai ol li {
          padding: 75px 20px 20px 20px; }
          .page--service .post_article #reason-ai ol li:nth-child(n+2) {
            margin-top: 70px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-ai ol li {
          width: calc(100% / 3 - 30px * 2 / 3);
          padding: 95px 30px 30px 30px; }
          .page--service .post_article #reason-ai ol li:not(:nth-child(3n)) {
            margin-right: 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-ai ol li:nth-child(1) > i::before {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2221.952%22%20viewBox%3D%220%200%2042%2021.952%22%3E%20%3Cpath%20d%3D%22M31.513%2C21.95H10.521l0-1.139c0-2.3.175-3.632%2C2.78-4.262%2C2.948-.712%2C5.853-1.346%2C4.455-4.041C13.61%2C4.528%2C16.571%2C0%2C21.016%2C0s7.4%2C4.359%2C3.266%2C12.51c-1.357%2C2.678%2C1.445%2C3.314%2C4.455%2C4.041%2C2.607.629%2C2.781%2C1.961%2C2.781%2C4.267Zm8.419-4.05c-2.258-.545-4.358-1.022-3.34-3.03%2C3.1-6.113.821-9.382-2.45-9.382-2.214%2C0-3.934%2C1.494-3.934%2C4.251%2C0%2C7.139%2C3.97%2C3.238%2C3.931%2C12.212h7.877l0-.847c0-1.73-.129-2.731-2.085-3.2ZM.021%2C21.95H7.9c-.037-8.974%2C3.931-5.07%2C3.931-12.212%2C0-2.756-1.72-4.251-3.934-4.251-3.271%2C0-5.545%2C3.269-2.448%2C9.382%2C1.017%2C2.01-1.083%2C2.486-3.34%2C3.03C.149%2C18.372.02%2C19.372.02%2C21.1l0%2C.847Z%22%20transform%3D%22translate(-0.02)%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/42px auto; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-ai ol li:nth-child(2) > i::before {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2237.248%22%20viewBox%3D%220%200%2040%2037.248%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%2240%22%20height%3D%2237.248%22%20fill%3D%22%23FFF%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20d%3D%22M15.321%2C17.525l-4.529-6.477A1.831%2C1.831%2C0%2C0%2C1%2C10.431%2C10a1.6%2C1.6%2C0%2C0%2C1%2C.779-1.413%2C2.131%2C2.131%2C0%2C0%2C1%2C1.212-.389%2C1.745%2C1.745%2C0%2C0%2C1%2C1.515.88l4.688%2C7.357%2C4.7-7.357a1.689%2C1.689%2C0%2C0%2C1%2C1.471-.88%2C2.086%2C2.086%2C0%2C0%2C1%2C1.4.5%2C1.6%2C1.6%2C0%2C0%2C1%2C.62%2C1.269%2C1.87%2C1.87%2C0%2C0%2C1-.361%2C1.082l-4.529%2C6.477h3.938a.931.931%2C0%2C0%2C1%2C.663.26%2C1.234%2C1.234%2C0%2C0%2C1%2C.36.909%2C1.151%2C1.151%2C0%2C0%2C1-.433.952.944.944%2C0%2C0%2C1-.591.188H20.571v2.6h5.294a.9.9%2C0%2C0%2C1%2C.62.231%2C1.155%2C1.155%2C0%2C0%2C1%2C.4.923%2C1.122%2C1.122%2C0%2C0%2C1-.533%2C1.024.935.935%2C0%2C0%2C1-.49.13H20.571v4.068a1.465%2C1.465%2C0%2C0%2C1-.389%2C1.038%2C2.093%2C2.093%2C0%2C0%2C1-1.572.591%2C1.873%2C1.873%2C0%2C0%2C1-1.717-.822%2C1.492%2C1.492%2C0%2C0%2C1-.216-.808V24.737H11.383a.929.929%2C0%2C0%2C1-.663-.26%2C1.231%2C1.231%2C0%2C0%2C1-.361-.909%2C1.1%2C1.1%2C0%2C0%2C1%2C.476-.966.886.886%2C0%2C0%2C1%2C.548-.173h5.294v-2.6H11.383a.909.909%2C0%2C0%2C1-.692-.274%2C1.2%2C1.2%2C0%2C0%2C1-.332-.865%2C1.135%2C1.135%2C0%2C0%2C1%2C.534-1.039.934.934%2C0%2C0%2C1%2C.49-.13ZM39.527%2C27.37H37.333V22.214a.861.861%2C0%2C0%2C0-.861-.856h-7.7a.861.861%2C0%2C0%2C0-.861.856V27.37H25.715c-.473%2C0-.616.3-.316.663l2.795%2C3.4%2C1.089%2C1.326%2C2.795%2C3.173a.679.679%2C0%2C0%2C0%2C1.089%2C0l2.795-3.173%2C1.089-1.326%2C2.795-3.4c.3-.365.157-.663-.316-.663M25.733%2C31.881a15.042%2C15.042%2C0%2C1%2C1%2C7.933-13.257c0%2C.41-.021.815-.053%2C1.217H37.2c.026-.4.044-.808.044-1.217A18.622%2C18.622%2C0%2C1%2C0%2C28.355%2C34.5Z%22%20fill%3D%22%23FFF%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/40px auto; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-ai ol li:nth-child(3) > i::before {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235.804%22%20height%3D%2232.819%22%20viewBox%3D%220%200%2035.804%2032.819%22%3E%20%3Cpath%20d%3D%22M16.208%2C24.013c-3.414%2C1.2-7.716-.8-8.585-4.111C3.328%2C19.894.035%2C17.8%2C0%2C14.1-.059%2C8.092%2C6.736.01%2C17.9%2C0S35.8%2C7.924%2C35.8%2C15.409%2C29.563%2C25.7%2C24.455%2C24.751a14.518%2C14.518%2C0%2C0%2C0%2C.347%2C7.081l-3.147.987C20.442%2C28.659%2C18.373%2C25.409%2C16.208%2C24.013ZM15.174%2C10.176a2.981%2C2.981%2C0%2C1%2C1%2C4.008-1.617c1.812%2C1.36%2C3.587%2C2.767%2C5.369%2C4.168a3.729%2C3.729%2C0%2C1%2C1-1.322%2C3.841c-1.791.147-3.587.259-5.38.38a2.984%2C2.984%2C0%2C1%2C1-3.249-3.5c.181-1.09.376-2.177.571-3.268Zm3.073-.367a2.98%2C2.98%2C0%2C0%2C1-1.579.623l-.542%2C3.252a3%2C3%2C0%2C0%2C1%2C1.611%2C1.756l5.44-.431a3.651%2C3.651%2C0%2C0%2C1%2C.392-1.118Z%22%20transform%3D%22translate(0.002%200)%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/36px auto; } }
      .page--service .post_article #reason-ai ol li > i {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        color: #FFF;
        font-size: 1.8rem;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: #1E3A8A;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #reason-ai ol li > i {
            width: 100px;
            height: 100px;
            top: -50px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #reason-ai ol li > i {
            width: 140px;
            height: 140px;
            padding-bottom: 3px;
            top: -70px; }
            .page--service .post_article #reason-ai ol li > i::before {
              width: 42px;
              height: 42px;
              content: "";
              display: block;
              margin-bottom: 20px; } }
      .page--service .post_article #reason-ai ol li h3 {
        line-height: 1.26;
        color: #1E3A8A;
        font-weight: 700;
        text-align: center;
        margin-bottom: 22px; }
        .page--service .post_article #reason-ai ol li h3::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.26) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #reason-ai ol li h3 {
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #reason-ai ol li h3 {
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
      .page--service .post_article #reason-ai ol li p {
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: 0.05em; }
        .page--service .post_article #reason-ai ol li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #reason-ai ol li p {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #reason-ai ol li p {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
  .page--service .post_article .partition picture img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto; }
  .page--service .post_article #reason-xpartnal {
    background: #FFF; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #reason-xpartnal {
        padding: 110px 20px 100px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #reason-xpartnal {
        padding: 170px 15px 160px 15px; } }
    .page--service .post_article #reason-xpartnal .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #reason-xpartnal .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 37px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #reason-xpartnal .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-xpartnal .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 70px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #reason-xpartnal .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      .page--service .post_article #reason-xpartnal .mod__heading2 span {
        color: #EA4E7F; }
    .page--service .post_article #reason-xpartnal > p {
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.05em; }
      .page--service .post_article #reason-xpartnal > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.5) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #reason-xpartnal > p {
          margin-bottom: 70px;
          font-size: clamp(1.4rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-xpartnal > p {
          text-align: center; } }
  @media print, screen and (min-width: 835px) and (min-width: 835px) {
    .page--service .post_article #reason-xpartnal > p {
      margin-bottom: 80px;
      font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }

    @media print, screen and (min-width: 835px) {
      .page--service .post_article #reason-xpartnal ul {
        max-width: 1230px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto; } }
    .page--service .post_article #reason-xpartnal ul li {
      background: #FFF2F2;
      border-radius: 20px;
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #reason-xpartnal ul li {
          padding: 65px 20px 20px 20px; }
          .page--service .post_article #reason-xpartnal ul li:nth-child(n+2) {
            margin-top: 60px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #reason-xpartnal ul li {
          width: calc(100% / 3 - 30px);
          padding: 65px 30px 30px 30px;
          margin: 0 15px; }
          .page--service .post_article #reason-xpartnal ul li:nth-child(n+4) {
            margin-top: 70px; } }
      .page--service .post_article #reason-xpartnal ul li i {
        width: 80px;
        display: block;
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        .page--service .post_article #reason-xpartnal ul li i img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto; }
      .page--service .post_article #reason-xpartnal ul li h3,
      .page--service .post_article #reason-xpartnal ul li p {
        letter-spacing: 0.05em;
        text-align: center; }
      .page--service .post_article #reason-xpartnal ul li h3 {
        line-height: 1.26;
        color: #EA4E7F;
        font-weight: 700;
        margin-bottom: 22px; }
        .page--service .post_article #reason-xpartnal ul li h3::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.26) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #reason-xpartnal ul li h3 {
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #reason-xpartnal ul li h3 {
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
      .page--service .post_article #reason-xpartnal ul li p {
        line-height: 1.5;
        font-weight: 500; }
        .page--service .post_article #reason-xpartnal ul li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #reason-xpartnal ul li p {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #reason-xpartnal ul li p {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
  .page--service .post_article #plan {
    background: url("../images/service/plan-bg.jpg") no-repeat center top/cover; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #plan {
        padding: 110px 20px 100px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #plan {
        padding: 170px 15px 160px 15px; } }
    .page--service .post_article #plan .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 32px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #plan .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 65px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #plan .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #plan .grade {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #plan .grade {
        max-width: 1200px;
        margin: 0 auto 85px auto; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #plan .grade > li {
        padding: 30px 20px 20px 20px;
        border-radius: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #plan .grade > li {
        padding: 50px 40px 40px 40px;
        border-radius: 40px; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #plan .grade > li:nth-child(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #plan .grade > li:nth-child(n+2) {
        margin-top: 40px; } }
    .page--service .post_article #plan .grade > li:nth-child(1) {
      background: linear-gradient(45deg, #065cc1 0%, #87d2fa 100%); }
    .page--service .post_article #plan .grade > li:nth-child(2) {
      background: linear-gradient(45deg, #1E3A8A 0%, #FF90B3 100%); }
    .page--service .post_article #plan .grade > li > dl > dt {
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .grade > li > dl > dt {
          line-height: 1.575;
          font-size: 1.6rem;
          margin-bottom: 15px; }
          .page--service .post_article #plan .grade > li > dl > dt::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.575) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .grade > li > dl > dt {
          line-height: 1.26;
          font-size: 2rem;
          margin-bottom: 30px; }
          .page--service .post_article #plan .grade > li > dl > dt::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.26) * 0.5em); } }
      .page--service .post_article #plan .grade > li > dl > dt span {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .grade > li > dl > dt span {
            margin-bottom: 5px;
            font-size: clamp(2.4rem, 8.1632653061vw, 3.2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .grade > li > dl > dt span {
            margin-bottom: 10px;
            font-size: clamp(5rem, 4.6985121378vw, 6rem); } }
    .page--service .post_article #plan .grade > li > dl > dd .price {
      padding: 25px 20px 20px 20px;
      background: #FFF; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .grade > li > dl > dd .price {
          border-radius: 10px;
          margin-bottom: 22px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .grade > li > dl > dd .price {
          border-radius: 20px;
          margin-bottom: 20px; } }
      .page--service .post_article #plan .grade > li > dl > dd .price > p {
        line-height: 1;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .grade > li > dl > dd .price > p {
            margin-bottom: 25px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .grade > li > dl > dd .price > p {
            margin-bottom: 35px; } }
        .page--service .post_article #plan .grade > li > dl > dd .price > p > span {
          letter-spacing: 0.05em; }
          .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) {
            font-weight: 700;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) {
                font-size: 1.2rem;
                margin-bottom: 6px; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) {
                font-size: 1.4rem;
                margin-bottom: 8px; } }
            .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) span {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) span {
                  font-size: 1.6rem;
                  margin: 0 5px; } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(1) span {
                  font-size: 2rem;
                  margin: -3px 5px 0 10px; } }
          .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) {
            font-weight: 900; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) {
                font-size: 1.4rem; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) {
                font-size: 1.8rem; } }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) > span {
                font-size: 2rem;
                margin-right: 3px; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) > span {
                font-size: 5rem;
                margin-right: 5px; } }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) > span span {
                font-size: 2.4rem; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price > p > span:nth-of-type(2) > span span {
                font-size: 6rem; } }
      .page--service .post_article #plan .grade > li > dl > dd .price .campaign {
        background: #FFF2F2;
        border: 1px solid #F05959;
        border-radius: 4px;
        position: relative; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .grade > li > dl > dd .price .campaign {
            padding: 23px 20px 20px 20px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .grade > li > dl > dd .price .campaign {
            max-width: 470px;
            padding: 23px 20px 15px 20px;
            margin: 0 auto; } }
        .page--service .post_article #plan .grade > li > dl > dd .price .campaign dt {
          width: 120px;
          min-height: 30px;
          line-height: 1;
          color: #FFF;
          font-size: 1.6rem;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #F05959;
          border-radius: 4px;
          position: absolute;
          top: -15px;
          left: 0;
          right: 0;
          margin: 0 auto;
          z-index: 2; }
        .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol {
          counter-reset: campaign;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li {
            color: #F05959;
            font-weight: 700;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li {
                line-height: 1.28571;
                font-size: 1.4rem; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li {
                line-height: 1.575;
                font-size: 1.6rem; } }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li:nth-child(n+2) {
                margin-top: 7px; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li:nth-child(n+2) {
                margin-top: 5px; } }
            .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd ol li::before {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              width: 24px;
              height: 24px;
              line-height: 1;
              color: #FFF;
              font-size: 1.4rem;
              letter-spacing: 0;
              counter-increment: campaign;
              content: counter(campaign);
              text-align: center;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #F05959;
              border-radius: 50%;
              flex-shrink: 0;
              margin-right: 5px; }
        .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd p {
          color: #F05959;
          font-size: 1.4rem;
          font-weight: 700;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd p {
              line-height: 1.28571;
              margin-top: 10px; }
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.28571) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd p {
              line-height: 1.8;
              text-align: center;
              margin-top: 15px; }
              .page--service .post_article #plan .grade > li > dl > dd .price .campaign dd p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.8) * 0.5em); } }
    .page--service .post_article #plan .grade > li > dl > dd .package dt,
    .page--service .post_article #plan .grade > li > dl > dd .package dd {
      color: #FFF;
      letter-spacing: 0.05em; }
    .page--service .post_article #plan .grade > li > dl > dd .package dt {
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      padding-bottom: 12px;
      border-bottom: 1px solid #FFF;
      margin-bottom: 20px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .grade > li > dl > dd .package dt {
          line-height: 1.3125; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .grade > li > dl > dd .package dt {
          line-height: 1.5;
          text-align: center; } }
      .page--service .post_article #plan .grade > li > dl > dd .package dt > span {
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .grade > li > dl > dd .package dt > span {
            line-height: 1.5;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .grade > li > dl > dd .package dt > span {
            line-height: 1.26;
            font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .grade > li > dl > dd .package dt > span:first-of-type {
            margin-top: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .grade > li > dl > dd .package dt > span:first-of-type {
            margin-top: 7px; } }
        .page--service .post_article #plan .grade > li > dl > dd .package dt > span:last-of-type {
          margin-top: 0; }
        .page--service .post_article #plan .grade > li > dl > dd .package dt > span:nth-of-type(n+2)::before {
          width: 24px;
          height: 24px;
          content: "";
          display: block;
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20transform%3D%22translate(-702%20-926)%22%3E%20%3Cpath%20d%3D%22M-9538.965-13367.976h16%22%20transform%3D%22translate(10241.965%2014302.976)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M-9538.965-13367.976h16%22%20transform%3D%22translate(-12656.975%2010465.965)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/12px;
          border: 1px solid #FFF;
          border-radius: 50%;
          margin: 0 auto; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .grade > li > dl > dd .package dt > span:nth-of-type(n+2)::before {
              margin: 7px auto 5px auto; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .grade > li > dl > dd .package dt > span:nth-of-type(n+2)::before {
              margin: 7px auto 3px auto; } }
        .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span {
          font-weight: 900; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span {
              display: block;
              text-align: right;
              font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span {
              font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
          .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span {
            margin: 0 5px; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span {
                font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span {
                font-size: clamp(2.4rem, 2.0360219264vw, 2.6rem); } }
            .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span > span {
              line-height: 1.4;
              margin: 0 3px; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span > span {
                  font-size: clamp(2.2rem, 6.1224489796vw, 2.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #plan .grade > li > dl > dd .package dt > span > span > span > span {
                  font-size: clamp(3rem, 2.5058731402vw, 3.2rem); } }
    .page--service .post_article #plan .grade > li > dl > dd .package dd p {
      font-size: 1.6rem;
      font-weight: 700; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .grade > li > dl > dd .package dd p {
          line-height: 1.3125;
          margin-bottom: 12px; }
          .page--service .post_article #plan .grade > li > dl > dd .package dd p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3125) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .grade > li > dl > dd .package dd p {
          line-height: 1.575;
          margin-bottom: 10px; }
          .page--service .post_article #plan .grade > li > dl > dd .package dd p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.575) * 0.5em); } }
    .page--service .post_article #plan .grade > li > dl > dd .package dd ul li {
      line-height: 1.5;
      color: #FFF;
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: 0.05em;
      text-indent: -1em;
      margin-left: 1em; }
      .page--service .post_article #plan .grade > li > dl > dd .package dd ul li::before {
        content: "・"; }
    .page--service .post_article #plan .specialoffers {
      background: #FFF;
      border-radius: 20px;
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .specialoffers {
          padding: 45px 20px 20px 20px;
          margin-bottom: 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .specialoffers {
          max-width: 1200px;
          padding: 65px 40px 40px 40px;
          margin: 0 auto 60px auto; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #plan .specialoffers {
      padding: 65px 30px 40px 30px; } }

      .page--service .post_article #plan .specialoffers dt {
        line-height: 1;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F05959;
        border-radius: 25px;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .specialoffers dt {
            width: calc(100% - 40px);
            max-width: 200px;
            min-height: 30px;
            top: -15px;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .specialoffers dt {
            width: calc(100% - 60px);
            max-width: 300px;
            min-height: 50px;
            top: -25px;
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      .page--service .post_article #plan .specialoffers dd ol {
        counter-reset: specialoffers; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .specialoffers dd ol {
            margin-bottom: 15px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .specialoffers dd ol {
            display: flex;
            justify-content: space-between;
            margin-bottom: 25px; } }
        .page--service .post_article #plan .specialoffers dd ol li {
          line-height: 1.4;
          color: #F05959;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #FFF2F2;
          border-radius: 8px;
          position: relative; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .specialoffers dd ol li {
              min-height: 70px;
              font-size: clamp(1.4rem, 4.5918367347vw, 1.8rem); }
              .page--service .post_article #plan .specialoffers dd ol li:nth-child(n+2) {
                margin-top: 25px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .specialoffers dd ol li {
              width: calc(50% - 20px);
              min-height: 110px;
              font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #plan .specialoffers dd ol li {
      width: calc(50% - 15px); } }

          .page--service .post_article #plan .specialoffers dd ol li::before {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            line-height: 1;
            color: #FFF;
            letter-spacing: 0;
            counter-increment: specialoffers;
            content: counter(specialoffers);
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #F05959;
            border-radius: 50%;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            z-index: 2; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #plan .specialoffers dd ol li::before {
                width: 30px;
                height: 30px;
                top: -15px;
                font-size: clamp(1.8rem, 4.5918367347vw, 1.8rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #plan .specialoffers dd ol li::before {
                width: 40px;
                height: 40px;
                top: -20px;
                font-size: clamp(2.4rem, 1.8794048551vw, 2.4rem); } }
      .page--service .post_article #plan .specialoffers dd p {
        color: #F05959;
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .specialoffers dd p {
            line-height: 1.28571;
            font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); }
            .page--service .post_article #plan .specialoffers dd p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.28571) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .specialoffers dd p {
            line-height: 1.575;
            text-align: center;
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); }
            .page--service .post_article #plan .specialoffers dd p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); } }
    .page--service .post_article #plan .button {
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .button {
          max-width: 255px;
          margin-bottom: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .button {
          max-width: 660px;
          display: flex;
          justify-content: space-between;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #plan .button li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #plan .button li {
          width: calc(50% - 10px); } }
      .page--service .post_article #plan .button li.line a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: #37CE00;
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .button li.line a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .button li.line a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #plan .button li.line a {
      padding: 10px 65px 10px 20px; } }

        .page--service .post_article #plan .button li.line a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .button li.line a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .button li.line a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .page--service .post_article #plan .button li.line a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
        .page--service .post_article #plan .button li.line a::after {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF; }
      .page--service .post_article #plan .button li a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #plan .button li a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #plan .button li a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #plan .button li a {
      padding: 10px 65px 10px 20px; } }

        .page--service .post_article #plan .button li a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #plan .button li a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #plan .button li a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .page--service .post_article #plan .button li a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
  .page--service .post_article #overview {
    background: #FFF; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #overview {
        padding: 110px 20px 105px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #overview {
        padding: 170px 30px 180px 30px; } }
    .page--service .post_article #overview .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #overview .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 37px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #overview .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #overview .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 50px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #overview .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
    .page--service .post_article #overview > p {
      letter-spacing: 0.05em; }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #overview > p {
          text-align: center; } }
      .page--service .post_article #overview > p:nth-of-type(1) {
        line-height: 1.5;
        font-weight: 700;
        position: relative;
        z-index: 2; }
        .page--service .post_article #overview > p:nth-of-type(1)::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #overview > p:nth-of-type(1) {
            margin-bottom: 30px;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #overview > p:nth-of-type(1) {
            margin-bottom: 40px;
            font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
      .page--service .post_article #overview > p:nth-of-type(2) {
        line-height: 1.28571; }
        .page--service .post_article #overview > p:nth-of-type(2)::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.28571) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #overview > p:nth-of-type(2) {
            font-weight: 700;
            text-align: center;
            font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #overview > p:nth-of-type(2) {
            font-weight: 900;
            font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); } }
        .page--service .post_article #overview > p:nth-of-type(2) span {
          color: #EA4E7F; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #overview > p:nth-of-type(2) span {
              display: block; } }
    .page--service .post_article #overview > i {
      line-height: 1.5;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #1E3A8A;
      border-radius: 40px;
      position: relative;
      z-index: 2;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #overview > i {
          min-height: 60px;
          margin-bottom: 173px;
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #overview > i {
          max-width: 480px;
          min-height: 80px;
          margin-bottom: 40px;
          font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
      .page--service .post_article #overview > i::before {
        width: 0;
        height: 0;
        content: "";
        display: block;
        border-style: solid;
        border-width: 20px 11px 0px 11px;
        border-color: #1E3A8A transparent transparent transparent;
        position: absolute;
        bottom: -20px;
        left: 0;
        right: 0;
        margin: 0 auto; }
    .page--service .post_article #overview > ul {
      position: relative; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #overview > ul {
          margin-bottom: 35px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #overview > ul {
          max-width: 1200px;
          display: flex;
          flex-wrap: wrap;
          margin: 0 auto 70px auto; } }
      .page--service .post_article #overview > ul::before, .page--service .post_article #overview > ul::after {
        content: "";
        display: block;
        position: absolute; }
      .page--service .post_article #overview > ul::before {
        background: url("../images/service/overview-male-left.svg") no-repeat left top/contain; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #overview > ul::before {
            width: 143px;
            height: 149px;
            top: -149px;
            left: calc(50% - 166px); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #overview > ul::before {
            width: 204px;
            height: 213px;
            top: -213px;
            left: 0; } }
      .page--service .post_article #overview > ul::after {
        background: url("../images/service/overview-male-right.svg") no-repeat left top/contain; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #overview > ul::after {
            width: 175px;
            height: 137px;
            top: -137px;
            left: calc(50% - 10px); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #overview > ul::after {
            width: 250px;
            height: 195px;
            top: -195px;
            right: 0; } }
      .page--service .post_article #overview > ul > li {
        padding: 19px;
        border: 1px solid #E8F4FF;
        border-radius: 20px; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #overview > ul > li:nth-child(n+2) {
            margin-top: 10px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #overview > ul > li {
            width: calc(50% - 10px); }
            .page--service .post_article #overview > ul > li:nth-child(odd) {
              margin-right: 20px; }
            .page--service .post_article #overview > ul > li:nth-child(n+3) {
              margin-top: 20px; } }
        .page--service .post_article #overview > ul > li ol li {
          text-align: center;
          letter-spacing: 0.05em;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 8px;
          transition: all .2s ease-out;
          position: relative; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #overview > ul > li ol li {
              min-height: 80px;
              padding: 10px 15px 10px 85px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #overview > ul > li ol li {
              min-height: 120px;
              padding: 20px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #overview > ul > li ol li {
      padding-left: 110px; } }

          .page--service .post_article #overview > ul > li ol li:nth-child(n+2) {
            margin-top: 10px; }
          .page--service .post_article #overview > ul > li ol li:first-child {
            font-weight: 500;
            background: #E8F5FA; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #overview > ul > li ol li:first-child {
                line-height: 1.575;
                font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #overview > ul > li ol li:first-child {
                line-height: 1.26;
                font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
            .page--service .post_article #overview > ul > li ol li:first-child i {
              background: #1E3A8A; }
          .page--service .post_article #overview > ul > li ol li:last-child {
            line-height: 1.26;
            color: #EA4E7F;
            font-weight: 700;
            background: #FFF2F2; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #overview > ul > li ol li:last-child {
                font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #overview > ul > li ol li:last-child {
                font-size: clamp(2rem, 2.1926389977vw, 2.8rem); } }
            .page--service .post_article #overview > ul > li ol li:last-child::before {
              content: "";
              display: block;
              position: absolute;
              z-index: 2; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #overview > ul > li ol li:last-child::before {
                  width: 23px;
                  height: 40px;
                  background: url("../images/service/arrow-bottom-sp.svg") no-repeat left top/contain;
                  top: -25px;
                  left: 28px; } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #overview > ul > li ol li:last-child::before {
                  width: 32px;
                  height: 70px;
                  background: url("../images/service/arrow-bottom-pc.svg") no-repeat left top/contain;
                  top: -40px;
                  left: 44px; } }
            .page--service .post_article #overview > ul > li ol li:last-child i {
              background: #EA4E7F; }
          .page--service .post_article #overview > ul > li ol li i {
            color: #FFF;
            font-weight: 700 !important;
            font-style: normal;
            letter-spacing: 0.05em;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto 0; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #overview > ul > li ol li i {
                width: 60px;
                height: 60px;
                line-height: 1.1428571;
                font-size: 1.4rem;
                padding: 0 1em;
                left: 10px; } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #overview > ul > li ol li i {
                width: 80px;
                height: 80px;
                line-height: 1.575;
                font-size: 1.6rem;
                left: 20px; } }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #voice {
      padding: 110px 20px 100px 20px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #voice {
      padding: 170px 30px 180px 30px; } }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #voice hgroup {
      margin-bottom: 27px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #voice hgroup {
      margin-bottom: 42px; } }
  .page--service .post_article #voice hgroup .mod__heading2 {
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #voice hgroup .mod__heading2 {
        line-height: 1.3;
        margin-bottom: 27px;
        font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
        .page--service .post_article #voice hgroup .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #voice hgroup .mod__heading2 {
        line-height: 1.3;
        margin-bottom: 50px;
        font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
        .page--service .post_article #voice hgroup .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3) * 0.5em); } }
  .page--service .post_article #voice hgroup p {
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #voice hgroup p {
        line-height: 1.35;
        font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
        .page--service .post_article #voice hgroup p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.35) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #voice hgroup p {
        line-height: 1.71428571;
        font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); }
        .page--service .post_article #voice hgroup p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.71428571) * 0.5em); } }
  .page--service .post_article #voice > p {
    font-weight: 900;
    letter-spacing: 0.05em;
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #voice > p {
        line-height: 1.7;
        margin-bottom: 25px;
        font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
        .page--service .post_article #voice > p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.7) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #voice > p {
        line-height: 1.5;
        margin-bottom: 62px;
        font-size: clamp(2.8rem, 3.7588097103vw, 4.8rem); }
        .page--service .post_article #voice > p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); } }
    .page--service .post_article #voice > p span {
      line-height: 1;
      color: #FFF;
      background: #1E3A8A;
      border-radius: 10px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #voice > p span {
          padding: 0 0.15em 0.03em 0.175em;
          margin: 0 0.03em; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #voice > p span {
          padding: 0 0.3em 0.03em 0.325em;
          margin: 0 0.4em; } }
    .page--service .post_article #voice > p img {
      height: auto;
      display: inline-block;
      vertical-align: middle;
      margin-top: -0.25em; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #voice > p img {
          width: 12px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #voice > p img {
          width: 16px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #voice ul {
      max-width: 1200px;
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto; } }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #voice ul li:nth-child(n+2) {
      margin-top: 30px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #voice ul li {
      width: calc(100% / 3 - 30px * 2 / 3); }
      .page--service .post_article #voice ul li:not(:nth-child(3n)) {
        margin-right: 30px; } }
  .page--service .post_article #voice ul li figure {
    margin-bottom: 25px; }
    .page--service .post_article #voice ul li figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
  .page--service .post_article #voice ul li h3,
  .page--service .post_article #voice ul li p {
    letter-spacing: 0.05em; }
  .page--service .post_article #voice ul li h3 {
    line-height: 1.26;
    color: #1E3A8A;
    font-weight: 700;
    text-align: center;
    margin-bottom: 17px; }
    .page--service .post_article #voice ul li h3::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.26) * 0.5em); }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #voice ul li h3 {
        font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #voice ul li h3 {
        font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
  .page--service .post_article #voice ul li p {
    line-height: 1.5;
    font-weight: 500; }
    .page--service .post_article #voice ul li p::before {
      content: "";
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #voice ul li p {
        font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #voice ul li p {
        font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
  .page--service .post_article #expert {
    background: #FFF; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #expert {
        padding: 110px 20px 100px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #expert {
        padding: 175px 30px 160px 30px; } }
    .page--service .post_article #expert .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #expert .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 32px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #expert .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #expert .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 45px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #expert .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #expert ul {
        max-width: 1200px;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto; } }
    .page--service .post_article #expert ul li {
      background: #F2F2F2;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #expert ul li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #expert ul li {
          width: calc(50% - 10px); }
          .page--service .post_article #expert ul li:nth-child(odd) {
            margin-right: 20px; }
          .page--service .post_article #expert ul li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--service .post_article #expert ul li h3 {
        line-height: 1.3;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        padding: 20px;
        background: linear-gradient(#FF90B3 0%, #1E3A8A 100%);
        border-radius: 20px 20px 0px 0px; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #expert ul li h3 {
            font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #expert ul li h3 {
            font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
        .page--service .post_article #expert ul li h3 i {
          width: 60px;
          display: block;
          flex-shrink: 0;
          margin-right: 20px; }
          .page--service .post_article #expert ul li h3 i img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0 auto; }
      .page--service .post_article #expert ul li dl {
        padding: 25px 20px 20px 20px; }
        .page--service .post_article #expert ul li dl dt,
        .page--service .post_article #expert ul li dl dd {
          line-height: 1.5; }
          .page--service .post_article #expert ul li dl dt::before,
          .page--service .post_article #expert ul li dl dd::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
        .page--service .post_article #expert ul li dl dt {
          color: #1E3A8A;
          font-size: 1.8rem;
          font-weight: 700; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #expert ul li dl dt {
              margin-bottom: 10px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #expert ul li dl dt {
              margin-bottom: 15px; } }
        .page--service .post_article #expert ul li dl dd {
          font-size: 1.6rem;
          font-weight: 500; }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #flow {
      padding: 55px 20px 50px 20px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #flow {
      padding: 175px 30px 170px 30px; } }
  .page--service .post_article #flow .mod__heading2 {
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #flow .mod__heading2 {
        line-height: 1.3;
        margin-bottom: 32px;
        font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
        .page--service .post_article #flow .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #flow .mod__heading2 {
        line-height: 1.3;
        margin-bottom: 45px;
        font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
        .page--service .post_article #flow .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.3) * 0.5em); } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #flow ol {
      max-width: 1200px;
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto; } }
  @media only screen and (max-width: 834px) {
    .page--service .post_article #flow ol li:nth-child(n+2) {
      margin-top: 20px; } }
  @media print, screen and (min-width: 835px) {
    .page--service .post_article #flow ol li {
      width: calc(50% - 20px); }
      .page--service .post_article #flow ol li:nth-child(odd) {
        margin-right: 40px; }
      .page--service .post_article #flow ol li:nth-child(n+3) {
        margin-top: 40px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #flow ol li {
      width: calc(50% - 15px); }
      .page--service .post_article #flow ol li:nth-child(odd) {
        margin-right: 30px; } }

  .page--service .post_article #flow ol li figure {
    position: relative; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #flow ol li figure {
        margin-bottom: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #flow ol li figure {
        margin-bottom: 25px; } }
    .page--service .post_article #flow ol li figure i {
      font-family: "Outfit", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      line-height: 1;
      color: #FFF;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      background: #1E3A8A;
      border-radius: 50%;
      transition: all .2s ease-out;
      position: absolute;
      z-index: 2; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #flow ol li figure i {
          width: 30px;
          height: 30px;
          font-size: 1.8rem;
          top: 10px;
          left: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #flow ol li figure i {
          width: 40px;
          height: 40px;
          font-size: 2.4rem;
          top: 20px;
          left: 20px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #flow ol li figure i {
      top: 15px;
      left: 15px; } }

    .page--service .post_article #flow ol li figure img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
  .page--service .post_article #flow ol li p {
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #flow ol li p {
        line-height: 1.575;
        font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
        .page--service .post_article #flow ol li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.575) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #flow ol li p {
        line-height: 1.26;
        font-size: clamp(1.6rem, 1.5661707126vw, 2rem); }
        .page--service .post_article #flow ol li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.26) * 0.5em); } }
  .page--service .post_article #satisfaction {
    background: url("../images/service/plan-bg.jpg") no-repeat center center/cover;
    position: relative; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #satisfaction {
        padding: 90px 10px 80px 10px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #satisfaction {
        padding: 135px 15px 170px 15px; } }
    .page--service .post_article #satisfaction .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction .mod__heading2 {
          line-height: 1.75;
          margin-bottom: 17px;
          font-size: clamp(2rem, 6.1224489796vw, 2.4rem); }
          .page--service .post_article #satisfaction .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.75) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction .mod__heading2 {
          line-height: 1.47;
          margin-bottom: 45px;
          font-size: clamp(4.8rem, 5.3249804229vw, 6.8rem); }
          .page--service .post_article #satisfaction .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.47) * 0.5em); } }
      .page--service .post_article #satisfaction .mod__heading2 span {
        color: #1E3A8A; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #satisfaction .mod__heading2 span {
            display: block; } }
    .page--service .post_article #satisfaction > p {
      line-height: 1.33;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center; }
      .page--service .post_article #satisfaction > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.33) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction > p {
          padding: 0 10px;
          margin-bottom: 35px;
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction > p {
          margin-bottom: 80px;
          font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
    .page--service .post_article #satisfaction dl {
      background: #FFF;
      border-radius: 8px;
      box-shadow: 0px 0px 10px RGB(0 0 0/0.1);
      position: relative;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction dl {
          width: calc(100% - 20px);
          padding: 20px 20px 10px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction dl {
          max-width: 520px;
          padding: 22px 20px 15px 20px; } }
      .page--service .post_article #satisfaction dl dt,
      .page--service .post_article #satisfaction dl dd {
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center; }
      .page--service .post_article #satisfaction dl dt {
        line-height: 1;
        color: #1E3A8A;
        display: block;
        position: absolute;
        top: -0.5em;
        left: 0;
        right: 0; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #satisfaction dl dt {
            font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #satisfaction dl dt {
            font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
      .page--service .post_article #satisfaction dl dd {
        line-height: 1.4; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #satisfaction dl dd {
            font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #satisfaction dl dd {
            font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
        .page--service .post_article #satisfaction dl dd > span {
          color: #1E3A8A;
          display: inline-block;
          vertical-align: middle; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #satisfaction dl dd > span {
              margin: 0 5px 0.25em 5px;
              font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #satisfaction dl dd > span {
              margin: 0 5px 0.25em 5px;
              font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
          .page--service .post_article #satisfaction dl dd > span:first-of-type {
            font-family: "Outfit", sans-serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #satisfaction dl dd > span:first-of-type {
                font-size: clamp(3.4rem, 9.693877551vw, 3.8rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #satisfaction dl dd > span:first-of-type {
                font-size: clamp(3.4rem, 2.975724354vw, 3.8rem); } }
    .page--service .post_article #satisfaction > a {
      width: 100%;
      line-height: 1.575;
      color: #FFF;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-decoration: none;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
      transition: all .2s ease-out;
      overflow: hidden;
      cursor: pointer;
      position: relative;
      z-index: 1;
      margin: 0 auto;
      text-align: center;
      justify-content: center;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 2; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction > a {
          max-width: 260px;
          min-height: 50px;
          padding: 5px 50px 5px 20px;
          border-radius: 25px;
          font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction > a {
          max-width: 320px;
          min-height: 70px;
          padding: 10px 65px 10px 30px;
          border-radius: 35px;
          font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #satisfaction > a {
      padding: 10px 65px 10px 20px; } }

      .page--service .post_article #satisfaction > a::after {
        content: "";
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
        border-radius: 50%;
        display: block;
        transition: all .2s ease-out;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        z-index: 2; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #satisfaction > a::after {
            width: 40px;
            height: 40px;
            right: 5px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #satisfaction > a::after {
            width: 50px;
            height: 50px;
            right: 10px; } }
      .page--service .post_article #satisfaction > a:hover {
        /*
        color: $h_color;
        background-color: $h_bgColor;
        border-color: $h_bdColor;
        */
        opacity: 0.9; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction > a {
          width: calc(100% - 80px);
          max-width: 295px;
          min-height: 80px;
          padding-right: 70px;
          border-radius: 40px;
          bottom: -40px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction > a {
          width: calc(100% - 60px);
          max-width: 880px;
          min-height: 180px;
          border-radius: 90px;
          bottom: -90px;
          font-size: clamp(3rem, 2.6624902114vw, 3.4rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #satisfaction > a {
      max-width: 780px; } }

      @media only screen and (max-width: 834px) {
        .page--service .post_article #satisfaction > a::after {
          right: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #satisfaction > a::after {
          width: 100px;
          height: 100px;
          background-size: 32px auto;
          right: 40px; } }
  .page--service .post_article #subscription {
    background: #FFF;
    /* プランの種類（スマートフォン表示時のみスライド） */
    /* サービスの料金表 */ }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #subscription {
        padding: 145px 0 100px 0; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #subscription {
        padding: 260px 30px 160px 30px; } }
    .page--service .post_article #subscription .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #subscription .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 32px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--service .post_article #subscription .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #subscription .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 65px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article #subscription .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #subscription .swiper-container {
        margin-bottom: 45px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #subscription .swiper-container {
        max-width: 1200px;
        margin: 0 auto 95px auto; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #subscription .swiper-container .swiper-wrapper {
        display: flex;
        flex-wrap: wrap; } }
    .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide {
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide {
          padding: 40px 20px 20px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide {
          width: calc(100% / 3 - 30px * 2 / 3);
          padding: 50px 20px 40px 20px; }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide:not(:nth-child(3n)) {
            margin-right: 30px; } }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt {
        line-height: 1.575;
        color: #FFF;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center; }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.575) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt {
            margin-bottom: 15px;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt {
            margin-bottom: 30px;
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt span {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt span {
              margin-bottom: 5px;
              font-size: clamp(2.4rem, 8.1632653061vw, 3.2rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dt span {
              margin-bottom: 10px;
              font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price {
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 25px 20px 20px 20px;
        background: #FFF;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price {
            margin-bottom: 30px;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price {
            margin-bottom: 45px;
            font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span {
          line-height: 1; }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial {
            font-weight: 700;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative;
            margin-bottom: 7px; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial {
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial {
                font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial::before {
              width: 100%;
              height: 2px;
              content: "";
              background: #F05959;
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto;
              z-index: 2; }
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial span {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              margin: -3px 5px 0 10px; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial span {
                  font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.initial span {
                  font-size: clamp(1.6rem, 1.5661707126vw, 2rem); } }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly {
            font-weight: 900; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly {
                font-size: clamp(1.2rem, 4.5918367347vw, 1.8rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly {
                font-size: clamp(1.2rem, 1.4095536413vw, 1.8rem); } }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly > span {
                font-size: clamp(1.8rem, 8.1632653061vw, 3.2rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly > span {
                font-size: clamp(1.8rem, 2.5058731402vw, 3.2rem); } }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly > span span {
                font-size: clamp(2.4rem, 9.693877551vw, 3.8rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.monthly > span span {
                font-size: clamp(2.4rem, 2.975724354vw, 3.8rem); } }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off {
            width: 100%;
            min-height: 40px;
            color: #F05959;
            font-weight: 900;
            letter-spacing: 0.05em;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-top: 3px;
            background: #FFF2F2;
            margin-top: 15px; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off {
                font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off {
                font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off span {
              margin: -5px 5px 0 0; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off span {
                  font-size: clamp(2.2rem, 6.1224489796vw, 2.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .price > span.off span {
                  font-size: clamp(2.2rem, 1.8794048551vw, 2.4rem); } }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign {
        padding: 39px 20px 24px 20px;
        background: #FFF2F2;
        border: 1px solid #F05959;
        border-radius: 4px;
        position: relative; }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dt {
          color: #FFF;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #F05959;
          border-radius: 4px;
          position: absolute;
          left: 0;
          right: 0;
          margin: 0 auto;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dt {
              width: calc(100% - 20px);
              max-width: 235px;
              min-height: 42px;
              line-height: 1.1428571;
              top: -21px;
              font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dt {
              width: calc(100% - 60px);
              max-width: 280px;
              min-height: 50px;
              line-height: 1.3125;
              top: -25px;
              font-size: clamp(1rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dt {
      width: calc(100% - 30px); } }

        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol {
          counter-reset: campaign;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol li {
            color: #F05959;
            font-weight: 700;
            letter-spacing: 0.05em;
            display: flex;
            align-items: center; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol li {
                line-height: 1.28571;
                font-size: 1.4rem;
                font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol li {
                line-height: 1.575;
                font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol li:nth-child(n+2) {
              margin-top: 5px; }
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd ol li::before {
              font-family: "Outfit", sans-serif;
              font-optical-sizing: auto;
              font-weight: 700;
              font-style: normal;
              width: 24px;
              height: 24px;
              line-height: 1;
              color: #FFF;
              font-size: 1.4rem;
              letter-spacing: 0;
              counter-increment: campaign;
              content: counter(campaign);
              text-align: center;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #F05959;
              border-radius: 50%;
              flex-shrink: 0;
              margin-right: 5px; }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd p {
          color: #F05959;
          font-size: 1.4rem;
          font-weight: 700;
          letter-spacing: 0.05em;
          text-align: center;
          margin-top: 10px; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd p {
              line-height: 1.28571;
              font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); }
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.28571) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd p {
              line-height: 1.575;
              font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); }
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide > dl > dd .campaign dd p::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.575) * 0.5em); } }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light {
        background: linear-gradient(45deg, #065cc1 0%, #87d2fa 100%); }
        .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly {
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (min-width: 835px) and (max-width: 1219px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly {
              display: block; } }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .cost {
              font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .cost {
              font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off {
            min-height: 40px;
            color: #F05959;
            font-weight: 900;
            letter-spacing: 0.05em;
            text-align: center;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 3px 10px 0 10px;
            background: #FFF2F2;
            margin-left: 10px; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off {
                font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off {
                font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off {
      margin-top: 7px; } }

            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off span {
              margin: -5px 3px 0 0; }
              @media only screen and (max-width: 834px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off span {
                  font-size: clamp(1.8rem, 6.1224489796vw, 2.4rem); } }
              @media print, screen and (min-width: 835px) {
                .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly .off span {
                  font-size: clamp(1.8rem, 1.8794048551vw, 2.4rem); } }
          .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly:nth-of-type(2) {
            margin-bottom: 5px; }
            @media only screen and (max-width: 834px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly:nth-of-type(2) .cost span {
                font-size: clamp(1.8rem, 6.6326530612vw, 2.6rem); } }
            @media print, screen and (min-width: 835px) {
              .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly:nth-of-type(2) .cost span {
                font-size: clamp(1.8rem, 2.0360219264vw, 2.6rem); } }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly:nth-of-type(3) .cost span {
              font-size: clamp(2rem, 7.6530612245vw, 3rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.light > dl > dd .price .monthly:nth-of-type(3) .cost span {
              font-size: clamp(2rem, 2.3492560689vw, 3rem); } }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.middle {
        background: linear-gradient(45deg, #1E3A8A 0%, #FF90B3 100%); }
      .page--service .post_article #subscription .swiper-container .swiper-wrapper .swiper-slide.full {
        background: linear-gradient(#e6c303 0%, #dd4848 100%); }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #subscription .ratesheet {
        max-width: 1200px;
        margin: 0 auto; } }
    .page--service .post_article #subscription .ratesheet table {
      border-collapse: collapse; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #subscription .ratesheet table {
          width: 1200px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #subscription .ratesheet table {
          width: 100%; } }
      .page--service .post_article #subscription .ratesheet table thead tr th {
        line-height: 1.28571;
        color: #1E3A8A;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center; }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #subscription .ratesheet table thead tr th {
            font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
        .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(1), .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(7) {
          width: 120px; }
        .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(4), .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(5), .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(6) {
          width: 130px; }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(4), .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(5), .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(6) {
              min-width: 130px; } }
        .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(2) {
          width: 420px; }
          .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(2) span::before, .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(2) span::after {
            width: 1px;
            height: 100%;
            content: "";
            background: #E3E3E3;
            display: block;
            position: absolute;
            top: 0; }
          .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(2) span::before {
            left: 0; }
          .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(2) span::after {
            right: 0; }
        .page--service .post_article #subscription .ratesheet table thead tr th:nth-of-type(3) {
          width: 150px; }
        .page--service .post_article #subscription .ratesheet table thead tr th:first-of-type span::before {
          width: 1px;
          height: 100%;
          content: "";
          background: #E3E3E3;
          display: block;
          position: absolute;
          top: 0;
          left: 0; }
        .page--service .post_article #subscription .ratesheet table thead tr th:last-of-type span::after {
          width: 1px;
          height: 100%;
          content: "";
          background: #E3E3E3;
          display: block;
          position: absolute;
          top: 0;
          right: 0; }
        .page--service .post_article #subscription .ratesheet table thead tr th.light, .page--service .post_article #subscription .ratesheet table thead tr th.middle, .page--service .post_article #subscription .ratesheet table thead tr th.full {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          height: 50px;
          color: #FFF;
          border-radius: 8px 8px 0 0; }
        .page--service .post_article #subscription .ratesheet table thead tr th.light {
          background: linear-gradient(45deg, #065cc1 0%, #87d2fa 100%); }
        .page--service .post_article #subscription .ratesheet table thead tr th.middle {
          background: linear-gradient(45deg, #1E3A8A 0%, #FF90B3 100%); }
        .page--service .post_article #subscription .ratesheet table thead tr th.full {
          background: linear-gradient(#e6c303 0%, #dd4848 100%); }
        .page--service .post_article #subscription .ratesheet table thead tr th span {
          width: 100%;
          height: 36px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #DBF4FF;
          border-top: 1px solid #E3E3E3;
          position: relative;
          margin-top: 14px; }
      .page--service .post_article #subscription .ratesheet table tbody {
        border-left: 1px solid #E3E3E3;
        border-right: 1px solid #E3E3E3;
        border-bottom: 1px solid #E3E3E3; }
        .page--service .post_article #subscription .ratesheet table tbody tr:nth-of-type(even) td {
          background: #F7FAFC; }
        .page--service .post_article #subscription .ratesheet table tbody tr th,
        .page--service .post_article #subscription .ratesheet table tbody tr td {
          line-height: 1.28571;
          font-size: 1.4rem;
          letter-spacing: 0.05em;
          padding: 10px;
          text-align: center; }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #subscription .ratesheet table tbody tr th,
            .page--service .post_article #subscription .ratesheet table tbody tr td {
              font-size: clamp(1.2rem, 1.0963194988vw, 1.4rem); } }
          .page--service .post_article #subscription .ratesheet table tbody tr th.ta-left,
          .page--service .post_article #subscription .ratesheet table tbody tr td.ta-left {
            text-align: left; }
          .page--service .post_article #subscription .ratesheet table tbody tr th.bgcolor-gray,
          .page--service .post_article #subscription .ratesheet table tbody tr td.bgcolor-gray {
            background: #F7FAFC; }
          .page--service .post_article #subscription .ratesheet table tbody tr th.bgcolor-white,
          .page--service .post_article #subscription .ratesheet table tbody tr td.bgcolor-white {
            background: #FFF; }
        .page--service .post_article #subscription .ratesheet table tbody tr th {
          color: #FFF;
          font-weight: 700;
          background: #1E3A8A;
          border-top: 1px solid #FFF; }
        .page--service .post_article #subscription .ratesheet table tbody tr td {
          font-weight: 500;
          border-right: 1px solid #E3E3E3;
          border-top: 1px solid #E3E3E3;
          border-bottom: 1px solid #E3E3E3; }
          .page--service .post_article #subscription .ratesheet table tbody tr td .upgrade {
            color: #F05959; }
  .page--service .post_article #righthand {
    /* AIが右腕になる時代 */
    /* よくある質問 */
    /* お客様の成功事例 */ }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #righthand {
        padding: 95px 20px 160px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand {
        padding: 160px 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand > .container,
      .page--service .post_article #righthand .faq,
      .page--service .post_article #righthand .case {
        max-width: 1200px;
        margin: 0 auto; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #righthand > .container .mod__heading2,
      .page--service .post_article #righthand .faq .mod__heading2,
      .page--service .post_article #righthand .case .mod__heading2 {
        line-height: 1.33;
        margin-bottom: 32px;
        font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
        .page--service .post_article #righthand > .container .mod__heading2::before,
        .page--service .post_article #righthand .faq .mod__heading2::before,
        .page--service .post_article #righthand .case .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.33) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand > .container .mod__heading2,
      .page--service .post_article #righthand .faq .mod__heading2,
      .page--service .post_article #righthand .case .mod__heading2 {
        line-height: 1.33;
        margin-bottom: 45px;
        font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
        .page--service .post_article #righthand > .container .mod__heading2::before,
        .page--service .post_article #righthand .faq .mod__heading2::before,
        .page--service .post_article #righthand .case .mod__heading2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.33) * 0.5em); } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #righthand > .container {
        margin-bottom: 85px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand > .container {
        display: flex;
        justify-content: space-between;
        margin-bottom: 135px; } }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #righthand > .container .text {
        margin-bottom: 40px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand > .container .text {
        width: 60%; } }
    .page--service .post_article #righthand > .container .text h2,
    .page--service .post_article #righthand > .container .text p {
      letter-spacing: 0.05em; }
    .page--service .post_article #righthand > .container .text h2 {
      font-weight: 900; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand > .container .text h2 {
          line-height: 1.4;
          margin-bottom: 22px;
          font-size: clamp(2.8rem, 8.6734693878vw, 3.4rem); }
          .page--service .post_article #righthand > .container .text h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.4) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand > .container .text h2 {
          line-height: 1.35;
          margin-bottom: 50px;
          font-size: clamp(4.8rem, 5.3249804229vw, 6.8rem); }
          .page--service .post_article #righthand > .container .text h2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.35) * 0.5em); } }
      .page--service .post_article #righthand > .container .text h2 span {
        line-height: 1;
        background: linear-gradient(120deg, #1E3A8A 0%, #FF90B3 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand > .container .text h2 span {
            letter-spacing: 0.075em;
            font-size: clamp(6.5rem, 19.1326530612vw, 7.5rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand > .container .text h2 span {
            font-size: clamp(11.5rem, 10.5716523101vw, 13.5rem); } }
    .page--service .post_article #righthand > .container .text p {
      font-weight: 700; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand > .container .text p {
          line-height: 1.575;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
          .page--service .post_article #righthand > .container .text p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.575) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand > .container .text p {
          line-height: 1.26;
          font-size: clamp(1.8rem, 1.5661707126vw, 2rem); }
          .page--service .post_article #righthand > .container .text p::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.26) * 0.5em); } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand > .container .text p:first-of-type {
          line-height: 2.1;
          margin-bottom: 25px;
          font-size: clamp(1.6rem, 5.1020408163vw, 2rem); }
          .page--service .post_article #righthand > .container .text p:first-of-type::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 2.1) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand > .container .text p:first-of-type {
          line-height: 1.9;
          margin-bottom: 15px;
          font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); }
          .page--service .post_article #righthand > .container .text p:first-of-type::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.9) * 0.5em); } }
      .page--service .post_article #righthand > .container .text p:first-of-type span {
        font-family: "Outfit", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        line-height: 1;
        color: #1E3A8A;
        letter-spacing: 0;
        margin: 0 5px; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand > .container .text p:first-of-type span {
            font-size: clamp(3.3rem, 10.9693877551vw, 4.3rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand > .container .text p:first-of-type span {
            font-size: clamp(5rem, 4.6985121378vw, 6rem); } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand > .container figure {
        width: 40%; } }
    .page--service .post_article #righthand > .container figure picture img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      border-radius: 20px; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article #righthand .faq {
        margin-bottom: 85px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand .faq {
        margin-bottom: 135px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article #righthand .faq ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--service .post_article #righthand .faq ul li {
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand .faq ul li {
          padding: 25px 20px 20px 20px; }
          .page--service .post_article #righthand .faq ul li:nth-child(n+2) {
            margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand .faq ul li {
          width: calc(100% / 3 - 30px * 2 / 3);
          padding: 45px 30px 65px 30px; }
          .page--service .post_article #righthand .faq ul li:not(:nth-child(3n)) {
            margin-right: 30px; } }
      .page--service .post_article #righthand .faq ul li h4,
      .page--service .post_article #righthand .faq ul li p {
        letter-spacing: 0.05em; }
      .page--service .post_article #righthand .faq ul li h4 {
        line-height: 1.26;
        color: #EA4E7F;
        font-weight: 700;
        text-align: center;
        margin-bottom: 22px; }
        .page--service .post_article #righthand .faq ul li h4::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.26) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand .faq ul li h4 {
            font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand .faq ul li h4 {
            font-size: clamp(1.8rem, 1.5661707126vw, 2rem); } }
      .page--service .post_article #righthand .faq ul li p {
        line-height: 1.5;
        font-weight: 500; }
        .page--service .post_article #righthand .faq ul li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand .faq ul li p {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand .faq ul li p {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .page--service .post_article #righthand .case .container {
      background: #FFF;
      border-radius: 20px; }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand .case .container {
          min-height: 530px;
          display: flex;
          justify-content: space-between; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand .case .container .text {
          padding: 35px 20px 30px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand .case .container .text {
          width: 60%;
          padding: 70px 60px; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article #righthand .case .container .text {
      padding: 70px 30px; } }

      .page--service .post_article #righthand .case .container .text h4 {
        line-height: 1.05;
        font-weight: 700;
        letter-spacing: 0.05em;
        padding-bottom: 17px;
        border-bottom: 2px solid #909090;
        margin-bottom: 25px; }
        .page--service .post_article #righthand .case .container .text h4::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.05) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand .case .container .text h4 {
            font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand .case .container .text h4 {
            font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
      .page--service .post_article #righthand .case .container .text p {
        line-height: 1.575;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--service .post_article #righthand .case .container .text p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.575) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand .case .container .text p {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand .case .container .text p {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--service .post_article #righthand .case .container .text p:first-of-type {
          line-height: 1.5;
          color: #1E3A8A; }
          .page--service .post_article #righthand .case .container .text p:first-of-type::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.5) * 0.5em); }
          @media only screen and (max-width: 834px) {
            .page--service .post_article #righthand .case .container .text p:first-of-type {
              font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article #righthand .case .container .text p:first-of-type {
              font-size: clamp(1.8rem, 1.8794048551vw, 2.4rem); } }
        @media only screen and (max-width: 834px) {
          .page--service .post_article #righthand .case .container .text p:nth-of-type(n+2) {
            margin-top: 22px; } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article #righthand .case .container .text p:nth-of-type(n+2) {
            margin-top: 25px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand .case .container figure {
          width: 40%; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article #righthand .case .container figure picture img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto;
          border-radius: 0 0 20px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article #righthand .case .container figure picture img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: 0 20px 20px 0; } }
  .page--service .post_article .contact {
    background: url("../images/service/contact-bg.jpg") no-repeat center top/cover; }
    @media only screen and (max-width: 834px) {
      .page--service .post_article .contact {
        padding: 70px 20px 60px 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--service .post_article .contact {
        padding: 130px 30px 120px 30px; } }
    .page--service .post_article .contact .mod__heading2 {
      color: #FFF;
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article .contact .mod__heading2 {
          line-height: 1.33;
          margin-bottom: 25px;
          font-size: clamp(2rem, 6.1224489796vw, 2.4rem); }
          .page--service .post_article .contact .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.33) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article .contact .mod__heading2 {
          line-height: 1.33;
          margin-bottom: 50px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--service .post_article .contact .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.33) * 0.5em); } }
    .page--service .post_article .contact p {
      line-height: 1.33;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center; }
      .page--service .post_article .contact p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.33) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--service .post_article .contact p {
          margin-bottom: 35px;
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article .contact p {
          margin-bottom: 65px;
          font-size: clamp(2.2rem, 2.5058731402vw, 3.2rem); } }
    .page--service .post_article .contact ul {
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article .contact ul {
          max-width: 255px;
          margin-bottom: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article .contact ul {
          max-width: 660px;
          display: flex;
          justify-content: space-between;
          margin-bottom: 40px; } }
      @media only screen and (max-width: 834px) {
        .page--service .post_article .contact ul li:nth-child(n+2) {
          margin-top: 10px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article .contact ul li {
          width: calc(50% - 10px); } }
      .page--service .post_article .contact ul li.line a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: #37CE00;
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article .contact ul li.line a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article .contact ul li.line a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article .contact ul li.line a {
      padding: 10px 65px 10px 20px; } }

        .page--service .post_article .contact ul li.line a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article .contact ul li.line a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article .contact ul li.line a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .page--service .post_article .contact ul li.line a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
        .page--service .post_article .contact ul li.line a::after {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%2337CE00%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF; }
      .page--service .post_article .contact ul li a {
        width: 100%;
        line-height: 1.575;
        color: #FFF;
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background: linear-gradient(90deg, #FF90B3 0%, #1E3A8A 100%);
        transition: all .2s ease-out;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: 1;
        margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article .contact ul li a {
            max-width: 260px;
            min-height: 50px;
            padding: 5px 50px 5px 20px;
            border-radius: 25px;
            font-size: clamp(1.2rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article .contact ul li a {
            max-width: 320px;
            min-height: 70px;
            padding: 10px 65px 10px 30px;
            border-radius: 35px;
            font-size: clamp(1.2rem, 1.2529365701vw, 1.6rem); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--service .post_article .contact ul li a {
      padding: 10px 65px 10px 20px; } }

        .page--service .post_article .contact ul li a::after {
          content: "";
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.26%22%20height%3D%2212.996%22%20viewBox%3D%220%200%2014.26%2012.996%22%3E%20%3Cg%20transform%3D%22translate(31.13%2030.498)%20rotate(180)%22%3E%20%3Cline%20x2%3D%2212.22%22%20transform%3D%22translate(17.91%2024)%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20d%3D%22M24.04%2C18.91%2C17.87%2C24l6.17%2C5.09%22%20fill%3D%22none%22%20stroke%3D%22%231E3A8A%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center/13px auto #FFF;
          border-radius: 50%;
          display: block;
          transition: all .2s ease-out;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto 0;
          z-index: 2; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article .contact ul li a::after {
              width: 40px;
              height: 40px;
              right: 5px; } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article .contact ul li a::after {
              width: 50px;
              height: 50px;
              right: 10px; } }
        .page--service .post_article .contact ul li a:hover {
          /*
          color: $h_color;
          background-color: $h_bgColor;
          border-color: $h_bdColor;
          */
          opacity: 0.9; }
    .page--service .post_article .contact dl {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--service .post_article .contact dl {
          padding: 25px 20px 22px 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--service .post_article .contact dl {
          max-width: 680px;
          padding: 45px 30px 42px 30px;
          margin: 0 auto; } }
      .page--service .post_article .contact dl dt,
      .page--service .post_article .contact dl dd {
        letter-spacing: 0.05em;
        text-align: center; }
      .page--service .post_article .contact dl dt {
        font-weight: 700;
        margin-bottom: 15px; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article .contact dl dt {
            line-height: 1.575;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
            .page--service .post_article .contact dl dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--service .post_article .contact dl dt {
            line-height: 1.4;
            font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); }
            .page--service .post_article .contact dl dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.4) * 0.5em); } }
      .page--service .post_article .contact dl dd {
        font-weight: 500;
        display: inline-flex;
        flex-direction: column; }
        @media only screen and (max-width: 834px) {
          .page--service .post_article .contact dl dd {
            line-height: 1.8;
            font-size: clamp(1.2rem, 3.5714285714vw, 1.4rem); }
            .page--service .post_article .contact dl dd::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.8) * 0.5em); } }
        .page--service .post_article .contact dl dd a {
          font-family: "Outfit", sans-serif;
          font-optical-sizing: auto;
          font-weight: 700;
          font-style: normal;
          line-height: 1;
          color: #1E3A8A;
          text-decoration: none; }
          @media only screen and (max-width: 834px) {
            .page--service .post_article .contact dl dd a {
              margin-bottom: 7px;
              font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
          @media print, screen and (min-width: 835px) {
            .page--service .post_article .contact dl dd a {
              pointer-events: none;
              margin-bottom: 15px;
              font-size: clamp(4rem, 3.7588097103vw, 4.8rem); } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  解決ストーリー
///////////////////////////////////////////////////////// */
.page--solution .post_article {
  /* ======================
  解決ストーリー
  ====================== */
  /* ======================
  変わる意志が、あなたの会社を守る
  ====================== */ }
  .page--solution .post_article .solution {
    background: #FFF;
    margin: 0 auto; }
    @media only screen and (max-width: 834px) {
      .page--solution .post_article .solution {
        width: calc(100% - 40px);
        border-radius: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--solution .post_article .solution {
        width: calc(100% - 60px);
        max-width: 1200px;
        border-radius: 40px; } }
    @media only screen and (max-width: 834px) {
      .page--solution .post_article .solution:nth-of-type(n+2) {
        margin-top: 20px; } }
    @media print, screen and (min-width: 835px) {
      .page--solution .post_article .solution:nth-of-type(n+2) {
        margin-top: 40px; } }
    .page--solution .post_article .solution h2 {
      line-height: 1.5;
      color: #FFF;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #1E3A8A; }
      @media only screen and (max-width: 834px) {
        .page--solution .post_article .solution h2 {
          padding: 22px 20px;
          border-radius: 20px 20px 0 0;
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--solution .post_article .solution h2 {
          padding: 40px 30px;
          border-radius: 40px 40px 0 0;
          font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
    .page--solution .post_article .solution .container {
      /* 左側（依頼者） */
      /* 右側（導入サービス） */ }
      @media only screen and (max-width: 834px) {
        .page--solution .post_article .solution .container {
          padding: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--solution .post_article .solution .container {
          padding: 60px;
          display: flex;
          justify-content: space-between; } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--solution .post_article .solution .container {
      padding: 60px 30px; } }

      @media only screen and (max-width: 834px) {
        .page--solution .post_article .solution .container .client {
          margin-bottom: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--solution .post_article .solution .container .client {
          width: 30%; } }
      .page--solution .post_article .solution .container .client figure {
        border: 1px solid #E6E7E7;
        border-radius: 8px; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .client figure {
            margin-bottom: 22px; } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .client figure {
            margin-bottom: 25px; } }
        .page--solution .post_article .solution .container .client figure img {
          display: block;
          width: 100%;
          max-width: 100%;
          height: auto;
          margin: 0 auto;
          border-radius: 8px; }
      .page--solution .post_article .solution .container .client dl dt,
      .page--solution .post_article .solution .container .client dl dd {
        letter-spacing: 0.05em; }
      .page--solution .post_article .solution .container .client dl dt {
        font-weight: 700; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .client dl dt {
            line-height: 1.4;
            margin-bottom: 12px;
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); }
            .page--solution .post_article .solution .container .client dl dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.4) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .client dl dt {
            line-height: 1.26;
            margin-bottom: 17px;
            font-size: clamp(1.6rem, 1.5661707126vw, 2rem); }
            .page--solution .post_article .solution .container .client dl dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.26) * 0.5em); } }
      .page--solution .post_article .solution .container .client dl dd {
        line-height: 1.575;
        font-weight: 500;
        background: #F7F7F7;
        border-radius: 4px; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .client dl dd {
            padding: 10px 15px;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .client dl dd {
            padding: 15px 20px;
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--solution .post_article .solution .container .service {
          width: calc(70% - 40px); } }
  @media only screen and (min-width: 835px) and (min-width: 835px) and (max-width: 1219px) {
    .page--solution .post_article .solution .container .service {
      width: calc(70% - 30px); } }

      .page--solution .post_article .solution .container .service > dt {
        color: #1E3A8A;
        font-weight: 700;
        letter-spacing: 0.05em;
        border-bottom: 2px solid #1E3A8A; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .service > dt {
            line-height: 1.26;
            padding-bottom: 8px;
            margin-bottom: 15px;
            font-size: clamp(1.8rem, 5.1020408163vw, 2rem); }
            .page--solution .post_article .solution .container .service > dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.26) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .service > dt {
            line-height: 1.05;
            padding-bottom: 10px;
            margin-bottom: 25px;
            font-size: clamp(2rem, 1.8794048551vw, 2.4rem); }
            .page--solution .post_article .solution .container .service > dt::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.05) * 0.5em); } }
      .page--solution .post_article .solution .container .service > dd p {
        font-weight: 700;
        letter-spacing: 0.05em; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .service > dd p {
            line-height: 1.575;
            margin-bottom: 17px;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
            .page--solution .post_article .solution .container .service > dd p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.575) * 0.5em); } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .service > dd p {
            line-height: 1.26;
            margin-bottom: 35px;
            font-size: clamp(1.8rem, 1.5661707126vw, 2rem); }
            .page--solution .post_article .solution .container .service > dd p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.26) * 0.5em); } }
      .page--solution .post_article .solution .container .service > dd dl {
        border-radius: 8px; }
        @media only screen and (max-width: 834px) {
          .page--solution .post_article .solution .container .service > dd dl {
            padding: 25px 20px 20px 20px; } }
        @media print, screen and (min-width: 835px) {
          .page--solution .post_article .solution .container .service > dd dl {
            padding: 25px 20px; } }
        .page--solution .post_article .solution .container .service > dd dl:nth-of-type(n+2) {
          margin-top: 10px; }
        .page--solution .post_article .solution .container .service > dd dl.before {
          background: #E8F5FA; }
          .page--solution .post_article .solution .container .service > dd dl.before dt {
            color: #1E3A8A; }
        .page--solution .post_article .solution .container .service > dd dl.after {
          background: #FFF2F2; }
          .page--solution .post_article .solution .container .service > dd dl.after dt {
            color: #EA4E7F; }
        .page--solution .post_article .solution .container .service > dd dl dt {
          font-weight: 700;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--solution .post_article .solution .container .service > dd dl dt {
              line-height: 1.575;
              margin-bottom: 10px;
              font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); }
              .page--solution .post_article .solution .container .service > dd dl dt::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.575) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--solution .post_article .solution .container .service > dd dl dt {
              line-height: 1.26;
              margin-bottom: 12px;
              font-size: clamp(1.8rem, 1.5661707126vw, 2rem); }
              .page--solution .post_article .solution .container .service > dd dl dt::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.26) * 0.5em); } }
        .page--solution .post_article .solution .container .service > dd dl dd ul li {
          display: flex;
          font-weight: 500;
          letter-spacing: 0.05em; }
          @media only screen and (max-width: 834px) {
            .page--solution .post_article .solution .container .service > dd dl dd ul li {
              line-height: 1.5;
              font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
          @media print, screen and (min-width: 835px) {
            .page--solution .post_article .solution .container .service > dd dl dd ul li {
              line-height: 1.575;
              font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
          .page--solution .post_article .solution .container .service > dd dl dd ul li:nth-child(n+2) {
            margin-top: 5px; }
          .page--solution .post_article .solution .container .service > dd dl dd ul li::before {
            width: 6px;
            height: 6px;
            content: "";
            background: #909090;
            border-radius: 50%;
            display: block;
            flex-shrink: 0;
            margin: 0.65em 8px 0 0; }
  @media only screen and (max-width: 834px) {
    .page--solution .post_article .mod__change {
      margin-top: 120px; } }
  @media print, screen and (min-width: 835px) {
    .page--solution .post_article .mod__change {
      margin-top: 160px; } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  利用規約
///////////////////////////////////////////////////////// */
.page--terms .post_article {
  /* ======================
  パンくずリスト
  ====================== */
  /* ======================
  利用規約
  ====================== */ }
  @media only screen and (max-width: 834px) {
    .page--terms .post_article .mod__breadcrumb {
      margin-bottom: 60px; } }
  @media print, screen and (min-width: 835px) {
    .page--terms .post_article .mod__breadcrumb {
      margin-bottom: 80px; } }
  .page--terms .post_article #terms {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    /* 冒頭文 */
    /* ナンバリング */
    /* セクション */
    /*
    section {
      &:nth-of-type(n+2) {
        @include smartphone {
          margin-top: 40px;
        }
        @include screen {
          margin-top: 65px;
        }
      }
      
      h2 {
        @include lhCrop(1.4);
        line-height: 1.4;
        font-weight: 700;
        letter-spacing: 0.05em;
        margin-bottom: 25px;
        @include smartphone {
          @include responsiveStyles(
            $font-size: 18, // 基準となるフォントサイズ
            $min_font-size: 16, // 最小フォントサイズ
            $max_font-size: 18, // 最大フォントサイズ
            $viewport: 375 // ビューポート幅
          );
        }
        @include screen {
          @include responsiveStyles(
            $font-size: 28, // 基準となるフォントサイズ
            $min_font-size: 24, // 最小フォントサイズ
            $max_font-size: 28, // 最大フォントサイズ
            $viewport: 1260 // ビューポート幅
          );
        }
        &::after {
          width: 120px;
          height: 1px;
          content: "";
          background: $borderColor;
          display: block;
          @include smartphone {
            margin-top: 12px;
          }
          @include screen {
            margin-top: 15px;
          }
        }
      }
      
      p {
        @include lhCrop(2);
        line-height: 2;
        font-weight: 500;
        letter-spacing: 0.05em;
        @include smartphone {
          @include responsiveStyles(
            $font-size: 16, // 基準となるフォントサイズ
            $min_font-size: 14, // 最小フォントサイズ
            $max_font-size: 16, // 最大フォントサイズ
            $viewport: 375 // ビューポート幅
          );
        }
        @include screen {
          @include responsiveStyles(
            $font-size: 16, // 基準となるフォントサイズ
            $min_font-size: 14, // 最小フォントサイズ
            $max_font-size: 16, // 最大フォントサイズ
            $viewport: 1260 // ビューポート幅
          );
        }
      }
    }
    */ }
    @media only screen and (max-width: 834px) {
      .page--terms .post_article #terms {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--terms .post_article #terms {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--terms .post_article #terms {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--terms .post_article #terms {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--terms .post_article #terms {
        margin-bottom: 180px; } }
    .page--terms .post_article #terms > p {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--terms .post_article #terms > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--terms .post_article #terms > p {
          margin-bottom: 40px;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--terms .post_article #terms > p {
          margin-bottom: 80px;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
      .page--terms .post_article #terms > p.date {
        text-align: right; }
    @media only screen and (max-width: 834px) {
      .page--terms .post_article #terms > ol {
        margin-bottom: 35px; } }
    @media print, screen and (min-width: 835px) {
      .page--terms .post_article #terms > ol {
        margin-bottom: 65px; } }
    @media only screen and (max-width: 834px) {
      .page--terms .post_article #terms > ol > li:nth-child(n+2) {
        margin-top: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--terms .post_article #terms > ol > li:nth-child(n+2) {
        margin-top: 57px; } }
    .page--terms .post_article #terms > ol > li h2 {
      line-height: 1.4;
      font-weight: 700;
      letter-spacing: 0.05em;
      margin-bottom: 17px; }
      @media only screen and (max-width: 834px) {
        .page--terms .post_article #terms > ol > li h2 {
          font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
      @media print, screen and (min-width: 835px) {
        .page--terms .post_article #terms > ol > li h2 {
          font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
      .page--terms .post_article #terms > ol > li h2::after {
        width: 120px;
        height: 1px;
        content: "";
        background: #C7C7C7;
        display: block; }
        @media only screen and (max-width: 834px) {
          .page--terms .post_article #terms > ol > li h2::after {
            margin-top: 12px; } }
        @media print, screen and (min-width: 835px) {
          .page--terms .post_article #terms > ol > li h2::after {
            margin-top: 15px; } }
    .page--terms .post_article #terms > ol > li p,
    .page--terms .post_article #terms > ol > li ol li,
    .page--terms .post_article #terms > ol > li ul li {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 834px) {
        .page--terms .post_article #terms > ol > li p,
        .page--terms .post_article #terms > ol > li ol li,
        .page--terms .post_article #terms > ol > li ul li {
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--terms .post_article #terms > ol > li p,
        .page--terms .post_article #terms > ol > li ol li,
        .page--terms .post_article #terms > ol > li ul li {
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    .page--terms .post_article #terms > ol > li ol {
      counter-reset: item; }
      .page--terms .post_article #terms > ol > li ol li {
        text-indent: -1.3em;
        margin-left: 1.3em; }
        .page--terms .post_article #terms > ol > li ol li::before {
          counter-increment: item;
          content: counter(item) ".";
          margin-right: 0.3em; }
    .page--terms .post_article #terms > ol > li ul li {
      text-indent: -1em;
      margin-left: 1em; }
      .page--terms .post_article #terms > ol > li ul li::before {
        content: "・"; }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////////////////////////////
  XpartnaLとは
///////////////////////////////////////////////////////// */
.page--xpartnal .post_article {
  /* ======================
  XpartnaLとは
  ====================== */ }
  .page--xpartnal .post_article #xpartnal {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    /* XpartnaLは地域の経営者を支える戦略パートナー */
    /* 会社の人材課題、どのように解決しますか？ */
    /* 地域の経営者を支える、4つの戦略パートナー達 */ }
    @media only screen and (max-width: 834px) {
      .page--xpartnal .post_article #xpartnal {
        padding: 0 20px; } }
    @media only screen and (min-width: 835px) and (max-width: 1219px) {
      .page--xpartnal .post_article #xpartnal {
        padding: 0 30px; } }
    @media print, screen and (min-width: 1220px) {
      .page--xpartnal .post_article #xpartnal {
        padding: 0 30px; } }
    @media only screen and (max-width: 834px) {
      .page--xpartnal .post_article #xpartnal {
        margin-bottom: 120px; } }
    @media print, screen and (min-width: 835px) {
      .page--xpartnal .post_article #xpartnal {
        margin-bottom: 160px; } }
    .page--xpartnal .post_article #xpartnal #first {
      color: #FFF;
      background: url("../images/xpartnal/first-bg.jpg") no-repeat center top/cover;
      transition: all .2s ease-out; }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #first {
          height: 380px;
          line-height: 1.71428571;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding: 20px;
          border-radius: 20px;
          margin-bottom: 30px; } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #first {
          height: 520px;
          line-height: 1.33;
          padding: 85px 80px;
          border-radius: 40px;
          margin-bottom: 40px; } }
      .page--xpartnal .post_article #xpartnal #first h2 {
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.05em; }
        .page--xpartnal .post_article #xpartnal #first h2::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #first h2 {
            margin-bottom: 20px;
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #first h2 {
            margin-bottom: 45px;
            font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
        .page--xpartnal .post_article #xpartnal #first h2 span {
          font-weight: 900;
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--xpartnal .post_article #xpartnal #first h2 span {
              line-height: 1.4117647;
              margin-top: 18px;
              font-size: clamp(2.6rem, 8.6734693878vw, 3.4rem); }
              .page--xpartnal .post_article #xpartnal #first h2 span::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.4117647) * 0.5em); } }
          @media print, screen and (min-width: 835px) {
            .page--xpartnal .post_article #xpartnal #first h2 span {
              line-height: 1.33;
              margin-top: 22px;
              font-size: clamp(4rem, 4.6985121378vw, 6rem); }
              .page--xpartnal .post_article #xpartnal #first h2 span::before {
                content: "";
                display: block;
                height: 0;
                width: 0;
                margin-top: calc((1 - 1.33) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #first ul {
          display: flex; } }
      .page--xpartnal .post_article #xpartnal #first ul li {
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #first ul li {
            font-size: clamp(1.6rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #first ul li {
            font-size: clamp(2.4rem, 2.1926389977vw, 2.8rem); } }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #first ul li:nth-child(n+2) {
            margin-top: 10px; } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #first ul li:nth-child(n+2) {
            margin-left: 35px; } }
        .page--xpartnal .post_article #xpartnal #first ul li::before {
          content: "";
          background: url("../images/common/icon-check.svg") no-repeat left top/contain;
          display: block;
          flex-shrink: 0;
          margin-right: 10px; }
          @media only screen and (max-width: 834px) {
            .page--xpartnal .post_article #xpartnal #first ul li::before {
              width: 28px;
              height: 28px; } }
          @media print, screen and (min-width: 835px) {
            .page--xpartnal .post_article #xpartnal #first ul li::before {
              width: 36px;
              height: 36px; } }
    @media only screen and (max-width: 834px) {
      .page--xpartnal .post_article #xpartnal #issues {
        margin-bottom: 35px; } }
    @media print, screen and (min-width: 835px) {
      .page--xpartnal .post_article #xpartnal #issues {
        margin-bottom: 90px; } }
    @media only screen and (max-width: 834px) {
      .page--xpartnal .post_article #xpartnal #issues h2 {
        margin-bottom: 30px; } }
    @media print, screen and (min-width: 835px) {
      .page--xpartnal .post_article #xpartnal #issues h2 {
        margin-bottom: 40px; } }
    .page--xpartnal .post_article #xpartnal #issues h2 img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #issues h2 img {
          border-radius: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #issues h2 img {
          border-radius: 40px; } }
    .page--xpartnal .post_article #xpartnal #issues > p {
      line-height: 2;
      font-weight: 500;
      letter-spacing: 0.05em; }
      .page--xpartnal .post_article #xpartnal #issues > p::before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #issues > p {
          margin-bottom: 25px;
          font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #issues > p {
          margin-bottom: 35px;
          font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
    @media print, screen and (min-width: 835px) {
      .page--xpartnal .post_article #xpartnal #issues > ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--xpartnal .post_article #xpartnal #issues > ul > li {
      padding: 20px;
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #issues > ul > li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #issues > ul > li {
          width: calc(100% / 3 - 30px * 2 / 3); }
          .page--xpartnal .post_article #xpartnal #issues > ul > li:not(:nth-child(3n)) {
            margin-right: 30px; } }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #issues > ul > li figure {
          margin-bottom: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #issues > ul > li figure {
          margin-bottom: 22px; } }
      .page--xpartnal .post_article #xpartnal #issues > ul > li figure img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        border-radius: 10px; }
      .page--xpartnal .post_article #xpartnal #issues > ul > li h3 {
        line-height: 1.5;
        color: #1E3A8A;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .page--xpartnal .post_article #xpartnal #issues > ul > li h3::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li h3 {
            margin-bottom: 15px;
            font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li h3 {
            margin-bottom: 12px;
            font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
        .page--xpartnal .post_article #xpartnal #issues > ul > li h3::after {
          width: 70px;
          height: 20px;
          content: "";
          background: url("../images/xpartnal/arrow-bottom.svg") no-repeat center bottom/70px auto;
          display: block;
          margin-top: 10px; }
      .page--xpartnal .post_article #xpartnal #issues > ul > li ul li {
        line-height: 1.33;
        font-weight: 500;
        letter-spacing: 0.05em;
        display: flex; }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li ul li {
            font-size: clamp(1.6rem, 4.5918367347vw, 1.8rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li ul li {
            font-size: clamp(1.6rem, 1.4095536413vw, 1.8rem); } }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li ul li:nth-child(n+2) {
            margin-top: 7px; } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #issues > ul > li ul li:nth-child(n+2) {
            margin-top: 10px; } }
        .page--xpartnal .post_article #xpartnal #issues > ul > li ul li::before {
          width: 28px;
          height: 28px;
          content: "";
          background: url("../images/common/icon-check.svg") no-repeat left top/contain;
          display: block;
          flex-shrink: 0;
          margin-right: 10px; }
    .page--xpartnal .post_article #xpartnal #strategy .mod__heading2 {
      text-align: center; }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #strategy .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 32px;
          font-size: clamp(2.4rem, 7.1428571429vw, 2.8rem); }
          .page--xpartnal .post_article #xpartnal #strategy .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #strategy .mod__heading2 {
          line-height: 1.3;
          margin-bottom: 45px;
          font-size: clamp(3.8rem, 3.7588097103vw, 4.8rem); }
          .page--xpartnal .post_article #xpartnal #strategy .mod__heading2::before {
            content: "";
            display: block;
            height: 0;
            width: 0;
            margin-top: calc((1 - 1.3) * 0.5em); } }
    @media print, screen and (min-width: 835px) {
      .page--xpartnal .post_article #xpartnal #strategy ul {
        display: flex;
        flex-wrap: wrap; } }
    .page--xpartnal .post_article #xpartnal #strategy ul li {
      background: #FFF;
      border-radius: 20px; }
      @media only screen and (max-width: 834px) {
        .page--xpartnal .post_article #xpartnal #strategy ul li:nth-child(n+2) {
          margin-top: 20px; } }
      @media print, screen and (min-width: 835px) {
        .page--xpartnal .post_article #xpartnal #strategy ul li {
          width: calc(50% - 10px); }
          .page--xpartnal .post_article #xpartnal #strategy ul li:nth-child(odd) {
            margin-right: 20px; }
          .page--xpartnal .post_article #xpartnal #strategy ul li:nth-child(n+3) {
            margin-top: 20px; } }
      .page--xpartnal .post_article #xpartnal #strategy ul li h3 {
        line-height: 1.5;
        font-weight: 700;
        letter-spacing: 0.05em;
        display: flex;
        align-items: center;
        padding: 20px;
        border-radius: 20px 20px 0px 0px;
        color: #FFF;
        background: linear-gradient(#FF90B3 0%, #1E3A8A 100%); }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #strategy ul li h3 {
            font-size: clamp(2rem, 6.1224489796vw, 2.4rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #strategy ul li h3 {
            padding: 20px;
            font-size: clamp(2.4rem, 2.5058731402vw, 3.2rem); } }
        .page--xpartnal .post_article #xpartnal #strategy ul li h3 i {
          width: 60px;
          display: block;
          flex-shrink: 0;
          margin-right: 20px; }
          @media only screen and (max-width: 834px) {
            .page--xpartnal .post_article #xpartnal #strategy ul li h3 i {
              width: 40px;
              margin: -0.75em 10px 0 0; } }
          .page--xpartnal .post_article #xpartnal #strategy ul li h3 i img {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin: 0 auto; }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #strategy ul li h3 > span {
            font-size: clamp(1.4rem, 4.0816326531vw, 1.6rem); } }
        @media print, screen and (min-width: 835px) {
          .page--xpartnal .post_article #xpartnal #strategy ul li h3 > span {
            font-size: clamp(1.4rem, 1.2529365701vw, 1.6rem); } }
        .page--xpartnal .post_article #xpartnal #strategy ul li h3 > span span {
          display: block; }
          @media only screen and (max-width: 834px) {
            .page--xpartnal .post_article #xpartnal #strategy ul li h3 > span span {
              font-size: clamp(1.8rem, 5.1020408163vw, 2rem); } }
          @media print, screen and (min-width: 835px) {
            .page--xpartnal .post_article #xpartnal #strategy ul li h3 > span span {
              font-size: clamp(2rem, 1.8794048551vw, 2.4rem); } }
      .page--xpartnal .post_article #xpartnal #strategy ul li p {
        line-height: 1.5;
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: 0.05em;
        padding: 25px 20px 20px 20px; }
        .page--xpartnal .post_article #xpartnal #strategy ul li p::before {
          content: "";
          display: block;
          height: 0;
          width: 0;
          margin-top: calc((1 - 1.5) * 0.5em); }
        @media only screen and (max-width: 834px) {
          .page--xpartnal .post_article #xpartnal #strategy ul li p {
            line-height: 1.3125; }
            .page--xpartnal .post_article #xpartnal #strategy ul li p::before {
              content: "";
              display: block;
              height: 0;
              width: 0;
              margin-top: calc((1 - 1.3125) * 0.5em); } }

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  page.scss
  下層ページに関する記述
/////////////////////////////////////////// */
/* ======================
  ---
====================== */
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*===================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  基本設定
=====================================*/
/* /////////////////////////////////
可変サイズ指定
・フォント（font-size）
・マージン（margin）
・パディング（padding）
・幅（width）
・高さ（height）
///////////////////////////////// */
/*
サイズとビューポートに基づいてvwを計算するための関数
ビューポート幅にスクロールバーの幅を加えることにより、ビューポートの実際の表示可能な幅を考慮
*/
/*
ピクセル単位のサイズ ($px) を rem 単位に変換するための関数
*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* ///////////////////////////////////////////
  404
  エラーページ
/////////////////////////////////////////// */