@charset "UTF-8";
/*==========================================================================
  base / base
  --------------------------------------------------------------------------
  - プロジェクト全体のベース
========================================================================== */
/*==========================================================================
  - typography
========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
/*==========================================================================
  custom / casuom
  --------------------------------------------------------------------------
  - カスタムプロパティ
  - 未設定時にはデフォルトが呼び出される
  - ON・OFFはコメント制御
========================================================================== */
/*==========================================================================
  casuom / index
  --------------------------------------------------------------------------
  - カスタム設定をまとめる
========================================================================== */
/*==========================================================================
  base / reset
  --------------------------------------------------------------------------
  - デフォルトのスタイルをリセット
========================================================================== */
/*==========================================================================
  - reset
========================================================================== */
html,
body,
div,
span,
object,
iframe,
h1, h2, h3, h4, h5, h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: 400;
}

body {
  line-height: 1;
}

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

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

del {
  text-decoration: line-through;
}

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

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

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

input,
select {
  vertical-align: middle;
}

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

/*==========================================================================
  base / color
  --------------------------------------------------------------------------
  - カラー
========================================================================== */
/*==========================================================================
  - color
  --------------------------------------------------------------------------
  - ニュートラルカラー
========================================================================== */
/*==========================================================================
  - プリミティブカラー
  --------------------------------------------------------------------------
  - デジタル庁のデザインシステム Color 2.1.2
========================================================================== */
/*==========================================================================
  - セマンティックカラー
  --------------------------------------------------------------------------
  - 用途別カラー設定
========================================================================== */
/*==========================================================================
  base / mixin
  --------------------------------------------------------------------------
  - 関数の定義
========================================================================== */
/*
桁数（デフォルト0)
round-decimal(0.333)    => 0
round-decimal(0.333, 1) => 0.3
round-decimal(0.333, 2) => 0.33
round-decimal(0.666)    => 1
round-decimal(0.666, 1) => 0.7
round-decimal(0.666, 2) => 0.67
*/
/*
第1引数に指定したいピクセル値を指定
font-size: px(16);
*/
/*
第1引数に指定したいピクセル値を指定、第2引数に基準となるルートのfont-size値（デフォルトでは10px）を指定
font-size: rem(36);
font-size: rem(36, 12);
*/
/*
第1引数に指定したいピクセル値を指定、第2引数に基準となる画面幅（デザインカンプの横幅）を指定
width: vw(40);
width: vw(40, 375);
*/
/*
第1引数に最小文字サイズ、第2引数に最大文字サイズ、第3引数に最小文字の画面幅
round-decimal（小数点以下の桁数と丸め）で桁数と丸め処理
font-size: clampVw(14, 18, 768);
font-size: clampRem(14, 18, 768);
font-size: clampPx(14, 18, 768);
*/
/*
引数に何行で省略するかを指定
@include line-clamp(1);
*/
/*
第1引数に「wrap」「column」「inline」を指定、空なら初期値
@include flexbox(wrap);
*/
/*==========================================================================
  base / variables
  --------------------------------------------------------------------------
  - 変数の定義
========================================================================== */
/*==========================================================================
  - cssカスタムプロパティ
========================================================================== */
@media (min-width: 1200px) {
  :root {
    --vw: 1vw;
    --max-width: 1200px;
    --header-height: 80px;
    --x-small: 4px;
    --small: 8px;
    --middle: 12px;
    --large: 16px;
    --x-large: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  :root {
    --vw: 1vw;
    --max-width: 100%;
    --header-height: 65px;
    --x-small: 4px;
    --small: 8px;
    --middle: 12px;
    --large: 16px;
    --x-large: 24px;
  }
}
@media (max-width: 767px) {
  :root {
    --vw: 1vw;
    --max-width: 100%;
    --header-height: 65px;
    --x-small: 4px;
    --small: 8px;
    --middle: 12px;
    --large: 16px;
    --x-large: 24px;
  }
}

/*==========================================================================
  - 個別設定
  --------------------------------------------------------------------------
  - ベースカラーを指定
========================================================================== */
/*==========================================================================
  - カスタム対象（デフォルト）
  --------------------------------------------------------------------------
  - カスタム対象のデフォルトを指定
  - カスタム設定は「custom/_custom.scss」を参照
========================================================================== */
/*==========================================================================
  - 基本要素
========================================================================== */
html {
  height: 100%;
  /* ブラウザデフォルト16pxの62.5% = 10px */
  font-size: 62.5%;
  /* ブラウザデフォルト16pxの50% = 8px */
  /* ブラウザデフォルト16pxの75% = 12px */
  /* ブラウザデフォルト16pxの87.5% = 14px */
}
html.-small {
  font-size: 50%;
}
html.-large {
  font-size: 75%;
}
html.-xlarge {
  font-size: 87.5%;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333333;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
}
body.no-scroll {
  /* when modal active */
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* Other browsers */
  overscroll-behavior: none;
}

main {
  flex-grow: 1;
  width: 100%;
}

section {
  width: 100%;
}

article {
  width: 100%;
}

@media (min-width: 1200px) {
  a {
    color: #2563EB;
    cursor: pointer;
    text-decoration: none;
  }
  a:link {
    color: #2563EB;
  }
  a:hover {
    color: #2563EB;
    opacity: 0.8;
  }
  a:active {
    color: #2563EB;
  }
  a:visited {
    color: #2563EB;
  }
  a.-underline {
    text-decoration: underline;
  }
  a.-no-opacity:hover {
    opacity: 1;
  }
  a.-tel {
    pointer-events: none;
    color: #333333;
  }
  a.-blank {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-blank::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 16px;
    background-image: url("../img/icon/base/blank.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  a.-pdf {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-pdf::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-pdf.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-doc {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-doc::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-doc.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-xls {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-xls::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-xls.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-ppt {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-ppt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-ppt.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  a {
    color: #2563EB;
    cursor: pointer;
    text-decoration: none;
  }
  a:link {
    color: #2563EB;
  }
  a:hover {
    color: #2563EB;
    opacity: 0.8;
  }
  a:active {
    color: #2563EB;
  }
  a:visited {
    color: #2563EB;
  }
  a.-underline {
    text-decoration: underline;
  }
  a.-no-opacity:hover {
    opacity: 1;
  }
  a.-tel {
    pointer-events: none;
    color: #333333;
  }
  a.-blank {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-blank::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 16px;
    background-image: url("../img/icon/base/blank.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  a.-pdf {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-pdf::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-pdf.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-doc {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-doc::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-doc.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-xls {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-xls::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-xls.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-ppt {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-ppt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-ppt.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
}
@media (max-width: 767px) {
  a {
    color: #2563EB;
    cursor: pointer;
    text-decoration: none;
  }
  a:link {
    color: #2563EB;
  }
  a:hover {
    color: #2563EB;
    opacity: 0.8;
  }
  a:active {
    color: #2563EB;
  }
  a:visited {
    color: #2563EB;
  }
  a.-underline {
    text-decoration: underline;
  }
  a.-no-opacity:hover {
    opacity: 1;
  }
  a.-tel {
    pointer-events: auto;
    color: #333333;
  }
  a.-blank {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-blank::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 16px;
    background-image: url("../img/icon/base/blank.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  a.-pdf {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-pdf::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-pdf.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-doc {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-doc::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-doc.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-xls {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-xls::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-xls.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  a.-ppt {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    padding-right: 32px;
  }
  a.-ppt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 100;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 100%;
    min-height: 24px;
    background-image: url("../img/icon/information/file-ppt.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
}

p {
  margin-bottom: 1.5em;
}
p:last-child {
  margin-bottom: 0;
}

img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  vertical-align: bottom;
  flex-shrink: 0;
}

img[src$=".svg"] {
  width: auto;
}

@media (min-width: 1200px) {
  figure > figcaption {
    padding: 4px;
    font-size: 1.2rem;
    color: #666666;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  figure > figcaption {
    padding: 4px;
    font-size: 1.2rem;
    color: #666666;
  }
}
@media (max-width: 767px) {
  figure > figcaption {
    padding: 4px;
    font-size: 1.2rem;
    color: #666666;
  }
}

@media (min-width: 1200px) {
  hr {
    width: 100%;
    margin: var(--middle) 0;
    border: none;
    border-bottom: 1px solid #D1D5DB;
  }
  hr.-dotted {
    border-bottom: 1px dotted #D1D5DB;
  }
  hr:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  hr {
    width: 100%;
    margin: var(--middle) 0;
    border: none;
    border-bottom: 1px solid #D1D5DB;
  }
  hr.-dotted {
    border-bottom: 1px dotted #D1D5DB;
  }
  hr:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  hr {
    width: 100%;
    margin: var(--middle) 0;
    border: none;
    border-bottom: 1px solid #D1D5DB;
  }
  hr.-dotted {
    border-bottom: 1px dotted #D1D5DB;
  }
  hr:last-child {
    margin-bottom: 0;
  }
}

sup {
  font-size: 64%;
  vertical-align: top;
}

sub {
  font-size: 64%;
  vertical-align: bottom;
}

@media (min-width: 1200px) {
  input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    max-width: 100%;
    min-height: 56px;
    padding: 0 16px;
    outline: none;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
  }
  input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus,
select:focus,
textarea:focus {
    border: 1px solid #0284C7;
  }
  input[type=text]:active,
input[type=url]:active,
input[type=email]:active,
input[type=tel]:active,
input[type=password]:active,
input[type=number]:active,
input[type=search]:active,
input[type=date]:active,
input[type=month]:active,
input[type=week]:active,
input[type=time]:active,
input[type=datetime-local]:active,
select:active,
textarea:active {
    border: 1px solid #0284C7;
  }
  input[type=text].-success,
input[type=url].-success,
input[type=email].-success,
input[type=tel].-success,
input[type=password].-success,
input[type=number].-success,
input[type=search].-success,
input[type=date].-success,
input[type=month].-success,
input[type=week].-success,
input[type=time].-success,
input[type=datetime-local].-success,
select.-success,
textarea.-success {
    border: 1px solid #16A34A;
  }
  input[type=text].-error,
input[type=url].-error,
input[type=email].-error,
input[type=tel].-error,
input[type=password].-error,
input[type=number].-error,
input[type=search].-error,
input[type=date].-error,
input[type=month].-error,
input[type=week].-error,
input[type=time].-error,
input[type=datetime-local].-error,
select.-error,
textarea.-error {
    border: 1px solid #DC2626;
  }
  input[type=text]:-moz-read-only, input[type=url]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only, input[type=search]:-moz-read-only, input[type=date]:-moz-read-only, input[type=month]:-moz-read-only, input[type=week]:-moz-read-only, input[type=time]:-moz-read-only, input[type=datetime-local]:-moz-read-only, select:-moz-read-only, textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:read-only,
input[type=url]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
input[type=search]:read-only,
input[type=date]:read-only,
input[type=month]:read-only,
input[type=week]:read-only,
input[type=time]:read-only,
input[type=datetime-local]:read-only,
select:read-only,
textarea:read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:disabled,
input[type=url]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime-local]:disabled,
select:disabled,
textarea:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    max-width: 100%;
    min-height: 56px;
    padding: 0 16px;
    outline: none;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
  }
  input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus,
select:focus,
textarea:focus {
    border: 1px solid #0284C7;
  }
  input[type=text]:active,
input[type=url]:active,
input[type=email]:active,
input[type=tel]:active,
input[type=password]:active,
input[type=number]:active,
input[type=search]:active,
input[type=date]:active,
input[type=month]:active,
input[type=week]:active,
input[type=time]:active,
input[type=datetime-local]:active,
select:active,
textarea:active {
    border: 1px solid #0284C7;
  }
  input[type=text].-success,
input[type=url].-success,
input[type=email].-success,
input[type=tel].-success,
input[type=password].-success,
input[type=number].-success,
input[type=search].-success,
input[type=date].-success,
input[type=month].-success,
input[type=week].-success,
input[type=time].-success,
input[type=datetime-local].-success,
select.-success,
textarea.-success {
    border: 1px solid #16A34A;
  }
  input[type=text].-error,
input[type=url].-error,
input[type=email].-error,
input[type=tel].-error,
input[type=password].-error,
input[type=number].-error,
input[type=search].-error,
input[type=date].-error,
input[type=month].-error,
input[type=week].-error,
input[type=time].-error,
input[type=datetime-local].-error,
select.-error,
textarea.-error {
    border: 1px solid #DC2626;
  }
  input[type=text]:-moz-read-only, input[type=url]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only, input[type=search]:-moz-read-only, input[type=date]:-moz-read-only, input[type=month]:-moz-read-only, input[type=week]:-moz-read-only, input[type=time]:-moz-read-only, input[type=datetime-local]:-moz-read-only, select:-moz-read-only, textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:read-only,
input[type=url]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
input[type=search]:read-only,
input[type=date]:read-only,
input[type=month]:read-only,
input[type=week]:read-only,
input[type=time]:read-only,
input[type=datetime-local]:read-only,
select:read-only,
textarea:read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:disabled,
input[type=url]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime-local]:disabled,
select:disabled,
textarea:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
  }
}
@media (max-width: 767px) {
  input[type=text],
input[type=url],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
input[type=search],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    padding: 0 16px;
    outline: none;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
  }
  input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus,
select:focus,
textarea:focus {
    border: 1px solid #0284C7;
  }
  input[type=text]:active,
input[type=url]:active,
input[type=email]:active,
input[type=tel]:active,
input[type=password]:active,
input[type=number]:active,
input[type=search]:active,
input[type=date]:active,
input[type=month]:active,
input[type=week]:active,
input[type=time]:active,
input[type=datetime-local]:active,
select:active,
textarea:active {
    border: 1px solid #0284C7;
  }
  input[type=text].-success,
input[type=url].-success,
input[type=email].-success,
input[type=tel].-success,
input[type=password].-success,
input[type=number].-success,
input[type=search].-success,
input[type=date].-success,
input[type=month].-success,
input[type=week].-success,
input[type=time].-success,
input[type=datetime-local].-success,
select.-success,
textarea.-success {
    border: 1px solid #16A34A;
  }
  input[type=text].-error,
input[type=url].-error,
input[type=email].-error,
input[type=tel].-error,
input[type=password].-error,
input[type=number].-error,
input[type=search].-error,
input[type=date].-error,
input[type=month].-error,
input[type=week].-error,
input[type=time].-error,
input[type=datetime-local].-error,
select.-error,
textarea.-error {
    border: 1px solid #DC2626;
  }
  input[type=text]:-moz-read-only, input[type=url]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=password]:-moz-read-only, input[type=number]:-moz-read-only, input[type=search]:-moz-read-only, input[type=date]:-moz-read-only, input[type=month]:-moz-read-only, input[type=week]:-moz-read-only, input[type=time]:-moz-read-only, input[type=datetime-local]:-moz-read-only, select:-moz-read-only, textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:read-only,
input[type=url]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=password]:read-only,
input[type=number]:read-only,
input[type=search]:read-only,
input[type=date]:read-only,
input[type=month]:read-only,
input[type=week]:read-only,
input[type=time]:read-only,
input[type=datetime-local]:read-only,
select:read-only,
textarea:read-only {
    background-color: #F2F2F2;
  }
  input[type=text]:disabled,
input[type=url]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime-local]:disabled,
select:disabled,
textarea:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
  }
}

@media (min-width: 1200px) {
  input[type=text].-postcode,
input[type=number].-postcode {
    width: 100px;
  }
}
@media (min-width: 1200px) {
  input[type=submit],
input[type=reset],
input[type=image],
input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: auto;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border-radius: 2px;
    border: 1px solid #D1D5DB;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    line-height: 1;
    transition: all 0.2s ease-out;
    cursor: pointer;
  }
  input[type=submit]:hover,
input[type=reset]:hover,
input[type=image]:hover,
input[type=button]:hover {
    opacity: 0.8;
  }
  input[type=submit]:active,
input[type=reset]:active,
input[type=image]:active,
input[type=button]:active {
    transform: translate(0, 2px);
  }
  input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=image]:disabled,
input[type=button]:disabled {
    background-color: #CCCCCC !important;
    pointer-events: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  input[type=submit],
input[type=reset],
input[type=image],
input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: auto;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border-radius: 2px;
    border: 1px solid #D1D5DB;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    line-height: 1;
    transition: all 0.2s ease-out;
    cursor: pointer;
  }
  input[type=submit]:hover,
input[type=reset]:hover,
input[type=image]:hover,
input[type=button]:hover {
    opacity: 0.8;
  }
  input[type=submit]:active,
input[type=reset]:active,
input[type=image]:active,
input[type=button]:active {
    transform: translate(0, 2px);
  }
  input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=image]:disabled,
input[type=button]:disabled {
    background-color: #CCCCCC !important;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  input[type=submit],
input[type=reset],
input[type=image],
input[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    width: auto;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border-radius: 2px;
    border: 1px solid #D1D5DB;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    line-height: 1;
    transition: all 0.2s ease-out;
    cursor: pointer;
  }
  input[type=submit]:hover,
input[type=reset]:hover,
input[type=image]:hover,
input[type=button]:hover {
    opacity: 0.8;
  }
  input[type=submit]:active,
input[type=reset]:active,
input[type=image]:active,
input[type=button]:active {
    transform: translate(0, 2px);
  }
  input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=image]:disabled,
input[type=button]:disabled {
    background-color: #CCCCCC !important;
    pointer-events: none;
  }
}

select::-ms-expand {
  display: none;
}

@media (min-width: 1200px) {
  input::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
  input::placeholder {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  input::-moz-placeholder {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
  input::placeholder {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
}
@media (max-width: 767px) {
  input::-moz-placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
  input::placeholder {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    color: #B3B3B3;
  }
}

textarea::-moz-placeholder {
  font-weight: 400;
  color: #B3B3B3;
}

textarea::placeholder {
  font-weight: 400;
  color: #B3B3B3;
}

@media (min-width: 1200px) {
  textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 8px 16px;
  }
  textarea:disabled {
    background-color: #F2F2F2;
  }
  textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  textarea:read-only {
    background-color: #F2F2F2;
  }
  textarea.-small {
    min-height: 80px;
  }
  textarea.-middle {
    min-height: 120px;
  }
  textarea.-large {
    min-height: 160px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 120px;
    padding: 8px 16px;
  }
  textarea:disabled {
    background-color: #F2F2F2;
  }
  textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  textarea:read-only {
    background-color: #F2F2F2;
  }
  textarea.-small {
    min-height: 80px;
  }
  textarea.-middle {
    min-height: 120px;
  }
  textarea.-large {
    min-height: 160px;
  }
}
@media (max-width: 767px) {
  textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 120px;
    padding: 8px 16px;
  }
  textarea:disabled {
    background-color: #F2F2F2;
  }
  textarea:-moz-read-only {
    background-color: #F2F2F2;
  }
  textarea:read-only {
    background-color: #F2F2F2;
  }
  textarea.-small {
    min-height: 80px;
  }
  textarea.-middle {
    min-height: 120px;
  }
  textarea.-large {
    min-height: 160px;
  }
}

input[type=date] {
  width: auto;
}

@media (min-width: 1200px) {
  select {
    padding: 0 48px 0 16px;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 16px center;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  select:-moz-read-only {
    background-color: #FFFFFF;
  }
  select:read-only {
    background-color: #FFFFFF;
  }
  select:link {
    color: #333333;
  }
  select:active, select:focus {
    background-image: url("../img/icon/base/angle-top-triangle.svg");
  }
  select:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    color: #999999;
  }
  select.-small {
    min-height: 20px;
    border-radius: 1000px;
    font-size: 1.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  select {
    padding: 0 48px 0 16px;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 16px center;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  select:-moz-read-only {
    background-color: #FFFFFF;
  }
  select:read-only {
    background-color: #FFFFFF;
  }
  select:link {
    color: #333333;
  }
  select:active, select:focus {
    background-image: url("../img/icon/base/angle-top-triangle.svg");
  }
  select:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    color: #999999;
  }
  select.-small {
    min-height: 20px;
    border-radius: 1000px;
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  select {
    padding: 0 48px 0 16px;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 16px center;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  select:-moz-read-only {
    background-color: #FFFFFF;
  }
  select:read-only {
    background-color: #FFFFFF;
  }
  select:link {
    color: #333333;
  }
  select:active, select:focus {
    background-image: url("../img/icon/base/angle-top-triangle.svg");
  }
  select:disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/angle-down-triangle.svg");
    color: #999999;
  }
  select.-small {
    min-height: 20px;
    border-radius: 1000px;
    font-size: 1.2rem;
  }
}

/* スピンボタン */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/*==========================================================================
  base / index
  --------------------------------------------------------------------------
  - プロジェクト全体のベースをまとめる
========================================================================== */
/*==========================================================================
  component / component
  --------------------------------------------------------------------------
  - パーツ
========================================================================== */
/*==========================================================================
  - コンテナー Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
  }
}
@media (max-width: 767px) {
  .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
  }
}

@media (min-width: 1200px) {
  .container__wrapper {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 64px;
    padding: 0 16px;
  }
  .container__wrapper.-full {
    max-width: 100%;
  }
  .container__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .container__wrapper {
    width: 100%;
    margin: 0 auto 32px;
    padding: 0 8px;
  }
  .container__wrapper.-full {
    max-width: 100%;
  }
  .container__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .container__wrapper {
    width: 100%;
    margin: 0 auto 32px;
    padding: 0 8px;
  }
  .container__wrapper.-full {
    max-width: 100%;
  }
  .container__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 64px;
  }
  .container.-full {
    max-width: 100%;
  }
  .container:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .container {
    width: 100%;
    margin: 0 auto 32px;
  }
  .container.-full {
    max-width: 100%;
  }
  .container:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .container {
    width: 100%;
    margin: 0 auto 32px;
  }
  .container.-full {
    max-width: 100%;
  }
  .container:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .container__local {
    width: 100%;
    margin-bottom: 48px;
  }
  .container__local:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .container__local {
    width: 100%;
    margin-bottom: 32px;
  }
  .container__local:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .container__local {
    width: 100%;
    margin-bottom: 32px;
  }
  .container__local:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .container__responsive-column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 64px;
  }
  .container__responsive-column:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .container__responsive-column {
    width: 100%;
    margin-bottom: 48px;
  }
  .container__responsive-column > * {
    margin-bottom: 32px;
  }
  .container__responsive-column > *:last-child {
    margin-bottom: 0;
  }
  .container__responsive-column:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .container__responsive-column {
    width: 100%;
    margin-bottom: 48px;
  }
  .container__responsive-column > * {
    margin-bottom: 32px;
  }
  .container__responsive-column > *:last-child {
    margin-bottom: 0;
  }
  .container__responsive-column:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .column {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--middle);
    width: 100%;
    margin-bottom: var(--middle);
  }
  .column > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
  }
  .column > div.-align-items__center {
    display: flex;
    align-items: center;
  }
  .column > div.-justify-content__center {
    display: flex;
    justify-content: center;
  }
  .column.-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .column.-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .column.-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .column.-column-1-2 {
    grid-template-columns: repeat(3, 1fr);
  }
  .column.-column-1-2 > div:nth-child(2n-1) {
    grid-column: 1/2;
  }
  .column.-column-1-2 > div:nth-child(2n) {
    grid-column: 2/4;
  }
  .column.-column-2-1 {
    grid-template-columns: repeat(3, 1fr);
  }
  .column.-column-2-1 > div:nth-child(2n-1) {
    grid-column: 1/3;
  }
  .column.-column-2-1 > div:nth-child(2n) {
    grid-column: 3/4;
  }
  .column.-column-1-3 {
    grid-template-columns: repeat(4, 1fr);
  }
  .column.-column-1-3 > div:nth-child(2n-1) {
    grid-column: 1/2;
  }
  .column.-column-1-3 > div:nth-child(2n) {
    grid-column: 2/5;
  }
  .column.-column-3-1 {
    grid-template-columns: repeat(4, 1fr);
  }
  .column.-column-3-1 > div:nth-child(2n-1) {
    grid-column: 1/4;
  }
  .column.-column-3-1 > div:nth-child(2n) {
    grid-column: 4/5;
  }
  .column.-column-2 > div .column {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-1-2 > div:nth-child(2n-1) .column, .column.-column-1-3 > div:nth-child(2n-1) .column, .column.-column-2-1 > div:nth-child(2n) .column, .column.-column-3-1 > div:nth-child(2n) .column {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-1-2 > div:nth-child(2n) .column, .column.-column-1-3 > div:nth-child(2n) .column, .column.-column-2-1 > div:nth-child(2n-1) .column, .column.-column-3-1 > div:nth-child(2n-1) .column {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-3 > div .column, .column.-column-4 > div .column, .column.-column-5 > div .column {
    grid-template-columns: minmax(0, 1fr);
  }
  .column .column .column {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .column:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .column {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--middle);
    width: 100%;
    margin-bottom: var(--middle);
  }
  .column > div {
    min-width: 0;
  }
  .column > div.-align-items__center {
    display: flex;
    align-items: center;
  }
  .column > div.-justify-content__center {
    display: flex;
    justify-content: center;
  }
  .column.-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-5 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-1-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-2-1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-1-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column.-column-3-1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .column .column {
    grid-template-columns: repeat(2, 1fr);
  }
  .column .column .column {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .column:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .column {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-columns: minmax(0, 1fr);
    gap: var(--middle);
    width: 100%;
    margin-bottom: var(--middle);
  }
  .column > div {
    min-width: 0;
  }
  .column > div.-align-items__center {
    display: flex;
    align-items: center;
  }
  .column > div.-justify-content__center {
    display: flex;
    justify-content: center;
  }
  .column.-column-2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-4 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-5 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-1-2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-2-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-1-3 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column.-column-3-1 {
    grid-template-columns: minmax(0, 1fr);
  }
  .column .column .column {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .column:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .item__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--small);
    margin-bottom: var(--middle);
    overflow-x: auto;
  }
  .item__list.-x-small {
    gap: var(--x-small);
  }
  .item__list.-small {
    gap: var(--small);
  }
  .item__list.-middle {
    gap: var(--middle);
  }
  .item__list.-large {
    gap: var(--middle) var(--large);
  }
  .item__list.-x-large {
    gap: var(--middle) var(--x-large);
  }
  .item__list.-vertical {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    text-align: center;
  }
  .item__list.-separate {
    gap: var(--large);
  }
  .item__list.-separate > li {
    padding-right: 24px;
    border-right: 1px solid #D1D5DB;
  }
  .item__list.-separate > li:last-child {
    padding-right: 0;
    border-right: none;
  }
  .item__list:last-child {
    margin-bottom: 0;
  }
  .card-container__header--option .item__list {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .item__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--small);
    margin-bottom: var(--middle);
    overflow-x: auto;
  }
  .item__list.-x-small {
    gap: var(--x-small);
  }
  .item__list.-small {
    gap: var(--small);
  }
  .item__list.-middle {
    gap: var(--middle);
  }
  .item__list.-large {
    gap: var(--middle) var(--large);
  }
  .item__list.-x-large {
    gap: var(--middle) var(--x-large);
  }
  .item__list.-vertical {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    text-align: center;
  }
  .item__list.-separate {
    gap: var(--large);
  }
  .item__list.-separate > li {
    padding-right: 24px;
    border-right: 1px solid #D1D5DB;
  }
  .item__list.-separate > li:last-child {
    padding-right: 0;
    border-right: none;
  }
  .item__list:last-child {
    margin-bottom: 0;
  }
  .card-container__header--option .item__list {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .item__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--small);
    margin-bottom: var(--middle);
    overflow-x: auto;
  }
  .item__list.-x-small {
    gap: var(--x-small);
  }
  .item__list.-small {
    gap: var(--small);
  }
  .item__list.-middle {
    gap: var(--middle);
  }
  .item__list.-large {
    gap: var(--middle) var(--large);
  }
  .item__list.-x-large {
    gap: var(--middle) var(--x-large);
  }
  .item__list.-separate {
    gap: var(--middle);
  }
  .item__list.-separate > li {
    padding-right: 16px;
    border-right: 1px solid #D1D5DB;
  }
  .item__list.-separate > li:last-child {
    padding-right: 0;
    border-right: none;
  }
  .item__list.-vertical {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
    text-align: center;
  }
  .item__list:last-child {
    margin-bottom: 0;
  }
  .card-container__header--option .item__list {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .attention__container {
    width: 100%;
    padding: 16px;
    margin-bottom: 48px;
    border-radius: 4px;
    background-color: rgba(0, 172, 230, 0.06);
  }
  .attention__container > .-headline {
    margin-bottom: 4px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #00ACE6;
  }
  .attention__container > .-headline:last-child {
    margin-bottom: 0;
  }
  .attention__container > .-container {
    margin-bottom: 32px;
  }
  .attention__container > .-container:last-child {
    margin-bottom: 0;
  }
  .attention__container:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .attention__container {
    width: 100%;
    padding: 16px;
    margin-bottom: 32px;
    border-radius: 4px;
    background-color: rgba(0, 172, 230, 0.06);
  }
  .attention__container > .-headline {
    margin-bottom: 4px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #00ACE6;
  }
  .attention__container > .-headline:last-child {
    margin-bottom: 0;
  }
  .attention__container > .-container {
    margin-bottom: 32px;
  }
  .attention__container > .-container:last-child {
    margin-bottom: 0;
  }
  .attention__container:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .attention__container {
    width: 100%;
    padding: 16px;
    margin-bottom: 32px;
    border-radius: 4px;
    background-color: rgba(0, 172, 230, 0.06);
  }
  .attention__container > .-headline {
    margin-bottom: 4px;
    font-size: 1.8rem;
    font-weight: 700;
    color: #00ACE6;
  }
  .attention__container > .-headline:last-child {
    margin-bottom: 0;
  }
  .attention__container > .-container {
    margin-bottom: 32px;
  }
  .attention__container > .-container:last-child {
    margin-bottom: 0;
  }
  .attention__container:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - 見出し Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .section-title {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 48px;
    text-align: center;
  }
  .section-title > .-title {
    font-size: 3.2rem;
    font-weight: 700;
  }
  .section-title > .-caption {
    font-size: 1.4rem;
    line-height: 1;
    color: #666666;
  }
  .section-title:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    text-align: center;
  }
  .section-title > .-title {
    font-size: 2.4rem;
    font-weight: 700;
  }
  .section-title > .-caption {
    font-size: 1.2rem;
    line-height: 1;
    color: #666666;
  }
  .section-title:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .section-title {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
    text-align: center;
  }
  .section-title > .-title {
    font-size: 2.4rem;
    font-weight: 700;
  }
  .section-title > .-caption {
    font-size: 1.2rem;
    line-height: 1;
    color: #666666;
  }
  .section-title:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 48px;
    padding-bottom: 12px;
    border-bottom: 4px solid #D1D5DB;
  }
  .title::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 100;
    display: inline-block;
    width: 240px;
    border-bottom: 4px solid #1d3994;
  }
  .title.-registration {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: var(--max-width);
    min-height: 150px;
    margin: 0 auto 32px;
    padding: 24px 32px;
    border-bottom: none;
    background: linear-gradient(135deg, #1D3994 15%, #00ACE6 100%);
  }
  .title.-registration::before {
    display: none;
    border-bottom: none;
  }
  .title.-registration .-title {
    color: #FFFFFF;
  }
  .title.-registration .-caption {
    color: rgba(255, 255, 255, 0.6);
  }
  .title .-title {
    font-size: 3.2rem;
    font-weight: 700;
  }
  .title .-caption {
    font-size: 1.4rem;
    line-height: 1;
    color: #666666;
  }
  .title:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 32px;
    border-bottom: 4px solid #D1D5DB;
  }
  .title::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 100;
    display: inline-block;
    width: 120px;
    border-bottom: 4px solid #1d3994;
  }
  .title.-registration {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 24px;
    padding: 32px 16px;
    border-bottom: none;
    background: linear-gradient(135deg, #1D3994 15%, #00ACE6 100%);
  }
  .title.-registration::before {
    display: none;
    border-bottom: none;
  }
  .title.-registration .-title {
    color: #FFFFFF;
  }
  .title.-registration .-caption {
    color: rgba(255, 255, 255, 0.6);
  }
  .title .-title {
    font-size: 2.4rem;
    font-weight: 700;
  }
  .title .-caption {
    font-size: 1.2rem;
    line-height: 1;
    color: #666666;
  }
  .title:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .title {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 32px;
    border-bottom: 4px solid #D1D5DB;
  }
  .title::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 100;
    display: inline-block;
    width: 120px;
    border-bottom: 4px solid #1d3994;
  }
  .title.-registration {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 24px;
    padding: 32px 16px;
    border-bottom: none;
    background: linear-gradient(135deg, #1D3994 15%, #00ACE6 100%);
  }
  .title.-registration::before {
    display: none;
    border-bottom: none;
  }
  .title.-registration .-title {
    color: #FFFFFF;
  }
  .title.-registration .-caption {
    color: rgba(255, 255, 255, 0.6);
  }
  .title .-title {
    font-size: 2.4rem;
    font-weight: 700;
  }
  .title .-caption {
    font-size: 1.2rem;
    line-height: 1;
    color: #666666;
  }
  .title:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .headline {
    padding: 10px 10px 10px 20px;
    margin-bottom: 20px;
    border-left: 6px solid #717070;
    border-bottom: 1px solid #717070;
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .headline {
    padding: 10px 10px 10px 20px;
    margin-bottom: 20px;
    border-left: 6px solid #717070;
    border-bottom: 1px solid #717070;
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .headline {
    padding: 10px 10px 10px 20px;
    margin-bottom: 20px;
    border-left: 6px solid #717070;
    border-bottom: 1px solid #717070;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .heading {
    margin-bottom: 16px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .heading {
    margin-bottom: 16px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .heading {
    margin-bottom: 16px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}

@media (min-width: 1200px) {
  .caption {
    margin-top: 4px;
    font-size: 1.4rem;
    color: #666666;
  }
  .caption:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .caption {
    margin-top: 4px;
    font-size: 1.4rem;
    color: #666666;
  }
  .caption:first-child {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .caption {
    margin-top: 4px;
    font-size: 1.4rem;
    color: #666666;
  }
  .caption:first-child {
    margin-top: 0;
  }
}

/*==========================================================================
  - リスト Prefix：list
========================================================================== */
@media (min-width: 1200px) {
  .list {
    width: 100%;
    margin-bottom: 24px;
    list-style: none;
  }
  .list > li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 1.9em;
  }
  .list.-disc {
    counter-reset: disc;
  }
  .list.-disc > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    width: 1.9em;
    font-weight: bold;
    text-align: center;
  }
  .list.-square > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "■";
    width: 1.9em;
    text-align: center;
  }
  .list.-square.-rhombus > li::before {
    content: "◇";
    width: 1.9em;
    text-align: center;
  }
  .list.-number {
    counter-reset: number;
  }
  .list.-number > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: counter(number) ".";
    counter-increment: number;
    width: 1.9em;
    text-align: center;
  }
  .list.-number.-parentheses > li {
    padding-left: 2.8em;
  }
  .list.-number.-parentheses > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "( " counter(number) " )";
    counter-increment: number;
    width: 2.8em;
  }
  .list.-asterisk > li::before {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    content: "※";
    width: 1.9em;
    text-align: center;
  }
  .list.-line > li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D1D5DB;
  }
  .list.-line:last-child > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .list:last-child {
    margin-bottom: 0;
  }
  .list:last-child > li:last-child {
    margin-bottom: 0;
  }
  .list.-disc li .list, .list.-square li .list, .list.-number li .list, .list.-asterisk li .list {
    margin-bottom: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .list {
    width: 100%;
    margin-bottom: 24px;
    list-style: none;
  }
  .list > li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 1.9em;
  }
  .list.-disc {
    counter-reset: disc;
  }
  .list.-disc > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    width: 1.9em;
    font-weight: bold;
    text-align: center;
  }
  .list.-square > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "■";
    width: 1.9em;
    text-align: center;
  }
  .list.-square.-rhombus > li::before {
    content: "◇";
    width: 1.9em;
    text-align: center;
  }
  .list.-number {
    counter-reset: number;
  }
  .list.-number > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: counter(number) ".";
    counter-increment: number;
    width: 1.9em;
    text-align: center;
  }
  .list.-number.-parentheses > li {
    padding-left: 2.8em;
  }
  .list.-number.-parentheses > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "( " counter(number) " )";
    counter-increment: number;
    width: 2.8em;
  }
  .list.-asterisk > li::before {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    content: "※";
    width: 1.9em;
    text-align: center;
  }
  .list.-line > li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D1D5DB;
  }
  .list.-line:last-child > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .list:last-child {
    margin-bottom: 0;
  }
  .list:last-child > li:last-child {
    margin-bottom: 0;
  }
  .list.-disc li .list, .list.-square li .list, .list.-number li .list, .list.-asterisk li .list {
    margin-bottom: 24px !important;
  }
  .list.-disc li .list > li, .list.-square li .list > li, .list.-number li .list > li, .list.-asterisk li .list > li {
    padding-left: 0;
  }
  .list.-disc li .list > li::before, .list.-square li .list > li::before, .list.-number li .list > li::before, .list.-asterisk li .list > li::before {
    position: static;
  }
  .list.-disc li .list > li > p, .list.-square li .list > li > p, .list.-number li .list > li > p, .list.-asterisk li .list > li > p {
    display: inline;
  }
  .list.-disc li .list > li > p::after, .list.-square li .list > li > p::after, .list.-number li .list > li > p::after, .list.-asterisk li .list > li > p::after {
    content: "";
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
  }
  .list.-disc li .list > li > p:last-child::after, .list.-square li .list > li > p:last-child::after, .list.-number li .list > li > p:last-child::after, .list.-asterisk li .list > li > p:last-child::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .list {
    width: 100%;
    margin-bottom: 24px;
    list-style: none;
  }
  .list > li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 1.9em;
  }
  .list.-disc {
    counter-reset: disc;
  }
  .list.-disc > li::before {
    content: "・";
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    width: 1.9em;
    font-weight: bold;
    text-align: center;
  }
  .list.-square > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "■";
    width: 1.9em;
    text-align: center;
  }
  .list.-square.-rhombus > li::before {
    content: "◇";
    width: 1.9em;
    text-align: center;
  }
  .list.-number {
    counter-reset: number;
  }
  .list.-number > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: counter(number) ".";
    counter-increment: number;
    width: 1.9em;
    text-align: center;
  }
  .list.-number.-parentheses > li {
    padding-left: 2.8em;
  }
  .list.-number.-parentheses > li::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    content: "( " counter(number) " )";
    counter-increment: number;
    width: 2.8em;
  }
  .list.-asterisk > li::before {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    content: "※";
    width: 1.9em;
    text-align: center;
  }
  .list.-line > li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D1D5DB;
  }
  .list.-line:last-child > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .list:last-child {
    margin-bottom: 0;
  }
  .list:last-child > li:last-child {
    margin-bottom: 0;
  }
  .list.-disc li .list, .list.-square li .list, .list.-number li .list, .list.-asterisk li .list {
    margin-bottom: 24px !important;
  }
  .list.-disc li .list > li, .list.-square li .list > li, .list.-number li .list > li, .list.-asterisk li .list > li {
    padding-left: 0;
  }
  .list.-disc li .list > li::before, .list.-square li .list > li::before, .list.-number li .list > li::before, .list.-asterisk li .list > li::before {
    position: static;
  }
  .list.-disc li .list > li > p, .list.-square li .list > li > p, .list.-number li .list > li > p, .list.-asterisk li .list > li > p {
    display: inline;
  }
  .list.-disc li .list > li > p::after, .list.-square li .list > li > p::after, .list.-number li .list > li > p::after, .list.-asterisk li .list > li > p::after {
    content: "";
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
  }
  .list.-disc li .list > li > p:last-child::after, .list.-square li .list > li > p:last-child::after, .list.-number li .list > li > p:last-child::after, .list.-asterisk li .list > li > p:last-child::after {
    display: none;
  }
}

/*==========================================================================
  - ライン Prefix：line
========================================================================== */
@media (min-width: 1200px) {
  .line {
    width: 100%;
    margin-bottom: 48px;
  }
  .line > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
  }
  .line > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line.-dotted > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .line.-dotted > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .line {
    width: 100%;
    margin-bottom: 32px;
  }
  .line > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
  }
  .line > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line.-dotted > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .line.-dotted > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .line {
    width: 100%;
    margin-bottom: 32px;
  }
  .line > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
  }
  .line > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line.-dotted > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .line.-dotted > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .line:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - 説明リスト Prefix：dl
========================================================================== */
@media (min-width: 1200px) {
  .dl {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl:last-child {
    margin-bottom: 0;
  }
  .dl > div {
    width: 100%;
    margin-bottom: 64px;
  }
  .dl > div > dt {
    margin-bottom: 4px;
    font-weight: 500;
    color: #333333;
  }
  .dl > div > dd {
    margin-bottom: 16px;
  }
  .dl > div > dd:last-child {
    margin-bottom: 0;
  }
  .dl > div:last-child {
    margin-bottom: 0;
  }
  .dl.-container > div {
    margin-bottom: 48px;
  }
  .dl.-container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D1D5DB;
    font-size: 2rem;
    font-weight: 700;
  }
  .dl.-container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dl.-container > div > dt > .-nav:empty {
    display: none;
  }
  .dl.-container > div > dd {
    margin-bottom: 48px;
  }
  .dl.-container > div:last-child {
    margin-bottom: 0;
  }
  .dl.-underline > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-underline > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 24px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div > dd {
    flex: 1;
    padding: 24px;
  }
  .dl.-underline > div.-accordion {
    display: block;
  }
  .dl.-underline > div.-accordion > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: initial;
    padding: 24px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div.-accordion > dt > .-label {
    flex: 1;
    font-weight: 500;
  }
  .dl.-underline > div.-accordion > dt > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
  }
  .dl.-underline > div.-accordion > dd {
    display: none;
    flex: none;
    width: 100%;
    padding-top: 0;
  }
  .dl.-underline > div.-accordion.-active > dt > .-icon {
    background-image: url("../img/icon/base/minus.svg");
  }
  .dl.-bulletpoint > div {
    width: 100%;
  }
  .dl.-bulletpoint > div > dt {
    padding: 12px 0 12px 18px;
    margin-bottom: 16px;
    border-left: 6px solid #1d3994;
    font-size: 1.8rem;
    color: #333333;
  }
  .dl.-bulletpoint > div > dd {
    padding-left: 16px;
  }
  .dl.-responsive > div {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
  }
  .dl.-responsive > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 24px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-responsive > div > dd {
    flex: 1;
    padding: 24px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .dl.-responsive > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-responsive > div:last-child {
    margin-bottom: 0;
  }
  .dl.-responsive > div:last-child > dt {
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-responsive > div:last-child > dd {
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-table > div {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
  }
  .dl.-table > div > dt {
    width: 25%;
    padding: 24px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-table > div > dd {
    flex: 1;
    padding: 24px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .dl.-table > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child {
    margin-bottom: 0;
  }
  .dl.-table > div:last-child > dt {
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child > dd {
    border-bottom: 1px solid #D1D5DB;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dl {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl:last-child {
    margin-bottom: 0;
  }
  .dl > div {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl > div > dt {
    margin-bottom: 4px;
    font-weight: 500;
    color: #333333;
  }
  .dl > div > dd {
    margin-bottom: 16px;
  }
  .dl > div > dd:last-child {
    margin-bottom: 0;
  }
  .dl > div:last-child {
    margin-bottom: 0;
  }
  .dl.-container > div {
    margin-bottom: 48px;
  }
  .dl.-container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .dl.-container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dl.-container > div > dt > .-nav:empty {
    display: none;
  }
  .dl.-container > div > dd {
    margin-bottom: 48px;
  }
  .dl.-container > div:last-child {
    margin-bottom: 0;
  }
  .dl.-underline > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-underline > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 12px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div > dd {
    flex: 1;
    padding: 12px;
  }
  .dl.-underline > div.-accordion {
    display: block;
  }
  .dl.-underline > div.-accordion > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: initial;
    padding: 12px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div.-accordion > dt > .-label {
    flex: 1;
    font-weight: 500;
  }
  .dl.-underline > div.-accordion > dt > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
  }
  .dl.-underline > div.-accordion > dd {
    display: none;
    flex: none;
    width: 100%;
    padding-top: 0;
  }
  .dl.-underline > div.-accordion.-active > dt > .-icon {
    background-image: url("../img/icon/base/minus.svg");
  }
  .dl.-bulletpoint > div {
    width: 100%;
  }
  .dl.-bulletpoint > div > dt {
    padding: 8px 0 8px 12px;
    margin-bottom: 16px;
    border-left: 6px solid #1d3994;
    color: #333333;
  }
  .dl.-responsive > div {
    width: 100%;
    margin-bottom: 16px;
  }
  .dl.-responsive > div > dt {
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-right: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-responsive > div > dd {
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-responsive > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-responsive > div:last-child {
    margin-bottom: 0;
  }
  .dl.-table > div {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
  }
  .dl.-table > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-table > div > dd {
    flex: 1;
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .dl.-table > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child {
    margin-bottom: 0;
  }
  .dl.-table > div:last-child > dt {
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child > dd:last-child {
    border-bottom: 1px solid #D1D5DB;
  }
}
@media (max-width: 767px) {
  .dl {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl:last-child {
    margin-bottom: 0;
  }
  .dl > div {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl > div > dt {
    margin-bottom: 4px;
    font-weight: 500;
    color: #333333;
  }
  .dl > div > dd {
    margin-bottom: 16px;
  }
  .dl > div > dd:last-child {
    margin-bottom: 0;
  }
  .dl > div:last-child {
    margin-bottom: 0;
  }
  .dl.-container > div {
    margin-bottom: 48px;
  }
  .dl.-container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .dl.-container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dl.-container > div > dt > .-nav:empty {
    display: none;
  }
  .dl.-container > div > dd {
    margin-bottom: 48px;
  }
  .dl.-container > div:last-child {
    margin-bottom: 0;
  }
  .dl.-underline > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-underline > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 12px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div > dd {
    flex: 1;
    padding: 12px;
  }
  .dl.-underline > div.-accordion {
    display: block;
  }
  .dl.-underline > div.-accordion > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: initial;
    padding: 12px;
    margin-bottom: 0;
    color: #333333;
  }
  .dl.-underline > div.-accordion > dt > .-label {
    flex: 1;
    font-weight: 500;
  }
  .dl.-underline > div.-accordion > dt > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 1000px;
    background-color: #F2F2F2;
    background-image: url("../img/icon/base/plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
  }
  .dl.-underline > div.-accordion > dd {
    display: none;
    flex: none;
    width: 100%;
    padding-top: 0;
  }
  .dl.-underline > div.-accordion.-active > dt > .-icon {
    background-image: url("../img/icon/base/minus.svg");
  }
  .dl.-bulletpoint > div {
    width: 100%;
  }
  .dl.-bulletpoint > div > dt {
    padding: 8px 0 8px 12px;
    margin-bottom: 16px;
    border-left: 6px solid #1d3994;
    color: #333333;
  }
  .dl.-responsive > div {
    width: 100%;
    margin-bottom: 16px;
  }
  .dl.-responsive > div > dt {
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-right: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-responsive > div > dd {
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-responsive > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-responsive > div:last-child {
    margin-bottom: 0;
  }
  .dl.-table > div {
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0;
  }
  .dl.-table > div > dt {
    width: 25%;
    min-width: 160px;
    padding: 12px 16px;
    margin-bottom: 0;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .dl.-table > div > dd {
    flex: 1;
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .dl.-table > div > dd:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child {
    margin-bottom: 0;
  }
  .dl.-table > div:last-child > dt {
    border-bottom: 1px solid #D1D5DB;
  }
  .dl.-table > div:last-child > dd:last-child {
    border-bottom: 1px solid #D1D5DB;
  }
}

@media (min-width: 1200px) {
  .dl-section {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl-section > div {
    width: 100%;
    margin-bottom: 48px;
  }
  .dl-section > div > dt {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    font-size: 2rem;
    font-weight: 700;
    color: #1d3994;
  }
  .dl-section > div:last-child {
    margin-bottom: 0;
  }
  .dl-section:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dl-section {
    width: 100%;
    margin-bottom: 32px;
  }
  .dl-section > div {
    width: 100%;
    margin-bottom: 32px;
  }
  .dl-section > div > dt {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1d3994;
  }
  .dl-section > div:last-child {
    margin-bottom: 0;
  }
  .dl-section:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .dl-section {
    width: 100%;
    margin-bottom: 32px;
  }
  .dl-section > div {
    width: 100%;
    margin-bottom: 32px;
  }
  .dl-section > div > dt {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1d3994;
  }
  .dl-section > div:last-child {
    margin-bottom: 0;
  }
  .dl-section:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - table Prefix：table
========================================================================== */
@media (min-width: 1200px) {
  .table__wrapper {
    width: 100%;
    margin-bottom: 48px;
    overflow: auto;
  }
  .table__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .table__wrapper {
    width: 100%;
    margin-bottom: 32px;
    overflow: auto;
  }
  .table__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .table__wrapper {
    width: 100%;
    margin-bottom: 32px;
    overflow: auto;
  }
  .table__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .table > thead {
    width: 100%;
  }
  .table > thead > tr {
    width: 100%;
  }
  .table > thead > tr > th {
    padding: 24px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    font-weight: 500;
  }
  .table > thead > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > thead > tr:last-child > th {
    border-bottom: 1px solid #D1D5DB;
  }
  .table > tbody {
    width: 100%;
  }
  .table > tbody > tr {
    width: 100%;
  }
  .table > tbody > tr > th {
    padding: 24px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    vertical-align: middle;
    font-weight: 500;
    text-align: left;
  }
  .table > tbody > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr > td {
    padding: 24px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table > tbody > tr > td:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr:last-child > th, .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table.-fixed {
    table-layout: fixed;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .table > thead {
    width: 100%;
  }
  .table > thead > tr {
    width: 100%;
  }
  .table > thead > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    font-weight: 500;
  }
  .table > thead > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > thead > tr:last-child > th {
    border-bottom: 1px solid #D1D5DB;
  }
  .table > tbody {
    width: 100%;
  }
  .table > tbody > tr {
    width: 100%;
  }
  .table > tbody > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    vertical-align: middle;
    font-weight: 500;
    text-align: left;
  }
  .table > tbody > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr > td {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table > tbody > tr > td:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr:last-child > th, .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table.-fixed {
    table-layout: fixed;
  }
}
@media (max-width: 767px) {
  .table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .table > thead {
    width: 100%;
  }
  .table > thead > tr {
    width: 100%;
  }
  .table > thead > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    font-weight: 500;
  }
  .table > thead > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > thead > tr:last-child > th {
    border-bottom: 1px solid #D1D5DB;
  }
  .table > tbody {
    width: 100%;
  }
  .table > tbody > tr {
    width: 100%;
  }
  .table > tbody > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    vertical-align: middle;
    font-weight: 500;
    text-align: left;
  }
  .table > tbody > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr > td {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table > tbody > tr > td:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .table > tbody > tr:last-child > th, .table > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table.-fixed {
    table-layout: fixed;
  }
}

@media (min-width: 1200px) {
  .table__list {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__list > thead > tr > th {
    padding: 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
    font-weight: 500;
  }
  .table__list > thead > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody {
    width: 100%;
  }
  .table__list > tbody > tr {
    width: 100%;
  }
  .table__list > tbody > tr > th {
    padding: 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
  }
  .table__list > tbody > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr > td {
    padding: 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .table__list > tbody > tr > td > .-th {
    display: none;
  }
  .table__list > tbody > tr > td:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__list > tbody > tr:first-child > th {
    font-weight: 500;
  }
  .table__list > tbody > tr:last-child > th, .table__list > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table__list.-fixed {
    table-layout: fixed;
  }
  .table__list:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .table__list {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__list > thead > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
    vertical-align: middle;
    text-align: left;
    font-weight: 500;
    color: #333333;
  }
  .table__list > thead > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody {
    width: 100%;
  }
  .table__list > tbody > tr {
    width: 100%;
  }
  .table__list > tbody > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
    vertical-align: middle;
    text-align: left;
    font-weight: 500;
    color: #333333;
  }
  .table__list > tbody > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr > td {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table__list > tbody > tr > td > .-th {
    display: none;
  }
  .table__list > tbody > tr > td:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__list > tbody > tr:last-child > th, .table__list > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table__list.-responsive {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
    white-space: normal;
  }
  .table__list.-responsive > thead {
    display: none;
  }
  .table__list.-responsive > tbody {
    width: 100%;
  }
  .table__list.-responsive > tbody > tr {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .table__list.-responsive > tbody > tr > th {
    display: none;
  }
  .table__list.-responsive > tbody > tr > td {
    display: flex;
    width: 100%;
    padding: 0;
    border-top: none;
    border-left: none;
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr > td > .-th {
    display: block;
    width: 40%;
    min-width: 120px;
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .table__list.-responsive > tbody > tr > td > .-td {
    width: calc(100% - 120px);
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .table__list.-responsive > tbody > tr > td:last-child > .-th {
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr > td:last-child > .-td {
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr:nth-child(2n) {
    background-color: transparent;
  }
  .table__list.-responsive > tbody > tr:last-child {
    margin-bottom: 0;
  }
  .table__list.-fixed {
    table-layout: fixed;
  }
  .table__list:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .table__list {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__list > thead > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
    vertical-align: middle;
    text-align: left;
    font-weight: 500;
    color: #333333;
  }
  .table__list > thead > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody {
    width: 100%;
  }
  .table__list > tbody > tr {
    width: 100%;
  }
  .table__list > tbody > tr > th {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #E6E6E6;
    vertical-align: middle;
    text-align: left;
    font-weight: 500;
    color: #333333;
  }
  .table__list > tbody > tr > th:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr > td {
    padding: 12px 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table__list > tbody > tr > td > .-th {
    display: none;
  }
  .table__list > tbody > tr > td:first-child {
    border-left: 1px solid transparent;
  }
  .table__list > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__list > tbody > tr:last-child > th, .table__list > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
  .table__list.-responsive {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
    white-space: normal;
  }
  .table__list.-responsive > thead {
    display: none;
  }
  .table__list.-responsive > tbody {
    width: 100%;
  }
  .table__list.-responsive > tbody > tr {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .table__list.-responsive > tbody > tr > th {
    display: none;
  }
  .table__list.-responsive > tbody > tr > td {
    display: flex;
    width: 100%;
    padding: 0;
    border-top: none;
    border-left: none;
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr > td > .-th {
    display: block;
    width: 40%;
    min-width: 120px;
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .table__list.-responsive > tbody > tr > td > .-td {
    width: calc(100% - 120px);
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .table__list.-responsive > tbody > tr > td:last-child > .-th {
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr > td:last-child > .-td {
    border-bottom: none;
  }
  .table__list.-responsive > tbody > tr:nth-child(2n) {
    background-color: transparent;
  }
  .table__list.-responsive > tbody > tr:last-child {
    margin-bottom: 0;
  }
  .table__list.-fixed {
    table-layout: fixed;
  }
  .table__list:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .table__line {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__line > thead > tr > th {
    padding: 16px;
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line > tbody {
    width: 100%;
  }
  .table__line > tbody > tr {
    width: 100%;
  }
  .table__line > tbody > tr > th {
    padding: 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .table__line > tbody > tr > td {
    padding: 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .table__line > tbody > tr > td > .-th {
    display: none;
  }
  .table__line > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__line > tbody > tr:first-child > th {
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line > thead + tbody > tr:first-child > th {
    border-bottom: 1px solid #D1D5DB;
    font-weight: normal;
  }
  .table__line.-fixed {
    table-layout: fixed;
  }
  .table__line:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .table__line {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__line > thead > tr > th {
    padding: 12px 16px;
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line > tbody {
    width: 100%;
  }
  .table__line > tbody > tr {
    width: 100%;
  }
  .table__line > tbody > tr > th {
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .table__line > tbody > tr > td {
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table__line > tbody > tr > td > .-th {
    display: none;
  }
  .table__line > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__line > tbody > tr:first-child > th {
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line.-responsive {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
  }
  .table__line.-responsive > thead {
    display: none;
  }
  .table__line.-responsive > tbody {
    width: 100%;
  }
  .table__line.-responsive > tbody > tr {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .table__line.-responsive > tbody > tr > th {
    display: none;
  }
  .table__line.-responsive > tbody > tr > td {
    display: flex;
    width: 100%;
    padding: 0;
    border-top: none;
    border-left: none;
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr > td > .-th {
    display: block;
    width: 120px;
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .table__line.-responsive > tbody > tr > td > .-td {
    width: calc(100% - 120px);
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .table__line.-responsive > tbody > tr > td:last-child > .-th {
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr > td:last-child > .-td {
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr:nth-child(2n) {
    background-color: transparent;
  }
  .table__line.-responsive > tbody > tr:last-child {
    margin-bottom: 0;
  }
  .table__line > thead + tbody > tr:first-child > th {
    border-bottom: 1px solid #D1D5DB;
    font-weight: normal;
  }
  .table__line.-fixed {
    table-layout: fixed;
  }
  .table__line:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .table__line {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
    white-space: nowrap;
  }
  .table__line > thead > tr > th {
    padding: 12px 16px;
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line > tbody {
    width: 100%;
  }
  .table__line > tbody > tr {
    width: 100%;
  }
  .table__line > tbody > tr > th {
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .table__line > tbody > tr > td {
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .table__line > tbody > tr > td > .-th {
    display: none;
  }
  .table__line > tbody > tr:nth-child(2n) {
    background-color: #F9F9F9;
  }
  .table__line > tbody > tr:first-child > th {
    border-bottom: 2px solid #333333;
    font-weight: 700;
  }
  .table__line.-responsive {
    width: 100%;
    margin-bottom: 32px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    table-layout: auto;
  }
  .table__line.-responsive > thead {
    display: none;
  }
  .table__line.-responsive > tbody {
    width: 100%;
  }
  .table__line.-responsive > tbody > tr {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .table__line.-responsive > tbody > tr > th {
    display: none;
  }
  .table__line.-responsive > tbody > tr > td {
    display: flex;
    width: 100%;
    padding: 0;
    border-top: none;
    border-left: none;
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr > td > .-th {
    display: block;
    width: 120px;
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #333333;
  }
  .table__line.-responsive > tbody > tr > td > .-td {
    width: calc(100% - 120px);
    padding: 12px 16px;
    border-bottom: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
  }
  .table__line.-responsive > tbody > tr > td:last-child > .-th {
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr > td:last-child > .-td {
    border-bottom: none;
  }
  .table__line.-responsive > tbody > tr:nth-child(2n) {
    background-color: transparent;
  }
  .table__line.-responsive > tbody > tr:last-child {
    margin-bottom: 0;
  }
  .table__line > thead + tbody > tr:first-child > th {
    border-bottom: 1px solid #D1D5DB;
    font-weight: normal;
  }
  .table__line.-fixed {
    table-layout: fixed;
  }
  .table__line:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - フォーム Prefix：form
========================================================================== */
/*
.p-country-name {
	display: none;
}
*/
@media (min-width: 1200px) {
  .form__container {
    width: 100%;
    padding: 12px;
    margin: 0 auto 48px;
    border-radius: 8px;
    background-color: #F4F5F9;
  }
  .form__container > div {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 4px;
    background-color: white;
    padding: 24px;
  }
  .form__container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 24px;
    font-size: 2rem;
    font-weight: 700;
    color: #1d3994;
  }
  .form__container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .form__container > div > dt > .-nav:empty {
    display: none;
  }
  .form__container > div:last-child {
    margin-bottom: 0;
  }
  .form__container:last-child {
    margin-bottom: 0;
  }
  .dl-section .form__container > div > dt {
    color: #333333;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__container {
    width: 100%;
    padding: 8px;
    margin: 0 auto 48px;
    border-radius: 8px;
    background-color: #F4F5F9;
  }
  .form__container > div {
    width: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: white;
    padding: 16px 16px 24px;
  }
  .form__container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1d3994;
  }
  .form__container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .form__container > div > dt > .-nav:empty {
    display: none;
  }
  .form__container > div:last-child {
    margin-bottom: 0;
  }
  .form__container:last-child {
    margin-bottom: 0;
  }
  .dl-section .form__container > div > dt {
    color: #333333;
  }
}
@media (max-width: 767px) {
  .form__container {
    width: 100%;
    padding: 8px;
    margin: 0 auto 48px;
    border-radius: 8px;
    background-color: #F4F5F9;
  }
  .form__container > div {
    width: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
    background-color: white;
    padding: 16px 16px 24px;
  }
  .form__container > div > dt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D1D5DB;
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #1d3994;
  }
  .form__container > div > dt > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .form__container > div > dt > .-nav:empty {
    display: none;
  }
  .form__container > div:last-child {
    margin-bottom: 0;
  }
  .form__container:last-child {
    margin-bottom: 0;
  }
  .dl-section .form__container > div > dt {
    color: #333333;
  }
}

@media (min-width: 1200px) {
  .form__container--section {
    width: 100%;
    margin-bottom: 48px;
  }
  .form__container--section > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .form__container--section > div > dt {
    margin-bottom: 8px;
    font-weight: 700;
  }
  .form__container--section > div:last-child {
    margin-bottom: 0;
  }
  .form__container--section:last-child {
    margin-bottom: 0;
  }
  .modal__wrapper .form__container--section > div > dt {
    font-weight: 600;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__container--section {
    width: 100%;
    margin-bottom: 32px;
  }
  .form__container--section > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .form__container--section > div > dt {
    margin-bottom: 8px;
    font-weight: 700;
  }
  .form__container--section > div:last-child {
    margin-bottom: 0;
  }
  .form__container--section:last-child {
    margin-bottom: 0;
  }
  .modal__wrapper .form__container--section > div > dt {
    font-weight: 600;
  }
}
@media (max-width: 767px) {
  .form__container--section {
    width: 100%;
    margin-bottom: 32px;
  }
  .form__container--section > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .form__container--section > div > dt {
    margin-bottom: 8px;
    font-weight: 700;
  }
  .form__container--section > div:last-child {
    margin-bottom: 0;
  }
  .form__container--section:last-child {
    margin-bottom: 0;
  }
  .modal__wrapper .form__container--section > div > dt {
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  .form__list {
    width: 100%;
    margin: 0 auto 48px;
  }
  .form__list > div {
    display: flex;
    align-items: center;
    gap: 48px;
    width: 100%;
    margin-bottom: 48px;
  }
  .form__list > div > dt {
    width: 280px;
  }
  .form__list > div > dt > .-caption:empty {
    display: none;
  }
  .form__list > div > dd {
    width: calc(100% - 280px - 48px);
  }
  .form__list > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-table > div {
    display: flex;
    align-items: unset;
    gap: 0;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .form__list.-table > div > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
    padding: 16px;
    background-color: #F4F5F9;
  }
  .form__list.-table > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-table > div > dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 200px);
    padding: 16px;
  }
  .form__list.-table > div:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .form__list.-vertical > div {
    display: block;
    width: 100%;
    margin-bottom: 0;
    border-bottom: none;
  }
  .form__list.-vertical > div > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 24px;
    background-color: #F4F5F9;
  }
  .form__list.-vertical > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-vertical > div > dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 24px;
    border-bottom: 1px solid #E5E7EB;
  }
  .form__list.-vertical > div > dd:last-child {
    border-bottom: none;
  }
  .form__list.-vertical > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-column > div {
    display: flex;
    align-items: unset;
    gap: 0;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .form__list.-column > div > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
    padding: 16px;
    background-color: #F4F5F9;
  }
  .form__list.-column > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-column > div > dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 200px);
    padding: 16px;
  }
  .form__list.-column > div:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .form__list.-option {
    display: none;
    padding-top: 24px;
    border-top: 1px dotted #D1D5DB;
  }
  .form__list:has(+ .form__list.-option) {
    margin-bottom: 24px;
  }
  .form__list:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__list {
    width: 100%;
    margin: 0 auto 32px;
  }
  .form__list > div {
    width: 100%;
    margin-bottom: 32px;
  }
  .form__list > div > dt {
    width: 100%;
    margin-bottom: 4px;
  }
  .form__list > div > dt > .-caption {
    margin-bottom: 8px;
  }
  .form__list > div > dt > .-caption:empty {
    display: none;
  }
  .form__list > div > dd {
    width: 100%;
  }
  .form__list > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-table > div {
    width: 100%;
    margin-bottom: 12px;
  }
  .form__list.-table > div > dt {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 0;
    background-color: #F4F5F9;
  }
  .form__list.-table > div > dt > .-caption {
    margin-bottom: 0;
  }
  .form__list.-table > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-table > div > dd {
    width: 100%;
    padding: 12px 0;
  }
  .form__list.-table > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-column > div {
    display: flex;
    align-items: unset;
    gap: 0;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .form__list.-column > div > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 140px;
    padding: 12px;
    margin-bottom: 0;
    background-color: #F4F5F9;
  }
  .form__list.-column > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-column > div > dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 140px);
    padding: 12px;
  }
  .form__list.-column > div:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .form__list.-option {
    display: none;
    padding-top: 24px;
    border-top: 1px dotted #D1D5DB;
  }
  .form__list:has(+ .form__list.-option) {
    margin-bottom: 24px;
  }
  .form__list:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__list {
    width: 100%;
    margin: 0 auto 32px;
  }
  .form__list > div {
    width: 100%;
    margin-bottom: 32px;
  }
  .form__list > div > dt {
    width: 100%;
    margin-bottom: 4px;
  }
  .form__list > div > dt > .-caption {
    margin-bottom: 8px;
  }
  .form__list > div > dt > .-caption:empty {
    display: none;
  }
  .form__list > div > dd {
    width: 100%;
  }
  .form__list > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-table > div {
    width: 100%;
    margin-bottom: 12px;
  }
  .form__list.-table > div > dt {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 0;
    background-color: #F4F5F9;
  }
  .form__list.-table > div > dt > .-caption {
    margin-bottom: 0;
  }
  .form__list.-table > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-table > div > dd {
    width: 100%;
    padding: 12px 0;
  }
  .form__list.-table > div:last-child {
    margin-bottom: 0;
  }
  .form__list.-column > div {
    display: flex;
    align-items: unset;
    gap: 0;
    width: 100%;
    margin-bottom: 0;
    border-bottom: 1px solid #E5E7EB;
  }
  .form__list.-column > div > dt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 140px;
    padding: 12px;
    margin-bottom: 0;
    background-color: #F4F5F9;
  }
  .form__list.-column > div > dt > .-caption:empty {
    display: none;
  }
  .form__list.-column > div > dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 140px);
    padding: 12px;
  }
  .form__list.-column > div:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .form__list.-option {
    display: none;
    padding-top: 24px;
    border-top: 1px dotted #D1D5DB;
  }
  .form__list:has(+ .form__list.-option) {
    margin-bottom: 24px;
  }
  .form__list:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .form__field:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .form__field:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__field {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
  .form__field:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #666666;
  }
  .form__label.-required::after {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label.-optional::after {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #7F7F7F;
    background-color: #7F7F7F;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label:last-child {
    margin-bottom: 0;
  }
  .form__label:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #666666;
  }
  .form__label.-required::after {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label.-optional::after {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #7F7F7F;
    background-color: #7F7F7F;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label:last-child {
    margin-bottom: 0;
  }
  .form__label:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .form__label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 2px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #666666;
  }
  .form__label.-required::after {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label.-optional::after {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #7F7F7F;
    background-color: #7F7F7F;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__label:last-child {
    margin-bottom: 0;
  }
  .form__label:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .form__item {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
  }
  .form__item:last-child {
    margin-bottom: 0;
  }
  .form__item > li {
    display: flex;
    align-items: center;
    position: relative;
  }
  .form__item > li:has(input), .form__item > li:has(select), .form__item > li:has(textarea), .form__item > li:has(button) {
    flex: 1;
  }
  .form__item:has(input[type=date]), .form__item:has(input[type=month]), .form__item:has(input[type=week]), .form__item:has(input[type=time]), .form__item:has(input[type=datetime-local]), .form__item:has(input[type=checkbox]), .form__item:has(input[type=radio]) {
    display: flex;
    flex-wrap: wrap;
  }
  .form__item:has(input[type=date]) > li, .form__item:has(input[type=month]) > li, .form__item:has(input[type=week]) > li, .form__item:has(input[type=time]) > li, .form__item:has(input[type=datetime-local]) > li, .form__item:has(input[type=checkbox]) > li, .form__item:has(input[type=radio]) > li {
    flex: initial;
  }
  .form__item.-vertical {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: initial !important;
  }
  .form__item.-x-small {
    gap: 4px;
  }
  .form__item.-small {
    gap: 8px;
  }
  .form__item.-middle {
    gap: 12px;
  }
  .form__item.-large {
    gap: 16px;
  }
  .form__item.-x-large {
    gap: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }
  .form__item:last-child {
    margin-bottom: 0;
  }
  .form__item > li {
    display: flex;
    align-items: center;
    position: relative;
  }
  .form__item > li:has(input), .form__item > li:has(select), .form__item > li:has(textarea), .form__item > li:has(button) {
    flex: 1;
  }
  .form__item:has(input[type=date]), .form__item:has(input[type=month]), .form__item:has(input[type=week]), .form__item:has(input[type=time]), .form__item:has(input[type=datetime-local]), .form__item:has(input[type=checkbox]), .form__item:has(input[type=radio]) {
    display: flex;
    flex-wrap: wrap;
  }
  .form__item:has(input[type=date]) > li, .form__item:has(input[type=month]) > li, .form__item:has(input[type=week]) > li, .form__item:has(input[type=time]) > li, .form__item:has(input[type=datetime-local]) > li, .form__item:has(input[type=checkbox]) > li, .form__item:has(input[type=radio]) > li {
    flex: initial;
  }
  .form__item.-vertical {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: initial !important;
  }
  .form__item.-responsive {
    display: inline-flex !important;
  }
  .form__item.-x-small {
    gap: 4px;
  }
  .form__item.-small {
    gap: 8px;
  }
  .form__item.-middle {
    gap: 12px;
  }
  .form__item.-large {
    gap: 16px;
  }
  .form__item.-x-large {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .form__item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }
  .form__item:last-child {
    margin-bottom: 0;
  }
  .form__item > li {
    display: flex;
    align-items: center;
    position: relative;
  }
  .form__item > li:has(input), .form__item > li:has(select), .form__item > li:has(textarea), .form__item > li:has(button) {
    flex: 1;
  }
  .form__item:has(input[type=date]), .form__item:has(input[type=month]), .form__item:has(input[type=week]), .form__item:has(input[type=time]), .form__item:has(input[type=datetime-local]), .form__item:has(input[type=checkbox]), .form__item:has(input[type=radio]) {
    display: flex;
    flex-wrap: wrap;
  }
  .form__item:has(input[type=date]) > li, .form__item:has(input[type=month]) > li, .form__item:has(input[type=week]) > li, .form__item:has(input[type=time]) > li, .form__item:has(input[type=datetime-local]) > li, .form__item:has(input[type=checkbox]) > li, .form__item:has(input[type=radio]) > li {
    flex: initial;
  }
  .form__item.-vertical {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: initial !important;
  }
  .form__item.-responsive {
    display: inline-flex !important;
  }
  .form__item.-x-small {
    gap: 4px;
  }
  .form__item.-small {
    gap: 8px;
  }
  .form__item.-middle {
    gap: 12px;
  }
  .form__item.-large {
    gap: 16px;
  }
  .form__item.-x-large {
    gap: 24px;
  }
}

@media (min-width: 1200px) {
  .form__cell {
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 8px 16px 8px;
    border-radius: 4px;
    background-color: #F2F2F2;
    margin-bottom: var(--x-small);
  }
  .form__cell:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__cell {
    flex: 1;
    width: 100%;
    min-height: 36px;
    padding: 6px var(--small) 4px;
    border-radius: 4px;
    background-color: #F2F2F2;
    margin-bottom: var(--x-small);
  }
  .form__cell:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__cell {
    flex: 1;
    width: 100%;
    min-height: 36px;
    padding: 6px var(--small) 4px;
    border-radius: 4px;
    background-color: #F2F2F2;
    margin-bottom: var(--x-small);
  }
  .form__cell:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__headline {
    display: flex;
    align-items: center;
    gap: 4px 8px;
    font-weight: 500;
  }
  .form__headline.-required::before {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline.-optional::before {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #999999;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__headline {
    display: flex;
    align-items: center;
    gap: 4px 8px;
    font-weight: 500;
  }
  .form__headline.-required::before {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline.-optional::before {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #999999;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__headline {
    display: flex;
    align-items: center;
    gap: 4px 8px;
    font-weight: 500;
  }
  .form__headline.-required::before {
    content: "必須";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #DC2626;
    background-color: #DC2626;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline.-optional::before {
    content: "任意";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 16px;
    padding: 2px 4px;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #999999;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: white;
    white-space: nowrap;
  }
  .form__headline:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__caption {
    position: absolute;
    top: -10px;
    left: 8px;
    z-index: 100;
    display: none;
    padding: 4px 6px;
    border-radius: 1000px;
    background-color: #1d3994;
    font-size: 1rem;
    line-height: 1;
    color: #FFFFFF;
  }
  .form__caption.-active {
    display: inline-block;
    background-color: #0284C7;
  }
  .form__caption.-success {
    display: inline-block;
    background-color: #16A34A;
  }
  .form__caption.-warning {
    display: inline-block;
    background-color: #DC2626;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__caption {
    position: absolute;
    top: -10px;
    left: 8px;
    z-index: 100;
    display: none;
    padding: 4px 6px;
    border-radius: 1000px;
    background-color: #1d3994;
    font-size: 1rem;
    line-height: 1;
    color: #FFFFFF;
  }
  .form__caption.-active {
    display: inline-block;
    background-color: #0284C7;
  }
  .form__caption.-success {
    display: inline-block;
    background-color: #16A34A;
  }
  .form__caption.-warning {
    display: inline-block;
    background-color: #DC2626;
  }
}
@media (max-width: 767px) {
  .form__caption {
    position: absolute;
    top: -10px;
    left: 8px;
    z-index: 100;
    display: none;
    padding: 4px 6px;
    border-radius: 1000px;
    background-color: #1d3994;
    font-size: 1rem;
    line-height: 1;
    color: #FFFFFF;
  }
  .form__caption.-active {
    display: inline-block;
    background-color: #0284C7;
  }
  .form__caption.-success {
    display: inline-block;
    background-color: #16A34A;
  }
  .form__caption.-warning {
    display: inline-block;
    background-color: #DC2626;
  }
}

@media (min-width: 1200px) {
  .form__message {
    margin-bottom: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .form__message > .-success {
    display: none;
    margin-bottom: var(--x-small);
    color: #16A34A;
  }
  .form__message > .-success.-active {
    display: block;
  }
  .form__message > .-success:empty {
    display: none;
  }
  .form__message > .-success:last-child {
    margin-bottom: 0;
  }
  .form__message > .-error {
    display: none;
    margin-bottom: var(--x-small);
    color: #DC2626;
  }
  .form__message > .-error.-active {
    display: block;
  }
  .form__message > .-error:empty {
    display: none;
  }
  .form__message > .-error:last-child {
    margin-bottom: 0;
  }
  .form__message > .-info {
    display: none;
    margin-bottom: var(--x-small);
    color: #666666;
  }
  .form__message > .-info.-active {
    display: block;
  }
  .form__message > .-info:empty {
    display: none;
  }
  .form__message > .-info:last-child {
    margin-bottom: 0;
  }
  .form__message:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__message {
    margin-bottom: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .form__message > .-success {
    display: none;
    margin-bottom: var(--x-small);
    color: #16A34A;
  }
  .form__message > .-success.-active {
    display: block;
  }
  .form__message > .-success:empty {
    display: none;
  }
  .form__message > .-success:last-child {
    margin-bottom: 0;
  }
  .form__message > .-error {
    display: none;
    margin-bottom: var(--x-small);
    color: #DC2626;
  }
  .form__message > .-error.-active {
    display: block;
  }
  .form__message > .-error:empty {
    display: none;
  }
  .form__message > .-error:last-child {
    margin-bottom: 0;
  }
  .form__message > .-info {
    display: none;
    margin-bottom: var(--x-small);
    color: #666666;
  }
  .form__message > .-info.-active {
    display: block;
  }
  .form__message > .-info:empty {
    display: none;
  }
  .form__message > .-info:last-child {
    margin-bottom: 0;
  }
  .form__message:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__message {
    margin-bottom: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .form__message > .-success {
    display: none;
    margin-bottom: var(--x-small);
    color: #16A34A;
  }
  .form__message > .-success.-active {
    display: block;
  }
  .form__message > .-success:empty {
    display: none;
  }
  .form__message > .-success:last-child {
    margin-bottom: 0;
  }
  .form__message > .-error {
    display: none;
    margin-bottom: var(--x-small);
    color: #DC2626;
  }
  .form__message > .-error.-active {
    display: block;
  }
  .form__message > .-error:empty {
    display: none;
  }
  .form__message > .-error:last-child {
    margin-bottom: 0;
  }
  .form__message > .-info {
    display: none;
    margin-bottom: var(--x-small);
    color: #666666;
  }
  .form__message > .-info.-active {
    display: block;
  }
  .form__message > .-info:empty {
    display: none;
  }
  .form__message > .-info:last-child {
    margin-bottom: 0;
  }
  .form__message:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__terms {
    width: 100%;
    margin: 0 auto 48px;
    padding: 32px 24px;
    margin-bottom: 48px;
    border: 1px solid #E5E7EB;
  }
  .form__terms > .form__headline {
    margin-bottom: 16px;
  }
  .form__terms > .-item {
    width: 100%;
    padding: 24px;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .form__terms > .-item > li {
    margin-bottom: 16px;
  }
  .form__terms > .-item > li:last-child {
    margin-bottom: 0;
  }
  .form__terms > .-item:last-child {
    margin-bottom: 0;
  }
  .form__terms:last-child {
    margin-bottom: 0;
  }
  .form__container .form__terms {
    padding: 0;
    border: none;
  }
  .form__list > div > dd > .form__terms {
    border: none;
    padding: 0;
  }
  .form__list.-table > div > dd > .form__terms {
    border: none;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__terms {
    width: 100%;
    margin: 0 auto 48px;
    padding: 16px 16px;
    margin-bottom: 48px;
    border: 1px solid #E5E7EB;
  }
  .form__terms > .form__headline {
    margin-bottom: 12px;
  }
  .form__terms > .-item {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .form__terms > .-item > li {
    margin-bottom: 16px;
  }
  .form__terms > .-item > li:last-child {
    margin-bottom: 0;
  }
  .form__terms > .-item:last-child {
    margin-bottom: 0;
  }
  .form__terms:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__terms {
    width: 100%;
    margin: 0 auto 48px;
    padding: 16px 16px;
    margin-bottom: 48px;
    border: 1px solid #E5E7EB;
  }
  .form__terms > .form__headline {
    margin-bottom: 12px;
  }
  .form__terms > .-item {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #D1D5DB;
  }
  .form__terms > .-item > li {
    margin-bottom: 16px;
  }
  .form__terms > .-item > li:last-child {
    margin-bottom: 0;
  }
  .form__terms > .-item:last-child {
    margin-bottom: 0;
  }
  .form__terms:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__terms--container {
    margin-bottom: 32px;
  }
  .form__terms--container > .-caption {
    margin-bottom: 16px;
  }
  .form__terms--container > .-caption:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms {
    margin-bottom: 16px;
  }
  .form__terms--container > .-terms > li {
    margin-bottom: 16px;
  }
  .form__terms--container > .-terms > li:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms:last-child {
    margin-bottom: 0;
  }
  .form__terms--container:last-child {
    margin-bottom: 0;
  }
  .form__list > div > dd > .form__terms > .form__terms--container {
    padding: 16px;
    background-color: #F2F2F2;
  }
  .form__list.-table > div > dd > .form__terms > .form__terms--container {
    background-color: transparent;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__terms--container {
    margin-bottom: 12px;
  }
  .form__terms--container > .-caption {
    margin-bottom: 16px;
  }
  .form__terms--container > .-caption:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms {
    margin-bottom: 16px;
  }
  .form__terms--container > .-terms > li {
    margin-bottom: 12px;
  }
  .form__terms--container > .-terms > li:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms:last-child {
    margin-bottom: 0;
  }
  .form__terms--container:last-child {
    margin-bottom: 0;
  }
  .form__list > div > dd > .form__terms > .form__terms--container {
    padding: 12px 16px;
    background-color: #F2F2F2;
  }
  .form__list.-table > div > dd > .form__terms > .form__terms--container {
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  .form__terms--container {
    margin-bottom: 12px;
  }
  .form__terms--container > .-caption {
    margin-bottom: 16px;
  }
  .form__terms--container > .-caption:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms {
    margin-bottom: 16px;
  }
  .form__terms--container > .-terms > li {
    margin-bottom: 12px;
  }
  .form__terms--container > .-terms > li:last-child {
    margin-bottom: 0;
  }
  .form__terms--container > .-terms:last-child {
    margin-bottom: 0;
  }
  .form__terms--container:last-child {
    margin-bottom: 0;
  }
  .form__list > div > dd > .form__terms > .form__terms--container {
    padding: 12px 16px;
    background-color: #F2F2F2;
  }
  .form__list.-table > div > dd > .form__terms > .form__terms--container {
    background-color: transparent;
  }
}

@media (min-width: 1200px) {
  .form__function--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 16px 24px;
    margin-bottom: 16px;
  }
  .form__function--wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__function--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 16px 16px;
    margin-bottom: 16px;
  }
  .form__function--wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__function--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 16px 16px;
    margin-bottom: 16px;
  }
  .form__function--wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .form__function--number {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-weight: 700;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__function--number {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .form__function--number {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    font-weight: 700;
  }
}

@media (min-width: 1200px) {
  .form__function {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
  }
  .form__function > div > dt {
    margin-bottom: 4px;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .form__function > div > dd input, .form__function > div > dd select {
    min-height: 48px;
  }
  .form__function.-end {
    justify-content: flex-end;
  }
  .form__function--wrapper .form__function {
    margin-bottom: 0;
  }
  .form__function:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form__function {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
  }
  .form__function > div > dt {
    margin-bottom: 4px;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .form__function > div > dd input, .form__function > div > dd select {
    min-height: 48px;
  }
  .form__function.-end {
    justify-content: flex-end;
  }
  .form__function--wrapper .form__function {
    margin-bottom: 0;
  }
  .form__function:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form__function {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 16px;
  }
  .form__function > div > dt {
    margin-bottom: 4px;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .form__function > div > dd input, .form__function > div > dd select {
    min-height: 48px;
  }
  .form__function.-end {
    justify-content: flex-end;
  }
  .form__function--wrapper .form__function {
    margin-bottom: 0;
  }
  .form__function:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - フォーム：カスタマイズ Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .file__input--upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 8px;
    background-image: repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    overflow: clip;
  }
  .file__input--upload > .-label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    cursor: pointer;
  }
  .file__input--upload > .-label > input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .file__input--upload > .-label > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    margin-bottom: 8px;
    border-radius: 1000px;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    text-align: center;
  }
  .file__input--upload > .-label > .-icon img {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .file__input--upload > .-label > .-headline {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-caption {
    font-size: 1.2rem;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-file-name {
    display: none;
    color: #0369A1;
  }
  .file__input--upload:hover > .-label {
    opacity: 0.8;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .file__input--upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 8px;
    background-image: repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    overflow: clip;
  }
  .file__input--upload > .-label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    cursor: pointer;
  }
  .file__input--upload > .-label > input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .file__input--upload > .-label > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    margin-bottom: 8px;
    border-radius: 1000px;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    text-align: center;
  }
  .file__input--upload > .-label > .-icon img {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .file__input--upload > .-label > .-headline {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-caption {
    font-size: 1.2rem;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-file-name {
    display: none;
    color: #0369A1;
  }
  .file__input--upload:hover > .-label {
    opacity: 0.8;
  }
}
@media (max-width: 767px) {
  .file__input--upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-radius: 8px;
    background-image: repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(90deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px), repeating-linear-gradient(180deg, #0369A1, #0369A1 2px, transparent 2px, transparent 4px);
    background-position: left top, right top, left bottom, left top;
    background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    overflow: clip;
  }
  .file__input--upload > .-label {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px;
    cursor: pointer;
  }
  .file__input--upload > .-label > input[type=file] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .file__input--upload > .-label > .-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    margin-bottom: 8px;
    border-radius: 1000px;
    border: 1px solid #D1D5DB;
    background-color: #FFFFFF;
    text-align: center;
  }
  .file__input--upload > .-label > .-icon img {
    width: 16px;
    min-width: 16px;
    height: 16px;
  }
  .file__input--upload > .-label > .-headline {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-caption {
    font-size: 1.2rem;
    color: #666666;
    text-align: center;
  }
  .file__input--upload > .-label > .-file-name {
    display: none;
    color: #0369A1;
  }
  .file__input--upload:hover > .-label {
    opacity: 0.8;
  }
}

/* ソースサンプル
<div class="input__password">
	<input type="password" name="example1" placeholder="password" class="-password">
	<span class="-eye"></span>
</div>
*/
@media (min-width: 1200px) {
  .input__password {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .input__password span {
    width: 100%;
  }
  .input__password input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__password .-eye {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/base/eye.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
  .input__password .-eye.-slash {
    background-image: url("../img/icon/base/eye-slash.svg");
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .input__password {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .input__password span {
    width: 100%;
  }
  .input__password input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__password .-eye {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/base/eye.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
  .input__password .-eye.-slash {
    background-image: url("../img/icon/base/eye-slash.svg");
  }
}
@media (max-width: 767px) {
  .input__password {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
  }
  .input__password span {
    width: 100%;
  }
  .input__password input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__password .-eye {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/base/eye.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
  .input__password .-eye.-slash {
    background-image: url("../img/icon/base/eye-slash.svg");
  }
}

/* ソースサンプル
<div class="input__search">
	<input type="search" name="example1" placeholder="キーワード検索">
	<span class="-search"></span>
</div>
*/
@media (min-width: 1200px) {
  .input__search {
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex: 1;
  }
  .input__search span {
    width: 100%;
  }
  .input__search input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__search .-search {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/information/fill/search.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .input__search {
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex: 1;
  }
  .input__search span {
    width: 100%;
  }
  .input__search input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__search .-search {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/function/fill/search.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .input__search {
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex: 1;
  }
  .input__search span {
    width: 100%;
  }
  .input__search input {
    padding-right: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__search .-search {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    display: inline-block;
    width: 36px;
    height: 100%;
    background-image: url("../img/icon/function/fill/search.svg");
    background-position: right 11px center;
    background-repeat: no-repeat;
    background-size: 14px;
    cursor: pointer;
  }
}

/* ソースサンプル
<div class="input__option">
	<input type="text" name="example1" value="" placeholder="招待コードが表示されます" readonly="">
	<span class="-copy"></span>
</div>
*/
@media (min-width: 1200px) {
  .input__copy {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .input__copy input {
    padding-right: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__copy input:disabled + .-unit {
    color: #B3B3B3;
  }
  .input__copy input:-moz-read-only {
    background-color: #FFFFFF;
  }
  .input__copy input:read-only {
    background-color: #FFFFFF;
  }
  .input__copy .-copy {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-left: none;
    background-color: transparent;
    cursor: pointer;
  }
  .input__copy .-copy::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../img/icon/base/copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .input__copy {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .input__copy input {
    padding-right: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__copy input:disabled + .-unit {
    color: #B3B3B3;
  }
  .input__copy input:-moz-read-only {
    background-color: #FFFFFF;
  }
  .input__copy input:read-only {
    background-color: #FFFFFF;
  }
  .input__copy .-copy {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-left: none;
    background-color: transparent;
    font-size: 1.2rem;
    cursor: pointer;
  }
  .input__copy .-copy::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../img/icon/base/copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .input__copy {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .input__copy input {
    padding-right: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .input__copy input:disabled + .-unit {
    color: #B3B3B3;
  }
  .input__copy input:-moz-read-only {
    background-color: #FFFFFF;
  }
  .input__copy input:read-only {
    background-color: #FFFFFF;
  }
  .input__copy .-copy {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    border-left: none;
    background-color: transparent;
    font-size: 1.2rem;
    cursor: pointer;
  }
  .input__copy .-copy::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url("../img/icon/base/copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* ソースサンプル
<label class="input__radio"><input type="radio" name="radio" value="サンプル" checked><span class="-label">ラジオボタンサンプル</span></label>
*/
@media (min-width: 1200px) {
  .input__radio {
    position: relative;
    display: inline-block;
    min-width: 16px;
    padding-left: 22px;
    color: #333333;
  }
  .input__radio input[type=radio] {
    display: none;
  }
  .input__radio input[type=radio] + .-label {
    cursor: pointer;
  }
  .input__radio input[type=radio] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    z-index: 100;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-radius: 1000px;
    background-color: #B3B3B3;
  }
  .input__radio input[type=radio] + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 1000px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__radio input[type=radio] + .-label:hover {
    opacity: 0.8;
  }
  .input__radio input[type=radio]:disabled + .-label {
    color: #999999;
    opacity: 1;
    cursor: auto;
  }
  .input__radio input[type=radio]:disabled + .-label::before {
    display: none;
  }
  .input__radio input[type=radio]:disabled + .-label::after {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__radio input[type=radio]:checked + .-label::before {
    background-color: #3B82F6;
  }
  .input__radio input[type=radio]:checked + .-label::after {
    border: 1px solid #3B82F6;
    background-color: #FFFFFF;
  }
  .input__radio.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__radio.-border input[type=radio] + .-label::before {
    left: 15px;
  }
  .input__radio.-border input[type=radio] + .-label::after {
    left: 12px;
  }
  .input__radio.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .input__radio {
    position: relative;
    display: inline-block;
    min-width: 16px;
    padding-left: 22px;
    color: #333333;
  }
  .input__radio input[type=radio] {
    display: none;
  }
  .input__radio input[type=radio] + .-label {
    cursor: pointer;
  }
  .input__radio input[type=radio] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    z-index: 100;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-radius: 1000px;
    background-color: #B3B3B3;
  }
  .input__radio input[type=radio] + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 1000px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__radio input[type=radio] + .-label:hover {
    opacity: 0.8;
  }
  .input__radio input[type=radio]:disabled + .-label {
    color: #999999;
    opacity: 1;
    cursor: auto;
  }
  .input__radio input[type=radio]:disabled + .-label::before {
    display: none;
  }
  .input__radio input[type=radio]:disabled + .-label::after {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__radio input[type=radio]:checked + .-label::before {
    background-color: #3B82F6;
  }
  .input__radio input[type=radio]:checked + .-label::after {
    border: 1px solid #3B82F6;
    background-color: #FFFFFF;
  }
  .input__radio.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__radio.-border input[type=radio] + .-label::before {
    left: 15px;
  }
  .input__radio.-border input[type=radio] + .-label::after {
    left: 12px;
  }
  .input__radio.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}
@media (max-width: 767px) {
  .input__radio {
    position: relative;
    display: inline-block;
    min-width: 16px;
    padding-left: 22px;
    color: #333333;
  }
  .input__radio input[type=radio] {
    display: none;
  }
  .input__radio input[type=radio] + .-label {
    cursor: pointer;
  }
  .input__radio input[type=radio] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    z-index: 100;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-radius: 1000px;
    background-color: #B3B3B3;
  }
  .input__radio input[type=radio] + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 1000px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__radio input[type=radio] + .-label:hover {
    opacity: 0.8;
  }
  .input__radio input[type=radio]:disabled + .-label {
    color: #999999;
    opacity: 1;
    cursor: auto;
  }
  .input__radio input[type=radio]:disabled + .-label::before {
    display: none;
  }
  .input__radio input[type=radio]:disabled + .-label::after {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__radio input[type=radio]:checked + .-label::before {
    background-color: #3B82F6;
  }
  .input__radio input[type=radio]:checked + .-label::after {
    border: 1px solid #3B82F6;
    background-color: #FFFFFF;
  }
  .input__radio.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__radio.-border input[type=radio] + .-label::before {
    left: 15px;
  }
  .input__radio.-border input[type=radio] + .-label::after {
    left: 12px;
  }
  .input__radio.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}

/* ソースサンプル
<label class="input__checkbox"><input type="checkbox" name="checkbox" value="サンプル" checked><span class="-text">チェックボタン</span></label>
*/
@media (min-width: 1200px) {
  .input__checkbox {
    position: relative;
    display: inline-block;
    min-height: 16px;
    padding-left: 26px;
    color: #333333;
  }
  .input__checkbox input[type=checkbox] {
    display: none;
  }
  .input__checkbox input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox input[type=checkbox] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__checkbox input[type=checkbox] + .-label:hover {
    opacity: 0.8;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label {
    color: #999999;
    cursor: auto;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label::before {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label:hover {
    opacity: 1;
  }
  .input__checkbox input[type=checkbox]:checked + .-label {
    font-weight: 400;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::before {
    border: 1px solid #3B82F6;
    background-color: #3B82F6;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 2px;
    left: 6px;
    z-index: 100;
    width: 6px;
    height: 12px;
    margin: auto 0;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(45deg);
  }
  .input__checkbox:has(input[type=checkbox] + .-label:empty) {
    min-height: 16px;
    padding-left: 16px;
  }
  .input__checkbox.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label::before {
    left: 12px;
  }
  .input__checkbox.-border input[type=checkbox]:disabled + .-label {
    cursor: auto;
  }
  .input__checkbox.-border input[type=checkbox]:checked + .-label::after {
    left: 18px;
  }
  .input__checkbox.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .input__checkbox {
    position: relative;
    display: inline-block;
    min-height: 14px;
    padding-left: 26px;
    color: #333333;
  }
  .input__checkbox input[type=checkbox] {
    display: none;
  }
  .input__checkbox input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox input[type=checkbox] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__checkbox input[type=checkbox] + .-label:hover {
    opacity: 0.8;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label {
    color: #999999;
    cursor: auto;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label::before {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label:hover {
    opacity: 1;
  }
  .input__checkbox input[type=checkbox]:checked + .-label {
    font-weight: 400;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::before {
    border: 1px solid #3B82F6;
    background-color: #3B82F6;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 2px;
    left: 6px;
    z-index: 100;
    width: 6px;
    height: 12px;
    margin: auto 0;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(45deg);
  }
  .input__checkbox:has(input[type=checkbox] + .-label:empty) {
    padding-left: 14px;
  }
  .input__checkbox.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label::before {
    left: 12px;
  }
  .input__checkbox.-border input[type=checkbox]:disabled + .-label {
    cursor: auto;
  }
  .input__checkbox.-border input[type=checkbox]:checked + .-label::after {
    left: 17px;
  }
  .input__checkbox.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}
@media (max-width: 767px) {
  .input__checkbox {
    position: relative;
    display: inline-block;
    min-height: 14px;
    padding-left: 26px;
    color: #333333;
  }
  .input__checkbox input[type=checkbox] {
    display: none;
  }
  .input__checkbox input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox input[type=checkbox] + .-label::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 18px;
    height: 18px;
    margin: auto 0;
    border-radius: 2px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  .input__checkbox input[type=checkbox] + .-label:hover {
    opacity: 0.8;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label {
    color: #999999;
    cursor: auto;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label::before {
    border: 1px solid #B3B3B3;
    background-color: #F2F2F2;
  }
  .input__checkbox input[type=checkbox]:disabled + .-label:hover {
    opacity: 1;
  }
  .input__checkbox input[type=checkbox]:checked + .-label {
    font-weight: 400;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::before {
    border: 1px solid #3B82F6;
    background-color: #3B82F6;
  }
  .input__checkbox input[type=checkbox]:checked + .-label::after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    bottom: 2px;
    left: 6px;
    z-index: 100;
    width: 6px;
    height: 12px;
    margin: auto 0;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(45deg);
  }
  .input__checkbox:has(input[type=checkbox] + .-label:empty) {
    padding-left: 14px;
  }
  .input__checkbox.-border {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 2px 12px 2px 34px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #FFFFFF;
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label {
    cursor: pointer;
  }
  .input__checkbox.-border input[type=checkbox] + .-label::before {
    left: 12px;
  }
  .input__checkbox.-border input[type=checkbox]:disabled + .-label {
    cursor: auto;
  }
  .input__checkbox.-border input[type=checkbox]:checked + .-label::after {
    left: 17px;
  }
  .input__checkbox.-border:has(:disabled + .-label) {
    cursor: auto;
  }
}

/* ソースサンプル
<select class="round__select" name="example"><option></option></select>
*/
@media (min-width: 1200px) {
  .round__select {
    min-height: 24px;
    padding: 0 28px 0 8px;
    border-radius: 1000px;
    background-position: right 8px center;
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .round__select {
    min-height: 24px;
    padding: 0 28px 0 8px;
    border-radius: 1000px;
    background-position: right 8px center;
    font-size: 1.2rem;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .round__select {
    min-height: 24px;
    padding: 0 28px 0 8px;
    border-radius: 1000px;
    background-position: right 8px center;
    font-size: 1.2rem;
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .multi-select__wrapper {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .multi-select__wrapper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .multi-select__wrapper {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .multiSelect:has(+ .multi-selected__list > li) {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .multiSelect:has(+ .multi-selected__list > li) {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .multiSelect:has(+ .multi-selected__list > li) {
    margin-bottom: 8px;
  }
}

@media (min-width: 1200px) {
  .multi-selected__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .multi-selected__list > li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    padding: 2px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #F9F9F9;
    font-size: 1.2rem;
    line-height: 1.2;
    cursor: pointer;
  }
  .multi-selected__list > li > .-remove {
    font-weight: 700;
    color: #666666;
  }
  .multi-selected__list > li:hover {
    border-color: #0369A1;
    background-color: #F0F9FF;
    color: #0369A1;
  }
  .multi-selected__list > li:hover > .-remove {
    color: #0369A1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .multi-selected__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .multi-selected__list > li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    padding: 2px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #F9F9F9;
    font-size: 1.2rem;
    line-height: 1.2;
    cursor: pointer;
  }
  .multi-selected__list > li > .-remove {
    color: #666666;
  }
}
@media (max-width: 767px) {
  .multi-selected__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .multi-selected__list > li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    padding: 2px 12px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px;
    background-color: #F9F9F9;
    font-size: 1.2rem;
    line-height: 1.2;
    cursor: pointer;
  }
  .multi-selected__list > li > .-remove {
    color: #666666;
  }
  .multi-selected__list > li:hover {
    border-color: #F0F9FF;
  }
}

@media (min-width: 1200px) {
  .frame__container {
    width: 100%;
    padding: var(--middle);
    margin-bottom: var(--middle);
    border: 1px solid #D1D5DB;
    border-radius: var(--x-small);
  }
  .frame__container:last-child {
    margin-bottom: 0;
  }
  .form__field .frame__container {
    flex: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .frame__container {
    width: 100%;
    padding: var(--middle);
    margin-bottom: var(--middle);
    border: 1px solid #D1D5DB;
    border-radius: var(--x-small);
  }
  .frame__container:last-child {
    margin-bottom: 0;
  }
  .form__field .frame__container {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .frame__container {
    width: 100%;
    padding: var(--middle);
    margin-bottom: var(--middle);
    border: 1px solid #D1D5DB;
    border-radius: var(--x-small);
  }
  .frame__container:last-child {
    margin-bottom: 0;
  }
  .form__field .frame__container {
    flex: 1;
  }
}

/*==========================================================================
  - ボタン Prefix：btn
========================================================================== */
@media (min-width: 1200px) {
  .btn__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 32px;
    margin: 48px 0;
  }
  .btn__wrapper:first-child {
    margin-top: 0;
  }
  .btn__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .btn__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 16px;
    margin: 32px 0;
  }
  .btn__wrapper > li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .btn__wrapper > li:has(.-primary) {
    order: -10;
    width: 100%;
  }
  .btn__wrapper > li:has(.-accent-1) {
    order: -9;
    width: 100%;
  }
  .btn__wrapper:first-child {
    margin-top: 0;
  }
  .btn__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .btn__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 16px;
    margin: 32px 0;
  }
  .btn__wrapper > li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .btn__wrapper > li:has(.-primary) {
    order: -10;
    width: 100%;
  }
  .btn__wrapper > li:has(.-accent-1) {
    order: -9;
    width: 100%;
  }
  .btn__wrapper:first-child {
    margin-top: 0;
  }
  .btn__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 260px;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px !important;
    background: white;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #333333;
    cursor: pointer;
  }
  .btn:link {
    color: #333333;
  }
  .btn:hover {
    opacity: 0.8;
  }
  .btn > img {
    height: 20px;
  }
  .btn.-disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
    pointer-events: none;
  }
  .btn.-square {
    border-radius: 4px !important;
  }
  .btn.-large {
    min-height: 56px;
  }
  .btn.-large > img {
    height: 24px;
  }
  .btn.-small {
    min-height: 40px;
  }
  .btn.-small > img {
    height: 16px;
  }
  .btn.-primary {
    border: 1px solid #1d3994;
    background: #1d3994;
    color: white;
  }
  .btn.-primary.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-1 {
    border: 1px solid #F2A900;
    background: #F2A900;
    color: white;
  }
  .btn.-accent-1.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-2 {
    border: 1px solid #00ACE6;
    background: #00ACE6;
    color: white;
  }
  .btn.-accent-2.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-outline {
    border: 1px solid #D1D5DB;
    background: white;
  }
  .btn.-outline.-primary {
    border: #1d3994;
    background: white;
    color: #1d3994;
  }
  .btn.-outline.-accent-1 {
    border: 1px solid #F2A900;
    background: white;
    color: #F2A900;
  }
  .btn.-outline.-accent-2 {
    border: 1px solid #00ACE6;
    background: white;
    color: #00ACE6;
  }
  table .btn {
    min-width: auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 260px;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px !important;
    background: white;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #333333;
    cursor: pointer;
  }
  .btn:link {
    color: #333333;
  }
  .btn:hover {
    opacity: 0.8;
  }
  .btn > img {
    height: 24px;
  }
  .btn.-disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
    pointer-events: none;
  }
  .btn.-square {
    border-radius: 4px !important;
  }
  .btn.-large {
    min-height: 56px;
  }
  .btn.-large > img {
    height: 24px;
  }
  .btn.-small {
    min-height: 40px;
  }
  .btn.-small > img {
    height: 16px;
  }
  .btn.-primary {
    border: #1d3994;
    background: #1d3994;
    color: white;
  }
  .btn.-primary.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-1 {
    border: 1px solid #F2A900;
    background: #F2A900;
    color: white;
  }
  .btn.-accent-1.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-2 {
    border: 1px solid #00ACE6;
    background: #00ACE6;
    color: white;
  }
  .btn.-accent-2.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-outline {
    border: 1px solid #D1D5DB;
    background: white;
  }
  .btn.-outline.-primary {
    border: #1d3994;
    background: white;
    color: #1d3994;
  }
  .btn.-outline.-accent-1 {
    border: 1px solid #F2A900;
    background: white;
    color: #F2A900;
  }
  .btn.-outline.-accent-2 {
    border: 1px solid #00ACE6;
    background: white;
    color: #00ACE6;
  }
  table .btn {
    min-width: auto !important;
  }
}
@media (max-width: 767px) {
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 260px;
    max-width: 100%;
    min-height: 48px;
    padding: 4px 16px;
    border: 1px solid #D1D5DB;
    border-radius: 1000px !important;
    background: white;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #333333;
    cursor: pointer;
  }
  .btn:link {
    color: #333333;
  }
  .btn:hover {
    opacity: 0.8;
  }
  .btn > img {
    height: 24px;
  }
  .btn.-disabled {
    border: 1px solid #D1D5DB;
    background-color: #F2F2F2;
    color: #999999;
    pointer-events: none;
  }
  .btn.-square {
    border-radius: 4px !important;
  }
  .btn.-large {
    min-height: 56px;
  }
  .btn.-large > img {
    height: 24px;
  }
  .btn.-small {
    min-height: 40px;
  }
  .btn.-small > img {
    height: 16px;
  }
  .btn.-primary {
    border: #1d3994;
    background: #1d3994;
    color: white;
  }
  .btn.-primary.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-1 {
    border: 1px solid #F2A900;
    background: #F2A900;
    color: white;
  }
  .btn.-accent-1.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-accent-2 {
    border: 1px solid #00ACE6;
    background: #00ACE6;
    color: white;
  }
  .btn.-accent-2.-disabled {
    background-color: #CCCCCC;
    color: white;
  }
  .btn.-outline {
    border: 1px solid #D1D5DB;
    background: white;
  }
  .btn.-outline.-primary {
    border: #1d3994;
    background: white;
    color: #1d3994;
  }
  .btn.-outline.-accent-1 {
    border: 1px solid #F2A900;
    background: white;
    color: #F2A900;
  }
  .btn.-outline.-accent-2 {
    border: 1px solid #00ACE6;
    background: white;
    color: #00ACE6;
  }
  table .btn {
    min-width: auto !important;
  }
}

/*==========================================================================
  - SNS Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .sns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
  }
  .sns > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }
  .sns:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
  }
  .sns > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }
  .sns:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .sns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-bottom: 32px;
  }
  .sns > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }
  .sns:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - タブ Prefix：tab
========================================================================== */
@media (min-width: 1200px) {
  .tab__list {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 4px;
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 2px solid #1d3994;
  }
  .tab__list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 4px 8px;
    background-color: #F2F2F2;
    line-height: 1.2;
    color: #333333;
    cursor: pointer;
  }
  .tab__list > li.-active {
    border: none;
    background-color: #1d3994;
    color: #FFFFFF;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tab__list {
    position: relative;
    display: flex;
    gap: 8px;
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 2px solid #1d3994;
    overflow-x: auto;
  }
  .tab__list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 80px;
    min-height: 48px;
    padding: 4px 12px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #D1D5DB;
    border-bottom: none;
    background-color: white;
    white-space: nowrap;
    font-size: 1.4rem;
    color: #333333;
    cursor: pointer;
  }
  .tab__list > li.-active {
    border: none;
    background-color: #1d3994;
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .tab__list {
    position: relative;
    display: flex;
    gap: 8px;
    width: 100%;
    margin-bottom: 24px;
    border-bottom: 2px solid #1d3994;
    overflow-x: auto;
  }
  .tab__list > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 80px;
    min-height: 48px;
    padding: 4px 12px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #D1D5DB;
    border-bottom: none;
    background-color: white;
    white-space: nowrap;
    font-size: 1.4rem;
    color: #333333;
    cursor: pointer;
  }
  .tab__list > li.-active {
    border: none;
    background-color: #1d3994;
    color: #FFFFFF;
  }
}

@media (min-width: 1200px) {
  .tab__area {
    display: none;
    width: 100%;
  }
  .tab__area.-active {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tab__area {
    display: none;
    width: 100%;
  }
  .tab__area.-active {
    display: block;
  }
}
@media (max-width: 767px) {
  .tab__area {
    display: none;
    width: 100%;
  }
  .tab__area.-active {
    display: block;
  }
}

/*==========================================================================
  - メディア Prefix：media
  --------------------------------------------------------------------------
  - アスペクト比16:9（デフォルト）を基準（16を100%とした時の9の値 56.25%）
========================================================================== */
@media (min-width: 1200px) {
  .media-youtube {
    position: relative;
    width: 100%;
    margin: 0 auto 64px;
    padding-top: 56.25%;
  }
  .media-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-youtube:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .media-youtube {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-youtube:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .media-youtube {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-youtube:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .media-map {
    position: relative;
    width: 100%;
    margin: 0 auto 64px;
    padding-top: 56.25%;
  }
  .media-map iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-map:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .media-map {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-map iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-map:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .media-map {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-map iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-map:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .media-video {
    position: relative;
    width: 100%;
    margin: 0 auto 64px;
    padding-top: 56.25%;
  }
  .media-video video {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-video:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .media-video {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-video:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .media-video {
    position: relative;
    width: 100%;
    margin: 0 auto 48px;
    padding-top: 56.25%;
  }
  .media-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  .media-video:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - Information Prefix：information
========================================================================== */
@media (min-width: 1200px) {
  .information__wrapper {
    width: 100%;
    margin-bottom: 32px;
  }
  .information__wrapper > li {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    font-weight: 500;
  }
  .information__wrapper > li::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 1.6em;
    min-width: 24px;
    min-height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .information__wrapper > li.-success {
    border: 1px solid #16A34A;
    background-color: #F0FDF4;
    color: #16A34A;
  }
  .information__wrapper > li.-success::before {
    background-image: url("../img/icon/information/information-success.svg");
  }
  .information__wrapper > li.-error {
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    color: #DC2626;
  }
  .information__wrapper > li.-error::before {
    background-image: url("../img/icon/information/information-error.svg");
  }
  .information__wrapper > li.-warning {
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    color: #F59E0B;
  }
  .information__wrapper > li.-warning::before {
    background-image: url("../img/icon/information/information-wraning.svg");
  }
  .information__wrapper > li.-info {
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    color: #0284C7;
  }
  .information__wrapper > li.-info::before {
    background-image: url("../img/icon/information/information-info.svg");
  }
  .information__wrapper > li:last-child {
    margin-bottom: 0;
  }
  .information__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .information__wrapper {
    width: 100%;
    margin-bottom: 32px;
  }
  .information__wrapper > li {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .information__wrapper > li::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 1.6em;
    min-width: 24px;
    min-height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .information__wrapper > li.-success {
    border: 1px solid #16A34A;
    background-color: #F0FDF4;
    color: #16A34A;
  }
  .information__wrapper > li.-success::before {
    background-image: url("../img/icon/information/information-success.svg");
  }
  .information__wrapper > li.-error {
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    color: #DC2626;
  }
  .information__wrapper > li.-error::before {
    background-image: url("../img/icon/information/information-error.svg");
  }
  .information__wrapper > li.-warning {
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    color: #F59E0B;
  }
  .information__wrapper > li.-warning::before {
    background-image: url("../img/icon/information/information-wraning.svg");
  }
  .information__wrapper > li.-info {
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    color: #0284C7;
  }
  .information__wrapper > li.-info::before {
    background-image: url("../img/icon/information/information-info.svg");
  }
  .information__wrapper > li:last-child {
    margin-bottom: 0;
  }
  .information__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .information__wrapper {
    width: 100%;
    margin-bottom: 32px;
  }
  .information__wrapper > li {
    display: flex;
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .information__wrapper > li::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 1.6em;
    min-width: 24px;
    min-height: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  .information__wrapper > li.-success {
    border: 1px solid #16A34A;
    background-color: #F0FDF4;
    color: #16A34A;
  }
  .information__wrapper > li.-success::before {
    background-image: url("../img/icon/information/information-success.svg");
  }
  .information__wrapper > li.-error {
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    color: #DC2626;
  }
  .information__wrapper > li.-error::before {
    background-image: url("../img/icon/information/information-error.svg");
  }
  .information__wrapper > li.-warning {
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    color: #F59E0B;
  }
  .information__wrapper > li.-warning::before {
    background-image: url("../img/icon/information/information-wraning.svg");
  }
  .information__wrapper > li.-info {
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    color: #0284C7;
  }
  .information__wrapper > li.-info::before {
    background-image: url("../img/icon/information/information-info.svg");
  }
  .information__wrapper > li:last-child {
    margin-bottom: 0;
  }
  .information__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .information__error {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    font-weight: 700;
    color: #DC2626;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .information__error {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    font-weight: 700;
    color: #DC2626;
  }
}
@media (max-width: 767px) {
  .information__error {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #DC2626;
    background-color: #FEF2F2;
    font-weight: 700;
    color: #DC2626;
  }
}

@media (min-width: 1200px) {
  .information__warning {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    font-weight: 700;
    color: #F59E0B;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .information__warning {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    font-weight: 700;
    color: #F59E0B;
  }
}
@media (max-width: 767px) {
  .information__warning {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #F59E0B;
    background-color: #FFFBEB;
    font-weight: 700;
    color: #F59E0B;
  }
}

@media (min-width: 1200px) {
  .information__info {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    font-weight: 700;
    color: #0284C7;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .information__info {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    font-weight: 700;
    color: #0284C7;
  }
}
@media (max-width: 767px) {
  .information__info {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #0284C7;
    background-color: #F0F9FF;
    font-weight: 700;
    color: #0284C7;
  }
}

/*==========================================================================
  - pager Prefix：pager
========================================================================== */
@media (min-width: 1200px) {
  .pager__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--small);
    margin: var(--middle) 0;
    white-space: nowrap;
  }
  .pager__wrapper:first-child {
    margin-top: 0;
  }
  .pager__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pager__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--small);
    margin: var(--middle) 0;
    white-space: nowrap;
  }
  .pager__wrapper:first-child {
    margin-top: 0;
  }
  .pager__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .pager__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--small);
    margin: var(--middle) 0;
    white-space: nowrap;
  }
  .pager__wrapper:first-child {
    margin-top: 0;
  }
  .pager__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .pager__num {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--small);
  }
  .pager__num > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__num > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__num > li:active {
    opacity: 0.8;
  }
  .pager__num > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__num > li:hover > a {
    color: #0369A1;
    opacity: 1;
  }
  .pager__num > li.-extend {
    margin-left: -8px;
    margin-right: -8px;
    border: none;
  }
  .pager__num > li.-extend:first-child {
    margin-left: 0;
  }
  .pager__num > li.-extend:last-child {
    margin-right: 0;
  }
  .pager__num > li.-extend:hover {
    border: none;
    background-color: white;
    font-weight: 400;
    color: #333333;
  }
  .pager__num > li.-extend:hover > a {
    color: #333333;
    opacity: 1;
  }
  .pager__num > li.-active {
    border: none;
    background-color: #0369A1;
    pointer-events: none;
  }
  .pager__num > li.-active a {
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pager__num {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--small);
  }
  .pager__num > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__num > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__num > li:active {
    opacity: 0.8;
  }
  .pager__num > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__num > li:hover > a {
    color: #0369A1;
    opacity: 1;
  }
  .pager__num > li.-extend {
    margin-left: -8px;
    margin-right: -8px;
    border: none;
  }
  .pager__num > li.-extend:first-child {
    margin-left: 0;
  }
  .pager__num > li.-extend:last-child {
    margin-right: 0;
  }
  .pager__num > li.-extend:hover {
    border: none;
    background-color: white;
    font-weight: 400;
    color: #333333;
  }
  .pager__num > li.-extend:hover > a {
    color: #333333;
    opacity: 1;
  }
  .pager__num > li.-active {
    border: none;
    background-color: #0369A1;
    pointer-events: none;
  }
  .pager__num > li.-active a {
    color: white;
  }
}
@media (max-width: 767px) {
  .pager__num {
    order: -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--small);
    width: 100%;
  }
  .pager__num > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__num > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__num > li:active {
    opacity: 0.8;
  }
  .pager__num > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__num > li:hover > a {
    color: #0369A1;
    opacity: 1;
  }
  .pager__num > li.-extend {
    margin-left: -8px;
    margin-right: -8px;
    border: none;
  }
  .pager__num > li.-extend:first-child {
    margin-left: 0;
  }
  .pager__num > li.-extend:last-child {
    margin-right: 0;
  }
  .pager__num > li.-extend:hover {
    border: none;
    background-color: white;
    font-weight: 400;
    color: #333333;
  }
  .pager__num > li.-extend:hover > a {
    color: #333333;
    opacity: 1;
  }
  .pager__num > li.-active {
    border: none;
    background-color: #0369A1;
    pointer-events: none;
  }
  .pager__num > li.-active a {
    color: white;
  }
}

@media (min-width: 1200px) {
  .pager__prev {
    display: flex;
    gap: var(--small);
  }
  .pager__prev > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__prev > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__prev > li.pager__first {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li.pager__back {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__prev > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pager__prev {
    display: flex;
    gap: var(--small);
  }
  .pager__prev > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__prev > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__prev > li.pager__first {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li.pager__back {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__prev > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .pager__prev {
    display: flex;
    gap: var(--small);
  }
  .pager__prev > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__prev > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__prev > li.pager__first {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li.pager__back {
    width: 32px;
    height: 32px;
  }
  .pager__prev > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__prev > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  .pager__next {
    display: flex;
    gap: var(--small);
  }
  .pager__next > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__next > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__next > li.pager__after {
    width: 32px;
    height: 32px;
  }
  .pager__next > li.pager__last {
    width: 32px;
    height: 32px;
  }
  .pager__next > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__next > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pager__next {
    display: flex;
    gap: var(--small);
  }
  .pager__next > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__next > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__next > li.pager__after {
    width: 32px;
    height: 32px;
  }
  .pager__next > li.pager__last {
    width: 32px;
    height: 32px;
  }
  .pager__next > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__next > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .pager__next {
    display: flex;
    gap: var(--small);
  }
  .pager__next > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: var(--x-small);
    border: 1px solid #D1D5DB;
    background-color: white;
    font-size: 1.2rem;
    line-height: 1;
    overflow: hidden;
  }
  .pager__next > li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .pager__next > li.pager__after {
    width: 32px;
    height: 32px;
  }
  .pager__next > li.pager__last {
    width: 32px;
    height: 32px;
  }
  .pager__next > li:hover {
    border: 1px solid #0369A1;
    background-color: #F0F9FF;
    font-weight: 500;
    color: #0369A1;
  }
  .pager__next > li:hover a {
    color: #0369A1;
    opacity: 1;
  }
}

/*==========================================================================
  - ステップ Prefix：step
========================================================================== */
@media (min-width: 1200px) {
  .step-nav__category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 2px;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 12px;
  }
  .step-nav__category > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
  }
  .step-nav__category > li > .-label {
    padding: 4px 8px;
    border: 1px solid #66CCEE;
    border-radius: 4px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #009BCE;
  }
  .step-nav__category > li::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../img/icon/base/light-sky-blue/angles-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  .step-nav__category > li.-active > .-label {
    border: 1px solid #00ACE6;
    background-color: #00ACE6;
    color: #FFFFFF;
  }
  .step-nav__category > li:last-child::after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-nav__category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 0;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 12px;
  }
  .step-nav__category > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
  }
  .step-nav__category > li > .-label {
    padding: 4px 4px;
    border: 1px solid #66CCEE;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #009BCE;
  }
  .step-nav__category > li::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../img/icon/base/light-sky-blue/angles-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  .step-nav__category > li.-active > .-label {
    border: 1px solid #00ACE6;
    background-color: #00ACE6;
    color: #FFFFFF;
  }
  .step-nav__category > li:last-child::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .step-nav__category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 0;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 12px;
  }
  .step-nav__category > li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
  }
  .step-nav__category > li > .-label {
    padding: 4px 4px;
    border: 1px solid #66CCEE;
    border-radius: 4px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #009BCE;
  }
  .step-nav__category > li::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("../img/icon/base/light-sky-blue/angles-right.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
  }
  .step-nav__category > li.-active > .-label {
    border: 1px solid #00ACE6;
    background-color: #00ACE6;
    color: #FFFFFF;
  }
  .step-nav__category > li:last-child::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .step-nav {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 48px;
  }
  .step-nav > li {
    width: 100%;
  }
  .step-nav:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-nav {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 32px;
  }
  .step-nav > li {
    width: 100%;
  }
  .step-nav:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .step-nav {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto 32px;
  }
  .step-nav > li {
    width: 100%;
  }
  .step-nav:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .step-nav__num {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 32px;
    margin-bottom: 8px;
  }
  .step-nav__num::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #009BCE;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #3B82F6;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: white;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::before, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::before {
    background-color: #00ACE6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::after, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::after {
    background-color: #00ACE6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num {
    background-color: #00ACE6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li.-active > .step-nav__num::before, .step-nav.-abbreviated > li.-active > .step-nav__num::before {
    background-color: #00ACE6;
  }
  .step-nav > li.-active > .step-nav__num::after, .step-nav.-abbreviated > li.-active > .step-nav__num::after {
    background-color: #CCEEF9;
  }
  .step-nav > li.-active > .step-nav__num > .-num, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    background-color: #00ACE6;
  }
  .step-nav > li.-active > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li:first-child > .step-nav__num::before {
    display: none;
  }
  .step-nav > li:last-child > .step-nav__num::after {
    display: none;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #66CCEE;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number {
    display: none;
  }
  .step-nav.step-nav > li:has(~ li.-active) .step-nav__num > .-num, .step-nav.step-nav.-abbreviated > li:has(~ li.-active) .step-nav__num > .-num {
    background-color: #00ACE6 !important;
  }
  .step-nav__num:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-nav__num {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 32px;
    margin-bottom: 8px;
  }
  .step-nav__num::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #009BCE;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #3B82F6;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: white;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::before, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::before {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::after, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::after {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li.-active > .step-nav__num::before, .step-nav.-abbreviated > li.-active > .step-nav__num::before {
    background-color: #3B82F6;
  }
  .step-nav > li.-active > .step-nav__num::after, .step-nav.-abbreviated > li.-active > .step-nav__num::after {
    background-color: #CCEEF9;
  }
  .step-nav > li.-active > .step-nav__num > .-num, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    background-color: #3B82F6;
  }
  .step-nav > li.-active > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li:first-child > .step-nav__num::before {
    display: none;
  }
  .step-nav > li:last-child > .step-nav__num::after {
    display: none;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #66CCEE;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number {
    display: none;
  }
  .step-nav.step-nav > li:has(~ li.-active) .step-nav__num > .-num, .step-nav.step-nav.-abbreviated > li:has(~ li.-active) .step-nav__num > .-num {
    background-color: #3B82F6 !important;
  }
  .step-nav__num:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .step-nav__num {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 32px;
    margin-bottom: 8px;
  }
  .step-nav__num::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0%;
    z-index: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 50%;
    height: 4px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #CCEEF9;
  }
  .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: #009BCE;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #3B82F6;
  }
  .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: white;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::before, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::before {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num::after, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num::after {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num {
    background-color: #3B82F6;
  }
  .step-nav > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active ~ li):not(.-active) > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li.-active > .step-nav__num::before, .step-nav.-abbreviated > li.-active > .step-nav__num::before {
    background-color: #3B82F6;
  }
  .step-nav > li.-active > .step-nav__num::after, .step-nav.-abbreviated > li.-active > .step-nav__num::after {
    background-color: #CCEEF9;
  }
  .step-nav > li.-active > .step-nav__num > .-num, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num {
    background-color: #3B82F6;
  }
  .step-nav > li.-active > .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li.-active > .step-nav__num > .-num > .-number {
    color: white;
  }
  .step-nav > li:first-child > .step-nav__num::before {
    display: none;
  }
  .step-nav > li:last-child > .step-nav__num::after {
    display: none;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #66CCEE;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number, .step-nav.-abbreviated > li:not(.-active):not(:first-child):not(:last-child) .step-nav__num > .-num > .-number {
    display: none;
  }
  .step-nav.step-nav > li:has(~ li.-active) .step-nav__num > .-num, .step-nav.step-nav.-abbreviated > li:has(~ li.-active) .step-nav__num > .-num {
    background-color: #3B82F6 !important;
  }
  .step-nav__num:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .step-nav__caption {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #B3B3B3;
    text-align: center;
  }
  .step-nav > li.-active > .step-nav__caption {
    color: #00ACE6;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__caption {
    visibility: hidden;
    opacity: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .step-nav__caption {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #B3B3B3;
    text-align: center;
  }
  .step-nav > li.-active > .step-nav__caption {
    color: #00ACE6;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__caption {
    visibility: hidden;
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .step-nav__caption {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 4px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #B3B3B3;
    text-align: center;
  }
  .step-nav > li.-active > .step-nav__caption {
    color: #00ACE6;
  }
  .step-nav:has(> :nth-child(4)):has(li.-active) li:not(.-active):not(:first-child):not(:last-child) .step-nav__caption {
    visibility: hidden;
    opacity: 0;
  }
}

/*==========================================================================
  - モーダル Prefix：modal
========================================================================== */
@media (min-width: 1200px) {
  .modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 64px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal__wrapper.-active {
    z-index: 9000;
    display: flex;
  }
  .chart__wrapper + .modal__wrapper {
    position: absolute;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 32px 16px;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal__wrapper.-active {
    z-index: 9000;
    display: flex;
  }
  .chart__wrapper + .modal__wrapper {
    position: absolute;
  }
}
@media (max-width: 767px) {
  .modal__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 32px 16px;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .modal__wrapper.-active {
    z-index: 9000;
    display: flex;
  }
  .chart__wrapper + .modal__wrapper {
    position: absolute;
  }
}

@media (min-width: 1200px) {
  .modal-window {
    display: flex;
    flex-direction: column;
    min-width: 640px;
    max-width: var(--max-width);
    max-height: calc(100dvh - 128px);
    border-radius: 8px;
  }
  .chart__wrapper + .modal__wrapper .modal-window {
    max-height: calc(100dvh - 128px - var(--header-height));
  }
  .modal-window.-fixed {
    min-width: 640px;
    max-width: 640px;
  }
  .modal-window.-small {
    min-width: 320px;
  }
  .modal-window.-small.-fixed {
    max-width: 320px;
  }
  .modal-window.-middle {
    min-width: 480px;
  }
  .modal-window.-middle.-fixed {
    max-width: 480px;
  }
  .modal-window.-large {
    min-width: 800px;
  }
  .modal-window.-large.-fixed {
    max-width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--max-width);
    max-height: calc(100dvh - 64px);
    border-radius: 8px;
  }
  .chart__wrapper + .modal__wrapper .modal-window {
    max-height: calc(100dvh - 64px - var(--header-height));
  }
  .modal-window.-fixed {
    max-width: 980px;
  }
  .modal-window.-small {
    max-width: 320px;
  }
  .modal-window.-middle {
    max-width: 480px;
  }
  .modal-window.-large {
    max-width: 800px;
  }
}
@media (max-width: 767px) {
  .modal-window {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--max-width);
    max-height: calc(100dvh - 64px);
    border-radius: 8px;
  }
  .chart__wrapper + .modal__wrapper .modal-window {
    max-height: calc(100dvh - 64px - var(--header-height));
  }
  .modal-window.-fixed {
    max-width: 980px;
  }
  .modal-window.-small {
    max-width: 320px;
  }
  .modal-window.-middle {
    max-width: 480px;
  }
  .modal-window.-large {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-window__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__header:empty {
    display: none;
  }
  .modal-window__header > .-title {
    flex: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .modal-window__header > .-option {
    display: flex;
    gap: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-window__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__header:empty {
    display: none;
  }
  .modal-window__header > .-title {
    flex: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .modal-window__header > .-option {
    display: flex;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .modal-window__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__header:empty {
    display: none;
  }
  .modal-window__header > .-title {
    flex: 1;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .modal-window__header > .-option {
    display: flex;
    gap: 8px;
  }
}

@media (min-width: 1200px) {
  .modal-window__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    height: 100%;
    min-height: 200px;
    padding: 16px;
    background-color: #E6E6E6;
  }
  .modal-window__body > .-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow-y: auto;
  }
  .modal-window__body > .-container > .-inner {
    overflow-y: auto;
  }
  .modal-window__body:first-child {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:last-child {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__body:only-child {
    border-radius: 8px;
  }
  .modal-window__header:empty + .modal-window__body {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__header:empty + .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 8px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-window__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    height: 100%;
    min-height: 100px;
    padding: 8px;
    background-color: #E6E6E6;
  }
  .modal-window__body > .-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow-y: auto;
  }
  .modal-window__body > .-container > .-inner {
    overflow-y: auto;
  }
  .modal-window__body:first-child {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:last-child {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__body:only-child {
    border-radius: 8px;
  }
  .modal-window__header:empty + .modal-window__body {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__header:empty + .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .modal-window__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    height: 100%;
    min-height: 100px;
    padding: 8px;
    background-color: #E6E6E6;
  }
  .modal-window__body > .-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFFFFF;
    overflow-y: auto;
  }
  .modal-window__body > .-container > .-inner {
    overflow-y: auto;
  }
  .modal-window__body:first-child {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:last-child {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__body:only-child {
    border-radius: 8px;
  }
  .modal-window__header:empty + .modal-window__body {
    border-radius: 8px 8px 0 0;
  }
  .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 0 0 8px 8px;
  }
  .modal-window__header:empty + .modal-window__body:has(+ .modal-window__footer:empty) {
    border-radius: 8px;
  }
}

@media (min-width: 1200px) {
  .modal-window__footer {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__footer:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-window__footer {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__footer:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .modal-window__footer {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #F2F2F2;
    background-color: #FFFFFF;
  }
  .modal-window__footer:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .modal-panel {
    display: flex;
    flex-direction: column;
    min-width: 320px;
    max-width: var(--max-width);
    max-height: calc(100dvh - 128px);
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-panel {
    display: flex;
    flex-direction: column;
    min-width: 320px;
    max-width: var(--max-width);
    max-height: calc(100dvh - 128px);
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 767px) {
  .modal-panel {
    display: flex;
    flex-direction: column;
    min-width: 320px;
    max-width: var(--max-width);
    max-height: calc(100dvh - 128px);
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
  }
}

@media (min-width: 1200px) {
  .modal-panel__container {
    width: 100%;
    padding: 24px 16px;
    border-radius: 8px 8px 0 0;
  }
  .modal-panel__container > .-title {
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-panel__container {
    width: 100%;
    padding: 24px 16px;
    border-radius: 8px 8px 0 0;
  }
  .modal-panel__container > .-title {
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .modal-panel__container {
    width: 100%;
    padding: 24px 16px;
    border-radius: 8px 8px 0 0;
  }
  .modal-panel__container > .-title {
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .modal-panel__nav {
    width: 100%;
    padding: 0 16px;
  }
  .modal-panel__nav > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border-top: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 40px;
    padding: 0 4px;
    border-right: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .modal-panel__nav > ul > li.-success > a {
    color: #0284C7;
  }
  .modal-panel__nav > ul > li.-danger > a {
    color: #DC2626;
  }
  .modal-panel__nav > ul > li:last-child {
    border-right: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .modal-panel__nav {
    width: 100%;
    padding: 0 16px;
  }
  .modal-panel__nav > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border-top: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 40px;
    padding: 0 4px;
    border-right: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .modal-panel__nav > ul > li.-success > a {
    color: #0284C7;
  }
  .modal-panel__nav > ul > li.-danger > a {
    color: #DC2626;
  }
  .modal-panel__nav > ul > li:last-child {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .modal-panel__nav {
    width: 100%;
    padding: 0 16px;
  }
  .modal-panel__nav > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border-top: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 40px;
    padding: 0 4px;
    border-right: 1px solid #D1D5DB;
  }
  .modal-panel__nav > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .modal-panel__nav > ul > li.-success > a {
    color: #0284C7;
  }
  .modal-panel__nav > ul > li.-danger > a {
    color: #DC2626;
  }
  .modal-panel__nav > ul > li:last-child {
    border-right: none;
  }
}

/*==========================================================================
  - フォントグラデーション Prefix：font-gradient
  --------------------------------------------------------------------------
  - インライン要素に指定
	<span class="font-gradient">サンプル</span>
  - 左から右へアニメーション,「active」付与 → アニメーション開始
	<span class="font-gradient -animation">サンプル</span>
========================================================================== */
@media (min-width: 1200px) {
  .font-gradient {
    background-image: linear-gradient(90deg, black 0%, white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .font-gradient.-animation {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition-property: background-size;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.2s;
    will-change: background-size;
  }
  .font-gradient.-animation.active {
    background-size: 100% 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .font-gradient {
    background-image: linear-gradient(90deg, black 0%, white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .font-gradient.-animation {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition-property: background-size;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.2s;
    will-change: background-size;
  }
  .font-gradient.-animation.active {
    background-size: 100% 100%;
  }
}
@media (max-width: 767px) {
  .font-gradient {
    background-image: linear-gradient(90deg, black 0%, white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .font-gradient.-animation {
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition-property: background-size;
    transition-duration: 0.6s;
    transition-timing-function: ease;
    transition-delay: 0.2s;
    will-change: background-size;
  }
  .font-gradient.-animation.active {
    background-size: 100% 100%;
  }
}

/*================================================
 *  パンくず Prefix：breadcrumbs
 ================================================*/
@media (min-width: 1200px) {
  .breadcrumbs {
    width: 100%;
    margin-bottom: 32px;
    background-color: white;
  }
  .breadcrumbs:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .breadcrumbs {
    width: 100%;
    margin-bottom: 32px;
    background-color: white;
  }
  .breadcrumbs:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    width: 100%;
    margin-bottom: 32px;
    background-color: white;
  }
  .breadcrumbs:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .breadcrumbs-list {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: var(--max-width);
    padding: 0 32px;
    margin: 0 auto;
    min-height: 32px;
    overflow: hidden;
  }
  .breadcrumbs-list > li {
    position: relative;
    padding: 4px 22px 4px 0;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    color: #7F7F7F;
    text-overflow: ellipsis;
  }
  .breadcrumbs-list > li::after {
    content: "＞";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  .breadcrumbs-list > li > a {
    color: #333333;
  }
  .breadcrumbs-list > li.-home {
    overflow: unset;
  }
  .breadcrumbs-list > li:last-child {
    padding-right: 0;
  }
  .breadcrumbs-list > li:last-child::after {
    display: none;
  }
  body.-home .breadcrumbs-list {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    min-height: 32px;
    overflow: hidden;
  }
  .breadcrumbs-list > li {
    position: relative;
    padding: 4px 22px 4px 0;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    color: #7F7F7F;
    text-overflow: ellipsis;
  }
  .breadcrumbs-list > li::after {
    content: "＞";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  .breadcrumbs-list > li > a {
    color: #333333;
  }
  .breadcrumbs-list > li.-home {
    overflow: unset;
  }
  .breadcrumbs-list > li:last-child::after {
    display: none;
  }
  body.-home .breadcrumbs-list {
    display: none;
  }
}
@media (max-width: 767px) {
  .breadcrumbs-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
    min-height: 32px;
    overflow: hidden;
  }
  .breadcrumbs-list > li {
    position: relative;
    padding: 4px 22px 4px 0;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    color: #7F7F7F;
    text-overflow: ellipsis;
  }
  .breadcrumbs-list > li::after {
    content: "＞";
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  .breadcrumbs-list > li > a {
    color: #333333;
  }
  .breadcrumbs-list > li.-home {
    overflow: unset;
  }
  .breadcrumbs-list > li:last-child::after {
    display: none;
  }
  body.-home .breadcrumbs-list {
    display: none;
  }
}

/*================================================
 *  ドキュメントリスト Prefix：document
 ================================================*/
@media (min-width: 1200px) {
  .document__list {
    width: 100%;
    margin-bottom: 48px;
  }
  .document__list > li {
    display: flex;
    gap: 8px;
    padding: 12px 0;
  }
  .document__list > li > .-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .document__list > li > .-label {
    flex: 1;
    line-height: 1.8;
  }
  .document__list > li:first-child {
    padding-top: 0;
  }
  .document__list.-line > li {
    border-bottom: 1px dotted #D1D5DB;
  }
  .document__list:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .document__list {
    width: 100%;
    margin-bottom: 32px;
  }
  .document__list > li {
    display: flex;
    gap: 8px;
    padding: 12px 0;
  }
  .document__list > li > .-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .document__list > li > .-label {
    flex: 1;
    line-height: 1.8;
  }
  .document__list.-line > li {
    border-bottom: 1px dotted #D1D5DB;
  }
  .document__list:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .document__list {
    width: 100%;
    margin-bottom: 32px;
  }
  .document__list > li {
    display: flex;
    gap: 8px;
    padding: 12px 0;
  }
  .document__list > li > .-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .document__list > li > .-label {
    flex: 1;
    line-height: 1.8;
  }
  .document__list.-line > li {
    border-bottom: 1px dotted #D1D5DB;
  }
  .document__list:last-child {
    margin-bottom: 0;
  }
}

/*================================================
 *   金融機関：financial
 ================================================*/
@media (min-width: 1200px) {
  .financial__search--btn {
    width: 100%;
    margin-bottom: 16px;
  }
  .financial__search--btn > .-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 120px;
    max-width: 100%;
    min-height: 40px;
    padding: 4px 20px;
    border: 1px solid #16A34A;
    border-radius: 4px !important;
    background: #16A34A;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .financial__search--btn > .-btn.-disabled {
    border-color: transparent;
    background-color: #CCCCCC;
    color: white;
  }
  .financial__search--btn > .-btn:link {
    color: white;
  }
  .financial__search--btn > .-btn:visited {
    color: white;
  }
  .financial__search--btn > .-btn:hover {
    color: white;
    opacity: 0.8;
  }
  .financial__search--btn:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .financial__search--btn {
    width: 100%;
    margin-bottom: 16px;
  }
  .financial__search--btn > .-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 120px;
    max-width: 100%;
    min-height: 40px;
    padding: 4px 20px;
    border: 1px solid #16A34A;
    border-radius: 4px !important;
    background: #16A34A;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .financial__search--btn > .-btn.-disabled {
    border-color: transparent;
    background-color: #CCCCCC;
    color: white;
  }
  .financial__search--btn > .-btn:link {
    color: white;
  }
  .financial__search--btn > .-btn:visited {
    color: white;
  }
  .financial__search--btn > .-btn:hover {
    color: white;
    opacity: 0.8;
  }
  .financial__search--btn:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .financial__search--btn {
    width: 100%;
    margin-bottom: 16px;
  }
  .financial__search--btn > .-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px 8px;
    width: auto !important;
    min-width: 120px;
    max-width: 100%;
    min-height: 40px;
    padding: 4px 20px;
    border: 1px solid #16A34A;
    border-radius: 4px !important;
    background: #16A34A;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .financial__search--btn > .-btn.-disabled {
    border-color: transparent;
    background-color: #CCCCCC;
    color: white;
  }
  .financial__search--btn > .-btn:link {
    color: white;
  }
  .financial__search--btn > .-btn:visited {
    color: white;
  }
  .financial__search--btn > .-btn:hover {
    color: white;
    opacity: 0.8;
  }
  .financial__search--btn:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .financial__form--bank {
    display: flex;
    gap: 12px;
    width: 100%;
    margin-bottom: 48px;
  }
  .financial__form--bank > li {
    flex: 1;
  }
  .financial__form--bank:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .financial__form--bank {
    width: 100%;
    margin-bottom: 32px;
  }
  .financial__form--bank > li {
    margin-bottom: 12px;
  }
  .financial__form--bank > li:last-child {
    margin-bottom: 0;
  }
  .financial__form--bank:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .financial__form--bank {
    width: 100%;
    margin-bottom: 32px;
  }
  .financial__form--bank > li {
    margin-bottom: 12px;
  }
  .financial__form--bank > li:last-child {
    margin-bottom: 0;
  }
  .financial__form--bank:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  component / index
  --------------------------------------------------------------------------
  - コンポーネント設定をまとめる
========================================================================== */
/*==========================================================================
  layout / header
  --------------------------------------------------------------------------
  - ヘッダー
========================================================================== */
/*==========================================================================
  - header Prefix：
========================================================================== */
@media (min-width: 1200px) {
  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
  }
}
@media (max-width: 767px) {
  header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
    background-color: white;
  }
}

@media (min-width: 1200px) {
  .header__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #1d3994;
    background-color: white;
  }
  .header__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #1d3994;
    background-color: white;
  }
  .header__wrapper:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .header__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-bottom: 1px solid #1d3994;
    background-color: white;
  }
  .header__wrapper:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .header__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0 16px;
    height: var(--header-height);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0 16px;
    height: var(--header-height);
  }
}
@media (max-width: 767px) {
  .header__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 0 16px;
    height: var(--header-height);
  }
}

@media (min-width: 1200px) {
  .header__brand {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__brand {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .header__brand {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .header__logo {
    max-width: 360px;
  }
  .header__logo a:hover {
    opacity: 1;
  }
  .header__logo h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__logo {
    max-width: 280px;
  }
  .header__logo a:hover {
    opacity: 1;
  }
  .header__logo h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .header__logo {
    max-width: 280px;
  }
  .header__logo a:hover {
    opacity: 1;
  }
  .header__logo h1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    height: 100%;
  }
  .header__nav:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    height: 100%;
  }
  .header__nav:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    height: 100%;
  }
  .header__nav:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .header__menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    height: 100%;
  }
  .header__menu::before {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu:first-child::before {
    display: none;
  }
  .header__menu:last-child::after {
    display: none;
  }
  .header__menu:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    height: 100%;
  }
  .header__menu::before {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu:first-child::before {
    display: none;
  }
  .header__menu:last-child::after {
    display: none;
  }
  .header__menu:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    height: 100%;
  }
  .header__menu::before {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__menu:first-child::before {
    display: none;
  }
  .header__menu:last-child::after {
    display: none;
  }
  .header__menu:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .header__function {
    display: flex;
    align-items: center;
    gap: 16px;
    height: 40px;
  }
  .header__function > li {
    display: flex;
    align-items: center;
    gap: 0 16px;
  }
  .header__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 32px;
    height: 100%;
  }
  .header__function > li > a > img {
    width: 100%;
  }
  .header__function > li > a > img.-current {
    display: none;
  }
  .header__function > li > a > .-caption {
    font-size: 1rem;
    line-height: 1;
    color: #333333;
  }
  .header__function > li > a:has(.-caption) > img {
    width: 24px;
  }
  .header__function > li.-active > a > img {
    display: none;
  }
  .header__function > li.-active > a > img.-current {
    display: inline;
  }
  .header__function > li::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__function > li:first-child::before {
    display: none;
  }
  .header__function > li:last-child::after {
    display: none;
  }
  .header__function > li.-cart {
    position: relative;
  }
  .header__function > li.-cart .-numbers {
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background-color: #FF7628;
    font-size: 1rem;
    line-height: 1;
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__function {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 40px;
  }
  .header__function > li {
    display: flex;
    align-items: center;
    gap: 0 12px;
  }
  .header__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 32px;
    height: 100%;
  }
  .header__function > li > a > img.-current {
    display: none;
  }
  .header__function > li > a > .-caption {
    font-size: 1rem;
    line-height: 1;
    color: #333333;
  }
  .header__function > li > a:has(.-caption) > img {
    width: 24px;
  }
  .header__function > li.-active > a > img {
    display: none;
  }
  .header__function > li.-active > a > img.-current {
    display: inline;
  }
  .header__function > li::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__function > li:first-child::before {
    display: none;
  }
  .header__function > li:last-child::after {
    display: none;
  }
  .header__function > li.-cart {
    position: relative;
  }
  .header__function > li.-cart .-numbers {
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background-color: #FF7628;
    font-size: 1rem;
    line-height: 1;
    color: white;
  }
}
@media (max-width: 767px) {
  .header__function {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 40px;
  }
  .header__function > li {
    display: flex;
    align-items: center;
    gap: 0 12px;
  }
  .header__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 32px;
    height: 100%;
  }
  .header__function > li > a > img.-current {
    display: none;
  }
  .header__function > li > a > .-caption {
    font-size: 1rem;
    line-height: 1;
    color: #333333;
  }
  .header__function > li > a:has(.-caption) > img {
    width: 24px;
  }
  .header__function > li.-active > a > img {
    display: none;
  }
  .header__function > li.-active > a > img.-current {
    display: inline;
  }
  .header__function > li::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #D1D5DB;
  }
  .header__function > li:first-child::before {
    display: none;
  }
  .header__function > li:last-child::after {
    display: none;
  }
  .header__function > li.-cart {
    position: relative;
  }
  .header__function > li.-cart .-numbers {
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 1000px;
    background-color: #FF7628;
    font-size: 1rem;
    line-height: 1;
    color: white;
  }
}

@media (min-width: 1200px) {
  .header__account {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .header__account > .-login {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 4px 20px;
    border-radius: 1000px;
    background-color: #F2A900;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .header__account > .-account {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 40px;
    padding: 4px 20px;
    border-radius: 1000px;
    background-color: #F2A900;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .header__account > .-account::before {
    content: "";
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../img/icon/information/fill/white/circle-user.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .header__account > .-account::after {
    content: "";
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../img/icon/base/white/angle-down.svg");
  }
  .header__account > .-account > .-name {
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header__account > .-info {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: white;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .header__account > .-info > .-nav {
    width: 100%;
  }
  .header__account > .-info > .-nav > li {
    background-color: #333333;
  }
  .header__account > .-info > .-nav > li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 8px 16px;
    font-size: 1.4rem;
    line-height: 1;
    color: white;
  }
  .header__account.-active > .-account::after {
    background-image: url("../img/icon/base/white/angle-top.svg");
  }
  .header__account.-active > .-info {
    display: inline-block;
  }
  .header__account:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .header__account {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: -100;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 0;
    padding: 4px 16px;
    background-color: #333333;
    opacity: 0;
  }
  .header__account.-active {
    z-index: 1000;
    height: 48px;
    opacity: 1;
  }
  .header__account > .-login {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 4px 12px;
    border-radius: 1000px;
    background-color: #F2A900;
    font-size: 1.2rem;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .header__account > .-account {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 4px 12px;
    border-radius: 1000px;
    background-color: #F2A900;
    font-size: 1.2rem;
    line-height: 1;
    color: white;
    cursor: pointer;
  }
  .header__account > .-account::before {
    content: "";
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-image: url("../img/icon/information/fill/white/circle-user.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .header__account > .-account > .-name {
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header__account > .-info {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .header__account > .-info > .-nav > li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    color: white;
  }
  .header__account:empty {
    display: none;
  }
}

/*==========================================================================
  layout / footer
  --------------------------------------------------------------------------
  - フッター
========================================================================== */
/*==========================================================================
  - footer Prefix：
========================================================================== */
@media (min-width: 1200px) {
  footer {
    margin-top: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  footer {
    margin-top: auto;
  }
}
@media (max-width: 767px) {
  footer {
    margin-top: auto;
  }
}

@media (min-width: 1200px) {
  .footer__wrapper {
    width: 100%;
    background-color: #333333;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__wrapper {
    width: 100%;
    background-color: #333333;
  }
}
@media (max-width: 767px) {
  .footer__wrapper {
    width: 100%;
    background-color: #333333;
  }
}

@media (min-width: 1200px) {
  .footer__container {
    width: 100%;
    max-width: var(--max-width);
    padding: 48px 32px 16px;
    margin: 0 auto;
  }
  .footer__container:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__container {
    width: 100%;
    padding: 16px 16px;
  }
  .footer__container:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .footer__container {
    width: 100%;
    padding: 16px 16px;
  }
  .footer__container:empty {
    display: none;
  }
}

@media (min-width: 1200px) {
  .copyright {
    width: 100%;
    padding: 16px 32px;
    background-color: #333333;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
    color: white;
  }
  .copyright:empty {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .copyright {
    width: 100%;
    padding: 16px;
    background-color: #333333;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
    color: white;
  }
  .copyright:empty {
    display: none;
  }
}
@media (max-width: 767px) {
  .copyright {
    width: 100%;
    padding: 16px;
    background-color: #333333;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
    color: white;
  }
  .copyright:empty {
    display: none;
  }
}

/*==========================================================================
  layout / nav
  --------------------------------------------------------------------------
  - ナビゲーション
========================================================================== */
/*==========================================================================
  - nav Prefix：
========================================================================== */
/*================================================
 * menu
 ================================================*/
@media (min-width: 1200px) {
  .menu__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .menu__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
}

@media (min-width: 1200px) {
  .menu-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("../img/menu.png");
    background-repeat: no-repeat;
    background-position: 10px bottom;
    cursor: pointer;
  }
  .menu__wrapper.-active > .menu-toggle {
    background-position: -70px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("../img/menu.png");
    background-repeat: no-repeat;
    background-position: 10px bottom;
    cursor: pointer;
  }
  .menu__wrapper.-active > .menu-toggle {
    background-position: -70px;
  }
}
@media (max-width: 767px) {
  .menu-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("../img/menu.png");
    background-repeat: no-repeat;
    background-position: 10px bottom;
    cursor: pointer;
  }
  .menu__wrapper.-active > .menu-toggle {
    background-position: -70px;
  }
}

@media (min-width: 1200px) {
  .menu-overlay {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: 900;
    display: none;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .menu__wrapper.-active ~ .menu-overlay {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu-overlay {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: 900;
    display: none;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .menu__wrapper.-active ~ .menu-overlay {
    display: block;
  }
}
@media (max-width: 767px) {
  .menu-overlay {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: 900;
    display: none;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.3;
    transition: 0.3s ease-in-out;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .menu__wrapper.-active ~ .menu-overlay {
    display: block;
  }
}

@media (min-width: 1200px) {
  .menu-header-container {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: -100;
    height: 0;
    background-color: #FFFFFF;
    opacity: 0;
    overflow-y: auto;
  }
  .menu__wrapper.-active ~ .menu-header-container {
    z-index: 1000;
    height: calc(100vh - var(--header-height) - 1px);
    height: calc(100dvh - var(--header-height) - 1px);
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu-header-container {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: -100;
    height: 0;
    background-color: #FFFFFF;
    opacity: 0;
    overflow-y: auto;
  }
  .menu__wrapper.-active ~ .menu-header-container {
    z-index: 1000;
    height: calc(100vh - var(--header-height) - 1px);
    height: calc(100dvh - var(--header-height) - 1px);
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .menu-header-container {
    position: fixed;
    top: calc(var(--header-height) + 1px);
    left: 0;
    z-index: -100;
    height: 0;
    background-color: #FFFFFF;
    opacity: 0;
    overflow-y: auto;
  }
  .menu__wrapper.-active ~ .menu-header-container {
    z-index: 1000;
    height: calc(100vh - var(--header-height) - 1px);
    height: calc(100dvh - var(--header-height) - 1px);
    opacity: 1;
  }
}

@media (min-width: 1200px) {
  #menu-header {
    width: 250px;
    padding-bottom: 64px;
    background-color: #FFFFFF;
  }
  #menu-header > li {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D1D5DB;
    background-color: rgba(29, 57, 148, 0.05);
  }
  #menu-header > li > .menu__link {
    width: 100%;
  }
  #menu-header > li > .menu__link > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
  #menu-header > li > .menu__link > a > .-icon span {
    font-size: 20px;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-label {
    flex: 1;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #menu-header {
    width: 250px;
    padding-bottom: 64px;
    background-color: #FFFFFF;
  }
  #menu-header > li {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    border-bottom: 1px solid #D1D5DB;
    background-color: rgba(29, 57, 148, 0.05);
  }
  #menu-header > li > .menu__link {
    width: 100%;
  }
  #menu-header > li > .menu__link > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
  #menu-header > li > .menu__link > a > .-icon span {
    font-size: 20px;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-label {
    flex: 1;
  }
}
@media (max-width: 767px) {
  #menu-header {
    width: 200px;
    padding-bottom: 64px;
    background-color: #FFFFFF;
  }
  #menu-header > li {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    border-bottom: 1px solid #D1D5DB;
    background-color: rgba(29, 57, 148, 0.05);
  }
  #menu-header > li > .menu__link {
    width: 100%;
  }
  #menu-header > li > .menu__link > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    padding: 8px 16px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
  }
  #menu-header > li > .menu__link > a > .-icon span {
    font-size: 20px;
    color: #1d3994;
  }
  #menu-header > li > .menu__link > a > .-label {
    flex: 1;
  }
}

@media (min-width: 1200px) {
  .menu-footer-container {
    width: 100%;
    margin-bottom: 48px;
  }
  .menu-footer-container:has(+ .sns) {
    margin-bottom: 24px;
  }
  .menu-footer-container:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .menu-footer-container {
    width: 100%;
    margin-bottom: 32px;
  }
  .menu-footer-container:has(+ .sns) {
    margin-bottom: 24px;
  }
  .menu-footer-container:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .menu-footer-container {
    width: 100%;
    margin-bottom: 32px;
  }
  .menu-footer-container:has(+ .sns) {
    margin-bottom: 24px;
  }
  .menu-footer-container:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  #menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 32px;
  }
  #menu-footer > li {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #menu-footer > li > a {
    font-size: 1.4rem;
    color: white;
  }
  #menu-footer > li::after {
    content: "|";
    color: #D1D5DB;
  }
  #menu-footer > li:last-child::after {
    display: none;
  }
  #menu-footer:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 32px;
  }
  #menu-footer > li {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #menu-footer > li > a {
    font-size: 1.4rem;
    color: white;
  }
  #menu-footer > li::after {
    content: "|";
    color: #D1D5DB;
  }
  #menu-footer > li:last-child::after {
    display: none;
  }
  #menu-footer:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 32px;
  }
  #menu-footer > li {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #menu-footer > li > a {
    font-size: 1.4rem;
    color: white;
  }
  #menu-footer > li::after {
    content: "|";
    color: #D1D5DB;
  }
  #menu-footer > li:last-child::after {
    display: none;
  }
  #menu-footer:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  #menu-footer-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 32px;
  }
  #menu-footer-column > li > .menu__link {
    display: inline-block;
    margin-bottom: 4px;
  }
  #menu-footer-column > li > .menu__link > a {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
  }
  #menu-footer-column:has(> :nth-child(2)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px 32px;
  }
  #menu-footer-column:has(> :nth-child(3)) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 32px 32px;
  }
  #menu-footer-column:has(> :nth-child(4)) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 32px 32px;
  }
  #menu-footer-column:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #menu-footer-column {
    width: 100%;
    height: 100%;
    margin-bottom: 32px;
    overflow-y: auto;
  }
  #menu-footer-column > li {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid #4D4D4D;
  }
  #menu-footer-column > li > .menu__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  #menu-footer-column > li > .menu__link > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 48px;
    font-size: 1.6rem;
    color: white;
  }
  #menu-footer-column > li.menu-item-has-children {
    position: relative;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 40px;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../img/icon/base/white/angle-down.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link.-active::after {
    background-image: url("../img/icon/base/white/angle-top.svg");
  }
  #menu-footer-column > li.menu-item-has-children > a:hover {
    opacity: 1;
  }
  #menu-footer-column:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  #menu-footer-column {
    width: 100%;
    height: 100%;
    margin-bottom: 32px;
    overflow-y: auto;
  }
  #menu-footer-column > li {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid #4D4D4D;
  }
  #menu-footer-column > li > .menu__link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  #menu-footer-column > li > .menu__link > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 48px;
    font-size: 1.6rem;
    color: white;
  }
  #menu-footer-column > li.menu-item-has-children {
    position: relative;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 40px;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url("../img/icon/base/white/angle-down.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
  }
  #menu-footer-column > li.menu-item-has-children > .menu__link.-active::after {
    background-image: url("../img/icon/base/white/angle-top.svg");
  }
  #menu-footer-column > li.menu-item-has-children > a:hover {
    opacity: 1;
  }
  #menu-footer-column:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  layout / cart
  --------------------------------------------------------------------------
  - カート
========================================================================== */
/*==========================================================================
  - cart Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .cart__wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
    width: 100%;
  }
  .cart__wrapper > .-container {
    width: 100%;
  }
  .cart__wrapper > .-total {
    width: 100%;
  }
  .cart__wrapper:has(> .-total) {
    display: grid;
    grid-template-columns: auto 280px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__wrapper {
    width: 100%;
  }
  .cart__wrapper > .-container {
    width: 100%;
    margin-bottom: 32px;
  }
  .cart__wrapper > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__wrapper > .-total {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cart__wrapper {
    width: 100%;
  }
  .cart__wrapper > .-container {
    width: 100%;
    margin-bottom: 32px;
  }
  .cart__wrapper > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__wrapper > .-total {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .cart__list {
    width: 100%;
  }
  .cart__list > li {
    display: grid;
    grid-template-columns: 120px auto;
    gap: 24px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__list > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__list {
    width: 100%;
  }
  .cart__list > li {
    display: grid;
    grid-template-columns: 80px auto;
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__list > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .cart__list {
    width: 100%;
  }
  .cart__list > li {
    display: grid;
    grid-template-columns: 80px auto;
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__list > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .cart__thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
  }
  .cart__thumbnail:empty {
    background-color: #F2F2F2;
    background-image: url("../img/no-image.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
  }
  .cart__thumbnail:empty {
    background-color: #F2F2F2;
    background-image: url("../img/no-image.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
  }
}
@media (max-width: 767px) {
  .cart__thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
  }
  .cart__thumbnail:empty {
    background-color: #F2F2F2;
    background-image: url("../img/no-image.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60px;
  }
}

@media (min-width: 1200px) {
  .cart__information {
    width: 100%;
  }
  .cart__information > .-title {
    margin-bottom: 16px;
    font-size: 1.8rem;
  }
  .cart__information > .-num {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  .cart__information > .-price {
    margin-bottom: 16px;
  }
  .cart__information > .-price > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .cart__information > .-price > .-value {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
  }
  .cart__information > .-price > .-tax {
    font-size: 1.2rem;
  }
  .cart__information > .-price:last-child {
    margin-bottom: 0;
  }
  .cart__information:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__information {
    width: 100%;
  }
  .cart__information > .-title {
    margin-bottom: 8px;
  }
  .cart__information > .-num {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .cart__information > .-price {
    margin-bottom: 8px;
  }
  .cart__information > .-price > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .cart__information > .-price > .-value {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
  .cart__information > .-price > .-tax {
    font-size: 1.2rem;
  }
  .cart__information > .-price:last-child {
    margin-bottom: 0;
  }
  .cart__information:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cart__information {
    width: 100%;
  }
  .cart__information > .-title {
    margin-bottom: 8px;
  }
  .cart__information > .-num {
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
  .cart__information > .-price {
    margin-bottom: 8px;
  }
  .cart__information > .-price > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .cart__information > .-price > .-value {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }
  .cart__information > .-price > .-tax {
    font-size: 1.2rem;
  }
  .cart__information > .-price:last-child {
    margin-bottom: 0;
  }
  .cart__information:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .cart__category {
    width: 100%;
    margin-bottom: 48px;
  }
  .cart__category > li {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__category > li > .-container {
    display: none;
    margin: 24px 0;
  }
  .cart__category > li > .-container:first-child {
    margin-top: 0;
  }
  .cart__category > li > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__category > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .cart__category:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__category {
    width: 100%;
    margin-bottom: 32px;
  }
  .cart__category > li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__category > li > .-container {
    display: none;
    margin: 24px 0;
  }
  .cart__category > li > .-container:first-child {
    margin-top: 0;
  }
  .cart__category > li > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__category > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .cart__category:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cart__category {
    width: 100%;
    margin-bottom: 32px;
  }
  .cart__category > li {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__category > li > .-container {
    display: none;
    margin: 24px 0;
  }
  .cart__category > li > .-container:first-child {
    margin-top: 0;
  }
  .cart__category > li > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__category > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .cart__category:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .cart__payment-container {
    width: 100%;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #D1D5DB;
  }
  .cart__payment-container:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__payment-container {
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #D1D5DB;
  }
  .cart__payment-container:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cart__payment-container {
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
    border-radius: 4px;
    border: 1px solid #D1D5DB;
  }
  .cart__payment-container:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .cart__payment-attention {
    width: 100%;
  }
  .cart__payment-attention > .-attention {
    margin-bottom: 8px;
    color: #DC2626;
  }
  .cart__payment-attention > .-container {
    padding: 16px;
    border-radius: 4px;
    background-color: #F2F2F2;
  }
  .cart__payment-attention:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__payment-attention {
    width: 100%;
  }
  .cart__payment-attention > .-attention {
    margin-bottom: 8px;
    color: #DC2626;
  }
  .cart__payment-attention > .-container {
    padding: 12px;
    border-radius: 4px;
    background-color: #F2F2F2;
  }
  .cart__payment-attention:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cart__payment-attention {
    width: 100%;
  }
  .cart__payment-attention > .-attention {
    margin-bottom: 8px;
    color: #DC2626;
  }
  .cart__payment-attention > .-container {
    padding: 12px;
    border-radius: 4px;
    background-color: #F2F2F2;
  }
  .cart__payment-attention:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .cart__credit-brand {
    margin-bottom: 8px;
  }
  .cart__credit-brand img {
    width: 100%;
    max-width: 375px;
  }
  .cart__credit-brand:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__credit-brand {
    width: 100%;
    margin-bottom: 8px;
  }
  .cart__credit-brand img {
    width: 100%;
    max-width: 375px;
  }
  .cart__credit-brand:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .cart__credit-brand {
    width: 100%;
    margin-bottom: 8px;
  }
  .cart__credit-brand img {
    width: 100%;
    max-width: 375px;
  }
  .cart__credit-brand:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .cart__complete {
    width: 100%;
    padding: 48px 32px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
  }
  .cart__complete > .-title {
    margin-bottom: 16px;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .cart__complete > .-title:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-container {
    margin-bottom: 48px;
    font-size: 1.8rem;
  }
  .cart__complete > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .cart__complete > .-info > div {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
  }
  .cart__complete > .-info > div > dt {
    font-weight: 500;
  }
  .cart__complete > .-info > div > dt::after {
    content: "：";
    display: inline-block;
  }
  .cart__complete > .-info > div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .cart__complete {
    width: 100%;
    padding: 32px 16px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
  }
  .cart__complete > .-title {
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
  }
  .cart__complete > .-title:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-container {
    margin-bottom: 32px;
  }
  .cart__complete > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .cart__complete > .-info > div {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__complete > .-info > div > dt {
    font-weight: 500;
  }
  .cart__complete > .-info > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .cart__complete {
    width: 100%;
    padding: 32px 16px;
    border-radius: 8px;
    border: 1px solid #D1D5DB;
  }
  .cart__complete > .-title {
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
  }
  .cart__complete > .-title:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-container {
    margin-bottom: 32px;
  }
  .cart__complete > .-container:last-child {
    margin-bottom: 0;
  }
  .cart__complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .cart__complete > .-info > div {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .cart__complete > .-info > div > dt {
    font-weight: 500;
  }
  .cart__complete > .-info > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .total__warper {
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    z-index: 100;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .total__warper {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .total__warper {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .total__detail {
    width: 100%;
    padding: 24px;
    margin-bottom: 16px;
    background-color: white;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .total__detail > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .total__detail > div > dt {
    font-size: 1.4rem;
  }
  .total__detail > div > dd {
    font-size: 1.4rem;
  }
  .total__detail > div.-total > dt > .-tax {
    font-size: 1.2rem;
    color: #666666;
  }
  .total__detail > div.-total > dd {
    font-size: 2rem;
    font-weight: 700;
  }
  .total__detail > div.-total > dd > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .total__detail > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .total__detail:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .total__detail {
    width: 100%;
    padding: 24px;
    margin-bottom: 16px;
    background-color: white;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .total__detail > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .total__detail > div > dt {
    font-size: 1.4rem;
  }
  .total__detail > div > dd {
    font-size: 1.4rem;
  }
  .total__detail > div.-total > dt > .-tax {
    font-size: 1.2rem;
    color: #666666;
  }
  .total__detail > div.-total > dd {
    font-size: 2rem;
    font-weight: 700;
  }
  .total__detail > div.-total > dd > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .total__detail > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .total__detail:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .total__detail {
    width: 100%;
    padding: 24px;
    margin-bottom: 16px;
    background-color: white;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .total__detail > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .total__detail > div > dt {
    font-size: 1.4rem;
  }
  .total__detail > div > dd {
    font-size: 1.4rem;
  }
  .total__detail > div.-total > dt > .-tax {
    font-size: 1.2rem;
    color: #666666;
  }
  .total__detail > div.-total > dd {
    font-size: 2rem;
    font-weight: 700;
  }
  .total__detail > div.-total > dd > .-currency {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .total__detail > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  .total__detail:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .total__info {
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
    border-radius: 4px;
    background-color: #F2F2F2;
    font-size: 1.4rem;
  }
  .total__info:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .total__info {
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
    border-radius: 4px;
    background-color: #F2F2F2;
    font-size: 1.4rem;
  }
  .total__info:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .total__nav {
    margin-bottom: 16px;
  }
  .total__nav .btn {
    width: 100% !important;
  }
  .total__nav:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .total__nav {
    margin-bottom: 16px;
  }
  .total__nav .btn {
    width: 100% !important;
  }
  .total__nav:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .total__nav {
    margin-bottom: 16px;
  }
  .total__nav .btn {
    width: 100% !important;
  }
  .total__nav:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  layout / index
  --------------------------------------------------------------------------
  - レイアウト設定をまとめる
========================================================================== */
/*==========================================================================
  page / login
  --------------------------------------------------------------------------
  - ログイン
========================================================================== */
/*==========================================================================
  - ログイン Prefix：login
========================================================================== */
@media (min-width: 1200px) {
  .login__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    padding: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .login__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .login__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    padding: 16px;
  }
}

@media (min-width: 1200px) {
  .login__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    padding: 48px 32px;
    margin: 0 auto;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .login__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    padding: 32px 24px;
    margin: 0 auto;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .login__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 360px;
    padding: 32px 24px;
    margin: 0 auto;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  .login__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
  }
  .login__logo > .-logo {
    width: 100%;
    margin: 0 auto 8px;
    text-align: center;
  }
  .login__logo > .-logo:last-child {
    margin-bottom: 0;
  }
  .login__logo:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .login__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
  }
  .login__logo > .-logo {
    width: 100%;
    margin: 0 auto 8px;
    text-align: center;
  }
  .login__logo > .-logo:last-child {
    margin-bottom: 0;
  }
  .login__logo:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .login__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 48px;
  }
  .login__logo > .-logo {
    width: 100%;
    margin: 0 auto 8px;
    text-align: center;
  }
  .login__logo > .-logo:last-child {
    margin-bottom: 0;
  }
  .login__logo:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .login__form {
    width: 100%;
    margin-bottom: 48px;
  }
  .login__form > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .login__form > div > dt {
    width: 100%;
    margin-bottom: 4px;
  }
  .login__form > div > dd {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
  }
  .login__form > div > dd input[type=text], .login__form > div > dd input[type=tel], .login__form > div > dd input[type=number], .login__form > div > dd input[type=password], .login__form > div > dd input[type=email] {
    outline: none;
  }
  .login__form > div > dd:last-child {
    margin-bottom: 0;
  }
  .login__form > div:last-child {
    margin-bottom: 0;
  }
  .login__form:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .login__form {
    width: 100%;
    margin-bottom: 48px;
  }
  .login__form > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .login__form > div > dt {
    width: 100%;
    margin-bottom: 4px;
  }
  .login__form > div > dd {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
  }
  .login__form > div > dd input[type=text], .login__form > div > dd input[type=tel], .login__form > div > dd input[type=number], .login__form > div > dd input[type=password], .login__form > div > dd input[type=email] {
    outline: none;
  }
  .login__form > div > dd:last-child {
    margin-bottom: 0;
  }
  .login__form > div:last-child {
    margin-bottom: 0;
  }
  .login__form:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .login__form {
    width: 100%;
    margin-bottom: 48px;
  }
  .login__form > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .login__form > div > dt {
    width: 100%;
    margin-bottom: 4px;
  }
  .login__form > div > dd {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
  }
  .login__form > div > dd input[type=text], .login__form > div > dd input[type=tel], .login__form > div > dd input[type=number], .login__form > div > dd input[type=password], .login__form > div > dd input[type=email] {
    outline: none;
  }
  .login__form > div > dd:last-child {
    margin-bottom: 0;
  }
  .login__form > div:last-child {
    margin-bottom: 0;
  }
  .login__form:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .login__nav {
    width: 100%;
    margin-bottom: 32px;
  }
  .login__nav > li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
  }
  .login__nav > li.-login {
    margin-bottom: 24px;
  }
  .login__nav > li.-login .btn {
    width: 100% !important;
    border-radius: 4px !important;
  }
  .login__nav > li.-info {
    font-size: 1.4rem;
    text-align: center;
  }
  .login__nav > li.-info a {
    text-decoration: underline;
  }
  .login__nav > li:last-child {
    margin-bottom: 0;
  }
  .login__nav:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .login__nav {
    width: 100%;
    margin-bottom: 32px;
  }
  .login__nav > li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
  }
  .login__nav > li.-login {
    margin-bottom: 24px;
  }
  .login__nav > li.-login .btn {
    width: 100% !important;
    border-radius: 4px !important;
  }
  .login__nav > li.-info {
    font-size: 1.4rem;
    text-align: center;
  }
  .login__nav > li.-info a {
    text-decoration: underline;
  }
  .login__nav > li:last-child {
    margin-bottom: 0;
  }
  .login__nav:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .login__nav {
    width: 100%;
    margin-bottom: 32px;
  }
  .login__nav > li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 24px;
  }
  .login__nav > li.-login {
    margin-bottom: 24px;
  }
  .login__nav > li.-login .btn {
    width: 100% !important;
    border-radius: 4px !important;
  }
  .login__nav > li.-info {
    font-size: 1.4rem;
    text-align: center;
  }
  .login__nav > li.-info a {
    text-decoration: underline;
  }
  .login__nav > li:last-child {
    margin-bottom: 0;
  }
  .login__nav:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  page / front
  --------------------------------------------------------------------------
  - 会員
========================================================================== */
/*==========================================================================
  - フロントサイト - TOPページ Prefix：
========================================================================== */
.front__eyecatch {
  --width-catch: calc(var(--max-width) - (var(--max-width) / 1.618));
}
@media (min-width: 1200px) {
  .front__eyecatch {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(64px + var(--max-width));
    margin: 0 auto;
  }
  .front__eyecatch > .-catch {
    display: flex;
    justify-content: center;
    width: var(--width-catch);
    padding-left: 32px;
    padding-right: 48px;
  }
  .front__eyecatch > .-eyecatch {
    position: relative;
    width: calc(100% - var(--width-catch));
    height: calc(100vh - 80px);
    min-height: 890px;
  }
  .front__eyecatch > .-eyecatch > .-container {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    width: max(100%, 100% + (var(--vw) * 100 - var(--max-width)) / 2);
    height: 120%;
    border-radius: calc(100vh - 80px) 0 0 calc(100vh - 80px);
    border: 8px solid #FFFFFF;
    border-right: none;
    background-image: url("../img/front/AdobeStock_558418897_Preview.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .front__eyecatch {
    --width-catch: calc(100% / (1 + 1.618));
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(32px + var(--max-width));
    margin: 0 auto;
  }
  .front__eyecatch > .-catch {
    display: flex;
    justify-content: center;
    width: var(--width-catch);
    padding-left: 16px;
    padding-right: 16px;
  }
  .front__eyecatch > .-eyecatch {
    position: relative;
    width: calc(100% - var(--width-catch));
    height: 61.804697157vw;
    min-height: 232px;
  }
  .front__eyecatch > .-eyecatch > .-container {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    width: max(100%, 100% + (var(--vw) * 100 - var(--max-width)) / 2);
    height: 120%;
    border-radius: calc(100vh - 50px) 0 0 calc(100vh - 50px);
    border: 4px solid #FFFFFF;
    border-right: none;
    background-image: url("../img/front/AdobeStock_558418897_Preview.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (max-width: 767px) {
  .front__eyecatch {
    --width-catch: calc(100% / (1 + 1.618));
    display: flex;
    align-items: center;
    width: 100%;
    max-width: calc(32px + var(--max-width));
    margin: 0 auto;
  }
  .front__eyecatch > .-catch {
    display: flex;
    justify-content: center;
    width: var(--width-catch);
    padding-left: 16px;
    padding-right: 16px;
  }
  .front__eyecatch > .-eyecatch {
    position: relative;
    width: calc(100% - var(--width-catch));
    height: 61.804697157vw;
    min-height: 232px;
  }
  .front__eyecatch > .-eyecatch > .-container {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 100;
    width: max(100%, 100% + (var(--vw) * 100 - var(--max-width)) / 2);
    height: 120%;
    border-radius: calc(100vh - 50px) 0 0 calc(100vh - 50px);
    border: 4px solid #FFFFFF;
    border-right: none;
    background-image: url("../img/front/AdobeStock_558418897_Preview.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media (min-width: 1200px) {
  .front__eyecatch--catch > .-title {
    margin-bottom: 8px;
    font-family: "Noto Serif JP", serif;
    font-size: 4rem;
  }
  .front__eyecatch--catch > .-title:last-child {
    margin-bottom: 0;
  }
  .front__eyecatch--catch > .-catchphrase {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 8px;
    font-family: "Noto Serif JP", serif;
    font-size: 3.2rem;
  }
  .front__eyecatch--catch > .-catchphrase::before {
    content: "";
    width: 48px;
    min-width: 48px;
    height: 1px;
    background-color: #333333;
  }
  .front__eyecatch--catch > .-catchphrase:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .front__eyecatch--catch > .-title {
    margin-bottom: 2.1333333333vw;
    font-family: "Noto Serif JP", serif;
    font-size: 4.2666666667vw;
  }
  .front__eyecatch--catch > .-title:last-child {
    margin-bottom: 0;
  }
  .front__eyecatch--catch > .-catchphrase {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
    font-family: "Noto Serif JP", serif;
    font-size: 3.2vw;
  }
  .front__eyecatch--catch > .-catchphrase::before {
    content: "";
    width: 4.2666666667vw;
    min-width: 4.2666666667vw;
    height: 1px;
    background-color: #333333;
  }
  .front__eyecatch--catch > .-catchphrase:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .front__eyecatch--catch > .-title {
    margin-bottom: 2.1333333333vw;
    font-family: "Noto Serif JP", serif;
    font-size: 4.2666666667vw;
  }
  .front__eyecatch--catch > .-title:last-child {
    margin-bottom: 0;
  }
  .front__eyecatch--catch > .-catchphrase {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px;
    font-family: "Noto Serif JP", serif;
    font-size: 3.2vw;
  }
  .front__eyecatch--catch > .-catchphrase::before {
    content: "";
    width: 4.2666666667vw;
    min-width: 4.2666666667vw;
    height: 1px;
    background-color: #333333;
  }
  .front__eyecatch--catch > .-catchphrase:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  page / news
  --------------------------------------------------------------------------
  - お知らせ
========================================================================== */
/*==========================================================================
  - NEWS Prefix：news
========================================================================== */
@media (min-width: 1200px) {
  .news-list {
    width: 100%;
    margin-bottom: 32px;
  }
  .news-list > li {
    display: flex;
    gap: 48px;
    padding: 16px 24px;
    border-bottom: 1px solid #D1D5DB;
  }
  .news-list > li:first-child {
    padding-top: 0;
  }
  .dashboard__news .news-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  .news-list:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news-list {
    width: 100%;
    margin-bottom: 32px;
  }
  .news-list > li {
    padding: 16px 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .news-list > li:first-child {
    padding-top: 0;
  }
  .news-list:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .news-list {
    width: 100%;
    margin-bottom: 32px;
  }
  .news-list > li {
    padding: 16px 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .news-list > li:first-child {
    padding-top: 0;
  }
  .news-list:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .news-list__head {
    display: flex;
    align-items: center;
  }
  .news-list__head > .-date {
    white-space: nowrap;
    color: #666666;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news-list__head {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }
  .news-list__head > .-date {
    white-space: nowrap;
    color: #666666;
  }
}
@media (max-width: 767px) {
  .news-list__head {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
  }
  .news-list__head > .-date {
    white-space: nowrap;
    color: #666666;
  }
}

@media (min-width: 1200px) {
  .news-list__body {
    display: flex;
    align-items: center;
  }
  .news-list__body > .-title {
    color: #333333;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news-list__body {
    display: flex;
    align-items: center;
  }
  .news-list__body > .-title {
    color: #333333;
  }
}
@media (max-width: 767px) {
  .news-list__body {
    display: flex;
    align-items: center;
  }
  .news-list__body > .-title {
    color: #333333;
  }
}

@media (min-width: 1200px) {
  .news__article > .-date {
    margin-bottom: 4px;
    color: #666666;
  }
  .news__article > .-title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 700;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news__article > .-date {
    margin-bottom: 4px;
    color: #666666;
  }
  .news__article > .-title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .news__article > .-date {
    margin-bottom: 4px;
    color: #666666;
  }
  .news__article > .-title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 700;
  }
}

/*==========================================================================
  page / item
  --------------------------------------------------------------------------
  - 製品（商品）
========================================================================== */
/*==========================================================================
  - 製品情報 Prefix：product
========================================================================== */
@media (min-width: 1200px) {
  .product-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 32px 32px;
    width: 100%;
  }
  .product-list > li {
    width: 100%;
  }
  .product-list > li > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list > li > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list > li > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-title {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list > li > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 32px 32px;
    width: 100%;
  }
  .product-list > li {
    width: 100%;
  }
  .product-list > li > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list > li > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list > li > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-title {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list > li > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .product-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 32px;
    width: 100%;
  }
  .product-list > li {
    width: 100%;
  }
  .product-list > li > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list > li > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list > li > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-title {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list > li > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list > li > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

@media (min-width: 1200px) {
  .product-list__overview {
    width: 100%;
    margin-bottom: 16px;
  }
  .product-list__overview > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list__overview > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list__overview > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-title {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list__overview > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-caption {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #666666;
    text-align: center;
  }
  .product-list__overview > .-caption:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .product-list__overview:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-list__overview {
    width: 100%;
    margin-bottom: 16px;
  }
  .product-list__overview > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list__overview > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list__overview > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-title {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list__overview > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-caption {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #666666;
    text-align: center;
  }
  .product-list__overview > .-caption:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .product-list__overview:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .product-list__overview {
    width: 100%;
    margin-bottom: 16px;
  }
  .product-list__overview > .-thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    text-align: center;
    aspect-ratio: 1/1;
  }
  .product-list__overview > .-thumbnail a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .product-list__overview > .-thumbnail:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-title {
    margin-bottom: 4px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .product-list__overview > .-title:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-caption {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #666666;
    text-align: center;
  }
  .product-list__overview > .-caption:last-child {
    margin-bottom: 0;
  }
  .product-list__overview > .-description {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .product-list__overview:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .product-list__order {
    width: 100%;
  }
  .product-list__order > .-price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center;
  }
  .product-list__order > .-price > .-currency {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-value {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-tax {
    font-size: 1.4rem;
    line-height: 1;
  }
  .product-list__order > .-price:last-child {
    margin-bottom: 0;
  }
  .product-list__order > .-cart {
    display: flex;
    justify-content: center;
  }
  .product-list__order > .-cart .btn {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-list__order {
    width: 100%;
  }
  .product-list__order > .-price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center;
  }
  .product-list__order > .-price > .-currency {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-value {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-tax {
    font-size: 1.2rem;
    line-height: 1;
  }
  .product-list__order > .-price:last-child {
    margin-bottom: 0;
  }
  .product-list__order > .-cart {
    display: flex;
    justify-content: center;
  }
  .product-list__order > .-cart .btn {
    width: 100%;
    min-width: initial;
  }
}
@media (max-width: 767px) {
  .product-list__order {
    width: 100%;
  }
  .product-list__order > .-price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 24px;
    text-align: center;
  }
  .product-list__order > .-price > .-currency {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-value {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-list__order > .-price > .-tax {
    font-size: 1.2rem;
    line-height: 1;
  }
  .product-list__order > .-price:last-child {
    margin-bottom: 0;
  }
  .product-list__order > .-cart {
    display: flex;
    justify-content: center;
  }
  .product-list__order > .-cart .btn {
    width: 100%;
    min-width: initial;
  }
}

@media (min-width: 1200px) {
  .product-detail {
    display: flex;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 48px;
    width: 100%;
    margin-bottom: 96px;
  }
  .product-detail > .-thumbnail {
    text-align: center;
  }
  .product-detail:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-detail {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .product-detail {
    display: flex;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
    width: 100%;
    margin-bottom: 32px;
  }
  .product-detail > .-thumbnail {
    text-align: center;
  }
  .product-detail:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .product-detail__info > .-title {
    margin-bottom: 12px;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .product-detail__info > .-title:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-description {
    margin-bottom: 32px;
  }
  .product-detail__info > .-description:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-order {
    padding: 48px 32px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-detail__info > .-title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 700;
  }
  .product-detail__info > .-title:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-description {
    margin-bottom: 32px;
  }
  .product-detail__info > .-description:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-order {
    padding: 32px 16px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
}
@media (max-width: 767px) {
  .product-detail__info > .-title {
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 700;
  }
  .product-detail__info > .-title:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-description {
    margin-bottom: 32px;
  }
  .product-detail__info > .-description:last-child {
    margin-bottom: 0;
  }
  .product-detail__info > .-order {
    padding: 32px 16px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
}

@media (min-width: 1200px) {
  .product-detail__price {
    margin-bottom: 32px;
  }
  .product-detail__price > .-currency {
    font-size: 2rem;
    font-weight: 500;
  }
  .product-detail__price > .-value {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-detail__price > .-tax {
    font-size: 1.4rem;
  }
  .product-detail__price:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-detail__price {
    margin-bottom: 32px;
  }
  .product-detail__price > .-currency {
    font-size: 2rem;
    font-weight: 500;
  }
  .product-detail__price > .-value {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-detail__price > .-tax {
    font-size: 1.4rem;
  }
  .product-detail__price:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .product-detail__price {
    margin-bottom: 32px;
  }
  .product-detail__price > .-currency {
    font-size: 2rem;
    font-weight: 500;
  }
  .product-detail__price > .-value {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
  }
  .product-detail__price > .-tax {
    font-size: 1.4rem;
  }
  .product-detail__price:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .product-detail__attention {
    padding: 16px;
    margin-bottom: 32px;
    border: 1px solid #D1D5DB;
    background-color: white;
  }
  .product-detail__attention > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .product-detail__attention > li > .-title {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .product-detail__attention > li > .-text {
    font-size: 1.4rem;
  }
  .product-detail__attention > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .product-detail__attention:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-detail__attention {
    padding: 16px;
    margin-bottom: 32px;
    border: 1px solid #D1D5DB;
    background-color: white;
  }
  .product-detail__attention > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .product-detail__attention > li > .-title {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .product-detail__attention > li > .-text {
    font-size: 1.4rem;
  }
  .product-detail__attention > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .product-detail__attention:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .product-detail__attention {
    padding: 16px;
    margin-bottom: 32px;
    border: 1px solid #D1D5DB;
    background-color: white;
  }
  .product-detail__attention > li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .product-detail__attention > li > .-title {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .product-detail__attention > li > .-text {
    font-size: 1.4rem;
  }
  .product-detail__attention > li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
  .product-detail__attention:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .product-detail__cart {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product-detail__cart {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .product-detail__cart > li.-cart {
    display: flex;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .product-detail__cart {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .product-detail__cart > li.-cart {
    display: flex;
    justify-content: center;
  }
}

/*==========================================================================
  page / member
  --------------------------------------------------------------------------
  - 会員
========================================================================== */
/*==========================================================================
  - 会員登録 Prefix：
========================================================================== */
/*==========================================================================
  - 会員サイト - ダッシュボード Prefix：dashboard
========================================================================== */
@media (min-width: 1200px) {
  .dashboard {
    display: flex;
    flex-wrap: wrap;
    gap: 64px 48px;
    width: 100%;
    margin-bottom: 64px;
  }
  .dashboard > li {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .dashboard > li.-news:has(+ .-subscription) {
    width: calc(50% - 24px);
  }
  .dashboard > li.-subscription:has(+ .-news) {
    width: calc(50% - 24px);
  }
  .dashboard > li.-news + .-subscription, .dashboard > li.-subscription + .-news {
    width: calc(50% - 24px);
  }
  .dashboard > li > .-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
    font-size: 2.4rem;
    font-weight: 700;
  }
  .dashboard > li > .-title > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dashboard > li > .-title > .-nav:empty {
    display: none;
  }
  .dashboard > li > .-title:has(> .-nav:empty) {
    gap: 0;
  }
  .dashboard > li > .-container {
    flex-grow: 1;
  }
  .dashboard:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard {
    width: 100%;
    margin-bottom: 48px;
  }
  .dashboard > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 48px;
  }
  .dashboard > li > .-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
  }
  .dashboard > li > .-title > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dashboard > li > .-title > .-nav:empty {
    display: none;
  }
  .dashboard > li > .-title:has(> .-nav:empty) {
    gap: 0;
  }
  .dashboard > li > .-container {
    flex-grow: 1;
  }
  .dashboard:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .dashboard {
    width: 100%;
    margin-bottom: 48px;
  }
  .dashboard > li {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 48px;
  }
  .dashboard > li > .-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
  }
  .dashboard > li > .-title > .-nav {
    font-size: 1.6rem;
    font-weight: normal;
    white-space: nowrap;
  }
  .dashboard > li > .-title > .-nav:empty {
    display: none;
  }
  .dashboard > li > .-title:has(> .-nav:empty) {
    gap: 0;
  }
  .dashboard > li > .-container {
    flex-grow: 1;
  }
  .dashboard:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .dashboard__status {
    display: flex;
    gap: 0;
    width: 100%;
    padding: 32px 24px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__status > .-container {
    width: 100%;
    padding: 0 24px;
    border-right: 1px solid #D1D5DB;
  }
  .dashboard__status > .-container:first-child {
    padding-left: 0;
  }
  .dashboard__status > .-container:last-child {
    padding-right: 0;
    border-right: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__status {
    width: 100%;
    padding: 16px 12px;
    padding-bottom: 16px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__status > .-container {
    width: 100%;
    margin-bottom: 16px;
  }
  .dashboard__status > .-container:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .dashboard__status {
    width: 100%;
    padding: 16px 12px;
    padding-bottom: 16px;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__status > .-container {
    width: 100%;
    margin-bottom: 16px;
  }
  .dashboard__status > .-container:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .dashboard__status-title {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 24px;
    border-radius: 4px;
    background-color: #F2F2F2;
    font-size: 2rem;
    font-weight: 500;
    color: #333333;
  }
  .dashboard__status-title:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__status-title {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 24px;
    background-color: #F2F2F2;
    font-size: 1.8rem;
    font-weight: 500;
    color: #333333;
  }
  .dashboard__status-title:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .dashboard__status-title {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 24px;
    background-color: #F2F2F2;
    font-size: 1.8rem;
    font-weight: 500;
    color: #333333;
  }
  .dashboard__status-title:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .dashboard__status-member {
    display: flex;
    gap: 32px;
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-member > .-img {
    width: 160px;
    height: 160px;
    text-align: center;
  }
  .dashboard__status-member > .-img + .-profile {
    width: calc(100% - 160px - 32px);
  }
  .dashboard__status-member > .-profile {
    width: 100%;
  }
  .dashboard__status-member > .-profile > div {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-member > .-profile > div > dt {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .dashboard__status-member > .-profile > div > dd {
    font-size: 1.8rem;
  }
  .dashboard__status-member > .-profile > div:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__status-member {
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-member > .-img {
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
  }
  .dashboard__status-member > .-profile {
    width: 100%;
  }
  .dashboard__status-member > .-profile > div {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-member > .-profile > div > dt {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .dashboard__status-member > .-profile > div > dd {
    font-size: 1.8rem;
  }
  .dashboard__status-member > .-profile > div:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .dashboard__status-member {
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-member > .-img {
    width: 100%;
    margin-bottom: 12px;
    text-align: center;
  }
  .dashboard__status-member > .-profile {
    width: 100%;
  }
  .dashboard__status-member > .-profile > div {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-member > .-profile > div > dt {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .dashboard__status-member > .-profile > div > dd {
    font-size: 1.8rem;
  }
  .dashboard__status-member > .-profile > div:last-child {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .dashboard__status-status {
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-status > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-status > div > dt {
    font-size: 1.6rem;
  }
  .dashboard__status-status > div > dd {
    font-size: 2.4rem;
  }
  .dashboard__status-status > div:first-child {
    padding-top: 0;
  }
  .dashboard__status-status > div:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__status-status {
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-status > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-status > div > dt {
    font-size: 1.6rem;
  }
  .dashboard__status-status > div > dd {
    font-size: 2rem;
  }
  .dashboard__status-status > div:first-child {
    padding-top: 0;
  }
  .dashboard__status-status > div:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .dashboard__status-status {
    width: 100%;
    padding: 0 16px;
  }
  .dashboard__status-status > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__status-status > div > dt {
    font-size: 1.6rem;
  }
  .dashboard__status-status > div > dd {
    font-size: 2rem;
  }
  .dashboard__status-status > div:first-child {
    padding-top: 0;
  }
  .dashboard__status-status > div:last-child {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .dashboard__function {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px 2px;
    width: 100%;
    padding: 24px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
  .dashboard__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 24px 16px;
    background-color: white;
  }
  .dashboard__function > li > a > .-img {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
  }
  .dashboard__function > li > a > .-img img {
    width: 48px;
  }
  .dashboard__function > li > a > .-img:last-child {
    margin-bottom: 0;
  }
  .dashboard__function > li > a > .-caption {
    width: 100%;
    text-align: center;
    color: #333333;
  }
  .dashboard__function > li > a:hover {
    background-color: #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__function {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px 2px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
  .dashboard__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px 8px;
    background-color: white;
  }
  .dashboard__function > li > a > .-img {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
  }
  .dashboard__function > li > a > .-img img {
    width: 48px;
  }
  .dashboard__function > li > a > .-img:last-child {
    margin-bottom: 0;
  }
  .dashboard__function > li > a > .-caption {
    width: 100%;
    text-align: center;
    color: #333333;
  }
  .dashboard__function > li > a:hover {
    background-color: #F2F2F2;
  }
}
@media (max-width: 767px) {
  .dashboard__function {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px 2px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    background-color: #F2F2F2;
  }
  .dashboard__function > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px 8px;
    background-color: white;
  }
  .dashboard__function > li > a > .-img {
    width: 100%;
    margin-bottom: 4px;
    text-align: center;
  }
  .dashboard__function > li > a > .-img img {
    width: 48px;
  }
  .dashboard__function > li > a > .-img:last-child {
    margin-bottom: 0;
  }
  .dashboard__function > li > a > .-caption {
    width: 100%;
    text-align: center;
    color: #333333;
  }
  .dashboard__function > li > a:hover {
    background-color: #F2F2F2;
  }
}

@media (min-width: 1200px) {
  .dashboard__news {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #ff8d44 0%, #fb5b01 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__news > .-container {
    width: 100%;
    height: 100%;
    padding: 32px 24px 32px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__news {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #ff8d44 0%, #fb5b01 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__news > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (max-width: 767px) {
  .dashboard__news {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #ff8d44 0%, #fb5b01 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__news > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}

@media (min-width: 1200px) {
  .dashboard__subscription {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #51B883 0%, #259D63 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__subscription > .-container {
    width: 100%;
    height: 100%;
    padding: 32px 24px 32px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__subscription {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #51B883 0%, #259D63 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__subscription > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (max-width: 767px) {
  .dashboard__subscription {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #51B883 0%, #259D63 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__subscription > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}

@media (min-width: 1200px) {
  .dashboard__subscription-info {
    width: 100%;
  }
  .dashboard__subscription-info > div {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__subscription-info > div > dt {
    width: 140px;
  }
  .dashboard__subscription-info > div > dd {
    width: calc(100% - 160px);
    padding-left: 16px;
  }
  .dashboard__subscription-info > div:first-child {
    padding-top: 0;
  }
  .dashboard__subscription-info > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__subscription-info {
    width: 100%;
  }
  .dashboard__subscription-info > div {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__subscription-info > div > dt {
    width: 100%;
    font-weight: 700;
  }
  .dashboard__subscription-info > div > dd {
    width: 100%;
  }
  .dashboard__subscription-info > div:first-child {
    padding-top: 0;
  }
  .dashboard__subscription-info > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .dashboard__subscription-info {
    width: 100%;
  }
  .dashboard__subscription-info > div {
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px dotted #D1D5DB;
  }
  .dashboard__subscription-info > div > dt {
    width: 100%;
    font-weight: 700;
  }
  .dashboard__subscription-info > div > dd {
    width: 100%;
  }
  .dashboard__subscription-info > div:first-child {
    padding-top: 0;
  }
  .dashboard__subscription-info > div:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .dashboard__delivery {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #7096F8 0%, #3460FB 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__delivery > .-container {
    width: 100%;
    height: 100%;
    padding: 32px 24px 32px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .dashboard__delivery {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #7096F8 0%, #3460FB 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__delivery > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}
@media (max-width: 767px) {
  .dashboard__delivery {
    width: 100%;
    height: 100%;
    padding-left: 8px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #7096F8 0%, #3460FB 100%);
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
  }
  .dashboard__delivery > .-container {
    width: 100%;
    height: 100%;
    padding: 24px 16px 24px 16px;
    border-radius: 0 8px 8px 0;
    background-color: white;
  }
}

/*==========================================================================
  - 会員サイト - 購入履歴 Prefix：history
========================================================================== */
/*==========================================================================
  - 会員サイト - マイページ Prefix：mypage
========================================================================== */
/*==========================================================================
  - 会員サイト - 招待メール＆コード Prefix：invitation
========================================================================== */
@media (min-width: 1200px) {
  .invitation__media {
    width: 100%;
    margin-bottom: 24px;
  }
  .invitation__media > .-nav {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #D1D5DB;
  }
  .invitation__media:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .invitation__media {
    width: 100%;
    margin-bottom: 24px;
  }
  .invitation__media > .-nav {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .invitation__media:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .invitation__media {
    width: 100%;
    margin-bottom: 24px;
  }
  .invitation__media > .-nav {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .invitation__media:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .invitation__media--nav {
    display: flex;
    flex-wrap: wrap;
  }
  .invitation__media--nav > li {
    margin: 0 24px;
  }
  .invitation__media--nav > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
  }
  .invitation__media--nav > li > a:active {
    transform: translate(0, 2px);
  }
  .invitation__media--nav > li > a > .-img {
    margin-bottom: 8px;
    text-align: center;
  }
  .invitation__media--nav > li > a > .-img img {
    width: 64px;
  }
  .invitation__media--nav > li > a > .-name {
    font-size: 1.6rem;
    text-align: center;
    color: #3B82F6;
  }
  .invitation__media--nav > li:first-child {
    margin-left: 0;
  }
  .invitation__media--nav > li:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .invitation__media--nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px 2px;
  }
  .invitation__media--nav > li {
    width: 100%;
  }
  .invitation__media--nav > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
  }
  .invitation__media--nav > li > a:active {
    transform: translate(0, 2px);
  }
  .invitation__media--nav > li > a > .-img {
    margin-bottom: 8px;
    text-align: center;
  }
  .invitation__media--nav > li > a > .-img img {
    width: 64px;
  }
  .invitation__media--nav > li > a > .-name {
    font-size: 12px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #3B82F6;
  }
}
@media (max-width: 767px) {
  .invitation__media--nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 16px 2px;
  }
  .invitation__media--nav > li {
    width: 100%;
  }
  .invitation__media--nav > li > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
  }
  .invitation__media--nav > li > a:active {
    transform: translate(0, 2px);
  }
  .invitation__media--nav > li > a > .-img {
    margin-bottom: 8px;
    text-align: center;
  }
  .invitation__media--nav > li > a > .-img img {
    width: 64px;
  }
  .invitation__media--nav > li > a > .-name {
    font-size: 12px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #3B82F6;
  }
}

@media (min-width: 1200px) {
  .invitation__media--code > div {
    width: 100%;
    margin-bottom: 32px;
  }
  .invitation__media--code > div > dt {
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #666666;
  }
  .invitation__media--code > div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .invitation__media--code > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .invitation__media--code > div > dt {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #666666;
  }
  .invitation__media--code > div:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .invitation__media--code > div {
    width: 100%;
    margin-bottom: 24px;
  }
  .invitation__media--code > div > dt {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #666666;
  }
  .invitation__media--code > div:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  - 会員サイト - 組織図 Prefix：chart
========================================================================== */
@media (min-width: 1200px) {
  .chart__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .chart__wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .chart__function {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 24px 32px 12px;
    margin: 0 auto;
  }
  .chart__function > .-function {
    display: flex;
    flex: 1;
    gap: 12px;
  }
  .chart__function > .-function > li input, .chart__function > .-function > li select {
    min-height: 48px;
  }
  .chart__function > .-nav {
    display: flex;
    white-space: nowrap;
    gap: 24px;
    font-weight: 700;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__function {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 12px 8px 8px;
  }
  .chart__function > .-function {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
  }
  .chart__function > .-function > li.-location {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .chart__function > .-function > li input, .chart__function > .-function > li select {
    min-height: 48px;
  }
  .chart__function > .-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    font-weight: 700;
    white-space: nowrap;
  }
}
@media (max-width: 767px) {
  .chart__function {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 12px 8px 8px;
  }
  .chart__function > .-function {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    width: 100%;
  }
  .chart__function > .-function > li.-location {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  .chart__function > .-function > li input, .chart__function > .-function > li select {
    min-height: 48px;
  }
  .chart__function > .-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    font-weight: 700;
    white-space: nowrap;
  }
}

@media (min-width: 1200px) {
  .chart__nav {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .chart__nav > li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 1.4rem;
  }
  .chart__nav > li::after {
    content: "";
    width: 1px;
    height: 32px;
    background-color: #CCCCCC;
  }
  .chart__nav > li:last-child::after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__nav {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px;
  }
  .chart__nav > li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 1.4rem;
  }
  .chart__nav > li::after {
    content: "";
    width: 1px;
    height: 24px;
    background-color: #CCCCCC;
  }
  .chart__nav > li:last-child::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .chart__nav {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px;
  }
  .chart__nav > li {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 1.4rem;
  }
  .chart__nav > li::after {
    content: "";
    width: 1px;
    height: 24px;
    background-color: #CCCCCC;
  }
  .chart__nav > li:last-child::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  .chart__search {
    display: flex;
    align-items: center;
  }
  .chart__search .btn {
    width: auto;
    min-width: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__search {
    display: flex;
    align-items: center;
  }
  .chart__search .btn {
    width: auto;
    min-width: auto;
  }
}
@media (max-width: 767px) {
  .chart__search {
    display: flex;
    align-items: center;
  }
  .chart__search .btn {
    width: auto;
    min-width: auto;
  }
}

@media (min-width: 1200px) {
  .chart__container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    background-color: #F2F2F2;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    background-color: #F2F2F2;
  }
}
@media (max-width: 767px) {
  .chart__container {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    background-color: #F2F2F2;
  }
}

@media (min-width: 1200px) {
  .chart__status {
    width: 100%;
    margin-bottom: 48px;
  }
  .chart__status > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin-bottom: 0;
    padding: 12px 8px;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__status > div > dt {
    width: 32px;
    margin-bottom: 0;
    font-weight: 500;
    color: #333333;
    text-align: center;
  }
  .chart__status > div > dd {
    flex: 1;
  }
  .chart__status:last-child {
    margin-bottom: 0;
  }
  .chart__status:last-child > div:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__status {
    width: 100%;
    margin-bottom: 48px;
  }
  .chart__status > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin-bottom: 0;
    padding: 12px 8px;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__status > div > dt {
    width: 32px;
    margin-bottom: 0;
    font-weight: 500;
    color: #333333;
    text-align: center;
  }
  .chart__status > div > dd {
    flex: 1;
  }
  .chart__status:last-child {
    margin-bottom: 0;
  }
  .chart__status:last-child > div:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .chart__status {
    width: 100%;
    margin-bottom: 48px;
  }
  .chart__status > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px;
    width: 100%;
    margin-bottom: 0;
    padding: 12px 8px;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__status > div > dt {
    width: 32px;
    margin-bottom: 0;
    font-weight: 500;
    color: #333333;
    text-align: center;
  }
  .chart__status > div > dd {
    flex: 1;
  }
  .chart__status:last-child {
    margin-bottom: 0;
  }
  .chart__status:last-child > div:last-child {
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .chart__rank {
    width: 100%;
    margin-bottom: 48px;
  }
  .chart__rank > div {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__rank > div > dt > img {
    width: 60px;
  }
  .chart__rank:last-child {
    margin-bottom: 0;
  }
  .chart__rank:last-child > div:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .chart__rank {
    width: 100%;
    margin-bottom: 32px;
  }
  .chart__rank > div {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__rank > div > dt > img {
    width: 60px;
  }
  .chart__rank:last-child {
    margin-bottom: 0;
  }
  .chart__rank:last-child > div:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .chart__rank {
    width: 100%;
    margin-bottom: 32px;
  }
  .chart__rank > div {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #D1D5DB;
  }
  .chart__rank > div > dt > img {
    width: 60px;
  }
  .chart__rank:last-child {
    margin-bottom: 0;
  }
  .chart__rank:last-child > div:last-child {
    border-bottom: none;
  }
}

/*==========================================================================
  - 紹介会員登録 Prefix：
========================================================================== */
@media (min-width: 1200px) {
  .delivery__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .delivery__table > tbody {
    width: 100%;
  }
  .delivery__table > tbody > tr {
    width: 100%;
  }
  .delivery__table > tbody > tr > th {
    padding: 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    background-color: #F4F5F9;
    vertical-align: middle;
    font-weight: 700;
    text-align: center;
  }
  .delivery__table > tbody > tr > th.-price {
    white-space: nowrap;
  }
  .delivery__table > tbody > tr > th.-quantity {
    width: 180px;
    white-space: nowrap;
  }
  .delivery__table > tbody > tr > th:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .delivery__table > tbody > tr > td {
    padding: 16px;
    border-top: 1px solid #D1D5DB;
    border-left: 1px solid #D1D5DB;
    vertical-align: middle;
  }
  .delivery__table > tbody > tr > td:last-child {
    border-right: 1px solid #D1D5DB;
  }
  .delivery__table > tbody > tr:last-child > th, .delivery__table > tbody > tr:last-child > td {
    border-bottom: 1px solid #D1D5DB;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .delivery__table {
    display: block;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .delivery__table > tbody {
    display: block;
    width: 100%;
  }
  .delivery__table > tbody > tr {
    display: block;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .delivery__table > tbody > tr > th {
    display: none;
  }
  .delivery__table > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
    border: none;
    vertical-align: middle;
  }
  .delivery__table > tbody > tr > td:last-child {
    margin-bottom: 0;
  }
  .delivery__table > tbody > tr:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .delivery__table {
    display: block;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    vertical-align: middle;
    text-align: left;
    table-layout: auto;
  }
  .delivery__table > thead {
    display: none;
  }
  .delivery__table > tbody {
    display: block;
    width: 100%;
  }
  .delivery__table > tbody > tr {
    display: block;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .delivery__table > tbody > tr > th {
    display: none;
  }
  .delivery__table > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
    border: none;
    vertical-align: middle;
  }
  .delivery__table > tbody > tr > td:last-child {
    margin-bottom: 0;
  }
  .delivery__table > tbody > tr:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}

@media (min-width: 1200px) {
  .delivery__item {
    width: 100%;
  }
  .delivery__item > div {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
  }
  .delivery__item > div > dt {
    display: none;
  }
  .delivery__item > div > dd {
    flex: 1;
    line-height: 1.2;
  }
  .delivery__item > div > dd.-price {
    text-align: right;
    white-space: nowrap;
  }
  .delivery__item > div > dd.-quantity {
    text-align: right;
    white-space: nowrap;
  }
  .delivery__item > div > dd.-quantity .form__item input {
    text-align: right;
  }
  .delivery__item > div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .delivery__item {
    width: 100%;
  }
  .delivery__item > div {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
  }
  .delivery__item > div > dt {
    width: 100px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #666666;
  }
  .delivery__item > div > dd {
    flex: 1;
    line-height: 1.2;
  }
  .delivery__item > div > dd.-quantity .form__item {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .delivery__item > div > dd.-quantity .form__item input {
    max-width: calc(4em + 32px);
    text-align: right;
  }
  .delivery__item > div:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .delivery__item {
    width: 100%;
  }
  .delivery__item > div {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-bottom: 8px;
  }
  .delivery__item > div > dt {
    width: 100px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #666666;
  }
  .delivery__item > div > dd {
    flex: 1;
    line-height: 1.2;
  }
  .delivery__item > div > dd.-quantity .form__item {
    display: inline-flex;
    flex-wrap: wrap;
  }
  .delivery__item > div > dd.-quantity .form__item input {
    max-width: calc(4em + 32px);
    text-align: right;
  }
  .delivery__item > div:last-child {
    margin-bottom: 0;
  }
}

/*==========================================================================
  page / privacy-policy
  --------------------------------------------------------------------------
  - 会員
========================================================================== */
/*==========================================================================
  - プライバシーポリシー Prefix：
========================================================================== */
/*==========================================================================
  page / complete
  --------------------------------------------------------------------------
  - 完了画面
========================================================================== */
/*==========================================================================
  - コンプリート画面 Prefix：complete
========================================================================== */
@media (min-width: 1200px) {
  .complete {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 64px;
    padding: 48px 32px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #F4F5F9;
  }
  .complete > .-title {
    margin-bottom: 16px;
    font-size: 2.4rem;
    font-weight: 700;
    color: #1d3994;
  }
  .complete > .-title:last-child {
    margin-bottom: 0;
  }
  .complete > .-container {
    margin-bottom: 48px;
    font-size: 1.8rem;
  }
  .complete > .-container:last-child {
    margin-bottom: 0;
  }
  .complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .complete > .-info > div {
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
  }
  .complete > .-info > div > dt {
    font-weight: 500;
  }
  .complete > .-info > div > dt::after {
    content: "：";
    display: inline-block;
  }
  .complete > .-info > div:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .complete {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 32px;
    padding: 32px 16px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #F4F5F9;
  }
  .complete > .-title {
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
    color: #1d3994;
  }
  .complete > .-title:last-child {
    margin-bottom: 0;
  }
  .complete > .-container {
    margin-bottom: 32px;
  }
  .complete > .-container:last-child {
    margin-bottom: 0;
  }
  .complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .complete > .-info > div {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .complete > .-info > div > dt {
    font-weight: 500;
  }
  .complete > .-info > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .complete {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto 32px;
    padding: 32px 16px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background-color: #F4F5F9;
  }
  .complete > .-title {
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 700;
    color: #1d3994;
  }
  .complete > .-title:last-child {
    margin-bottom: 0;
  }
  .complete > .-container {
    margin-bottom: 32px;
  }
  .complete > .-container:last-child {
    margin-bottom: 0;
  }
  .complete > .-info {
    padding: 24px;
    border-radius: 4px;
    background-color: #F9F9F9;
  }
  .complete > .-info > div {
    padding-bottom: 12px;
    margin-bottom: 16px;
    border-bottom: 1px dotted #D1D5DB;
  }
  .complete > .-info > div > dt {
    font-weight: 500;
  }
  .complete > .-info > div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}

/*==========================================================================
  page / plugin
  --------------------------------------------------------------------------
  - プラグイン
========================================================================== */
/*==========================================================================
  - carouselslider Prefix：carouselslider
========================================================================== */
@media (min-width: 1200px) {
  .section-carouselslider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .section-carouselslider img {
    width: auto;
    max-width: 100%;
  }
  .section-carouselslider .swiper-slide {
    width: 336px !important;
    opacity: 1; /* 左右のスライド */
    transform: scale(0.8) !important; /* 左右のスライドを小さくする */
    transition: 0.6s; /* ゆっくり小さくさせる */
  }
  .section-carouselslider .swiper-slide-active {
    opacity: 1; /* 中央のスライド */
    transform: scale(1) !important; /* 中央のスライドは小さくしない */
    z-index: 1; /* 中央のスライドを一番上にする */
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-carouselslider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .section-carouselslider img {
    width: auto;
    max-width: 100%;
  }
  .section-carouselslider .swiper-slide {
    width: 74.0740740741% !important;
    opacity: 1; /* 左右のスライド */
    transform: scale(0.8) !important; /* 左右のスライドを小さくする */
    transition: 0.6s; /* ゆっくり小さくさせる */
  }
  .section-carouselslider .swiper-slide-active {
    opacity: 1; /* 中央のスライド */
    transform: scale(1) !important; /* 中央のスライドは小さくしない */
    z-index: 1; /* 中央のスライドを一番上にする */
  }
}
@media (max-width: 767px) {
  .section-carouselslider {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .section-carouselslider img {
    width: auto;
    max-width: 100%;
  }
  .section-carouselslider .swiper-slide {
    width: 74.0740740741% !important;
    opacity: 1; /* 左右のスライド */
    transform: scale(0.8) !important; /* 左右のスライドを小さくする */
    transition: 0.6s; /* ゆっくり小さくさせる */
  }
  .section-carouselslider .swiper-slide-active {
    opacity: 1; /* 中央のスライド */
    transform: scale(1) !important; /* 中央のスライドは小さくしない */
    z-index: 1; /* 中央のスライドを一番上にする */
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--container {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: white;
    overflow: hidden;
  }
  .carouselslider__slide--container > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .carouselslider__slide--container > a:hover {
    opacity: 0.7;
  }
  .carouselslider__slide--container > a:active .carouselslider__slide--more {
    margin-right: -4px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carouselslider__slide--container {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: white;
  }
  .carouselslider__slide--container > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .carouselslider__slide--container > a:hover {
    opacity: 0.7;
  }
  .carouselslider__slide--container > a:active .carouselslider__slide--more {
    margin-right: -4px;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--container {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    background-color: white;
  }
  .carouselslider__slide--container > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #333333;
  }
  .carouselslider__slide--container > a:hover {
    opacity: 0.7;
  }
  .carouselslider__slide--container > a:active .carouselslider__slide--more {
    margin-right: -4px;
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 0 16px;
    aspect-ratio: 1/1;
    background-color: white;
    text-align: center;
    overflow: hidden;
  }
  .carouselslider__slide--img:empty {
    background-image: url("../img/no-image.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }
  .carouselslider__slide--img img {
    transition: all 0.3s ease-out;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carouselslider__slide--img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--description {
    padding: 12px 24px 24px;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--description {
    padding: 1.2rem;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--description {
    padding: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--title {
    margin-bottom: 8px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carouselslider__slide--title {
    margin-bottom: 8px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--title {
    margin-bottom: 8px;
    font-size: 1.8rem;
    font-weight: 700;
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 1.4rem;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carouselslider__slide--text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 1.4rem;
  }
}

@media (min-width: 1200px) {
  .carouselslider__slide--button {
    position: absolute;
    top: calc((100% - 48px) / 2);
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    max-width: min(100% - 24px, 1056px);
    height: 0;
    margin: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .carouselslider__slide--button {
    position: absolute;
    top: calc((100% - 30px) / 2);
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    max-width: min(100% - 60px, 74.0740740741% + 60px);
    height: 0;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .carouselslider__slide--button {
    position: absolute;
    top: calc((100% - 30px) / 2);
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    max-width: min(100% - 60px, 74.0740740741% + 60px);
    height: 0;
    margin: auto;
  }
}

/*================================================
  - swiper 上書き
 ================================================*/
@media (min-width: 1200px) {
  .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    cursor: pointer;
    top: 50%;
    left: 0px;
    width: 48px;
    height: 48px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
  }
  .swiper-button-prev:hover,
.swiper-rtl .swiper-button-next:hover {
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    cursor: pointer;
    top: 50%;
    left: 0;
    right: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
    pointer-events: auto;
  }
  .swiper-button-prev:hover, .swiper-button-prev:active,
.swiper-rtl .swiper-button-next:hover,
.swiper-rtl .swiper-button-next:active {
    color: white;
  }
}
@media (max-width: 767px) {
  .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    cursor: pointer;
    top: 50%;
    left: 0;
    right: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
    pointer-events: auto;
  }
  .swiper-button-prev:hover, .swiper-button-prev:active,
.swiper-rtl .swiper-button-next:hover,
.swiper-rtl .swiper-button-next:active {
    color: white;
  }
}

@media (min-width: 1200px) {
  .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    cursor: pointer;
    top: 50%;
    right: 0px;
    width: 48px;
    height: 48px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
  }
  .swiper-button-next:hover,
.swiper-rtl .swiper-button-prev:hover {
    color: white;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    cursor: pointer;
    top: 50%;
    right: 0;
    left: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
    pointer-events: auto;
  }
  .swiper-button-next:hover, .swiper-button-next:active,
.swiper-rtl .swiper-button-prev:hover,
.swiper-rtl .swiper-button-prev:active {
    color: white;
  }
}
@media (max-width: 767px) {
  .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    cursor: pointer;
    top: 50%;
    right: 0;
    left: auto;
    width: 30px;
    height: 30px;
    border: 1px solid #666666;
    border-radius: 50%;
    background: #666666;
    transition: background-color 0.2s, border-color 0.3s;
    color: white;
    pointer-events: auto;
  }
  .swiper-button-next:hover, .swiper-button-next:active,
.swiper-rtl .swiper-button-prev:hover,
.swiper-rtl .swiper-button-prev:active {
    color: white;
  }
}

@media (min-width: 1200px) {
  .swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 12px;
  }
}

@media (min-width: 1200px) {
  .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .swiper-pagination-bullet {
    width: 50px;
    height: 6px;
    border-radius: 0;
    margin: 0 !important;
    background: #E6E6E6;
    opacity: 1;
    transition: 0.3s;
  }
  .swiper-pagination-bullet:first-child {
    border-radius: 3px 0 0 3px;
  }
  .swiper-pagination-bullet:last-child {
    border-radius: 0 3px 3px 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-pagination-bullet {
    width: 30px;
    height: 6px;
    border-radius: 0;
    margin: 0 !important;
    background: #E6E6E6;
    opacity: 1;
    transition: 0.3s;
  }
  .swiper-pagination-bullet:first-child {
    border-radius: 0.8vw 0 0 0.8vw;
  }
  .swiper-pagination-bullet:last-child {
    border-radius: 0 0.8vw 0.8vw 0;
  }
}
@media (max-width: 767px) {
  .swiper-pagination-bullet {
    width: 30px;
    height: 6px;
    border-radius: 0;
    margin: 0 !important;
    background: #E6E6E6;
    opacity: 1;
    transition: 0.3s;
  }
  .swiper-pagination-bullet:first-child {
    border-radius: 0.8vw 0 0 0.8vw;
  }
  .swiper-pagination-bullet:last-child {
    border-radius: 0 0.8vw 0.8vw 0;
  }
}

@media (min-width: 1200px) {
  .swiper-pagination-bullet-active {
    background: #1d3994;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .swiper-pagination-bullet-active {
    background: #1d3994;
  }
}
@media (max-width: 767px) {
  .swiper-pagination-bullet-active {
    background: #1d3994;
  }
}

/*==========================================================================
  page / index
  --------------------------------------------------------------------------
  - ページ設定をまとめる
========================================================================== */
/*==========================================================================
  utility / element
  --------------------------------------------------------------------------
  - 要素への指定（上書き）
========================================================================== */
/*==========================================================================
  - カスタムエレメント Prefix：element
========================================================================== */
.element__font-size-10 {
  font-size: 1rem !important;
}

.element__font-size-11 {
  font-size: 1.1rem !important;
}

.element__font-size-12 {
  font-size: 1.2rem !important;
}

.element__font-size-13 {
  font-size: 1.3rem !important;
}

.element__font-size-14 {
  font-size: 1.4rem !important;
}

.element__font-size-15 {
  font-size: 1.5rem !important;
}

.element__font-size-16 {
  font-size: 1.6rem !important;
}

.element__font-size-17 {
  font-size: 1.7rem !important;
}

.element__font-size-18 {
  font-size: 1.8rem !important;
}

.element__font-size-19 {
  font-size: 1.9rem !important;
}

.element__font-size-20 {
  font-size: 2rem !important;
}

.element__font-size-21 {
  font-size: 2.1rem !important;
}

.element__font-size-22 {
  font-size: 2.2rem !important;
}

.element__font-size-23 {
  font-size: 2.3rem !important;
}

.element__font-size-24 {
  font-size: 2.4rem !important;
}

.element__font-size-25 {
  font-size: 2.5rem !important;
}

.element__font-size-26 {
  font-size: 2.6rem !important;
}

.element__font-size-27 {
  font-size: 2.7rem !important;
}

.element__font-size-28 {
  font-size: 2.8rem !important;
}

.element__font-size-29 {
  font-size: 2.9rem !important;
}

.element__font-size-30 {
  font-size: 3rem !important;
}

.element__font-size-31 {
  font-size: 3.1rem !important;
}

.element__font-size-32 {
  font-size: 3.2rem !important;
}

.element__font-size-33 {
  font-size: 3.3rem !important;
}

.element__font-size-34 {
  font-size: 3.4rem !important;
}

.element__font-size-35 {
  font-size: 3.5rem !important;
}

.element__font-size-36 {
  font-size: 3.6rem !important;
}

.element__font-size-37 {
  font-size: 3.7rem !important;
}

.element__font-size-38 {
  font-size: 3.8rem !important;
}

.element__font-size-39 {
  font-size: 3.9rem !important;
}

.element__font-size-40 {
  font-size: 4rem !important;
}

.element__font-size-41 {
  font-size: 4.1rem !important;
}

.element__font-size-42 {
  font-size: 4.2rem !important;
}

.element__font-size-43 {
  font-size: 4.3rem !important;
}

.element__font-size-44 {
  font-size: 4.4rem !important;
}

.element__font-size-45 {
  font-size: 4.5rem !important;
}

.element__font-size-46 {
  font-size: 4.6rem !important;
}

.element__font-size-47 {
  font-size: 4.7rem !important;
}

.element__font-size-48 {
  font-size: 4.8rem !important;
}

.element__font-size-x-large {
  font-size: 2.4rem !important;
  line-height: 1.2 !important;
}

.element__font-size-large {
  font-size: 2rem !important;
  line-height: 1.2 !important;
}

.element__font-size-middle {
  font-size: 1.6rem !important;
  line-height: 1.4 !important;
}

.element__font-size-small {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
}

.element__font-size-x-small {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

.element__font-weight-300 {
  font-weight: 300 !important;
}

.element__font-weight-400 {
  font-weight: 400 !important;
}

.element__font-weight-500 {
  font-weight: 500 !important;
}

.element__font-weight-700 {
  font-weight: 700 !important;
}

.element__color-success {
  color: #16A34A !important;
}

.element__color-error {
  color: #DC2626 !important;
}

.element__color-warning {
  color: #F59E0B !important;
}

.element__color-info {
  color: #0284C7 !important;
}

.element__color-red {
  color: #FF0000 !important;
}

.element__color-white {
  color: #FFFFFF !important;
}

.element__color-black {
  color: #000000 !important;
}

.element_text-align-center {
  text-align: center !important;
}

.element_text-align-left {
  text-align: left !important;
}

.element_text-align-right {
  text-align: right !important;
}

.element_align-items-start {
  align-items: flex-start !important;
}

.element_align-items-center {
  align-items: center !important;
}

.element_align-items-end {
  align-items: flex-end !important;
}

.element_justify-content-start {
  justify-content: flex-start !important;
}

.element_justify-content-center {
  justify-content: center !important;
}

.element_justify-content-end {
  justify-content: flex-end !important;
}

.element_white-space-nowrap {
  white-space: nowrap;
}

.element_white-space-initial {
  white-space: initial;
}

.element__gap-0 {
  gap: 0px !important;
}

.element__gap-0-0 {
  gap: 0px 0px !important;
}

.element__gap-0-1 {
  gap: 0px 1px !important;
}

.element__gap-0-2 {
  gap: 0px 2px !important;
}

.element__gap-0-3 {
  gap: 0px 3px !important;
}

.element__gap-0-4 {
  gap: 0px 4px !important;
}

.element__gap-0-5 {
  gap: 0px 5px !important;
}

.element__gap-0-6 {
  gap: 0px 6px !important;
}

.element__gap-0-7 {
  gap: 0px 7px !important;
}

.element__gap-0-8 {
  gap: 0px 8px !important;
}

.element__gap-0-9 {
  gap: 0px 9px !important;
}

.element__gap-0-10 {
  gap: 0px 10px !important;
}

.element__gap-0-11 {
  gap: 0px 11px !important;
}

.element__gap-0-12 {
  gap: 0px 12px !important;
}

.element__gap-0-13 {
  gap: 0px 13px !important;
}

.element__gap-0-14 {
  gap: 0px 14px !important;
}

.element__gap-0-15 {
  gap: 0px 15px !important;
}

.element__gap-0-16 {
  gap: 0px 16px !important;
}

.element__gap-0-17 {
  gap: 0px 17px !important;
}

.element__gap-0-18 {
  gap: 0px 18px !important;
}

.element__gap-0-19 {
  gap: 0px 19px !important;
}

.element__gap-0-20 {
  gap: 0px 20px !important;
}

.element__gap-0-21 {
  gap: 0px 21px !important;
}

.element__gap-0-22 {
  gap: 0px 22px !important;
}

.element__gap-0-23 {
  gap: 0px 23px !important;
}

.element__gap-0-24 {
  gap: 0px 24px !important;
}

.element__gap-0-25 {
  gap: 0px 25px !important;
}

.element__gap-0-26 {
  gap: 0px 26px !important;
}

.element__gap-0-27 {
  gap: 0px 27px !important;
}

.element__gap-0-28 {
  gap: 0px 28px !important;
}

.element__gap-0-29 {
  gap: 0px 29px !important;
}

.element__gap-0-30 {
  gap: 0px 30px !important;
}

.element__gap-0-31 {
  gap: 0px 31px !important;
}

.element__gap-0-32 {
  gap: 0px 32px !important;
}

.element__gap-0-33 {
  gap: 0px 33px !important;
}

.element__gap-0-34 {
  gap: 0px 34px !important;
}

.element__gap-0-35 {
  gap: 0px 35px !important;
}

.element__gap-0-36 {
  gap: 0px 36px !important;
}

.element__gap-0-37 {
  gap: 0px 37px !important;
}

.element__gap-0-38 {
  gap: 0px 38px !important;
}

.element__gap-0-39 {
  gap: 0px 39px !important;
}

.element__gap-0-40 {
  gap: 0px 40px !important;
}

.element__gap-0-41 {
  gap: 0px 41px !important;
}

.element__gap-0-42 {
  gap: 0px 42px !important;
}

.element__gap-0-43 {
  gap: 0px 43px !important;
}

.element__gap-0-44 {
  gap: 0px 44px !important;
}

.element__gap-0-45 {
  gap: 0px 45px !important;
}

.element__gap-0-46 {
  gap: 0px 46px !important;
}

.element__gap-0-47 {
  gap: 0px 47px !important;
}

.element__gap-0-48 {
  gap: 0px 48px !important;
}

.element__gap-x-0 {
  -moz-column-gap: 0px !important;
       column-gap: 0px !important;
}

.element__gap-y-0 {
  row-gap: 0px !important;
}

.element__gap-1 {
  gap: 1px !important;
}

.element__gap-1-0 {
  gap: 1px 0px !important;
}

.element__gap-1-1 {
  gap: 1px 1px !important;
}

.element__gap-1-2 {
  gap: 1px 2px !important;
}

.element__gap-1-3 {
  gap: 1px 3px !important;
}

.element__gap-1-4 {
  gap: 1px 4px !important;
}

.element__gap-1-5 {
  gap: 1px 5px !important;
}

.element__gap-1-6 {
  gap: 1px 6px !important;
}

.element__gap-1-7 {
  gap: 1px 7px !important;
}

.element__gap-1-8 {
  gap: 1px 8px !important;
}

.element__gap-1-9 {
  gap: 1px 9px !important;
}

.element__gap-1-10 {
  gap: 1px 10px !important;
}

.element__gap-1-11 {
  gap: 1px 11px !important;
}

.element__gap-1-12 {
  gap: 1px 12px !important;
}

.element__gap-1-13 {
  gap: 1px 13px !important;
}

.element__gap-1-14 {
  gap: 1px 14px !important;
}

.element__gap-1-15 {
  gap: 1px 15px !important;
}

.element__gap-1-16 {
  gap: 1px 16px !important;
}

.element__gap-1-17 {
  gap: 1px 17px !important;
}

.element__gap-1-18 {
  gap: 1px 18px !important;
}

.element__gap-1-19 {
  gap: 1px 19px !important;
}

.element__gap-1-20 {
  gap: 1px 20px !important;
}

.element__gap-1-21 {
  gap: 1px 21px !important;
}

.element__gap-1-22 {
  gap: 1px 22px !important;
}

.element__gap-1-23 {
  gap: 1px 23px !important;
}

.element__gap-1-24 {
  gap: 1px 24px !important;
}

.element__gap-1-25 {
  gap: 1px 25px !important;
}

.element__gap-1-26 {
  gap: 1px 26px !important;
}

.element__gap-1-27 {
  gap: 1px 27px !important;
}

.element__gap-1-28 {
  gap: 1px 28px !important;
}

.element__gap-1-29 {
  gap: 1px 29px !important;
}

.element__gap-1-30 {
  gap: 1px 30px !important;
}

.element__gap-1-31 {
  gap: 1px 31px !important;
}

.element__gap-1-32 {
  gap: 1px 32px !important;
}

.element__gap-1-33 {
  gap: 1px 33px !important;
}

.element__gap-1-34 {
  gap: 1px 34px !important;
}

.element__gap-1-35 {
  gap: 1px 35px !important;
}

.element__gap-1-36 {
  gap: 1px 36px !important;
}

.element__gap-1-37 {
  gap: 1px 37px !important;
}

.element__gap-1-38 {
  gap: 1px 38px !important;
}

.element__gap-1-39 {
  gap: 1px 39px !important;
}

.element__gap-1-40 {
  gap: 1px 40px !important;
}

.element__gap-1-41 {
  gap: 1px 41px !important;
}

.element__gap-1-42 {
  gap: 1px 42px !important;
}

.element__gap-1-43 {
  gap: 1px 43px !important;
}

.element__gap-1-44 {
  gap: 1px 44px !important;
}

.element__gap-1-45 {
  gap: 1px 45px !important;
}

.element__gap-1-46 {
  gap: 1px 46px !important;
}

.element__gap-1-47 {
  gap: 1px 47px !important;
}

.element__gap-1-48 {
  gap: 1px 48px !important;
}

.element__gap-x-1 {
  -moz-column-gap: 1px !important;
       column-gap: 1px !important;
}

.element__gap-y-1 {
  row-gap: 1px !important;
}

.element__gap-2 {
  gap: 2px !important;
}

.element__gap-2-0 {
  gap: 2px 0px !important;
}

.element__gap-2-1 {
  gap: 2px 1px !important;
}

.element__gap-2-2 {
  gap: 2px 2px !important;
}

.element__gap-2-3 {
  gap: 2px 3px !important;
}

.element__gap-2-4 {
  gap: 2px 4px !important;
}

.element__gap-2-5 {
  gap: 2px 5px !important;
}

.element__gap-2-6 {
  gap: 2px 6px !important;
}

.element__gap-2-7 {
  gap: 2px 7px !important;
}

.element__gap-2-8 {
  gap: 2px 8px !important;
}

.element__gap-2-9 {
  gap: 2px 9px !important;
}

.element__gap-2-10 {
  gap: 2px 10px !important;
}

.element__gap-2-11 {
  gap: 2px 11px !important;
}

.element__gap-2-12 {
  gap: 2px 12px !important;
}

.element__gap-2-13 {
  gap: 2px 13px !important;
}

.element__gap-2-14 {
  gap: 2px 14px !important;
}

.element__gap-2-15 {
  gap: 2px 15px !important;
}

.element__gap-2-16 {
  gap: 2px 16px !important;
}

.element__gap-2-17 {
  gap: 2px 17px !important;
}

.element__gap-2-18 {
  gap: 2px 18px !important;
}

.element__gap-2-19 {
  gap: 2px 19px !important;
}

.element__gap-2-20 {
  gap: 2px 20px !important;
}

.element__gap-2-21 {
  gap: 2px 21px !important;
}

.element__gap-2-22 {
  gap: 2px 22px !important;
}

.element__gap-2-23 {
  gap: 2px 23px !important;
}

.element__gap-2-24 {
  gap: 2px 24px !important;
}

.element__gap-2-25 {
  gap: 2px 25px !important;
}

.element__gap-2-26 {
  gap: 2px 26px !important;
}

.element__gap-2-27 {
  gap: 2px 27px !important;
}

.element__gap-2-28 {
  gap: 2px 28px !important;
}

.element__gap-2-29 {
  gap: 2px 29px !important;
}

.element__gap-2-30 {
  gap: 2px 30px !important;
}

.element__gap-2-31 {
  gap: 2px 31px !important;
}

.element__gap-2-32 {
  gap: 2px 32px !important;
}

.element__gap-2-33 {
  gap: 2px 33px !important;
}

.element__gap-2-34 {
  gap: 2px 34px !important;
}

.element__gap-2-35 {
  gap: 2px 35px !important;
}

.element__gap-2-36 {
  gap: 2px 36px !important;
}

.element__gap-2-37 {
  gap: 2px 37px !important;
}

.element__gap-2-38 {
  gap: 2px 38px !important;
}

.element__gap-2-39 {
  gap: 2px 39px !important;
}

.element__gap-2-40 {
  gap: 2px 40px !important;
}

.element__gap-2-41 {
  gap: 2px 41px !important;
}

.element__gap-2-42 {
  gap: 2px 42px !important;
}

.element__gap-2-43 {
  gap: 2px 43px !important;
}

.element__gap-2-44 {
  gap: 2px 44px !important;
}

.element__gap-2-45 {
  gap: 2px 45px !important;
}

.element__gap-2-46 {
  gap: 2px 46px !important;
}

.element__gap-2-47 {
  gap: 2px 47px !important;
}

.element__gap-2-48 {
  gap: 2px 48px !important;
}

.element__gap-x-2 {
  -moz-column-gap: 2px !important;
       column-gap: 2px !important;
}

.element__gap-y-2 {
  row-gap: 2px !important;
}

.element__gap-3 {
  gap: 3px !important;
}

.element__gap-3-0 {
  gap: 3px 0px !important;
}

.element__gap-3-1 {
  gap: 3px 1px !important;
}

.element__gap-3-2 {
  gap: 3px 2px !important;
}

.element__gap-3-3 {
  gap: 3px 3px !important;
}

.element__gap-3-4 {
  gap: 3px 4px !important;
}

.element__gap-3-5 {
  gap: 3px 5px !important;
}

.element__gap-3-6 {
  gap: 3px 6px !important;
}

.element__gap-3-7 {
  gap: 3px 7px !important;
}

.element__gap-3-8 {
  gap: 3px 8px !important;
}

.element__gap-3-9 {
  gap: 3px 9px !important;
}

.element__gap-3-10 {
  gap: 3px 10px !important;
}

.element__gap-3-11 {
  gap: 3px 11px !important;
}

.element__gap-3-12 {
  gap: 3px 12px !important;
}

.element__gap-3-13 {
  gap: 3px 13px !important;
}

.element__gap-3-14 {
  gap: 3px 14px !important;
}

.element__gap-3-15 {
  gap: 3px 15px !important;
}

.element__gap-3-16 {
  gap: 3px 16px !important;
}

.element__gap-3-17 {
  gap: 3px 17px !important;
}

.element__gap-3-18 {
  gap: 3px 18px !important;
}

.element__gap-3-19 {
  gap: 3px 19px !important;
}

.element__gap-3-20 {
  gap: 3px 20px !important;
}

.element__gap-3-21 {
  gap: 3px 21px !important;
}

.element__gap-3-22 {
  gap: 3px 22px !important;
}

.element__gap-3-23 {
  gap: 3px 23px !important;
}

.element__gap-3-24 {
  gap: 3px 24px !important;
}

.element__gap-3-25 {
  gap: 3px 25px !important;
}

.element__gap-3-26 {
  gap: 3px 26px !important;
}

.element__gap-3-27 {
  gap: 3px 27px !important;
}

.element__gap-3-28 {
  gap: 3px 28px !important;
}

.element__gap-3-29 {
  gap: 3px 29px !important;
}

.element__gap-3-30 {
  gap: 3px 30px !important;
}

.element__gap-3-31 {
  gap: 3px 31px !important;
}

.element__gap-3-32 {
  gap: 3px 32px !important;
}

.element__gap-3-33 {
  gap: 3px 33px !important;
}

.element__gap-3-34 {
  gap: 3px 34px !important;
}

.element__gap-3-35 {
  gap: 3px 35px !important;
}

.element__gap-3-36 {
  gap: 3px 36px !important;
}

.element__gap-3-37 {
  gap: 3px 37px !important;
}

.element__gap-3-38 {
  gap: 3px 38px !important;
}

.element__gap-3-39 {
  gap: 3px 39px !important;
}

.element__gap-3-40 {
  gap: 3px 40px !important;
}

.element__gap-3-41 {
  gap: 3px 41px !important;
}

.element__gap-3-42 {
  gap: 3px 42px !important;
}

.element__gap-3-43 {
  gap: 3px 43px !important;
}

.element__gap-3-44 {
  gap: 3px 44px !important;
}

.element__gap-3-45 {
  gap: 3px 45px !important;
}

.element__gap-3-46 {
  gap: 3px 46px !important;
}

.element__gap-3-47 {
  gap: 3px 47px !important;
}

.element__gap-3-48 {
  gap: 3px 48px !important;
}

.element__gap-x-3 {
  -moz-column-gap: 3px !important;
       column-gap: 3px !important;
}

.element__gap-y-3 {
  row-gap: 3px !important;
}

.element__gap-4 {
  gap: 4px !important;
}

.element__gap-4-0 {
  gap: 4px 0px !important;
}

.element__gap-4-1 {
  gap: 4px 1px !important;
}

.element__gap-4-2 {
  gap: 4px 2px !important;
}

.element__gap-4-3 {
  gap: 4px 3px !important;
}

.element__gap-4-4 {
  gap: 4px 4px !important;
}

.element__gap-4-5 {
  gap: 4px 5px !important;
}

.element__gap-4-6 {
  gap: 4px 6px !important;
}

.element__gap-4-7 {
  gap: 4px 7px !important;
}

.element__gap-4-8 {
  gap: 4px 8px !important;
}

.element__gap-4-9 {
  gap: 4px 9px !important;
}

.element__gap-4-10 {
  gap: 4px 10px !important;
}

.element__gap-4-11 {
  gap: 4px 11px !important;
}

.element__gap-4-12 {
  gap: 4px 12px !important;
}

.element__gap-4-13 {
  gap: 4px 13px !important;
}

.element__gap-4-14 {
  gap: 4px 14px !important;
}

.element__gap-4-15 {
  gap: 4px 15px !important;
}

.element__gap-4-16 {
  gap: 4px 16px !important;
}

.element__gap-4-17 {
  gap: 4px 17px !important;
}

.element__gap-4-18 {
  gap: 4px 18px !important;
}

.element__gap-4-19 {
  gap: 4px 19px !important;
}

.element__gap-4-20 {
  gap: 4px 20px !important;
}

.element__gap-4-21 {
  gap: 4px 21px !important;
}

.element__gap-4-22 {
  gap: 4px 22px !important;
}

.element__gap-4-23 {
  gap: 4px 23px !important;
}

.element__gap-4-24 {
  gap: 4px 24px !important;
}

.element__gap-4-25 {
  gap: 4px 25px !important;
}

.element__gap-4-26 {
  gap: 4px 26px !important;
}

.element__gap-4-27 {
  gap: 4px 27px !important;
}

.element__gap-4-28 {
  gap: 4px 28px !important;
}

.element__gap-4-29 {
  gap: 4px 29px !important;
}

.element__gap-4-30 {
  gap: 4px 30px !important;
}

.element__gap-4-31 {
  gap: 4px 31px !important;
}

.element__gap-4-32 {
  gap: 4px 32px !important;
}

.element__gap-4-33 {
  gap: 4px 33px !important;
}

.element__gap-4-34 {
  gap: 4px 34px !important;
}

.element__gap-4-35 {
  gap: 4px 35px !important;
}

.element__gap-4-36 {
  gap: 4px 36px !important;
}

.element__gap-4-37 {
  gap: 4px 37px !important;
}

.element__gap-4-38 {
  gap: 4px 38px !important;
}

.element__gap-4-39 {
  gap: 4px 39px !important;
}

.element__gap-4-40 {
  gap: 4px 40px !important;
}

.element__gap-4-41 {
  gap: 4px 41px !important;
}

.element__gap-4-42 {
  gap: 4px 42px !important;
}

.element__gap-4-43 {
  gap: 4px 43px !important;
}

.element__gap-4-44 {
  gap: 4px 44px !important;
}

.element__gap-4-45 {
  gap: 4px 45px !important;
}

.element__gap-4-46 {
  gap: 4px 46px !important;
}

.element__gap-4-47 {
  gap: 4px 47px !important;
}

.element__gap-4-48 {
  gap: 4px 48px !important;
}

.element__gap-x-4 {
  -moz-column-gap: 4px !important;
       column-gap: 4px !important;
}

.element__gap-y-4 {
  row-gap: 4px !important;
}

.element__gap-5 {
  gap: 5px !important;
}

.element__gap-5-0 {
  gap: 5px 0px !important;
}

.element__gap-5-1 {
  gap: 5px 1px !important;
}

.element__gap-5-2 {
  gap: 5px 2px !important;
}

.element__gap-5-3 {
  gap: 5px 3px !important;
}

.element__gap-5-4 {
  gap: 5px 4px !important;
}

.element__gap-5-5 {
  gap: 5px 5px !important;
}

.element__gap-5-6 {
  gap: 5px 6px !important;
}

.element__gap-5-7 {
  gap: 5px 7px !important;
}

.element__gap-5-8 {
  gap: 5px 8px !important;
}

.element__gap-5-9 {
  gap: 5px 9px !important;
}

.element__gap-5-10 {
  gap: 5px 10px !important;
}

.element__gap-5-11 {
  gap: 5px 11px !important;
}

.element__gap-5-12 {
  gap: 5px 12px !important;
}

.element__gap-5-13 {
  gap: 5px 13px !important;
}

.element__gap-5-14 {
  gap: 5px 14px !important;
}

.element__gap-5-15 {
  gap: 5px 15px !important;
}

.element__gap-5-16 {
  gap: 5px 16px !important;
}

.element__gap-5-17 {
  gap: 5px 17px !important;
}

.element__gap-5-18 {
  gap: 5px 18px !important;
}

.element__gap-5-19 {
  gap: 5px 19px !important;
}

.element__gap-5-20 {
  gap: 5px 20px !important;
}

.element__gap-5-21 {
  gap: 5px 21px !important;
}

.element__gap-5-22 {
  gap: 5px 22px !important;
}

.element__gap-5-23 {
  gap: 5px 23px !important;
}

.element__gap-5-24 {
  gap: 5px 24px !important;
}

.element__gap-5-25 {
  gap: 5px 25px !important;
}

.element__gap-5-26 {
  gap: 5px 26px !important;
}

.element__gap-5-27 {
  gap: 5px 27px !important;
}

.element__gap-5-28 {
  gap: 5px 28px !important;
}

.element__gap-5-29 {
  gap: 5px 29px !important;
}

.element__gap-5-30 {
  gap: 5px 30px !important;
}

.element__gap-5-31 {
  gap: 5px 31px !important;
}

.element__gap-5-32 {
  gap: 5px 32px !important;
}

.element__gap-5-33 {
  gap: 5px 33px !important;
}

.element__gap-5-34 {
  gap: 5px 34px !important;
}

.element__gap-5-35 {
  gap: 5px 35px !important;
}

.element__gap-5-36 {
  gap: 5px 36px !important;
}

.element__gap-5-37 {
  gap: 5px 37px !important;
}

.element__gap-5-38 {
  gap: 5px 38px !important;
}

.element__gap-5-39 {
  gap: 5px 39px !important;
}

.element__gap-5-40 {
  gap: 5px 40px !important;
}

.element__gap-5-41 {
  gap: 5px 41px !important;
}

.element__gap-5-42 {
  gap: 5px 42px !important;
}

.element__gap-5-43 {
  gap: 5px 43px !important;
}

.element__gap-5-44 {
  gap: 5px 44px !important;
}

.element__gap-5-45 {
  gap: 5px 45px !important;
}

.element__gap-5-46 {
  gap: 5px 46px !important;
}

.element__gap-5-47 {
  gap: 5px 47px !important;
}

.element__gap-5-48 {
  gap: 5px 48px !important;
}

.element__gap-x-5 {
  -moz-column-gap: 5px !important;
       column-gap: 5px !important;
}

.element__gap-y-5 {
  row-gap: 5px !important;
}

.element__gap-6 {
  gap: 6px !important;
}

.element__gap-6-0 {
  gap: 6px 0px !important;
}

.element__gap-6-1 {
  gap: 6px 1px !important;
}

.element__gap-6-2 {
  gap: 6px 2px !important;
}

.element__gap-6-3 {
  gap: 6px 3px !important;
}

.element__gap-6-4 {
  gap: 6px 4px !important;
}

.element__gap-6-5 {
  gap: 6px 5px !important;
}

.element__gap-6-6 {
  gap: 6px 6px !important;
}

.element__gap-6-7 {
  gap: 6px 7px !important;
}

.element__gap-6-8 {
  gap: 6px 8px !important;
}

.element__gap-6-9 {
  gap: 6px 9px !important;
}

.element__gap-6-10 {
  gap: 6px 10px !important;
}

.element__gap-6-11 {
  gap: 6px 11px !important;
}

.element__gap-6-12 {
  gap: 6px 12px !important;
}

.element__gap-6-13 {
  gap: 6px 13px !important;
}

.element__gap-6-14 {
  gap: 6px 14px !important;
}

.element__gap-6-15 {
  gap: 6px 15px !important;
}

.element__gap-6-16 {
  gap: 6px 16px !important;
}

.element__gap-6-17 {
  gap: 6px 17px !important;
}

.element__gap-6-18 {
  gap: 6px 18px !important;
}

.element__gap-6-19 {
  gap: 6px 19px !important;
}

.element__gap-6-20 {
  gap: 6px 20px !important;
}

.element__gap-6-21 {
  gap: 6px 21px !important;
}

.element__gap-6-22 {
  gap: 6px 22px !important;
}

.element__gap-6-23 {
  gap: 6px 23px !important;
}

.element__gap-6-24 {
  gap: 6px 24px !important;
}

.element__gap-6-25 {
  gap: 6px 25px !important;
}

.element__gap-6-26 {
  gap: 6px 26px !important;
}

.element__gap-6-27 {
  gap: 6px 27px !important;
}

.element__gap-6-28 {
  gap: 6px 28px !important;
}

.element__gap-6-29 {
  gap: 6px 29px !important;
}

.element__gap-6-30 {
  gap: 6px 30px !important;
}

.element__gap-6-31 {
  gap: 6px 31px !important;
}

.element__gap-6-32 {
  gap: 6px 32px !important;
}

.element__gap-6-33 {
  gap: 6px 33px !important;
}

.element__gap-6-34 {
  gap: 6px 34px !important;
}

.element__gap-6-35 {
  gap: 6px 35px !important;
}

.element__gap-6-36 {
  gap: 6px 36px !important;
}

.element__gap-6-37 {
  gap: 6px 37px !important;
}

.element__gap-6-38 {
  gap: 6px 38px !important;
}

.element__gap-6-39 {
  gap: 6px 39px !important;
}

.element__gap-6-40 {
  gap: 6px 40px !important;
}

.element__gap-6-41 {
  gap: 6px 41px !important;
}

.element__gap-6-42 {
  gap: 6px 42px !important;
}

.element__gap-6-43 {
  gap: 6px 43px !important;
}

.element__gap-6-44 {
  gap: 6px 44px !important;
}

.element__gap-6-45 {
  gap: 6px 45px !important;
}

.element__gap-6-46 {
  gap: 6px 46px !important;
}

.element__gap-6-47 {
  gap: 6px 47px !important;
}

.element__gap-6-48 {
  gap: 6px 48px !important;
}

.element__gap-x-6 {
  -moz-column-gap: 6px !important;
       column-gap: 6px !important;
}

.element__gap-y-6 {
  row-gap: 6px !important;
}

.element__gap-7 {
  gap: 7px !important;
}

.element__gap-7-0 {
  gap: 7px 0px !important;
}

.element__gap-7-1 {
  gap: 7px 1px !important;
}

.element__gap-7-2 {
  gap: 7px 2px !important;
}

.element__gap-7-3 {
  gap: 7px 3px !important;
}

.element__gap-7-4 {
  gap: 7px 4px !important;
}

.element__gap-7-5 {
  gap: 7px 5px !important;
}

.element__gap-7-6 {
  gap: 7px 6px !important;
}

.element__gap-7-7 {
  gap: 7px 7px !important;
}

.element__gap-7-8 {
  gap: 7px 8px !important;
}

.element__gap-7-9 {
  gap: 7px 9px !important;
}

.element__gap-7-10 {
  gap: 7px 10px !important;
}

.element__gap-7-11 {
  gap: 7px 11px !important;
}

.element__gap-7-12 {
  gap: 7px 12px !important;
}

.element__gap-7-13 {
  gap: 7px 13px !important;
}

.element__gap-7-14 {
  gap: 7px 14px !important;
}

.element__gap-7-15 {
  gap: 7px 15px !important;
}

.element__gap-7-16 {
  gap: 7px 16px !important;
}

.element__gap-7-17 {
  gap: 7px 17px !important;
}

.element__gap-7-18 {
  gap: 7px 18px !important;
}

.element__gap-7-19 {
  gap: 7px 19px !important;
}

.element__gap-7-20 {
  gap: 7px 20px !important;
}

.element__gap-7-21 {
  gap: 7px 21px !important;
}

.element__gap-7-22 {
  gap: 7px 22px !important;
}

.element__gap-7-23 {
  gap: 7px 23px !important;
}

.element__gap-7-24 {
  gap: 7px 24px !important;
}

.element__gap-7-25 {
  gap: 7px 25px !important;
}

.element__gap-7-26 {
  gap: 7px 26px !important;
}

.element__gap-7-27 {
  gap: 7px 27px !important;
}

.element__gap-7-28 {
  gap: 7px 28px !important;
}

.element__gap-7-29 {
  gap: 7px 29px !important;
}

.element__gap-7-30 {
  gap: 7px 30px !important;
}

.element__gap-7-31 {
  gap: 7px 31px !important;
}

.element__gap-7-32 {
  gap: 7px 32px !important;
}

.element__gap-7-33 {
  gap: 7px 33px !important;
}

.element__gap-7-34 {
  gap: 7px 34px !important;
}

.element__gap-7-35 {
  gap: 7px 35px !important;
}

.element__gap-7-36 {
  gap: 7px 36px !important;
}

.element__gap-7-37 {
  gap: 7px 37px !important;
}

.element__gap-7-38 {
  gap: 7px 38px !important;
}

.element__gap-7-39 {
  gap: 7px 39px !important;
}

.element__gap-7-40 {
  gap: 7px 40px !important;
}

.element__gap-7-41 {
  gap: 7px 41px !important;
}

.element__gap-7-42 {
  gap: 7px 42px !important;
}

.element__gap-7-43 {
  gap: 7px 43px !important;
}

.element__gap-7-44 {
  gap: 7px 44px !important;
}

.element__gap-7-45 {
  gap: 7px 45px !important;
}

.element__gap-7-46 {
  gap: 7px 46px !important;
}

.element__gap-7-47 {
  gap: 7px 47px !important;
}

.element__gap-7-48 {
  gap: 7px 48px !important;
}

.element__gap-x-7 {
  -moz-column-gap: 7px !important;
       column-gap: 7px !important;
}

.element__gap-y-7 {
  row-gap: 7px !important;
}

.element__gap-8 {
  gap: 8px !important;
}

.element__gap-8-0 {
  gap: 8px 0px !important;
}

.element__gap-8-1 {
  gap: 8px 1px !important;
}

.element__gap-8-2 {
  gap: 8px 2px !important;
}

.element__gap-8-3 {
  gap: 8px 3px !important;
}

.element__gap-8-4 {
  gap: 8px 4px !important;
}

.element__gap-8-5 {
  gap: 8px 5px !important;
}

.element__gap-8-6 {
  gap: 8px 6px !important;
}

.element__gap-8-7 {
  gap: 8px 7px !important;
}

.element__gap-8-8 {
  gap: 8px 8px !important;
}

.element__gap-8-9 {
  gap: 8px 9px !important;
}

.element__gap-8-10 {
  gap: 8px 10px !important;
}

.element__gap-8-11 {
  gap: 8px 11px !important;
}

.element__gap-8-12 {
  gap: 8px 12px !important;
}

.element__gap-8-13 {
  gap: 8px 13px !important;
}

.element__gap-8-14 {
  gap: 8px 14px !important;
}

.element__gap-8-15 {
  gap: 8px 15px !important;
}

.element__gap-8-16 {
  gap: 8px 16px !important;
}

.element__gap-8-17 {
  gap: 8px 17px !important;
}

.element__gap-8-18 {
  gap: 8px 18px !important;
}

.element__gap-8-19 {
  gap: 8px 19px !important;
}

.element__gap-8-20 {
  gap: 8px 20px !important;
}

.element__gap-8-21 {
  gap: 8px 21px !important;
}

.element__gap-8-22 {
  gap: 8px 22px !important;
}

.element__gap-8-23 {
  gap: 8px 23px !important;
}

.element__gap-8-24 {
  gap: 8px 24px !important;
}

.element__gap-8-25 {
  gap: 8px 25px !important;
}

.element__gap-8-26 {
  gap: 8px 26px !important;
}

.element__gap-8-27 {
  gap: 8px 27px !important;
}

.element__gap-8-28 {
  gap: 8px 28px !important;
}

.element__gap-8-29 {
  gap: 8px 29px !important;
}

.element__gap-8-30 {
  gap: 8px 30px !important;
}

.element__gap-8-31 {
  gap: 8px 31px !important;
}

.element__gap-8-32 {
  gap: 8px 32px !important;
}

.element__gap-8-33 {
  gap: 8px 33px !important;
}

.element__gap-8-34 {
  gap: 8px 34px !important;
}

.element__gap-8-35 {
  gap: 8px 35px !important;
}

.element__gap-8-36 {
  gap: 8px 36px !important;
}

.element__gap-8-37 {
  gap: 8px 37px !important;
}

.element__gap-8-38 {
  gap: 8px 38px !important;
}

.element__gap-8-39 {
  gap: 8px 39px !important;
}

.element__gap-8-40 {
  gap: 8px 40px !important;
}

.element__gap-8-41 {
  gap: 8px 41px !important;
}

.element__gap-8-42 {
  gap: 8px 42px !important;
}

.element__gap-8-43 {
  gap: 8px 43px !important;
}

.element__gap-8-44 {
  gap: 8px 44px !important;
}

.element__gap-8-45 {
  gap: 8px 45px !important;
}

.element__gap-8-46 {
  gap: 8px 46px !important;
}

.element__gap-8-47 {
  gap: 8px 47px !important;
}

.element__gap-8-48 {
  gap: 8px 48px !important;
}

.element__gap-x-8 {
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
}

.element__gap-y-8 {
  row-gap: 8px !important;
}

.element__gap-9 {
  gap: 9px !important;
}

.element__gap-9-0 {
  gap: 9px 0px !important;
}

.element__gap-9-1 {
  gap: 9px 1px !important;
}

.element__gap-9-2 {
  gap: 9px 2px !important;
}

.element__gap-9-3 {
  gap: 9px 3px !important;
}

.element__gap-9-4 {
  gap: 9px 4px !important;
}

.element__gap-9-5 {
  gap: 9px 5px !important;
}

.element__gap-9-6 {
  gap: 9px 6px !important;
}

.element__gap-9-7 {
  gap: 9px 7px !important;
}

.element__gap-9-8 {
  gap: 9px 8px !important;
}

.element__gap-9-9 {
  gap: 9px 9px !important;
}

.element__gap-9-10 {
  gap: 9px 10px !important;
}

.element__gap-9-11 {
  gap: 9px 11px !important;
}

.element__gap-9-12 {
  gap: 9px 12px !important;
}

.element__gap-9-13 {
  gap: 9px 13px !important;
}

.element__gap-9-14 {
  gap: 9px 14px !important;
}

.element__gap-9-15 {
  gap: 9px 15px !important;
}

.element__gap-9-16 {
  gap: 9px 16px !important;
}

.element__gap-9-17 {
  gap: 9px 17px !important;
}

.element__gap-9-18 {
  gap: 9px 18px !important;
}

.element__gap-9-19 {
  gap: 9px 19px !important;
}

.element__gap-9-20 {
  gap: 9px 20px !important;
}

.element__gap-9-21 {
  gap: 9px 21px !important;
}

.element__gap-9-22 {
  gap: 9px 22px !important;
}

.element__gap-9-23 {
  gap: 9px 23px !important;
}

.element__gap-9-24 {
  gap: 9px 24px !important;
}

.element__gap-9-25 {
  gap: 9px 25px !important;
}

.element__gap-9-26 {
  gap: 9px 26px !important;
}

.element__gap-9-27 {
  gap: 9px 27px !important;
}

.element__gap-9-28 {
  gap: 9px 28px !important;
}

.element__gap-9-29 {
  gap: 9px 29px !important;
}

.element__gap-9-30 {
  gap: 9px 30px !important;
}

.element__gap-9-31 {
  gap: 9px 31px !important;
}

.element__gap-9-32 {
  gap: 9px 32px !important;
}

.element__gap-9-33 {
  gap: 9px 33px !important;
}

.element__gap-9-34 {
  gap: 9px 34px !important;
}

.element__gap-9-35 {
  gap: 9px 35px !important;
}

.element__gap-9-36 {
  gap: 9px 36px !important;
}

.element__gap-9-37 {
  gap: 9px 37px !important;
}

.element__gap-9-38 {
  gap: 9px 38px !important;
}

.element__gap-9-39 {
  gap: 9px 39px !important;
}

.element__gap-9-40 {
  gap: 9px 40px !important;
}

.element__gap-9-41 {
  gap: 9px 41px !important;
}

.element__gap-9-42 {
  gap: 9px 42px !important;
}

.element__gap-9-43 {
  gap: 9px 43px !important;
}

.element__gap-9-44 {
  gap: 9px 44px !important;
}

.element__gap-9-45 {
  gap: 9px 45px !important;
}

.element__gap-9-46 {
  gap: 9px 46px !important;
}

.element__gap-9-47 {
  gap: 9px 47px !important;
}

.element__gap-9-48 {
  gap: 9px 48px !important;
}

.element__gap-x-9 {
  -moz-column-gap: 9px !important;
       column-gap: 9px !important;
}

.element__gap-y-9 {
  row-gap: 9px !important;
}

.element__gap-10 {
  gap: 10px !important;
}

.element__gap-10-0 {
  gap: 10px 0px !important;
}

.element__gap-10-1 {
  gap: 10px 1px !important;
}

.element__gap-10-2 {
  gap: 10px 2px !important;
}

.element__gap-10-3 {
  gap: 10px 3px !important;
}

.element__gap-10-4 {
  gap: 10px 4px !important;
}

.element__gap-10-5 {
  gap: 10px 5px !important;
}

.element__gap-10-6 {
  gap: 10px 6px !important;
}

.element__gap-10-7 {
  gap: 10px 7px !important;
}

.element__gap-10-8 {
  gap: 10px 8px !important;
}

.element__gap-10-9 {
  gap: 10px 9px !important;
}

.element__gap-10-10 {
  gap: 10px 10px !important;
}

.element__gap-10-11 {
  gap: 10px 11px !important;
}

.element__gap-10-12 {
  gap: 10px 12px !important;
}

.element__gap-10-13 {
  gap: 10px 13px !important;
}

.element__gap-10-14 {
  gap: 10px 14px !important;
}

.element__gap-10-15 {
  gap: 10px 15px !important;
}

.element__gap-10-16 {
  gap: 10px 16px !important;
}

.element__gap-10-17 {
  gap: 10px 17px !important;
}

.element__gap-10-18 {
  gap: 10px 18px !important;
}

.element__gap-10-19 {
  gap: 10px 19px !important;
}

.element__gap-10-20 {
  gap: 10px 20px !important;
}

.element__gap-10-21 {
  gap: 10px 21px !important;
}

.element__gap-10-22 {
  gap: 10px 22px !important;
}

.element__gap-10-23 {
  gap: 10px 23px !important;
}

.element__gap-10-24 {
  gap: 10px 24px !important;
}

.element__gap-10-25 {
  gap: 10px 25px !important;
}

.element__gap-10-26 {
  gap: 10px 26px !important;
}

.element__gap-10-27 {
  gap: 10px 27px !important;
}

.element__gap-10-28 {
  gap: 10px 28px !important;
}

.element__gap-10-29 {
  gap: 10px 29px !important;
}

.element__gap-10-30 {
  gap: 10px 30px !important;
}

.element__gap-10-31 {
  gap: 10px 31px !important;
}

.element__gap-10-32 {
  gap: 10px 32px !important;
}

.element__gap-10-33 {
  gap: 10px 33px !important;
}

.element__gap-10-34 {
  gap: 10px 34px !important;
}

.element__gap-10-35 {
  gap: 10px 35px !important;
}

.element__gap-10-36 {
  gap: 10px 36px !important;
}

.element__gap-10-37 {
  gap: 10px 37px !important;
}

.element__gap-10-38 {
  gap: 10px 38px !important;
}

.element__gap-10-39 {
  gap: 10px 39px !important;
}

.element__gap-10-40 {
  gap: 10px 40px !important;
}

.element__gap-10-41 {
  gap: 10px 41px !important;
}

.element__gap-10-42 {
  gap: 10px 42px !important;
}

.element__gap-10-43 {
  gap: 10px 43px !important;
}

.element__gap-10-44 {
  gap: 10px 44px !important;
}

.element__gap-10-45 {
  gap: 10px 45px !important;
}

.element__gap-10-46 {
  gap: 10px 46px !important;
}

.element__gap-10-47 {
  gap: 10px 47px !important;
}

.element__gap-10-48 {
  gap: 10px 48px !important;
}

.element__gap-x-10 {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
}

.element__gap-y-10 {
  row-gap: 10px !important;
}

.element__gap-11 {
  gap: 11px !important;
}

.element__gap-11-0 {
  gap: 11px 0px !important;
}

.element__gap-11-1 {
  gap: 11px 1px !important;
}

.element__gap-11-2 {
  gap: 11px 2px !important;
}

.element__gap-11-3 {
  gap: 11px 3px !important;
}

.element__gap-11-4 {
  gap: 11px 4px !important;
}

.element__gap-11-5 {
  gap: 11px 5px !important;
}

.element__gap-11-6 {
  gap: 11px 6px !important;
}

.element__gap-11-7 {
  gap: 11px 7px !important;
}

.element__gap-11-8 {
  gap: 11px 8px !important;
}

.element__gap-11-9 {
  gap: 11px 9px !important;
}

.element__gap-11-10 {
  gap: 11px 10px !important;
}

.element__gap-11-11 {
  gap: 11px 11px !important;
}

.element__gap-11-12 {
  gap: 11px 12px !important;
}

.element__gap-11-13 {
  gap: 11px 13px !important;
}

.element__gap-11-14 {
  gap: 11px 14px !important;
}

.element__gap-11-15 {
  gap: 11px 15px !important;
}

.element__gap-11-16 {
  gap: 11px 16px !important;
}

.element__gap-11-17 {
  gap: 11px 17px !important;
}

.element__gap-11-18 {
  gap: 11px 18px !important;
}

.element__gap-11-19 {
  gap: 11px 19px !important;
}

.element__gap-11-20 {
  gap: 11px 20px !important;
}

.element__gap-11-21 {
  gap: 11px 21px !important;
}

.element__gap-11-22 {
  gap: 11px 22px !important;
}

.element__gap-11-23 {
  gap: 11px 23px !important;
}

.element__gap-11-24 {
  gap: 11px 24px !important;
}

.element__gap-11-25 {
  gap: 11px 25px !important;
}

.element__gap-11-26 {
  gap: 11px 26px !important;
}

.element__gap-11-27 {
  gap: 11px 27px !important;
}

.element__gap-11-28 {
  gap: 11px 28px !important;
}

.element__gap-11-29 {
  gap: 11px 29px !important;
}

.element__gap-11-30 {
  gap: 11px 30px !important;
}

.element__gap-11-31 {
  gap: 11px 31px !important;
}

.element__gap-11-32 {
  gap: 11px 32px !important;
}

.element__gap-11-33 {
  gap: 11px 33px !important;
}

.element__gap-11-34 {
  gap: 11px 34px !important;
}

.element__gap-11-35 {
  gap: 11px 35px !important;
}

.element__gap-11-36 {
  gap: 11px 36px !important;
}

.element__gap-11-37 {
  gap: 11px 37px !important;
}

.element__gap-11-38 {
  gap: 11px 38px !important;
}

.element__gap-11-39 {
  gap: 11px 39px !important;
}

.element__gap-11-40 {
  gap: 11px 40px !important;
}

.element__gap-11-41 {
  gap: 11px 41px !important;
}

.element__gap-11-42 {
  gap: 11px 42px !important;
}

.element__gap-11-43 {
  gap: 11px 43px !important;
}

.element__gap-11-44 {
  gap: 11px 44px !important;
}

.element__gap-11-45 {
  gap: 11px 45px !important;
}

.element__gap-11-46 {
  gap: 11px 46px !important;
}

.element__gap-11-47 {
  gap: 11px 47px !important;
}

.element__gap-11-48 {
  gap: 11px 48px !important;
}

.element__gap-x-11 {
  -moz-column-gap: 11px !important;
       column-gap: 11px !important;
}

.element__gap-y-11 {
  row-gap: 11px !important;
}

.element__gap-12 {
  gap: 12px !important;
}

.element__gap-12-0 {
  gap: 12px 0px !important;
}

.element__gap-12-1 {
  gap: 12px 1px !important;
}

.element__gap-12-2 {
  gap: 12px 2px !important;
}

.element__gap-12-3 {
  gap: 12px 3px !important;
}

.element__gap-12-4 {
  gap: 12px 4px !important;
}

.element__gap-12-5 {
  gap: 12px 5px !important;
}

.element__gap-12-6 {
  gap: 12px 6px !important;
}

.element__gap-12-7 {
  gap: 12px 7px !important;
}

.element__gap-12-8 {
  gap: 12px 8px !important;
}

.element__gap-12-9 {
  gap: 12px 9px !important;
}

.element__gap-12-10 {
  gap: 12px 10px !important;
}

.element__gap-12-11 {
  gap: 12px 11px !important;
}

.element__gap-12-12 {
  gap: 12px 12px !important;
}

.element__gap-12-13 {
  gap: 12px 13px !important;
}

.element__gap-12-14 {
  gap: 12px 14px !important;
}

.element__gap-12-15 {
  gap: 12px 15px !important;
}

.element__gap-12-16 {
  gap: 12px 16px !important;
}

.element__gap-12-17 {
  gap: 12px 17px !important;
}

.element__gap-12-18 {
  gap: 12px 18px !important;
}

.element__gap-12-19 {
  gap: 12px 19px !important;
}

.element__gap-12-20 {
  gap: 12px 20px !important;
}

.element__gap-12-21 {
  gap: 12px 21px !important;
}

.element__gap-12-22 {
  gap: 12px 22px !important;
}

.element__gap-12-23 {
  gap: 12px 23px !important;
}

.element__gap-12-24 {
  gap: 12px 24px !important;
}

.element__gap-12-25 {
  gap: 12px 25px !important;
}

.element__gap-12-26 {
  gap: 12px 26px !important;
}

.element__gap-12-27 {
  gap: 12px 27px !important;
}

.element__gap-12-28 {
  gap: 12px 28px !important;
}

.element__gap-12-29 {
  gap: 12px 29px !important;
}

.element__gap-12-30 {
  gap: 12px 30px !important;
}

.element__gap-12-31 {
  gap: 12px 31px !important;
}

.element__gap-12-32 {
  gap: 12px 32px !important;
}

.element__gap-12-33 {
  gap: 12px 33px !important;
}

.element__gap-12-34 {
  gap: 12px 34px !important;
}

.element__gap-12-35 {
  gap: 12px 35px !important;
}

.element__gap-12-36 {
  gap: 12px 36px !important;
}

.element__gap-12-37 {
  gap: 12px 37px !important;
}

.element__gap-12-38 {
  gap: 12px 38px !important;
}

.element__gap-12-39 {
  gap: 12px 39px !important;
}

.element__gap-12-40 {
  gap: 12px 40px !important;
}

.element__gap-12-41 {
  gap: 12px 41px !important;
}

.element__gap-12-42 {
  gap: 12px 42px !important;
}

.element__gap-12-43 {
  gap: 12px 43px !important;
}

.element__gap-12-44 {
  gap: 12px 44px !important;
}

.element__gap-12-45 {
  gap: 12px 45px !important;
}

.element__gap-12-46 {
  gap: 12px 46px !important;
}

.element__gap-12-47 {
  gap: 12px 47px !important;
}

.element__gap-12-48 {
  gap: 12px 48px !important;
}

.element__gap-x-12 {
  -moz-column-gap: 12px !important;
       column-gap: 12px !important;
}

.element__gap-y-12 {
  row-gap: 12px !important;
}

.element__gap-13 {
  gap: 13px !important;
}

.element__gap-13-0 {
  gap: 13px 0px !important;
}

.element__gap-13-1 {
  gap: 13px 1px !important;
}

.element__gap-13-2 {
  gap: 13px 2px !important;
}

.element__gap-13-3 {
  gap: 13px 3px !important;
}

.element__gap-13-4 {
  gap: 13px 4px !important;
}

.element__gap-13-5 {
  gap: 13px 5px !important;
}

.element__gap-13-6 {
  gap: 13px 6px !important;
}

.element__gap-13-7 {
  gap: 13px 7px !important;
}

.element__gap-13-8 {
  gap: 13px 8px !important;
}

.element__gap-13-9 {
  gap: 13px 9px !important;
}

.element__gap-13-10 {
  gap: 13px 10px !important;
}

.element__gap-13-11 {
  gap: 13px 11px !important;
}

.element__gap-13-12 {
  gap: 13px 12px !important;
}

.element__gap-13-13 {
  gap: 13px 13px !important;
}

.element__gap-13-14 {
  gap: 13px 14px !important;
}

.element__gap-13-15 {
  gap: 13px 15px !important;
}

.element__gap-13-16 {
  gap: 13px 16px !important;
}

.element__gap-13-17 {
  gap: 13px 17px !important;
}

.element__gap-13-18 {
  gap: 13px 18px !important;
}

.element__gap-13-19 {
  gap: 13px 19px !important;
}

.element__gap-13-20 {
  gap: 13px 20px !important;
}

.element__gap-13-21 {
  gap: 13px 21px !important;
}

.element__gap-13-22 {
  gap: 13px 22px !important;
}

.element__gap-13-23 {
  gap: 13px 23px !important;
}

.element__gap-13-24 {
  gap: 13px 24px !important;
}

.element__gap-13-25 {
  gap: 13px 25px !important;
}

.element__gap-13-26 {
  gap: 13px 26px !important;
}

.element__gap-13-27 {
  gap: 13px 27px !important;
}

.element__gap-13-28 {
  gap: 13px 28px !important;
}

.element__gap-13-29 {
  gap: 13px 29px !important;
}

.element__gap-13-30 {
  gap: 13px 30px !important;
}

.element__gap-13-31 {
  gap: 13px 31px !important;
}

.element__gap-13-32 {
  gap: 13px 32px !important;
}

.element__gap-13-33 {
  gap: 13px 33px !important;
}

.element__gap-13-34 {
  gap: 13px 34px !important;
}

.element__gap-13-35 {
  gap: 13px 35px !important;
}

.element__gap-13-36 {
  gap: 13px 36px !important;
}

.element__gap-13-37 {
  gap: 13px 37px !important;
}

.element__gap-13-38 {
  gap: 13px 38px !important;
}

.element__gap-13-39 {
  gap: 13px 39px !important;
}

.element__gap-13-40 {
  gap: 13px 40px !important;
}

.element__gap-13-41 {
  gap: 13px 41px !important;
}

.element__gap-13-42 {
  gap: 13px 42px !important;
}

.element__gap-13-43 {
  gap: 13px 43px !important;
}

.element__gap-13-44 {
  gap: 13px 44px !important;
}

.element__gap-13-45 {
  gap: 13px 45px !important;
}

.element__gap-13-46 {
  gap: 13px 46px !important;
}

.element__gap-13-47 {
  gap: 13px 47px !important;
}

.element__gap-13-48 {
  gap: 13px 48px !important;
}

.element__gap-x-13 {
  -moz-column-gap: 13px !important;
       column-gap: 13px !important;
}

.element__gap-y-13 {
  row-gap: 13px !important;
}

.element__gap-14 {
  gap: 14px !important;
}

.element__gap-14-0 {
  gap: 14px 0px !important;
}

.element__gap-14-1 {
  gap: 14px 1px !important;
}

.element__gap-14-2 {
  gap: 14px 2px !important;
}

.element__gap-14-3 {
  gap: 14px 3px !important;
}

.element__gap-14-4 {
  gap: 14px 4px !important;
}

.element__gap-14-5 {
  gap: 14px 5px !important;
}

.element__gap-14-6 {
  gap: 14px 6px !important;
}

.element__gap-14-7 {
  gap: 14px 7px !important;
}

.element__gap-14-8 {
  gap: 14px 8px !important;
}

.element__gap-14-9 {
  gap: 14px 9px !important;
}

.element__gap-14-10 {
  gap: 14px 10px !important;
}

.element__gap-14-11 {
  gap: 14px 11px !important;
}

.element__gap-14-12 {
  gap: 14px 12px !important;
}

.element__gap-14-13 {
  gap: 14px 13px !important;
}

.element__gap-14-14 {
  gap: 14px 14px !important;
}

.element__gap-14-15 {
  gap: 14px 15px !important;
}

.element__gap-14-16 {
  gap: 14px 16px !important;
}

.element__gap-14-17 {
  gap: 14px 17px !important;
}

.element__gap-14-18 {
  gap: 14px 18px !important;
}

.element__gap-14-19 {
  gap: 14px 19px !important;
}

.element__gap-14-20 {
  gap: 14px 20px !important;
}

.element__gap-14-21 {
  gap: 14px 21px !important;
}

.element__gap-14-22 {
  gap: 14px 22px !important;
}

.element__gap-14-23 {
  gap: 14px 23px !important;
}

.element__gap-14-24 {
  gap: 14px 24px !important;
}

.element__gap-14-25 {
  gap: 14px 25px !important;
}

.element__gap-14-26 {
  gap: 14px 26px !important;
}

.element__gap-14-27 {
  gap: 14px 27px !important;
}

.element__gap-14-28 {
  gap: 14px 28px !important;
}

.element__gap-14-29 {
  gap: 14px 29px !important;
}

.element__gap-14-30 {
  gap: 14px 30px !important;
}

.element__gap-14-31 {
  gap: 14px 31px !important;
}

.element__gap-14-32 {
  gap: 14px 32px !important;
}

.element__gap-14-33 {
  gap: 14px 33px !important;
}

.element__gap-14-34 {
  gap: 14px 34px !important;
}

.element__gap-14-35 {
  gap: 14px 35px !important;
}

.element__gap-14-36 {
  gap: 14px 36px !important;
}

.element__gap-14-37 {
  gap: 14px 37px !important;
}

.element__gap-14-38 {
  gap: 14px 38px !important;
}

.element__gap-14-39 {
  gap: 14px 39px !important;
}

.element__gap-14-40 {
  gap: 14px 40px !important;
}

.element__gap-14-41 {
  gap: 14px 41px !important;
}

.element__gap-14-42 {
  gap: 14px 42px !important;
}

.element__gap-14-43 {
  gap: 14px 43px !important;
}

.element__gap-14-44 {
  gap: 14px 44px !important;
}

.element__gap-14-45 {
  gap: 14px 45px !important;
}

.element__gap-14-46 {
  gap: 14px 46px !important;
}

.element__gap-14-47 {
  gap: 14px 47px !important;
}

.element__gap-14-48 {
  gap: 14px 48px !important;
}

.element__gap-x-14 {
  -moz-column-gap: 14px !important;
       column-gap: 14px !important;
}

.element__gap-y-14 {
  row-gap: 14px !important;
}

.element__gap-15 {
  gap: 15px !important;
}

.element__gap-15-0 {
  gap: 15px 0px !important;
}

.element__gap-15-1 {
  gap: 15px 1px !important;
}

.element__gap-15-2 {
  gap: 15px 2px !important;
}

.element__gap-15-3 {
  gap: 15px 3px !important;
}

.element__gap-15-4 {
  gap: 15px 4px !important;
}

.element__gap-15-5 {
  gap: 15px 5px !important;
}

.element__gap-15-6 {
  gap: 15px 6px !important;
}

.element__gap-15-7 {
  gap: 15px 7px !important;
}

.element__gap-15-8 {
  gap: 15px 8px !important;
}

.element__gap-15-9 {
  gap: 15px 9px !important;
}

.element__gap-15-10 {
  gap: 15px 10px !important;
}

.element__gap-15-11 {
  gap: 15px 11px !important;
}

.element__gap-15-12 {
  gap: 15px 12px !important;
}

.element__gap-15-13 {
  gap: 15px 13px !important;
}

.element__gap-15-14 {
  gap: 15px 14px !important;
}

.element__gap-15-15 {
  gap: 15px 15px !important;
}

.element__gap-15-16 {
  gap: 15px 16px !important;
}

.element__gap-15-17 {
  gap: 15px 17px !important;
}

.element__gap-15-18 {
  gap: 15px 18px !important;
}

.element__gap-15-19 {
  gap: 15px 19px !important;
}

.element__gap-15-20 {
  gap: 15px 20px !important;
}

.element__gap-15-21 {
  gap: 15px 21px !important;
}

.element__gap-15-22 {
  gap: 15px 22px !important;
}

.element__gap-15-23 {
  gap: 15px 23px !important;
}

.element__gap-15-24 {
  gap: 15px 24px !important;
}

.element__gap-15-25 {
  gap: 15px 25px !important;
}

.element__gap-15-26 {
  gap: 15px 26px !important;
}

.element__gap-15-27 {
  gap: 15px 27px !important;
}

.element__gap-15-28 {
  gap: 15px 28px !important;
}

.element__gap-15-29 {
  gap: 15px 29px !important;
}

.element__gap-15-30 {
  gap: 15px 30px !important;
}

.element__gap-15-31 {
  gap: 15px 31px !important;
}

.element__gap-15-32 {
  gap: 15px 32px !important;
}

.element__gap-15-33 {
  gap: 15px 33px !important;
}

.element__gap-15-34 {
  gap: 15px 34px !important;
}

.element__gap-15-35 {
  gap: 15px 35px !important;
}

.element__gap-15-36 {
  gap: 15px 36px !important;
}

.element__gap-15-37 {
  gap: 15px 37px !important;
}

.element__gap-15-38 {
  gap: 15px 38px !important;
}

.element__gap-15-39 {
  gap: 15px 39px !important;
}

.element__gap-15-40 {
  gap: 15px 40px !important;
}

.element__gap-15-41 {
  gap: 15px 41px !important;
}

.element__gap-15-42 {
  gap: 15px 42px !important;
}

.element__gap-15-43 {
  gap: 15px 43px !important;
}

.element__gap-15-44 {
  gap: 15px 44px !important;
}

.element__gap-15-45 {
  gap: 15px 45px !important;
}

.element__gap-15-46 {
  gap: 15px 46px !important;
}

.element__gap-15-47 {
  gap: 15px 47px !important;
}

.element__gap-15-48 {
  gap: 15px 48px !important;
}

.element__gap-x-15 {
  -moz-column-gap: 15px !important;
       column-gap: 15px !important;
}

.element__gap-y-15 {
  row-gap: 15px !important;
}

.element__gap-16 {
  gap: 16px !important;
}

.element__gap-16-0 {
  gap: 16px 0px !important;
}

.element__gap-16-1 {
  gap: 16px 1px !important;
}

.element__gap-16-2 {
  gap: 16px 2px !important;
}

.element__gap-16-3 {
  gap: 16px 3px !important;
}

.element__gap-16-4 {
  gap: 16px 4px !important;
}

.element__gap-16-5 {
  gap: 16px 5px !important;
}

.element__gap-16-6 {
  gap: 16px 6px !important;
}

.element__gap-16-7 {
  gap: 16px 7px !important;
}

.element__gap-16-8 {
  gap: 16px 8px !important;
}

.element__gap-16-9 {
  gap: 16px 9px !important;
}

.element__gap-16-10 {
  gap: 16px 10px !important;
}

.element__gap-16-11 {
  gap: 16px 11px !important;
}

.element__gap-16-12 {
  gap: 16px 12px !important;
}

.element__gap-16-13 {
  gap: 16px 13px !important;
}

.element__gap-16-14 {
  gap: 16px 14px !important;
}

.element__gap-16-15 {
  gap: 16px 15px !important;
}

.element__gap-16-16 {
  gap: 16px 16px !important;
}

.element__gap-16-17 {
  gap: 16px 17px !important;
}

.element__gap-16-18 {
  gap: 16px 18px !important;
}

.element__gap-16-19 {
  gap: 16px 19px !important;
}

.element__gap-16-20 {
  gap: 16px 20px !important;
}

.element__gap-16-21 {
  gap: 16px 21px !important;
}

.element__gap-16-22 {
  gap: 16px 22px !important;
}

.element__gap-16-23 {
  gap: 16px 23px !important;
}

.element__gap-16-24 {
  gap: 16px 24px !important;
}

.element__gap-16-25 {
  gap: 16px 25px !important;
}

.element__gap-16-26 {
  gap: 16px 26px !important;
}

.element__gap-16-27 {
  gap: 16px 27px !important;
}

.element__gap-16-28 {
  gap: 16px 28px !important;
}

.element__gap-16-29 {
  gap: 16px 29px !important;
}

.element__gap-16-30 {
  gap: 16px 30px !important;
}

.element__gap-16-31 {
  gap: 16px 31px !important;
}

.element__gap-16-32 {
  gap: 16px 32px !important;
}

.element__gap-16-33 {
  gap: 16px 33px !important;
}

.element__gap-16-34 {
  gap: 16px 34px !important;
}

.element__gap-16-35 {
  gap: 16px 35px !important;
}

.element__gap-16-36 {
  gap: 16px 36px !important;
}

.element__gap-16-37 {
  gap: 16px 37px !important;
}

.element__gap-16-38 {
  gap: 16px 38px !important;
}

.element__gap-16-39 {
  gap: 16px 39px !important;
}

.element__gap-16-40 {
  gap: 16px 40px !important;
}

.element__gap-16-41 {
  gap: 16px 41px !important;
}

.element__gap-16-42 {
  gap: 16px 42px !important;
}

.element__gap-16-43 {
  gap: 16px 43px !important;
}

.element__gap-16-44 {
  gap: 16px 44px !important;
}

.element__gap-16-45 {
  gap: 16px 45px !important;
}

.element__gap-16-46 {
  gap: 16px 46px !important;
}

.element__gap-16-47 {
  gap: 16px 47px !important;
}

.element__gap-16-48 {
  gap: 16px 48px !important;
}

.element__gap-x-16 {
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
}

.element__gap-y-16 {
  row-gap: 16px !important;
}

.element__gap-17 {
  gap: 17px !important;
}

.element__gap-17-0 {
  gap: 17px 0px !important;
}

.element__gap-17-1 {
  gap: 17px 1px !important;
}

.element__gap-17-2 {
  gap: 17px 2px !important;
}

.element__gap-17-3 {
  gap: 17px 3px !important;
}

.element__gap-17-4 {
  gap: 17px 4px !important;
}

.element__gap-17-5 {
  gap: 17px 5px !important;
}

.element__gap-17-6 {
  gap: 17px 6px !important;
}

.element__gap-17-7 {
  gap: 17px 7px !important;
}

.element__gap-17-8 {
  gap: 17px 8px !important;
}

.element__gap-17-9 {
  gap: 17px 9px !important;
}

.element__gap-17-10 {
  gap: 17px 10px !important;
}

.element__gap-17-11 {
  gap: 17px 11px !important;
}

.element__gap-17-12 {
  gap: 17px 12px !important;
}

.element__gap-17-13 {
  gap: 17px 13px !important;
}

.element__gap-17-14 {
  gap: 17px 14px !important;
}

.element__gap-17-15 {
  gap: 17px 15px !important;
}

.element__gap-17-16 {
  gap: 17px 16px !important;
}

.element__gap-17-17 {
  gap: 17px 17px !important;
}

.element__gap-17-18 {
  gap: 17px 18px !important;
}

.element__gap-17-19 {
  gap: 17px 19px !important;
}

.element__gap-17-20 {
  gap: 17px 20px !important;
}

.element__gap-17-21 {
  gap: 17px 21px !important;
}

.element__gap-17-22 {
  gap: 17px 22px !important;
}

.element__gap-17-23 {
  gap: 17px 23px !important;
}

.element__gap-17-24 {
  gap: 17px 24px !important;
}

.element__gap-17-25 {
  gap: 17px 25px !important;
}

.element__gap-17-26 {
  gap: 17px 26px !important;
}

.element__gap-17-27 {
  gap: 17px 27px !important;
}

.element__gap-17-28 {
  gap: 17px 28px !important;
}

.element__gap-17-29 {
  gap: 17px 29px !important;
}

.element__gap-17-30 {
  gap: 17px 30px !important;
}

.element__gap-17-31 {
  gap: 17px 31px !important;
}

.element__gap-17-32 {
  gap: 17px 32px !important;
}

.element__gap-17-33 {
  gap: 17px 33px !important;
}

.element__gap-17-34 {
  gap: 17px 34px !important;
}

.element__gap-17-35 {
  gap: 17px 35px !important;
}

.element__gap-17-36 {
  gap: 17px 36px !important;
}

.element__gap-17-37 {
  gap: 17px 37px !important;
}

.element__gap-17-38 {
  gap: 17px 38px !important;
}

.element__gap-17-39 {
  gap: 17px 39px !important;
}

.element__gap-17-40 {
  gap: 17px 40px !important;
}

.element__gap-17-41 {
  gap: 17px 41px !important;
}

.element__gap-17-42 {
  gap: 17px 42px !important;
}

.element__gap-17-43 {
  gap: 17px 43px !important;
}

.element__gap-17-44 {
  gap: 17px 44px !important;
}

.element__gap-17-45 {
  gap: 17px 45px !important;
}

.element__gap-17-46 {
  gap: 17px 46px !important;
}

.element__gap-17-47 {
  gap: 17px 47px !important;
}

.element__gap-17-48 {
  gap: 17px 48px !important;
}

.element__gap-x-17 {
  -moz-column-gap: 17px !important;
       column-gap: 17px !important;
}

.element__gap-y-17 {
  row-gap: 17px !important;
}

.element__gap-18 {
  gap: 18px !important;
}

.element__gap-18-0 {
  gap: 18px 0px !important;
}

.element__gap-18-1 {
  gap: 18px 1px !important;
}

.element__gap-18-2 {
  gap: 18px 2px !important;
}

.element__gap-18-3 {
  gap: 18px 3px !important;
}

.element__gap-18-4 {
  gap: 18px 4px !important;
}

.element__gap-18-5 {
  gap: 18px 5px !important;
}

.element__gap-18-6 {
  gap: 18px 6px !important;
}

.element__gap-18-7 {
  gap: 18px 7px !important;
}

.element__gap-18-8 {
  gap: 18px 8px !important;
}

.element__gap-18-9 {
  gap: 18px 9px !important;
}

.element__gap-18-10 {
  gap: 18px 10px !important;
}

.element__gap-18-11 {
  gap: 18px 11px !important;
}

.element__gap-18-12 {
  gap: 18px 12px !important;
}

.element__gap-18-13 {
  gap: 18px 13px !important;
}

.element__gap-18-14 {
  gap: 18px 14px !important;
}

.element__gap-18-15 {
  gap: 18px 15px !important;
}

.element__gap-18-16 {
  gap: 18px 16px !important;
}

.element__gap-18-17 {
  gap: 18px 17px !important;
}

.element__gap-18-18 {
  gap: 18px 18px !important;
}

.element__gap-18-19 {
  gap: 18px 19px !important;
}

.element__gap-18-20 {
  gap: 18px 20px !important;
}

.element__gap-18-21 {
  gap: 18px 21px !important;
}

.element__gap-18-22 {
  gap: 18px 22px !important;
}

.element__gap-18-23 {
  gap: 18px 23px !important;
}

.element__gap-18-24 {
  gap: 18px 24px !important;
}

.element__gap-18-25 {
  gap: 18px 25px !important;
}

.element__gap-18-26 {
  gap: 18px 26px !important;
}

.element__gap-18-27 {
  gap: 18px 27px !important;
}

.element__gap-18-28 {
  gap: 18px 28px !important;
}

.element__gap-18-29 {
  gap: 18px 29px !important;
}

.element__gap-18-30 {
  gap: 18px 30px !important;
}

.element__gap-18-31 {
  gap: 18px 31px !important;
}

.element__gap-18-32 {
  gap: 18px 32px !important;
}

.element__gap-18-33 {
  gap: 18px 33px !important;
}

.element__gap-18-34 {
  gap: 18px 34px !important;
}

.element__gap-18-35 {
  gap: 18px 35px !important;
}

.element__gap-18-36 {
  gap: 18px 36px !important;
}

.element__gap-18-37 {
  gap: 18px 37px !important;
}

.element__gap-18-38 {
  gap: 18px 38px !important;
}

.element__gap-18-39 {
  gap: 18px 39px !important;
}

.element__gap-18-40 {
  gap: 18px 40px !important;
}

.element__gap-18-41 {
  gap: 18px 41px !important;
}

.element__gap-18-42 {
  gap: 18px 42px !important;
}

.element__gap-18-43 {
  gap: 18px 43px !important;
}

.element__gap-18-44 {
  gap: 18px 44px !important;
}

.element__gap-18-45 {
  gap: 18px 45px !important;
}

.element__gap-18-46 {
  gap: 18px 46px !important;
}

.element__gap-18-47 {
  gap: 18px 47px !important;
}

.element__gap-18-48 {
  gap: 18px 48px !important;
}

.element__gap-x-18 {
  -moz-column-gap: 18px !important;
       column-gap: 18px !important;
}

.element__gap-y-18 {
  row-gap: 18px !important;
}

.element__gap-19 {
  gap: 19px !important;
}

.element__gap-19-0 {
  gap: 19px 0px !important;
}

.element__gap-19-1 {
  gap: 19px 1px !important;
}

.element__gap-19-2 {
  gap: 19px 2px !important;
}

.element__gap-19-3 {
  gap: 19px 3px !important;
}

.element__gap-19-4 {
  gap: 19px 4px !important;
}

.element__gap-19-5 {
  gap: 19px 5px !important;
}

.element__gap-19-6 {
  gap: 19px 6px !important;
}

.element__gap-19-7 {
  gap: 19px 7px !important;
}

.element__gap-19-8 {
  gap: 19px 8px !important;
}

.element__gap-19-9 {
  gap: 19px 9px !important;
}

.element__gap-19-10 {
  gap: 19px 10px !important;
}

.element__gap-19-11 {
  gap: 19px 11px !important;
}

.element__gap-19-12 {
  gap: 19px 12px !important;
}

.element__gap-19-13 {
  gap: 19px 13px !important;
}

.element__gap-19-14 {
  gap: 19px 14px !important;
}

.element__gap-19-15 {
  gap: 19px 15px !important;
}

.element__gap-19-16 {
  gap: 19px 16px !important;
}

.element__gap-19-17 {
  gap: 19px 17px !important;
}

.element__gap-19-18 {
  gap: 19px 18px !important;
}

.element__gap-19-19 {
  gap: 19px 19px !important;
}

.element__gap-19-20 {
  gap: 19px 20px !important;
}

.element__gap-19-21 {
  gap: 19px 21px !important;
}

.element__gap-19-22 {
  gap: 19px 22px !important;
}

.element__gap-19-23 {
  gap: 19px 23px !important;
}

.element__gap-19-24 {
  gap: 19px 24px !important;
}

.element__gap-19-25 {
  gap: 19px 25px !important;
}

.element__gap-19-26 {
  gap: 19px 26px !important;
}

.element__gap-19-27 {
  gap: 19px 27px !important;
}

.element__gap-19-28 {
  gap: 19px 28px !important;
}

.element__gap-19-29 {
  gap: 19px 29px !important;
}

.element__gap-19-30 {
  gap: 19px 30px !important;
}

.element__gap-19-31 {
  gap: 19px 31px !important;
}

.element__gap-19-32 {
  gap: 19px 32px !important;
}

.element__gap-19-33 {
  gap: 19px 33px !important;
}

.element__gap-19-34 {
  gap: 19px 34px !important;
}

.element__gap-19-35 {
  gap: 19px 35px !important;
}

.element__gap-19-36 {
  gap: 19px 36px !important;
}

.element__gap-19-37 {
  gap: 19px 37px !important;
}

.element__gap-19-38 {
  gap: 19px 38px !important;
}

.element__gap-19-39 {
  gap: 19px 39px !important;
}

.element__gap-19-40 {
  gap: 19px 40px !important;
}

.element__gap-19-41 {
  gap: 19px 41px !important;
}

.element__gap-19-42 {
  gap: 19px 42px !important;
}

.element__gap-19-43 {
  gap: 19px 43px !important;
}

.element__gap-19-44 {
  gap: 19px 44px !important;
}

.element__gap-19-45 {
  gap: 19px 45px !important;
}

.element__gap-19-46 {
  gap: 19px 46px !important;
}

.element__gap-19-47 {
  gap: 19px 47px !important;
}

.element__gap-19-48 {
  gap: 19px 48px !important;
}

.element__gap-x-19 {
  -moz-column-gap: 19px !important;
       column-gap: 19px !important;
}

.element__gap-y-19 {
  row-gap: 19px !important;
}

.element__gap-20 {
  gap: 20px !important;
}

.element__gap-20-0 {
  gap: 20px 0px !important;
}

.element__gap-20-1 {
  gap: 20px 1px !important;
}

.element__gap-20-2 {
  gap: 20px 2px !important;
}

.element__gap-20-3 {
  gap: 20px 3px !important;
}

.element__gap-20-4 {
  gap: 20px 4px !important;
}

.element__gap-20-5 {
  gap: 20px 5px !important;
}

.element__gap-20-6 {
  gap: 20px 6px !important;
}

.element__gap-20-7 {
  gap: 20px 7px !important;
}

.element__gap-20-8 {
  gap: 20px 8px !important;
}

.element__gap-20-9 {
  gap: 20px 9px !important;
}

.element__gap-20-10 {
  gap: 20px 10px !important;
}

.element__gap-20-11 {
  gap: 20px 11px !important;
}

.element__gap-20-12 {
  gap: 20px 12px !important;
}

.element__gap-20-13 {
  gap: 20px 13px !important;
}

.element__gap-20-14 {
  gap: 20px 14px !important;
}

.element__gap-20-15 {
  gap: 20px 15px !important;
}

.element__gap-20-16 {
  gap: 20px 16px !important;
}

.element__gap-20-17 {
  gap: 20px 17px !important;
}

.element__gap-20-18 {
  gap: 20px 18px !important;
}

.element__gap-20-19 {
  gap: 20px 19px !important;
}

.element__gap-20-20 {
  gap: 20px 20px !important;
}

.element__gap-20-21 {
  gap: 20px 21px !important;
}

.element__gap-20-22 {
  gap: 20px 22px !important;
}

.element__gap-20-23 {
  gap: 20px 23px !important;
}

.element__gap-20-24 {
  gap: 20px 24px !important;
}

.element__gap-20-25 {
  gap: 20px 25px !important;
}

.element__gap-20-26 {
  gap: 20px 26px !important;
}

.element__gap-20-27 {
  gap: 20px 27px !important;
}

.element__gap-20-28 {
  gap: 20px 28px !important;
}

.element__gap-20-29 {
  gap: 20px 29px !important;
}

.element__gap-20-30 {
  gap: 20px 30px !important;
}

.element__gap-20-31 {
  gap: 20px 31px !important;
}

.element__gap-20-32 {
  gap: 20px 32px !important;
}

.element__gap-20-33 {
  gap: 20px 33px !important;
}

.element__gap-20-34 {
  gap: 20px 34px !important;
}

.element__gap-20-35 {
  gap: 20px 35px !important;
}

.element__gap-20-36 {
  gap: 20px 36px !important;
}

.element__gap-20-37 {
  gap: 20px 37px !important;
}

.element__gap-20-38 {
  gap: 20px 38px !important;
}

.element__gap-20-39 {
  gap: 20px 39px !important;
}

.element__gap-20-40 {
  gap: 20px 40px !important;
}

.element__gap-20-41 {
  gap: 20px 41px !important;
}

.element__gap-20-42 {
  gap: 20px 42px !important;
}

.element__gap-20-43 {
  gap: 20px 43px !important;
}

.element__gap-20-44 {
  gap: 20px 44px !important;
}

.element__gap-20-45 {
  gap: 20px 45px !important;
}

.element__gap-20-46 {
  gap: 20px 46px !important;
}

.element__gap-20-47 {
  gap: 20px 47px !important;
}

.element__gap-20-48 {
  gap: 20px 48px !important;
}

.element__gap-x-20 {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}

.element__gap-y-20 {
  row-gap: 20px !important;
}

.element__gap-21 {
  gap: 21px !important;
}

.element__gap-21-0 {
  gap: 21px 0px !important;
}

.element__gap-21-1 {
  gap: 21px 1px !important;
}

.element__gap-21-2 {
  gap: 21px 2px !important;
}

.element__gap-21-3 {
  gap: 21px 3px !important;
}

.element__gap-21-4 {
  gap: 21px 4px !important;
}

.element__gap-21-5 {
  gap: 21px 5px !important;
}

.element__gap-21-6 {
  gap: 21px 6px !important;
}

.element__gap-21-7 {
  gap: 21px 7px !important;
}

.element__gap-21-8 {
  gap: 21px 8px !important;
}

.element__gap-21-9 {
  gap: 21px 9px !important;
}

.element__gap-21-10 {
  gap: 21px 10px !important;
}

.element__gap-21-11 {
  gap: 21px 11px !important;
}

.element__gap-21-12 {
  gap: 21px 12px !important;
}

.element__gap-21-13 {
  gap: 21px 13px !important;
}

.element__gap-21-14 {
  gap: 21px 14px !important;
}

.element__gap-21-15 {
  gap: 21px 15px !important;
}

.element__gap-21-16 {
  gap: 21px 16px !important;
}

.element__gap-21-17 {
  gap: 21px 17px !important;
}

.element__gap-21-18 {
  gap: 21px 18px !important;
}

.element__gap-21-19 {
  gap: 21px 19px !important;
}

.element__gap-21-20 {
  gap: 21px 20px !important;
}

.element__gap-21-21 {
  gap: 21px 21px !important;
}

.element__gap-21-22 {
  gap: 21px 22px !important;
}

.element__gap-21-23 {
  gap: 21px 23px !important;
}

.element__gap-21-24 {
  gap: 21px 24px !important;
}

.element__gap-21-25 {
  gap: 21px 25px !important;
}

.element__gap-21-26 {
  gap: 21px 26px !important;
}

.element__gap-21-27 {
  gap: 21px 27px !important;
}

.element__gap-21-28 {
  gap: 21px 28px !important;
}

.element__gap-21-29 {
  gap: 21px 29px !important;
}

.element__gap-21-30 {
  gap: 21px 30px !important;
}

.element__gap-21-31 {
  gap: 21px 31px !important;
}

.element__gap-21-32 {
  gap: 21px 32px !important;
}

.element__gap-21-33 {
  gap: 21px 33px !important;
}

.element__gap-21-34 {
  gap: 21px 34px !important;
}

.element__gap-21-35 {
  gap: 21px 35px !important;
}

.element__gap-21-36 {
  gap: 21px 36px !important;
}

.element__gap-21-37 {
  gap: 21px 37px !important;
}

.element__gap-21-38 {
  gap: 21px 38px !important;
}

.element__gap-21-39 {
  gap: 21px 39px !important;
}

.element__gap-21-40 {
  gap: 21px 40px !important;
}

.element__gap-21-41 {
  gap: 21px 41px !important;
}

.element__gap-21-42 {
  gap: 21px 42px !important;
}

.element__gap-21-43 {
  gap: 21px 43px !important;
}

.element__gap-21-44 {
  gap: 21px 44px !important;
}

.element__gap-21-45 {
  gap: 21px 45px !important;
}

.element__gap-21-46 {
  gap: 21px 46px !important;
}

.element__gap-21-47 {
  gap: 21px 47px !important;
}

.element__gap-21-48 {
  gap: 21px 48px !important;
}

.element__gap-x-21 {
  -moz-column-gap: 21px !important;
       column-gap: 21px !important;
}

.element__gap-y-21 {
  row-gap: 21px !important;
}

.element__gap-22 {
  gap: 22px !important;
}

.element__gap-22-0 {
  gap: 22px 0px !important;
}

.element__gap-22-1 {
  gap: 22px 1px !important;
}

.element__gap-22-2 {
  gap: 22px 2px !important;
}

.element__gap-22-3 {
  gap: 22px 3px !important;
}

.element__gap-22-4 {
  gap: 22px 4px !important;
}

.element__gap-22-5 {
  gap: 22px 5px !important;
}

.element__gap-22-6 {
  gap: 22px 6px !important;
}

.element__gap-22-7 {
  gap: 22px 7px !important;
}

.element__gap-22-8 {
  gap: 22px 8px !important;
}

.element__gap-22-9 {
  gap: 22px 9px !important;
}

.element__gap-22-10 {
  gap: 22px 10px !important;
}

.element__gap-22-11 {
  gap: 22px 11px !important;
}

.element__gap-22-12 {
  gap: 22px 12px !important;
}

.element__gap-22-13 {
  gap: 22px 13px !important;
}

.element__gap-22-14 {
  gap: 22px 14px !important;
}

.element__gap-22-15 {
  gap: 22px 15px !important;
}

.element__gap-22-16 {
  gap: 22px 16px !important;
}

.element__gap-22-17 {
  gap: 22px 17px !important;
}

.element__gap-22-18 {
  gap: 22px 18px !important;
}

.element__gap-22-19 {
  gap: 22px 19px !important;
}

.element__gap-22-20 {
  gap: 22px 20px !important;
}

.element__gap-22-21 {
  gap: 22px 21px !important;
}

.element__gap-22-22 {
  gap: 22px 22px !important;
}

.element__gap-22-23 {
  gap: 22px 23px !important;
}

.element__gap-22-24 {
  gap: 22px 24px !important;
}

.element__gap-22-25 {
  gap: 22px 25px !important;
}

.element__gap-22-26 {
  gap: 22px 26px !important;
}

.element__gap-22-27 {
  gap: 22px 27px !important;
}

.element__gap-22-28 {
  gap: 22px 28px !important;
}

.element__gap-22-29 {
  gap: 22px 29px !important;
}

.element__gap-22-30 {
  gap: 22px 30px !important;
}

.element__gap-22-31 {
  gap: 22px 31px !important;
}

.element__gap-22-32 {
  gap: 22px 32px !important;
}

.element__gap-22-33 {
  gap: 22px 33px !important;
}

.element__gap-22-34 {
  gap: 22px 34px !important;
}

.element__gap-22-35 {
  gap: 22px 35px !important;
}

.element__gap-22-36 {
  gap: 22px 36px !important;
}

.element__gap-22-37 {
  gap: 22px 37px !important;
}

.element__gap-22-38 {
  gap: 22px 38px !important;
}

.element__gap-22-39 {
  gap: 22px 39px !important;
}

.element__gap-22-40 {
  gap: 22px 40px !important;
}

.element__gap-22-41 {
  gap: 22px 41px !important;
}

.element__gap-22-42 {
  gap: 22px 42px !important;
}

.element__gap-22-43 {
  gap: 22px 43px !important;
}

.element__gap-22-44 {
  gap: 22px 44px !important;
}

.element__gap-22-45 {
  gap: 22px 45px !important;
}

.element__gap-22-46 {
  gap: 22px 46px !important;
}

.element__gap-22-47 {
  gap: 22px 47px !important;
}

.element__gap-22-48 {
  gap: 22px 48px !important;
}

.element__gap-x-22 {
  -moz-column-gap: 22px !important;
       column-gap: 22px !important;
}

.element__gap-y-22 {
  row-gap: 22px !important;
}

.element__gap-23 {
  gap: 23px !important;
}

.element__gap-23-0 {
  gap: 23px 0px !important;
}

.element__gap-23-1 {
  gap: 23px 1px !important;
}

.element__gap-23-2 {
  gap: 23px 2px !important;
}

.element__gap-23-3 {
  gap: 23px 3px !important;
}

.element__gap-23-4 {
  gap: 23px 4px !important;
}

.element__gap-23-5 {
  gap: 23px 5px !important;
}

.element__gap-23-6 {
  gap: 23px 6px !important;
}

.element__gap-23-7 {
  gap: 23px 7px !important;
}

.element__gap-23-8 {
  gap: 23px 8px !important;
}

.element__gap-23-9 {
  gap: 23px 9px !important;
}

.element__gap-23-10 {
  gap: 23px 10px !important;
}

.element__gap-23-11 {
  gap: 23px 11px !important;
}

.element__gap-23-12 {
  gap: 23px 12px !important;
}

.element__gap-23-13 {
  gap: 23px 13px !important;
}

.element__gap-23-14 {
  gap: 23px 14px !important;
}

.element__gap-23-15 {
  gap: 23px 15px !important;
}

.element__gap-23-16 {
  gap: 23px 16px !important;
}

.element__gap-23-17 {
  gap: 23px 17px !important;
}

.element__gap-23-18 {
  gap: 23px 18px !important;
}

.element__gap-23-19 {
  gap: 23px 19px !important;
}

.element__gap-23-20 {
  gap: 23px 20px !important;
}

.element__gap-23-21 {
  gap: 23px 21px !important;
}

.element__gap-23-22 {
  gap: 23px 22px !important;
}

.element__gap-23-23 {
  gap: 23px 23px !important;
}

.element__gap-23-24 {
  gap: 23px 24px !important;
}

.element__gap-23-25 {
  gap: 23px 25px !important;
}

.element__gap-23-26 {
  gap: 23px 26px !important;
}

.element__gap-23-27 {
  gap: 23px 27px !important;
}

.element__gap-23-28 {
  gap: 23px 28px !important;
}

.element__gap-23-29 {
  gap: 23px 29px !important;
}

.element__gap-23-30 {
  gap: 23px 30px !important;
}

.element__gap-23-31 {
  gap: 23px 31px !important;
}

.element__gap-23-32 {
  gap: 23px 32px !important;
}

.element__gap-23-33 {
  gap: 23px 33px !important;
}

.element__gap-23-34 {
  gap: 23px 34px !important;
}

.element__gap-23-35 {
  gap: 23px 35px !important;
}

.element__gap-23-36 {
  gap: 23px 36px !important;
}

.element__gap-23-37 {
  gap: 23px 37px !important;
}

.element__gap-23-38 {
  gap: 23px 38px !important;
}

.element__gap-23-39 {
  gap: 23px 39px !important;
}

.element__gap-23-40 {
  gap: 23px 40px !important;
}

.element__gap-23-41 {
  gap: 23px 41px !important;
}

.element__gap-23-42 {
  gap: 23px 42px !important;
}

.element__gap-23-43 {
  gap: 23px 43px !important;
}

.element__gap-23-44 {
  gap: 23px 44px !important;
}

.element__gap-23-45 {
  gap: 23px 45px !important;
}

.element__gap-23-46 {
  gap: 23px 46px !important;
}

.element__gap-23-47 {
  gap: 23px 47px !important;
}

.element__gap-23-48 {
  gap: 23px 48px !important;
}

.element__gap-x-23 {
  -moz-column-gap: 23px !important;
       column-gap: 23px !important;
}

.element__gap-y-23 {
  row-gap: 23px !important;
}

.element__gap-24 {
  gap: 24px !important;
}

.element__gap-24-0 {
  gap: 24px 0px !important;
}

.element__gap-24-1 {
  gap: 24px 1px !important;
}

.element__gap-24-2 {
  gap: 24px 2px !important;
}

.element__gap-24-3 {
  gap: 24px 3px !important;
}

.element__gap-24-4 {
  gap: 24px 4px !important;
}

.element__gap-24-5 {
  gap: 24px 5px !important;
}

.element__gap-24-6 {
  gap: 24px 6px !important;
}

.element__gap-24-7 {
  gap: 24px 7px !important;
}

.element__gap-24-8 {
  gap: 24px 8px !important;
}

.element__gap-24-9 {
  gap: 24px 9px !important;
}

.element__gap-24-10 {
  gap: 24px 10px !important;
}

.element__gap-24-11 {
  gap: 24px 11px !important;
}

.element__gap-24-12 {
  gap: 24px 12px !important;
}

.element__gap-24-13 {
  gap: 24px 13px !important;
}

.element__gap-24-14 {
  gap: 24px 14px !important;
}

.element__gap-24-15 {
  gap: 24px 15px !important;
}

.element__gap-24-16 {
  gap: 24px 16px !important;
}

.element__gap-24-17 {
  gap: 24px 17px !important;
}

.element__gap-24-18 {
  gap: 24px 18px !important;
}

.element__gap-24-19 {
  gap: 24px 19px !important;
}

.element__gap-24-20 {
  gap: 24px 20px !important;
}

.element__gap-24-21 {
  gap: 24px 21px !important;
}

.element__gap-24-22 {
  gap: 24px 22px !important;
}

.element__gap-24-23 {
  gap: 24px 23px !important;
}

.element__gap-24-24 {
  gap: 24px 24px !important;
}

.element__gap-24-25 {
  gap: 24px 25px !important;
}

.element__gap-24-26 {
  gap: 24px 26px !important;
}

.element__gap-24-27 {
  gap: 24px 27px !important;
}

.element__gap-24-28 {
  gap: 24px 28px !important;
}

.element__gap-24-29 {
  gap: 24px 29px !important;
}

.element__gap-24-30 {
  gap: 24px 30px !important;
}

.element__gap-24-31 {
  gap: 24px 31px !important;
}

.element__gap-24-32 {
  gap: 24px 32px !important;
}

.element__gap-24-33 {
  gap: 24px 33px !important;
}

.element__gap-24-34 {
  gap: 24px 34px !important;
}

.element__gap-24-35 {
  gap: 24px 35px !important;
}

.element__gap-24-36 {
  gap: 24px 36px !important;
}

.element__gap-24-37 {
  gap: 24px 37px !important;
}

.element__gap-24-38 {
  gap: 24px 38px !important;
}

.element__gap-24-39 {
  gap: 24px 39px !important;
}

.element__gap-24-40 {
  gap: 24px 40px !important;
}

.element__gap-24-41 {
  gap: 24px 41px !important;
}

.element__gap-24-42 {
  gap: 24px 42px !important;
}

.element__gap-24-43 {
  gap: 24px 43px !important;
}

.element__gap-24-44 {
  gap: 24px 44px !important;
}

.element__gap-24-45 {
  gap: 24px 45px !important;
}

.element__gap-24-46 {
  gap: 24px 46px !important;
}

.element__gap-24-47 {
  gap: 24px 47px !important;
}

.element__gap-24-48 {
  gap: 24px 48px !important;
}

.element__gap-x-24 {
  -moz-column-gap: 24px !important;
       column-gap: 24px !important;
}

.element__gap-y-24 {
  row-gap: 24px !important;
}

.element__gap-25 {
  gap: 25px !important;
}

.element__gap-25-0 {
  gap: 25px 0px !important;
}

.element__gap-25-1 {
  gap: 25px 1px !important;
}

.element__gap-25-2 {
  gap: 25px 2px !important;
}

.element__gap-25-3 {
  gap: 25px 3px !important;
}

.element__gap-25-4 {
  gap: 25px 4px !important;
}

.element__gap-25-5 {
  gap: 25px 5px !important;
}

.element__gap-25-6 {
  gap: 25px 6px !important;
}

.element__gap-25-7 {
  gap: 25px 7px !important;
}

.element__gap-25-8 {
  gap: 25px 8px !important;
}

.element__gap-25-9 {
  gap: 25px 9px !important;
}

.element__gap-25-10 {
  gap: 25px 10px !important;
}

.element__gap-25-11 {
  gap: 25px 11px !important;
}

.element__gap-25-12 {
  gap: 25px 12px !important;
}

.element__gap-25-13 {
  gap: 25px 13px !important;
}

.element__gap-25-14 {
  gap: 25px 14px !important;
}

.element__gap-25-15 {
  gap: 25px 15px !important;
}

.element__gap-25-16 {
  gap: 25px 16px !important;
}

.element__gap-25-17 {
  gap: 25px 17px !important;
}

.element__gap-25-18 {
  gap: 25px 18px !important;
}

.element__gap-25-19 {
  gap: 25px 19px !important;
}

.element__gap-25-20 {
  gap: 25px 20px !important;
}

.element__gap-25-21 {
  gap: 25px 21px !important;
}

.element__gap-25-22 {
  gap: 25px 22px !important;
}

.element__gap-25-23 {
  gap: 25px 23px !important;
}

.element__gap-25-24 {
  gap: 25px 24px !important;
}

.element__gap-25-25 {
  gap: 25px 25px !important;
}

.element__gap-25-26 {
  gap: 25px 26px !important;
}

.element__gap-25-27 {
  gap: 25px 27px !important;
}

.element__gap-25-28 {
  gap: 25px 28px !important;
}

.element__gap-25-29 {
  gap: 25px 29px !important;
}

.element__gap-25-30 {
  gap: 25px 30px !important;
}

.element__gap-25-31 {
  gap: 25px 31px !important;
}

.element__gap-25-32 {
  gap: 25px 32px !important;
}

.element__gap-25-33 {
  gap: 25px 33px !important;
}

.element__gap-25-34 {
  gap: 25px 34px !important;
}

.element__gap-25-35 {
  gap: 25px 35px !important;
}

.element__gap-25-36 {
  gap: 25px 36px !important;
}

.element__gap-25-37 {
  gap: 25px 37px !important;
}

.element__gap-25-38 {
  gap: 25px 38px !important;
}

.element__gap-25-39 {
  gap: 25px 39px !important;
}

.element__gap-25-40 {
  gap: 25px 40px !important;
}

.element__gap-25-41 {
  gap: 25px 41px !important;
}

.element__gap-25-42 {
  gap: 25px 42px !important;
}

.element__gap-25-43 {
  gap: 25px 43px !important;
}

.element__gap-25-44 {
  gap: 25px 44px !important;
}

.element__gap-25-45 {
  gap: 25px 45px !important;
}

.element__gap-25-46 {
  gap: 25px 46px !important;
}

.element__gap-25-47 {
  gap: 25px 47px !important;
}

.element__gap-25-48 {
  gap: 25px 48px !important;
}

.element__gap-x-25 {
  -moz-column-gap: 25px !important;
       column-gap: 25px !important;
}

.element__gap-y-25 {
  row-gap: 25px !important;
}

.element__gap-26 {
  gap: 26px !important;
}

.element__gap-26-0 {
  gap: 26px 0px !important;
}

.element__gap-26-1 {
  gap: 26px 1px !important;
}

.element__gap-26-2 {
  gap: 26px 2px !important;
}

.element__gap-26-3 {
  gap: 26px 3px !important;
}

.element__gap-26-4 {
  gap: 26px 4px !important;
}

.element__gap-26-5 {
  gap: 26px 5px !important;
}

.element__gap-26-6 {
  gap: 26px 6px !important;
}

.element__gap-26-7 {
  gap: 26px 7px !important;
}

.element__gap-26-8 {
  gap: 26px 8px !important;
}

.element__gap-26-9 {
  gap: 26px 9px !important;
}

.element__gap-26-10 {
  gap: 26px 10px !important;
}

.element__gap-26-11 {
  gap: 26px 11px !important;
}

.element__gap-26-12 {
  gap: 26px 12px !important;
}

.element__gap-26-13 {
  gap: 26px 13px !important;
}

.element__gap-26-14 {
  gap: 26px 14px !important;
}

.element__gap-26-15 {
  gap: 26px 15px !important;
}

.element__gap-26-16 {
  gap: 26px 16px !important;
}

.element__gap-26-17 {
  gap: 26px 17px !important;
}

.element__gap-26-18 {
  gap: 26px 18px !important;
}

.element__gap-26-19 {
  gap: 26px 19px !important;
}

.element__gap-26-20 {
  gap: 26px 20px !important;
}

.element__gap-26-21 {
  gap: 26px 21px !important;
}

.element__gap-26-22 {
  gap: 26px 22px !important;
}

.element__gap-26-23 {
  gap: 26px 23px !important;
}

.element__gap-26-24 {
  gap: 26px 24px !important;
}

.element__gap-26-25 {
  gap: 26px 25px !important;
}

.element__gap-26-26 {
  gap: 26px 26px !important;
}

.element__gap-26-27 {
  gap: 26px 27px !important;
}

.element__gap-26-28 {
  gap: 26px 28px !important;
}

.element__gap-26-29 {
  gap: 26px 29px !important;
}

.element__gap-26-30 {
  gap: 26px 30px !important;
}

.element__gap-26-31 {
  gap: 26px 31px !important;
}

.element__gap-26-32 {
  gap: 26px 32px !important;
}

.element__gap-26-33 {
  gap: 26px 33px !important;
}

.element__gap-26-34 {
  gap: 26px 34px !important;
}

.element__gap-26-35 {
  gap: 26px 35px !important;
}

.element__gap-26-36 {
  gap: 26px 36px !important;
}

.element__gap-26-37 {
  gap: 26px 37px !important;
}

.element__gap-26-38 {
  gap: 26px 38px !important;
}

.element__gap-26-39 {
  gap: 26px 39px !important;
}

.element__gap-26-40 {
  gap: 26px 40px !important;
}

.element__gap-26-41 {
  gap: 26px 41px !important;
}

.element__gap-26-42 {
  gap: 26px 42px !important;
}

.element__gap-26-43 {
  gap: 26px 43px !important;
}

.element__gap-26-44 {
  gap: 26px 44px !important;
}

.element__gap-26-45 {
  gap: 26px 45px !important;
}

.element__gap-26-46 {
  gap: 26px 46px !important;
}

.element__gap-26-47 {
  gap: 26px 47px !important;
}

.element__gap-26-48 {
  gap: 26px 48px !important;
}

.element__gap-x-26 {
  -moz-column-gap: 26px !important;
       column-gap: 26px !important;
}

.element__gap-y-26 {
  row-gap: 26px !important;
}

.element__gap-27 {
  gap: 27px !important;
}

.element__gap-27-0 {
  gap: 27px 0px !important;
}

.element__gap-27-1 {
  gap: 27px 1px !important;
}

.element__gap-27-2 {
  gap: 27px 2px !important;
}

.element__gap-27-3 {
  gap: 27px 3px !important;
}

.element__gap-27-4 {
  gap: 27px 4px !important;
}

.element__gap-27-5 {
  gap: 27px 5px !important;
}

.element__gap-27-6 {
  gap: 27px 6px !important;
}

.element__gap-27-7 {
  gap: 27px 7px !important;
}

.element__gap-27-8 {
  gap: 27px 8px !important;
}

.element__gap-27-9 {
  gap: 27px 9px !important;
}

.element__gap-27-10 {
  gap: 27px 10px !important;
}

.element__gap-27-11 {
  gap: 27px 11px !important;
}

.element__gap-27-12 {
  gap: 27px 12px !important;
}

.element__gap-27-13 {
  gap: 27px 13px !important;
}

.element__gap-27-14 {
  gap: 27px 14px !important;
}

.element__gap-27-15 {
  gap: 27px 15px !important;
}

.element__gap-27-16 {
  gap: 27px 16px !important;
}

.element__gap-27-17 {
  gap: 27px 17px !important;
}

.element__gap-27-18 {
  gap: 27px 18px !important;
}

.element__gap-27-19 {
  gap: 27px 19px !important;
}

.element__gap-27-20 {
  gap: 27px 20px !important;
}

.element__gap-27-21 {
  gap: 27px 21px !important;
}

.element__gap-27-22 {
  gap: 27px 22px !important;
}

.element__gap-27-23 {
  gap: 27px 23px !important;
}

.element__gap-27-24 {
  gap: 27px 24px !important;
}

.element__gap-27-25 {
  gap: 27px 25px !important;
}

.element__gap-27-26 {
  gap: 27px 26px !important;
}

.element__gap-27-27 {
  gap: 27px 27px !important;
}

.element__gap-27-28 {
  gap: 27px 28px !important;
}

.element__gap-27-29 {
  gap: 27px 29px !important;
}

.element__gap-27-30 {
  gap: 27px 30px !important;
}

.element__gap-27-31 {
  gap: 27px 31px !important;
}

.element__gap-27-32 {
  gap: 27px 32px !important;
}

.element__gap-27-33 {
  gap: 27px 33px !important;
}

.element__gap-27-34 {
  gap: 27px 34px !important;
}

.element__gap-27-35 {
  gap: 27px 35px !important;
}

.element__gap-27-36 {
  gap: 27px 36px !important;
}

.element__gap-27-37 {
  gap: 27px 37px !important;
}

.element__gap-27-38 {
  gap: 27px 38px !important;
}

.element__gap-27-39 {
  gap: 27px 39px !important;
}

.element__gap-27-40 {
  gap: 27px 40px !important;
}

.element__gap-27-41 {
  gap: 27px 41px !important;
}

.element__gap-27-42 {
  gap: 27px 42px !important;
}

.element__gap-27-43 {
  gap: 27px 43px !important;
}

.element__gap-27-44 {
  gap: 27px 44px !important;
}

.element__gap-27-45 {
  gap: 27px 45px !important;
}

.element__gap-27-46 {
  gap: 27px 46px !important;
}

.element__gap-27-47 {
  gap: 27px 47px !important;
}

.element__gap-27-48 {
  gap: 27px 48px !important;
}

.element__gap-x-27 {
  -moz-column-gap: 27px !important;
       column-gap: 27px !important;
}

.element__gap-y-27 {
  row-gap: 27px !important;
}

.element__gap-28 {
  gap: 28px !important;
}

.element__gap-28-0 {
  gap: 28px 0px !important;
}

.element__gap-28-1 {
  gap: 28px 1px !important;
}

.element__gap-28-2 {
  gap: 28px 2px !important;
}

.element__gap-28-3 {
  gap: 28px 3px !important;
}

.element__gap-28-4 {
  gap: 28px 4px !important;
}

.element__gap-28-5 {
  gap: 28px 5px !important;
}

.element__gap-28-6 {
  gap: 28px 6px !important;
}

.element__gap-28-7 {
  gap: 28px 7px !important;
}

.element__gap-28-8 {
  gap: 28px 8px !important;
}

.element__gap-28-9 {
  gap: 28px 9px !important;
}

.element__gap-28-10 {
  gap: 28px 10px !important;
}

.element__gap-28-11 {
  gap: 28px 11px !important;
}

.element__gap-28-12 {
  gap: 28px 12px !important;
}

.element__gap-28-13 {
  gap: 28px 13px !important;
}

.element__gap-28-14 {
  gap: 28px 14px !important;
}

.element__gap-28-15 {
  gap: 28px 15px !important;
}

.element__gap-28-16 {
  gap: 28px 16px !important;
}

.element__gap-28-17 {
  gap: 28px 17px !important;
}

.element__gap-28-18 {
  gap: 28px 18px !important;
}

.element__gap-28-19 {
  gap: 28px 19px !important;
}

.element__gap-28-20 {
  gap: 28px 20px !important;
}

.element__gap-28-21 {
  gap: 28px 21px !important;
}

.element__gap-28-22 {
  gap: 28px 22px !important;
}

.element__gap-28-23 {
  gap: 28px 23px !important;
}

.element__gap-28-24 {
  gap: 28px 24px !important;
}

.element__gap-28-25 {
  gap: 28px 25px !important;
}

.element__gap-28-26 {
  gap: 28px 26px !important;
}

.element__gap-28-27 {
  gap: 28px 27px !important;
}

.element__gap-28-28 {
  gap: 28px 28px !important;
}

.element__gap-28-29 {
  gap: 28px 29px !important;
}

.element__gap-28-30 {
  gap: 28px 30px !important;
}

.element__gap-28-31 {
  gap: 28px 31px !important;
}

.element__gap-28-32 {
  gap: 28px 32px !important;
}

.element__gap-28-33 {
  gap: 28px 33px !important;
}

.element__gap-28-34 {
  gap: 28px 34px !important;
}

.element__gap-28-35 {
  gap: 28px 35px !important;
}

.element__gap-28-36 {
  gap: 28px 36px !important;
}

.element__gap-28-37 {
  gap: 28px 37px !important;
}

.element__gap-28-38 {
  gap: 28px 38px !important;
}

.element__gap-28-39 {
  gap: 28px 39px !important;
}

.element__gap-28-40 {
  gap: 28px 40px !important;
}

.element__gap-28-41 {
  gap: 28px 41px !important;
}

.element__gap-28-42 {
  gap: 28px 42px !important;
}

.element__gap-28-43 {
  gap: 28px 43px !important;
}

.element__gap-28-44 {
  gap: 28px 44px !important;
}

.element__gap-28-45 {
  gap: 28px 45px !important;
}

.element__gap-28-46 {
  gap: 28px 46px !important;
}

.element__gap-28-47 {
  gap: 28px 47px !important;
}

.element__gap-28-48 {
  gap: 28px 48px !important;
}

.element__gap-x-28 {
  -moz-column-gap: 28px !important;
       column-gap: 28px !important;
}

.element__gap-y-28 {
  row-gap: 28px !important;
}

.element__gap-29 {
  gap: 29px !important;
}

.element__gap-29-0 {
  gap: 29px 0px !important;
}

.element__gap-29-1 {
  gap: 29px 1px !important;
}

.element__gap-29-2 {
  gap: 29px 2px !important;
}

.element__gap-29-3 {
  gap: 29px 3px !important;
}

.element__gap-29-4 {
  gap: 29px 4px !important;
}

.element__gap-29-5 {
  gap: 29px 5px !important;
}

.element__gap-29-6 {
  gap: 29px 6px !important;
}

.element__gap-29-7 {
  gap: 29px 7px !important;
}

.element__gap-29-8 {
  gap: 29px 8px !important;
}

.element__gap-29-9 {
  gap: 29px 9px !important;
}

.element__gap-29-10 {
  gap: 29px 10px !important;
}

.element__gap-29-11 {
  gap: 29px 11px !important;
}

.element__gap-29-12 {
  gap: 29px 12px !important;
}

.element__gap-29-13 {
  gap: 29px 13px !important;
}

.element__gap-29-14 {
  gap: 29px 14px !important;
}

.element__gap-29-15 {
  gap: 29px 15px !important;
}

.element__gap-29-16 {
  gap: 29px 16px !important;
}

.element__gap-29-17 {
  gap: 29px 17px !important;
}

.element__gap-29-18 {
  gap: 29px 18px !important;
}

.element__gap-29-19 {
  gap: 29px 19px !important;
}

.element__gap-29-20 {
  gap: 29px 20px !important;
}

.element__gap-29-21 {
  gap: 29px 21px !important;
}

.element__gap-29-22 {
  gap: 29px 22px !important;
}

.element__gap-29-23 {
  gap: 29px 23px !important;
}

.element__gap-29-24 {
  gap: 29px 24px !important;
}

.element__gap-29-25 {
  gap: 29px 25px !important;
}

.element__gap-29-26 {
  gap: 29px 26px !important;
}

.element__gap-29-27 {
  gap: 29px 27px !important;
}

.element__gap-29-28 {
  gap: 29px 28px !important;
}

.element__gap-29-29 {
  gap: 29px 29px !important;
}

.element__gap-29-30 {
  gap: 29px 30px !important;
}

.element__gap-29-31 {
  gap: 29px 31px !important;
}

.element__gap-29-32 {
  gap: 29px 32px !important;
}

.element__gap-29-33 {
  gap: 29px 33px !important;
}

.element__gap-29-34 {
  gap: 29px 34px !important;
}

.element__gap-29-35 {
  gap: 29px 35px !important;
}

.element__gap-29-36 {
  gap: 29px 36px !important;
}

.element__gap-29-37 {
  gap: 29px 37px !important;
}

.element__gap-29-38 {
  gap: 29px 38px !important;
}

.element__gap-29-39 {
  gap: 29px 39px !important;
}

.element__gap-29-40 {
  gap: 29px 40px !important;
}

.element__gap-29-41 {
  gap: 29px 41px !important;
}

.element__gap-29-42 {
  gap: 29px 42px !important;
}

.element__gap-29-43 {
  gap: 29px 43px !important;
}

.element__gap-29-44 {
  gap: 29px 44px !important;
}

.element__gap-29-45 {
  gap: 29px 45px !important;
}

.element__gap-29-46 {
  gap: 29px 46px !important;
}

.element__gap-29-47 {
  gap: 29px 47px !important;
}

.element__gap-29-48 {
  gap: 29px 48px !important;
}

.element__gap-x-29 {
  -moz-column-gap: 29px !important;
       column-gap: 29px !important;
}

.element__gap-y-29 {
  row-gap: 29px !important;
}

.element__gap-30 {
  gap: 30px !important;
}

.element__gap-30-0 {
  gap: 30px 0px !important;
}

.element__gap-30-1 {
  gap: 30px 1px !important;
}

.element__gap-30-2 {
  gap: 30px 2px !important;
}

.element__gap-30-3 {
  gap: 30px 3px !important;
}

.element__gap-30-4 {
  gap: 30px 4px !important;
}

.element__gap-30-5 {
  gap: 30px 5px !important;
}

.element__gap-30-6 {
  gap: 30px 6px !important;
}

.element__gap-30-7 {
  gap: 30px 7px !important;
}

.element__gap-30-8 {
  gap: 30px 8px !important;
}

.element__gap-30-9 {
  gap: 30px 9px !important;
}

.element__gap-30-10 {
  gap: 30px 10px !important;
}

.element__gap-30-11 {
  gap: 30px 11px !important;
}

.element__gap-30-12 {
  gap: 30px 12px !important;
}

.element__gap-30-13 {
  gap: 30px 13px !important;
}

.element__gap-30-14 {
  gap: 30px 14px !important;
}

.element__gap-30-15 {
  gap: 30px 15px !important;
}

.element__gap-30-16 {
  gap: 30px 16px !important;
}

.element__gap-30-17 {
  gap: 30px 17px !important;
}

.element__gap-30-18 {
  gap: 30px 18px !important;
}

.element__gap-30-19 {
  gap: 30px 19px !important;
}

.element__gap-30-20 {
  gap: 30px 20px !important;
}

.element__gap-30-21 {
  gap: 30px 21px !important;
}

.element__gap-30-22 {
  gap: 30px 22px !important;
}

.element__gap-30-23 {
  gap: 30px 23px !important;
}

.element__gap-30-24 {
  gap: 30px 24px !important;
}

.element__gap-30-25 {
  gap: 30px 25px !important;
}

.element__gap-30-26 {
  gap: 30px 26px !important;
}

.element__gap-30-27 {
  gap: 30px 27px !important;
}

.element__gap-30-28 {
  gap: 30px 28px !important;
}

.element__gap-30-29 {
  gap: 30px 29px !important;
}

.element__gap-30-30 {
  gap: 30px 30px !important;
}

.element__gap-30-31 {
  gap: 30px 31px !important;
}

.element__gap-30-32 {
  gap: 30px 32px !important;
}

.element__gap-30-33 {
  gap: 30px 33px !important;
}

.element__gap-30-34 {
  gap: 30px 34px !important;
}

.element__gap-30-35 {
  gap: 30px 35px !important;
}

.element__gap-30-36 {
  gap: 30px 36px !important;
}

.element__gap-30-37 {
  gap: 30px 37px !important;
}

.element__gap-30-38 {
  gap: 30px 38px !important;
}

.element__gap-30-39 {
  gap: 30px 39px !important;
}

.element__gap-30-40 {
  gap: 30px 40px !important;
}

.element__gap-30-41 {
  gap: 30px 41px !important;
}

.element__gap-30-42 {
  gap: 30px 42px !important;
}

.element__gap-30-43 {
  gap: 30px 43px !important;
}

.element__gap-30-44 {
  gap: 30px 44px !important;
}

.element__gap-30-45 {
  gap: 30px 45px !important;
}

.element__gap-30-46 {
  gap: 30px 46px !important;
}

.element__gap-30-47 {
  gap: 30px 47px !important;
}

.element__gap-30-48 {
  gap: 30px 48px !important;
}

.element__gap-x-30 {
  -moz-column-gap: 30px !important;
       column-gap: 30px !important;
}

.element__gap-y-30 {
  row-gap: 30px !important;
}

.element__gap-31 {
  gap: 31px !important;
}

.element__gap-31-0 {
  gap: 31px 0px !important;
}

.element__gap-31-1 {
  gap: 31px 1px !important;
}

.element__gap-31-2 {
  gap: 31px 2px !important;
}

.element__gap-31-3 {
  gap: 31px 3px !important;
}

.element__gap-31-4 {
  gap: 31px 4px !important;
}

.element__gap-31-5 {
  gap: 31px 5px !important;
}

.element__gap-31-6 {
  gap: 31px 6px !important;
}

.element__gap-31-7 {
  gap: 31px 7px !important;
}

.element__gap-31-8 {
  gap: 31px 8px !important;
}

.element__gap-31-9 {
  gap: 31px 9px !important;
}

.element__gap-31-10 {
  gap: 31px 10px !important;
}

.element__gap-31-11 {
  gap: 31px 11px !important;
}

.element__gap-31-12 {
  gap: 31px 12px !important;
}

.element__gap-31-13 {
  gap: 31px 13px !important;
}

.element__gap-31-14 {
  gap: 31px 14px !important;
}

.element__gap-31-15 {
  gap: 31px 15px !important;
}

.element__gap-31-16 {
  gap: 31px 16px !important;
}

.element__gap-31-17 {
  gap: 31px 17px !important;
}

.element__gap-31-18 {
  gap: 31px 18px !important;
}

.element__gap-31-19 {
  gap: 31px 19px !important;
}

.element__gap-31-20 {
  gap: 31px 20px !important;
}

.element__gap-31-21 {
  gap: 31px 21px !important;
}

.element__gap-31-22 {
  gap: 31px 22px !important;
}

.element__gap-31-23 {
  gap: 31px 23px !important;
}

.element__gap-31-24 {
  gap: 31px 24px !important;
}

.element__gap-31-25 {
  gap: 31px 25px !important;
}

.element__gap-31-26 {
  gap: 31px 26px !important;
}

.element__gap-31-27 {
  gap: 31px 27px !important;
}

.element__gap-31-28 {
  gap: 31px 28px !important;
}

.element__gap-31-29 {
  gap: 31px 29px !important;
}

.element__gap-31-30 {
  gap: 31px 30px !important;
}

.element__gap-31-31 {
  gap: 31px 31px !important;
}

.element__gap-31-32 {
  gap: 31px 32px !important;
}

.element__gap-31-33 {
  gap: 31px 33px !important;
}

.element__gap-31-34 {
  gap: 31px 34px !important;
}

.element__gap-31-35 {
  gap: 31px 35px !important;
}

.element__gap-31-36 {
  gap: 31px 36px !important;
}

.element__gap-31-37 {
  gap: 31px 37px !important;
}

.element__gap-31-38 {
  gap: 31px 38px !important;
}

.element__gap-31-39 {
  gap: 31px 39px !important;
}

.element__gap-31-40 {
  gap: 31px 40px !important;
}

.element__gap-31-41 {
  gap: 31px 41px !important;
}

.element__gap-31-42 {
  gap: 31px 42px !important;
}

.element__gap-31-43 {
  gap: 31px 43px !important;
}

.element__gap-31-44 {
  gap: 31px 44px !important;
}

.element__gap-31-45 {
  gap: 31px 45px !important;
}

.element__gap-31-46 {
  gap: 31px 46px !important;
}

.element__gap-31-47 {
  gap: 31px 47px !important;
}

.element__gap-31-48 {
  gap: 31px 48px !important;
}

.element__gap-x-31 {
  -moz-column-gap: 31px !important;
       column-gap: 31px !important;
}

.element__gap-y-31 {
  row-gap: 31px !important;
}

.element__gap-32 {
  gap: 32px !important;
}

.element__gap-32-0 {
  gap: 32px 0px !important;
}

.element__gap-32-1 {
  gap: 32px 1px !important;
}

.element__gap-32-2 {
  gap: 32px 2px !important;
}

.element__gap-32-3 {
  gap: 32px 3px !important;
}

.element__gap-32-4 {
  gap: 32px 4px !important;
}

.element__gap-32-5 {
  gap: 32px 5px !important;
}

.element__gap-32-6 {
  gap: 32px 6px !important;
}

.element__gap-32-7 {
  gap: 32px 7px !important;
}

.element__gap-32-8 {
  gap: 32px 8px !important;
}

.element__gap-32-9 {
  gap: 32px 9px !important;
}

.element__gap-32-10 {
  gap: 32px 10px !important;
}

.element__gap-32-11 {
  gap: 32px 11px !important;
}

.element__gap-32-12 {
  gap: 32px 12px !important;
}

.element__gap-32-13 {
  gap: 32px 13px !important;
}

.element__gap-32-14 {
  gap: 32px 14px !important;
}

.element__gap-32-15 {
  gap: 32px 15px !important;
}

.element__gap-32-16 {
  gap: 32px 16px !important;
}

.element__gap-32-17 {
  gap: 32px 17px !important;
}

.element__gap-32-18 {
  gap: 32px 18px !important;
}

.element__gap-32-19 {
  gap: 32px 19px !important;
}

.element__gap-32-20 {
  gap: 32px 20px !important;
}

.element__gap-32-21 {
  gap: 32px 21px !important;
}

.element__gap-32-22 {
  gap: 32px 22px !important;
}

.element__gap-32-23 {
  gap: 32px 23px !important;
}

.element__gap-32-24 {
  gap: 32px 24px !important;
}

.element__gap-32-25 {
  gap: 32px 25px !important;
}

.element__gap-32-26 {
  gap: 32px 26px !important;
}

.element__gap-32-27 {
  gap: 32px 27px !important;
}

.element__gap-32-28 {
  gap: 32px 28px !important;
}

.element__gap-32-29 {
  gap: 32px 29px !important;
}

.element__gap-32-30 {
  gap: 32px 30px !important;
}

.element__gap-32-31 {
  gap: 32px 31px !important;
}

.element__gap-32-32 {
  gap: 32px 32px !important;
}

.element__gap-32-33 {
  gap: 32px 33px !important;
}

.element__gap-32-34 {
  gap: 32px 34px !important;
}

.element__gap-32-35 {
  gap: 32px 35px !important;
}

.element__gap-32-36 {
  gap: 32px 36px !important;
}

.element__gap-32-37 {
  gap: 32px 37px !important;
}

.element__gap-32-38 {
  gap: 32px 38px !important;
}

.element__gap-32-39 {
  gap: 32px 39px !important;
}

.element__gap-32-40 {
  gap: 32px 40px !important;
}

.element__gap-32-41 {
  gap: 32px 41px !important;
}

.element__gap-32-42 {
  gap: 32px 42px !important;
}

.element__gap-32-43 {
  gap: 32px 43px !important;
}

.element__gap-32-44 {
  gap: 32px 44px !important;
}

.element__gap-32-45 {
  gap: 32px 45px !important;
}

.element__gap-32-46 {
  gap: 32px 46px !important;
}

.element__gap-32-47 {
  gap: 32px 47px !important;
}

.element__gap-32-48 {
  gap: 32px 48px !important;
}

.element__gap-x-32 {
  -moz-column-gap: 32px !important;
       column-gap: 32px !important;
}

.element__gap-y-32 {
  row-gap: 32px !important;
}

.element__gap-33 {
  gap: 33px !important;
}

.element__gap-33-0 {
  gap: 33px 0px !important;
}

.element__gap-33-1 {
  gap: 33px 1px !important;
}

.element__gap-33-2 {
  gap: 33px 2px !important;
}

.element__gap-33-3 {
  gap: 33px 3px !important;
}

.element__gap-33-4 {
  gap: 33px 4px !important;
}

.element__gap-33-5 {
  gap: 33px 5px !important;
}

.element__gap-33-6 {
  gap: 33px 6px !important;
}

.element__gap-33-7 {
  gap: 33px 7px !important;
}

.element__gap-33-8 {
  gap: 33px 8px !important;
}

.element__gap-33-9 {
  gap: 33px 9px !important;
}

.element__gap-33-10 {
  gap: 33px 10px !important;
}

.element__gap-33-11 {
  gap: 33px 11px !important;
}

.element__gap-33-12 {
  gap: 33px 12px !important;
}

.element__gap-33-13 {
  gap: 33px 13px !important;
}

.element__gap-33-14 {
  gap: 33px 14px !important;
}

.element__gap-33-15 {
  gap: 33px 15px !important;
}

.element__gap-33-16 {
  gap: 33px 16px !important;
}

.element__gap-33-17 {
  gap: 33px 17px !important;
}

.element__gap-33-18 {
  gap: 33px 18px !important;
}

.element__gap-33-19 {
  gap: 33px 19px !important;
}

.element__gap-33-20 {
  gap: 33px 20px !important;
}

.element__gap-33-21 {
  gap: 33px 21px !important;
}

.element__gap-33-22 {
  gap: 33px 22px !important;
}

.element__gap-33-23 {
  gap: 33px 23px !important;
}

.element__gap-33-24 {
  gap: 33px 24px !important;
}

.element__gap-33-25 {
  gap: 33px 25px !important;
}

.element__gap-33-26 {
  gap: 33px 26px !important;
}

.element__gap-33-27 {
  gap: 33px 27px !important;
}

.element__gap-33-28 {
  gap: 33px 28px !important;
}

.element__gap-33-29 {
  gap: 33px 29px !important;
}

.element__gap-33-30 {
  gap: 33px 30px !important;
}

.element__gap-33-31 {
  gap: 33px 31px !important;
}

.element__gap-33-32 {
  gap: 33px 32px !important;
}

.element__gap-33-33 {
  gap: 33px 33px !important;
}

.element__gap-33-34 {
  gap: 33px 34px !important;
}

.element__gap-33-35 {
  gap: 33px 35px !important;
}

.element__gap-33-36 {
  gap: 33px 36px !important;
}

.element__gap-33-37 {
  gap: 33px 37px !important;
}

.element__gap-33-38 {
  gap: 33px 38px !important;
}

.element__gap-33-39 {
  gap: 33px 39px !important;
}

.element__gap-33-40 {
  gap: 33px 40px !important;
}

.element__gap-33-41 {
  gap: 33px 41px !important;
}

.element__gap-33-42 {
  gap: 33px 42px !important;
}

.element__gap-33-43 {
  gap: 33px 43px !important;
}

.element__gap-33-44 {
  gap: 33px 44px !important;
}

.element__gap-33-45 {
  gap: 33px 45px !important;
}

.element__gap-33-46 {
  gap: 33px 46px !important;
}

.element__gap-33-47 {
  gap: 33px 47px !important;
}

.element__gap-33-48 {
  gap: 33px 48px !important;
}

.element__gap-x-33 {
  -moz-column-gap: 33px !important;
       column-gap: 33px !important;
}

.element__gap-y-33 {
  row-gap: 33px !important;
}

.element__gap-34 {
  gap: 34px !important;
}

.element__gap-34-0 {
  gap: 34px 0px !important;
}

.element__gap-34-1 {
  gap: 34px 1px !important;
}

.element__gap-34-2 {
  gap: 34px 2px !important;
}

.element__gap-34-3 {
  gap: 34px 3px !important;
}

.element__gap-34-4 {
  gap: 34px 4px !important;
}

.element__gap-34-5 {
  gap: 34px 5px !important;
}

.element__gap-34-6 {
  gap: 34px 6px !important;
}

.element__gap-34-7 {
  gap: 34px 7px !important;
}

.element__gap-34-8 {
  gap: 34px 8px !important;
}

.element__gap-34-9 {
  gap: 34px 9px !important;
}

.element__gap-34-10 {
  gap: 34px 10px !important;
}

.element__gap-34-11 {
  gap: 34px 11px !important;
}

.element__gap-34-12 {
  gap: 34px 12px !important;
}

.element__gap-34-13 {
  gap: 34px 13px !important;
}

.element__gap-34-14 {
  gap: 34px 14px !important;
}

.element__gap-34-15 {
  gap: 34px 15px !important;
}

.element__gap-34-16 {
  gap: 34px 16px !important;
}

.element__gap-34-17 {
  gap: 34px 17px !important;
}

.element__gap-34-18 {
  gap: 34px 18px !important;
}

.element__gap-34-19 {
  gap: 34px 19px !important;
}

.element__gap-34-20 {
  gap: 34px 20px !important;
}

.element__gap-34-21 {
  gap: 34px 21px !important;
}

.element__gap-34-22 {
  gap: 34px 22px !important;
}

.element__gap-34-23 {
  gap: 34px 23px !important;
}

.element__gap-34-24 {
  gap: 34px 24px !important;
}

.element__gap-34-25 {
  gap: 34px 25px !important;
}

.element__gap-34-26 {
  gap: 34px 26px !important;
}

.element__gap-34-27 {
  gap: 34px 27px !important;
}

.element__gap-34-28 {
  gap: 34px 28px !important;
}

.element__gap-34-29 {
  gap: 34px 29px !important;
}

.element__gap-34-30 {
  gap: 34px 30px !important;
}

.element__gap-34-31 {
  gap: 34px 31px !important;
}

.element__gap-34-32 {
  gap: 34px 32px !important;
}

.element__gap-34-33 {
  gap: 34px 33px !important;
}

.element__gap-34-34 {
  gap: 34px 34px !important;
}

.element__gap-34-35 {
  gap: 34px 35px !important;
}

.element__gap-34-36 {
  gap: 34px 36px !important;
}

.element__gap-34-37 {
  gap: 34px 37px !important;
}

.element__gap-34-38 {
  gap: 34px 38px !important;
}

.element__gap-34-39 {
  gap: 34px 39px !important;
}

.element__gap-34-40 {
  gap: 34px 40px !important;
}

.element__gap-34-41 {
  gap: 34px 41px !important;
}

.element__gap-34-42 {
  gap: 34px 42px !important;
}

.element__gap-34-43 {
  gap: 34px 43px !important;
}

.element__gap-34-44 {
  gap: 34px 44px !important;
}

.element__gap-34-45 {
  gap: 34px 45px !important;
}

.element__gap-34-46 {
  gap: 34px 46px !important;
}

.element__gap-34-47 {
  gap: 34px 47px !important;
}

.element__gap-34-48 {
  gap: 34px 48px !important;
}

.element__gap-x-34 {
  -moz-column-gap: 34px !important;
       column-gap: 34px !important;
}

.element__gap-y-34 {
  row-gap: 34px !important;
}

.element__gap-35 {
  gap: 35px !important;
}

.element__gap-35-0 {
  gap: 35px 0px !important;
}

.element__gap-35-1 {
  gap: 35px 1px !important;
}

.element__gap-35-2 {
  gap: 35px 2px !important;
}

.element__gap-35-3 {
  gap: 35px 3px !important;
}

.element__gap-35-4 {
  gap: 35px 4px !important;
}

.element__gap-35-5 {
  gap: 35px 5px !important;
}

.element__gap-35-6 {
  gap: 35px 6px !important;
}

.element__gap-35-7 {
  gap: 35px 7px !important;
}

.element__gap-35-8 {
  gap: 35px 8px !important;
}

.element__gap-35-9 {
  gap: 35px 9px !important;
}

.element__gap-35-10 {
  gap: 35px 10px !important;
}

.element__gap-35-11 {
  gap: 35px 11px !important;
}

.element__gap-35-12 {
  gap: 35px 12px !important;
}

.element__gap-35-13 {
  gap: 35px 13px !important;
}

.element__gap-35-14 {
  gap: 35px 14px !important;
}

.element__gap-35-15 {
  gap: 35px 15px !important;
}

.element__gap-35-16 {
  gap: 35px 16px !important;
}

.element__gap-35-17 {
  gap: 35px 17px !important;
}

.element__gap-35-18 {
  gap: 35px 18px !important;
}

.element__gap-35-19 {
  gap: 35px 19px !important;
}

.element__gap-35-20 {
  gap: 35px 20px !important;
}

.element__gap-35-21 {
  gap: 35px 21px !important;
}

.element__gap-35-22 {
  gap: 35px 22px !important;
}

.element__gap-35-23 {
  gap: 35px 23px !important;
}

.element__gap-35-24 {
  gap: 35px 24px !important;
}

.element__gap-35-25 {
  gap: 35px 25px !important;
}

.element__gap-35-26 {
  gap: 35px 26px !important;
}

.element__gap-35-27 {
  gap: 35px 27px !important;
}

.element__gap-35-28 {
  gap: 35px 28px !important;
}

.element__gap-35-29 {
  gap: 35px 29px !important;
}

.element__gap-35-30 {
  gap: 35px 30px !important;
}

.element__gap-35-31 {
  gap: 35px 31px !important;
}

.element__gap-35-32 {
  gap: 35px 32px !important;
}

.element__gap-35-33 {
  gap: 35px 33px !important;
}

.element__gap-35-34 {
  gap: 35px 34px !important;
}

.element__gap-35-35 {
  gap: 35px 35px !important;
}

.element__gap-35-36 {
  gap: 35px 36px !important;
}

.element__gap-35-37 {
  gap: 35px 37px !important;
}

.element__gap-35-38 {
  gap: 35px 38px !important;
}

.element__gap-35-39 {
  gap: 35px 39px !important;
}

.element__gap-35-40 {
  gap: 35px 40px !important;
}

.element__gap-35-41 {
  gap: 35px 41px !important;
}

.element__gap-35-42 {
  gap: 35px 42px !important;
}

.element__gap-35-43 {
  gap: 35px 43px !important;
}

.element__gap-35-44 {
  gap: 35px 44px !important;
}

.element__gap-35-45 {
  gap: 35px 45px !important;
}

.element__gap-35-46 {
  gap: 35px 46px !important;
}

.element__gap-35-47 {
  gap: 35px 47px !important;
}

.element__gap-35-48 {
  gap: 35px 48px !important;
}

.element__gap-x-35 {
  -moz-column-gap: 35px !important;
       column-gap: 35px !important;
}

.element__gap-y-35 {
  row-gap: 35px !important;
}

.element__gap-36 {
  gap: 36px !important;
}

.element__gap-36-0 {
  gap: 36px 0px !important;
}

.element__gap-36-1 {
  gap: 36px 1px !important;
}

.element__gap-36-2 {
  gap: 36px 2px !important;
}

.element__gap-36-3 {
  gap: 36px 3px !important;
}

.element__gap-36-4 {
  gap: 36px 4px !important;
}

.element__gap-36-5 {
  gap: 36px 5px !important;
}

.element__gap-36-6 {
  gap: 36px 6px !important;
}

.element__gap-36-7 {
  gap: 36px 7px !important;
}

.element__gap-36-8 {
  gap: 36px 8px !important;
}

.element__gap-36-9 {
  gap: 36px 9px !important;
}

.element__gap-36-10 {
  gap: 36px 10px !important;
}

.element__gap-36-11 {
  gap: 36px 11px !important;
}

.element__gap-36-12 {
  gap: 36px 12px !important;
}

.element__gap-36-13 {
  gap: 36px 13px !important;
}

.element__gap-36-14 {
  gap: 36px 14px !important;
}

.element__gap-36-15 {
  gap: 36px 15px !important;
}

.element__gap-36-16 {
  gap: 36px 16px !important;
}

.element__gap-36-17 {
  gap: 36px 17px !important;
}

.element__gap-36-18 {
  gap: 36px 18px !important;
}

.element__gap-36-19 {
  gap: 36px 19px !important;
}

.element__gap-36-20 {
  gap: 36px 20px !important;
}

.element__gap-36-21 {
  gap: 36px 21px !important;
}

.element__gap-36-22 {
  gap: 36px 22px !important;
}

.element__gap-36-23 {
  gap: 36px 23px !important;
}

.element__gap-36-24 {
  gap: 36px 24px !important;
}

.element__gap-36-25 {
  gap: 36px 25px !important;
}

.element__gap-36-26 {
  gap: 36px 26px !important;
}

.element__gap-36-27 {
  gap: 36px 27px !important;
}

.element__gap-36-28 {
  gap: 36px 28px !important;
}

.element__gap-36-29 {
  gap: 36px 29px !important;
}

.element__gap-36-30 {
  gap: 36px 30px !important;
}

.element__gap-36-31 {
  gap: 36px 31px !important;
}

.element__gap-36-32 {
  gap: 36px 32px !important;
}

.element__gap-36-33 {
  gap: 36px 33px !important;
}

.element__gap-36-34 {
  gap: 36px 34px !important;
}

.element__gap-36-35 {
  gap: 36px 35px !important;
}

.element__gap-36-36 {
  gap: 36px 36px !important;
}

.element__gap-36-37 {
  gap: 36px 37px !important;
}

.element__gap-36-38 {
  gap: 36px 38px !important;
}

.element__gap-36-39 {
  gap: 36px 39px !important;
}

.element__gap-36-40 {
  gap: 36px 40px !important;
}

.element__gap-36-41 {
  gap: 36px 41px !important;
}

.element__gap-36-42 {
  gap: 36px 42px !important;
}

.element__gap-36-43 {
  gap: 36px 43px !important;
}

.element__gap-36-44 {
  gap: 36px 44px !important;
}

.element__gap-36-45 {
  gap: 36px 45px !important;
}

.element__gap-36-46 {
  gap: 36px 46px !important;
}

.element__gap-36-47 {
  gap: 36px 47px !important;
}

.element__gap-36-48 {
  gap: 36px 48px !important;
}

.element__gap-x-36 {
  -moz-column-gap: 36px !important;
       column-gap: 36px !important;
}

.element__gap-y-36 {
  row-gap: 36px !important;
}

.element__gap-37 {
  gap: 37px !important;
}

.element__gap-37-0 {
  gap: 37px 0px !important;
}

.element__gap-37-1 {
  gap: 37px 1px !important;
}

.element__gap-37-2 {
  gap: 37px 2px !important;
}

.element__gap-37-3 {
  gap: 37px 3px !important;
}

.element__gap-37-4 {
  gap: 37px 4px !important;
}

.element__gap-37-5 {
  gap: 37px 5px !important;
}

.element__gap-37-6 {
  gap: 37px 6px !important;
}

.element__gap-37-7 {
  gap: 37px 7px !important;
}

.element__gap-37-8 {
  gap: 37px 8px !important;
}

.element__gap-37-9 {
  gap: 37px 9px !important;
}

.element__gap-37-10 {
  gap: 37px 10px !important;
}

.element__gap-37-11 {
  gap: 37px 11px !important;
}

.element__gap-37-12 {
  gap: 37px 12px !important;
}

.element__gap-37-13 {
  gap: 37px 13px !important;
}

.element__gap-37-14 {
  gap: 37px 14px !important;
}

.element__gap-37-15 {
  gap: 37px 15px !important;
}

.element__gap-37-16 {
  gap: 37px 16px !important;
}

.element__gap-37-17 {
  gap: 37px 17px !important;
}

.element__gap-37-18 {
  gap: 37px 18px !important;
}

.element__gap-37-19 {
  gap: 37px 19px !important;
}

.element__gap-37-20 {
  gap: 37px 20px !important;
}

.element__gap-37-21 {
  gap: 37px 21px !important;
}

.element__gap-37-22 {
  gap: 37px 22px !important;
}

.element__gap-37-23 {
  gap: 37px 23px !important;
}

.element__gap-37-24 {
  gap: 37px 24px !important;
}

.element__gap-37-25 {
  gap: 37px 25px !important;
}

.element__gap-37-26 {
  gap: 37px 26px !important;
}

.element__gap-37-27 {
  gap: 37px 27px !important;
}

.element__gap-37-28 {
  gap: 37px 28px !important;
}

.element__gap-37-29 {
  gap: 37px 29px !important;
}

.element__gap-37-30 {
  gap: 37px 30px !important;
}

.element__gap-37-31 {
  gap: 37px 31px !important;
}

.element__gap-37-32 {
  gap: 37px 32px !important;
}

.element__gap-37-33 {
  gap: 37px 33px !important;
}

.element__gap-37-34 {
  gap: 37px 34px !important;
}

.element__gap-37-35 {
  gap: 37px 35px !important;
}

.element__gap-37-36 {
  gap: 37px 36px !important;
}

.element__gap-37-37 {
  gap: 37px 37px !important;
}

.element__gap-37-38 {
  gap: 37px 38px !important;
}

.element__gap-37-39 {
  gap: 37px 39px !important;
}

.element__gap-37-40 {
  gap: 37px 40px !important;
}

.element__gap-37-41 {
  gap: 37px 41px !important;
}

.element__gap-37-42 {
  gap: 37px 42px !important;
}

.element__gap-37-43 {
  gap: 37px 43px !important;
}

.element__gap-37-44 {
  gap: 37px 44px !important;
}

.element__gap-37-45 {
  gap: 37px 45px !important;
}

.element__gap-37-46 {
  gap: 37px 46px !important;
}

.element__gap-37-47 {
  gap: 37px 47px !important;
}

.element__gap-37-48 {
  gap: 37px 48px !important;
}

.element__gap-x-37 {
  -moz-column-gap: 37px !important;
       column-gap: 37px !important;
}

.element__gap-y-37 {
  row-gap: 37px !important;
}

.element__gap-38 {
  gap: 38px !important;
}

.element__gap-38-0 {
  gap: 38px 0px !important;
}

.element__gap-38-1 {
  gap: 38px 1px !important;
}

.element__gap-38-2 {
  gap: 38px 2px !important;
}

.element__gap-38-3 {
  gap: 38px 3px !important;
}

.element__gap-38-4 {
  gap: 38px 4px !important;
}

.element__gap-38-5 {
  gap: 38px 5px !important;
}

.element__gap-38-6 {
  gap: 38px 6px !important;
}

.element__gap-38-7 {
  gap: 38px 7px !important;
}

.element__gap-38-8 {
  gap: 38px 8px !important;
}

.element__gap-38-9 {
  gap: 38px 9px !important;
}

.element__gap-38-10 {
  gap: 38px 10px !important;
}

.element__gap-38-11 {
  gap: 38px 11px !important;
}

.element__gap-38-12 {
  gap: 38px 12px !important;
}

.element__gap-38-13 {
  gap: 38px 13px !important;
}

.element__gap-38-14 {
  gap: 38px 14px !important;
}

.element__gap-38-15 {
  gap: 38px 15px !important;
}

.element__gap-38-16 {
  gap: 38px 16px !important;
}

.element__gap-38-17 {
  gap: 38px 17px !important;
}

.element__gap-38-18 {
  gap: 38px 18px !important;
}

.element__gap-38-19 {
  gap: 38px 19px !important;
}

.element__gap-38-20 {
  gap: 38px 20px !important;
}

.element__gap-38-21 {
  gap: 38px 21px !important;
}

.element__gap-38-22 {
  gap: 38px 22px !important;
}

.element__gap-38-23 {
  gap: 38px 23px !important;
}

.element__gap-38-24 {
  gap: 38px 24px !important;
}

.element__gap-38-25 {
  gap: 38px 25px !important;
}

.element__gap-38-26 {
  gap: 38px 26px !important;
}

.element__gap-38-27 {
  gap: 38px 27px !important;
}

.element__gap-38-28 {
  gap: 38px 28px !important;
}

.element__gap-38-29 {
  gap: 38px 29px !important;
}

.element__gap-38-30 {
  gap: 38px 30px !important;
}

.element__gap-38-31 {
  gap: 38px 31px !important;
}

.element__gap-38-32 {
  gap: 38px 32px !important;
}

.element__gap-38-33 {
  gap: 38px 33px !important;
}

.element__gap-38-34 {
  gap: 38px 34px !important;
}

.element__gap-38-35 {
  gap: 38px 35px !important;
}

.element__gap-38-36 {
  gap: 38px 36px !important;
}

.element__gap-38-37 {
  gap: 38px 37px !important;
}

.element__gap-38-38 {
  gap: 38px 38px !important;
}

.element__gap-38-39 {
  gap: 38px 39px !important;
}

.element__gap-38-40 {
  gap: 38px 40px !important;
}

.element__gap-38-41 {
  gap: 38px 41px !important;
}

.element__gap-38-42 {
  gap: 38px 42px !important;
}

.element__gap-38-43 {
  gap: 38px 43px !important;
}

.element__gap-38-44 {
  gap: 38px 44px !important;
}

.element__gap-38-45 {
  gap: 38px 45px !important;
}

.element__gap-38-46 {
  gap: 38px 46px !important;
}

.element__gap-38-47 {
  gap: 38px 47px !important;
}

.element__gap-38-48 {
  gap: 38px 48px !important;
}

.element__gap-x-38 {
  -moz-column-gap: 38px !important;
       column-gap: 38px !important;
}

.element__gap-y-38 {
  row-gap: 38px !important;
}

.element__gap-39 {
  gap: 39px !important;
}

.element__gap-39-0 {
  gap: 39px 0px !important;
}

.element__gap-39-1 {
  gap: 39px 1px !important;
}

.element__gap-39-2 {
  gap: 39px 2px !important;
}

.element__gap-39-3 {
  gap: 39px 3px !important;
}

.element__gap-39-4 {
  gap: 39px 4px !important;
}

.element__gap-39-5 {
  gap: 39px 5px !important;
}

.element__gap-39-6 {
  gap: 39px 6px !important;
}

.element__gap-39-7 {
  gap: 39px 7px !important;
}

.element__gap-39-8 {
  gap: 39px 8px !important;
}

.element__gap-39-9 {
  gap: 39px 9px !important;
}

.element__gap-39-10 {
  gap: 39px 10px !important;
}

.element__gap-39-11 {
  gap: 39px 11px !important;
}

.element__gap-39-12 {
  gap: 39px 12px !important;
}

.element__gap-39-13 {
  gap: 39px 13px !important;
}

.element__gap-39-14 {
  gap: 39px 14px !important;
}

.element__gap-39-15 {
  gap: 39px 15px !important;
}

.element__gap-39-16 {
  gap: 39px 16px !important;
}

.element__gap-39-17 {
  gap: 39px 17px !important;
}

.element__gap-39-18 {
  gap: 39px 18px !important;
}

.element__gap-39-19 {
  gap: 39px 19px !important;
}

.element__gap-39-20 {
  gap: 39px 20px !important;
}

.element__gap-39-21 {
  gap: 39px 21px !important;
}

.element__gap-39-22 {
  gap: 39px 22px !important;
}

.element__gap-39-23 {
  gap: 39px 23px !important;
}

.element__gap-39-24 {
  gap: 39px 24px !important;
}

.element__gap-39-25 {
  gap: 39px 25px !important;
}

.element__gap-39-26 {
  gap: 39px 26px !important;
}

.element__gap-39-27 {
  gap: 39px 27px !important;
}

.element__gap-39-28 {
  gap: 39px 28px !important;
}

.element__gap-39-29 {
  gap: 39px 29px !important;
}

.element__gap-39-30 {
  gap: 39px 30px !important;
}

.element__gap-39-31 {
  gap: 39px 31px !important;
}

.element__gap-39-32 {
  gap: 39px 32px !important;
}

.element__gap-39-33 {
  gap: 39px 33px !important;
}

.element__gap-39-34 {
  gap: 39px 34px !important;
}

.element__gap-39-35 {
  gap: 39px 35px !important;
}

.element__gap-39-36 {
  gap: 39px 36px !important;
}

.element__gap-39-37 {
  gap: 39px 37px !important;
}

.element__gap-39-38 {
  gap: 39px 38px !important;
}

.element__gap-39-39 {
  gap: 39px 39px !important;
}

.element__gap-39-40 {
  gap: 39px 40px !important;
}

.element__gap-39-41 {
  gap: 39px 41px !important;
}

.element__gap-39-42 {
  gap: 39px 42px !important;
}

.element__gap-39-43 {
  gap: 39px 43px !important;
}

.element__gap-39-44 {
  gap: 39px 44px !important;
}

.element__gap-39-45 {
  gap: 39px 45px !important;
}

.element__gap-39-46 {
  gap: 39px 46px !important;
}

.element__gap-39-47 {
  gap: 39px 47px !important;
}

.element__gap-39-48 {
  gap: 39px 48px !important;
}

.element__gap-x-39 {
  -moz-column-gap: 39px !important;
       column-gap: 39px !important;
}

.element__gap-y-39 {
  row-gap: 39px !important;
}

.element__gap-40 {
  gap: 40px !important;
}

.element__gap-40-0 {
  gap: 40px 0px !important;
}

.element__gap-40-1 {
  gap: 40px 1px !important;
}

.element__gap-40-2 {
  gap: 40px 2px !important;
}

.element__gap-40-3 {
  gap: 40px 3px !important;
}

.element__gap-40-4 {
  gap: 40px 4px !important;
}

.element__gap-40-5 {
  gap: 40px 5px !important;
}

.element__gap-40-6 {
  gap: 40px 6px !important;
}

.element__gap-40-7 {
  gap: 40px 7px !important;
}

.element__gap-40-8 {
  gap: 40px 8px !important;
}

.element__gap-40-9 {
  gap: 40px 9px !important;
}

.element__gap-40-10 {
  gap: 40px 10px !important;
}

.element__gap-40-11 {
  gap: 40px 11px !important;
}

.element__gap-40-12 {
  gap: 40px 12px !important;
}

.element__gap-40-13 {
  gap: 40px 13px !important;
}

.element__gap-40-14 {
  gap: 40px 14px !important;
}

.element__gap-40-15 {
  gap: 40px 15px !important;
}

.element__gap-40-16 {
  gap: 40px 16px !important;
}

.element__gap-40-17 {
  gap: 40px 17px !important;
}

.element__gap-40-18 {
  gap: 40px 18px !important;
}

.element__gap-40-19 {
  gap: 40px 19px !important;
}

.element__gap-40-20 {
  gap: 40px 20px !important;
}

.element__gap-40-21 {
  gap: 40px 21px !important;
}

.element__gap-40-22 {
  gap: 40px 22px !important;
}

.element__gap-40-23 {
  gap: 40px 23px !important;
}

.element__gap-40-24 {
  gap: 40px 24px !important;
}

.element__gap-40-25 {
  gap: 40px 25px !important;
}

.element__gap-40-26 {
  gap: 40px 26px !important;
}

.element__gap-40-27 {
  gap: 40px 27px !important;
}

.element__gap-40-28 {
  gap: 40px 28px !important;
}

.element__gap-40-29 {
  gap: 40px 29px !important;
}

.element__gap-40-30 {
  gap: 40px 30px !important;
}

.element__gap-40-31 {
  gap: 40px 31px !important;
}

.element__gap-40-32 {
  gap: 40px 32px !important;
}

.element__gap-40-33 {
  gap: 40px 33px !important;
}

.element__gap-40-34 {
  gap: 40px 34px !important;
}

.element__gap-40-35 {
  gap: 40px 35px !important;
}

.element__gap-40-36 {
  gap: 40px 36px !important;
}

.element__gap-40-37 {
  gap: 40px 37px !important;
}

.element__gap-40-38 {
  gap: 40px 38px !important;
}

.element__gap-40-39 {
  gap: 40px 39px !important;
}

.element__gap-40-40 {
  gap: 40px 40px !important;
}

.element__gap-40-41 {
  gap: 40px 41px !important;
}

.element__gap-40-42 {
  gap: 40px 42px !important;
}

.element__gap-40-43 {
  gap: 40px 43px !important;
}

.element__gap-40-44 {
  gap: 40px 44px !important;
}

.element__gap-40-45 {
  gap: 40px 45px !important;
}

.element__gap-40-46 {
  gap: 40px 46px !important;
}

.element__gap-40-47 {
  gap: 40px 47px !important;
}

.element__gap-40-48 {
  gap: 40px 48px !important;
}

.element__gap-x-40 {
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.element__gap-y-40 {
  row-gap: 40px !important;
}

.element__gap-41 {
  gap: 41px !important;
}

.element__gap-41-0 {
  gap: 41px 0px !important;
}

.element__gap-41-1 {
  gap: 41px 1px !important;
}

.element__gap-41-2 {
  gap: 41px 2px !important;
}

.element__gap-41-3 {
  gap: 41px 3px !important;
}

.element__gap-41-4 {
  gap: 41px 4px !important;
}

.element__gap-41-5 {
  gap: 41px 5px !important;
}

.element__gap-41-6 {
  gap: 41px 6px !important;
}

.element__gap-41-7 {
  gap: 41px 7px !important;
}

.element__gap-41-8 {
  gap: 41px 8px !important;
}

.element__gap-41-9 {
  gap: 41px 9px !important;
}

.element__gap-41-10 {
  gap: 41px 10px !important;
}

.element__gap-41-11 {
  gap: 41px 11px !important;
}

.element__gap-41-12 {
  gap: 41px 12px !important;
}

.element__gap-41-13 {
  gap: 41px 13px !important;
}

.element__gap-41-14 {
  gap: 41px 14px !important;
}

.element__gap-41-15 {
  gap: 41px 15px !important;
}

.element__gap-41-16 {
  gap: 41px 16px !important;
}

.element__gap-41-17 {
  gap: 41px 17px !important;
}

.element__gap-41-18 {
  gap: 41px 18px !important;
}

.element__gap-41-19 {
  gap: 41px 19px !important;
}

.element__gap-41-20 {
  gap: 41px 20px !important;
}

.element__gap-41-21 {
  gap: 41px 21px !important;
}

.element__gap-41-22 {
  gap: 41px 22px !important;
}

.element__gap-41-23 {
  gap: 41px 23px !important;
}

.element__gap-41-24 {
  gap: 41px 24px !important;
}

.element__gap-41-25 {
  gap: 41px 25px !important;
}

.element__gap-41-26 {
  gap: 41px 26px !important;
}

.element__gap-41-27 {
  gap: 41px 27px !important;
}

.element__gap-41-28 {
  gap: 41px 28px !important;
}

.element__gap-41-29 {
  gap: 41px 29px !important;
}

.element__gap-41-30 {
  gap: 41px 30px !important;
}

.element__gap-41-31 {
  gap: 41px 31px !important;
}

.element__gap-41-32 {
  gap: 41px 32px !important;
}

.element__gap-41-33 {
  gap: 41px 33px !important;
}

.element__gap-41-34 {
  gap: 41px 34px !important;
}

.element__gap-41-35 {
  gap: 41px 35px !important;
}

.element__gap-41-36 {
  gap: 41px 36px !important;
}

.element__gap-41-37 {
  gap: 41px 37px !important;
}

.element__gap-41-38 {
  gap: 41px 38px !important;
}

.element__gap-41-39 {
  gap: 41px 39px !important;
}

.element__gap-41-40 {
  gap: 41px 40px !important;
}

.element__gap-41-41 {
  gap: 41px 41px !important;
}

.element__gap-41-42 {
  gap: 41px 42px !important;
}

.element__gap-41-43 {
  gap: 41px 43px !important;
}

.element__gap-41-44 {
  gap: 41px 44px !important;
}

.element__gap-41-45 {
  gap: 41px 45px !important;
}

.element__gap-41-46 {
  gap: 41px 46px !important;
}

.element__gap-41-47 {
  gap: 41px 47px !important;
}

.element__gap-41-48 {
  gap: 41px 48px !important;
}

.element__gap-x-41 {
  -moz-column-gap: 41px !important;
       column-gap: 41px !important;
}

.element__gap-y-41 {
  row-gap: 41px !important;
}

.element__gap-42 {
  gap: 42px !important;
}

.element__gap-42-0 {
  gap: 42px 0px !important;
}

.element__gap-42-1 {
  gap: 42px 1px !important;
}

.element__gap-42-2 {
  gap: 42px 2px !important;
}

.element__gap-42-3 {
  gap: 42px 3px !important;
}

.element__gap-42-4 {
  gap: 42px 4px !important;
}

.element__gap-42-5 {
  gap: 42px 5px !important;
}

.element__gap-42-6 {
  gap: 42px 6px !important;
}

.element__gap-42-7 {
  gap: 42px 7px !important;
}

.element__gap-42-8 {
  gap: 42px 8px !important;
}

.element__gap-42-9 {
  gap: 42px 9px !important;
}

.element__gap-42-10 {
  gap: 42px 10px !important;
}

.element__gap-42-11 {
  gap: 42px 11px !important;
}

.element__gap-42-12 {
  gap: 42px 12px !important;
}

.element__gap-42-13 {
  gap: 42px 13px !important;
}

.element__gap-42-14 {
  gap: 42px 14px !important;
}

.element__gap-42-15 {
  gap: 42px 15px !important;
}

.element__gap-42-16 {
  gap: 42px 16px !important;
}

.element__gap-42-17 {
  gap: 42px 17px !important;
}

.element__gap-42-18 {
  gap: 42px 18px !important;
}

.element__gap-42-19 {
  gap: 42px 19px !important;
}

.element__gap-42-20 {
  gap: 42px 20px !important;
}

.element__gap-42-21 {
  gap: 42px 21px !important;
}

.element__gap-42-22 {
  gap: 42px 22px !important;
}

.element__gap-42-23 {
  gap: 42px 23px !important;
}

.element__gap-42-24 {
  gap: 42px 24px !important;
}

.element__gap-42-25 {
  gap: 42px 25px !important;
}

.element__gap-42-26 {
  gap: 42px 26px !important;
}

.element__gap-42-27 {
  gap: 42px 27px !important;
}

.element__gap-42-28 {
  gap: 42px 28px !important;
}

.element__gap-42-29 {
  gap: 42px 29px !important;
}

.element__gap-42-30 {
  gap: 42px 30px !important;
}

.element__gap-42-31 {
  gap: 42px 31px !important;
}

.element__gap-42-32 {
  gap: 42px 32px !important;
}

.element__gap-42-33 {
  gap: 42px 33px !important;
}

.element__gap-42-34 {
  gap: 42px 34px !important;
}

.element__gap-42-35 {
  gap: 42px 35px !important;
}

.element__gap-42-36 {
  gap: 42px 36px !important;
}

.element__gap-42-37 {
  gap: 42px 37px !important;
}

.element__gap-42-38 {
  gap: 42px 38px !important;
}

.element__gap-42-39 {
  gap: 42px 39px !important;
}

.element__gap-42-40 {
  gap: 42px 40px !important;
}

.element__gap-42-41 {
  gap: 42px 41px !important;
}

.element__gap-42-42 {
  gap: 42px 42px !important;
}

.element__gap-42-43 {
  gap: 42px 43px !important;
}

.element__gap-42-44 {
  gap: 42px 44px !important;
}

.element__gap-42-45 {
  gap: 42px 45px !important;
}

.element__gap-42-46 {
  gap: 42px 46px !important;
}

.element__gap-42-47 {
  gap: 42px 47px !important;
}

.element__gap-42-48 {
  gap: 42px 48px !important;
}

.element__gap-x-42 {
  -moz-column-gap: 42px !important;
       column-gap: 42px !important;
}

.element__gap-y-42 {
  row-gap: 42px !important;
}

.element__gap-43 {
  gap: 43px !important;
}

.element__gap-43-0 {
  gap: 43px 0px !important;
}

.element__gap-43-1 {
  gap: 43px 1px !important;
}

.element__gap-43-2 {
  gap: 43px 2px !important;
}

.element__gap-43-3 {
  gap: 43px 3px !important;
}

.element__gap-43-4 {
  gap: 43px 4px !important;
}

.element__gap-43-5 {
  gap: 43px 5px !important;
}

.element__gap-43-6 {
  gap: 43px 6px !important;
}

.element__gap-43-7 {
  gap: 43px 7px !important;
}

.element__gap-43-8 {
  gap: 43px 8px !important;
}

.element__gap-43-9 {
  gap: 43px 9px !important;
}

.element__gap-43-10 {
  gap: 43px 10px !important;
}

.element__gap-43-11 {
  gap: 43px 11px !important;
}

.element__gap-43-12 {
  gap: 43px 12px !important;
}

.element__gap-43-13 {
  gap: 43px 13px !important;
}

.element__gap-43-14 {
  gap: 43px 14px !important;
}

.element__gap-43-15 {
  gap: 43px 15px !important;
}

.element__gap-43-16 {
  gap: 43px 16px !important;
}

.element__gap-43-17 {
  gap: 43px 17px !important;
}

.element__gap-43-18 {
  gap: 43px 18px !important;
}

.element__gap-43-19 {
  gap: 43px 19px !important;
}

.element__gap-43-20 {
  gap: 43px 20px !important;
}

.element__gap-43-21 {
  gap: 43px 21px !important;
}

.element__gap-43-22 {
  gap: 43px 22px !important;
}

.element__gap-43-23 {
  gap: 43px 23px !important;
}

.element__gap-43-24 {
  gap: 43px 24px !important;
}

.element__gap-43-25 {
  gap: 43px 25px !important;
}

.element__gap-43-26 {
  gap: 43px 26px !important;
}

.element__gap-43-27 {
  gap: 43px 27px !important;
}

.element__gap-43-28 {
  gap: 43px 28px !important;
}

.element__gap-43-29 {
  gap: 43px 29px !important;
}

.element__gap-43-30 {
  gap: 43px 30px !important;
}

.element__gap-43-31 {
  gap: 43px 31px !important;
}

.element__gap-43-32 {
  gap: 43px 32px !important;
}

.element__gap-43-33 {
  gap: 43px 33px !important;
}

.element__gap-43-34 {
  gap: 43px 34px !important;
}

.element__gap-43-35 {
  gap: 43px 35px !important;
}

.element__gap-43-36 {
  gap: 43px 36px !important;
}

.element__gap-43-37 {
  gap: 43px 37px !important;
}

.element__gap-43-38 {
  gap: 43px 38px !important;
}

.element__gap-43-39 {
  gap: 43px 39px !important;
}

.element__gap-43-40 {
  gap: 43px 40px !important;
}

.element__gap-43-41 {
  gap: 43px 41px !important;
}

.element__gap-43-42 {
  gap: 43px 42px !important;
}

.element__gap-43-43 {
  gap: 43px 43px !important;
}

.element__gap-43-44 {
  gap: 43px 44px !important;
}

.element__gap-43-45 {
  gap: 43px 45px !important;
}

.element__gap-43-46 {
  gap: 43px 46px !important;
}

.element__gap-43-47 {
  gap: 43px 47px !important;
}

.element__gap-43-48 {
  gap: 43px 48px !important;
}

.element__gap-x-43 {
  -moz-column-gap: 43px !important;
       column-gap: 43px !important;
}

.element__gap-y-43 {
  row-gap: 43px !important;
}

.element__gap-44 {
  gap: 44px !important;
}

.element__gap-44-0 {
  gap: 44px 0px !important;
}

.element__gap-44-1 {
  gap: 44px 1px !important;
}

.element__gap-44-2 {
  gap: 44px 2px !important;
}

.element__gap-44-3 {
  gap: 44px 3px !important;
}

.element__gap-44-4 {
  gap: 44px 4px !important;
}

.element__gap-44-5 {
  gap: 44px 5px !important;
}

.element__gap-44-6 {
  gap: 44px 6px !important;
}

.element__gap-44-7 {
  gap: 44px 7px !important;
}

.element__gap-44-8 {
  gap: 44px 8px !important;
}

.element__gap-44-9 {
  gap: 44px 9px !important;
}

.element__gap-44-10 {
  gap: 44px 10px !important;
}

.element__gap-44-11 {
  gap: 44px 11px !important;
}

.element__gap-44-12 {
  gap: 44px 12px !important;
}

.element__gap-44-13 {
  gap: 44px 13px !important;
}

.element__gap-44-14 {
  gap: 44px 14px !important;
}

.element__gap-44-15 {
  gap: 44px 15px !important;
}

.element__gap-44-16 {
  gap: 44px 16px !important;
}

.element__gap-44-17 {
  gap: 44px 17px !important;
}

.element__gap-44-18 {
  gap: 44px 18px !important;
}

.element__gap-44-19 {
  gap: 44px 19px !important;
}

.element__gap-44-20 {
  gap: 44px 20px !important;
}

.element__gap-44-21 {
  gap: 44px 21px !important;
}

.element__gap-44-22 {
  gap: 44px 22px !important;
}

.element__gap-44-23 {
  gap: 44px 23px !important;
}

.element__gap-44-24 {
  gap: 44px 24px !important;
}

.element__gap-44-25 {
  gap: 44px 25px !important;
}

.element__gap-44-26 {
  gap: 44px 26px !important;
}

.element__gap-44-27 {
  gap: 44px 27px !important;
}

.element__gap-44-28 {
  gap: 44px 28px !important;
}

.element__gap-44-29 {
  gap: 44px 29px !important;
}

.element__gap-44-30 {
  gap: 44px 30px !important;
}

.element__gap-44-31 {
  gap: 44px 31px !important;
}

.element__gap-44-32 {
  gap: 44px 32px !important;
}

.element__gap-44-33 {
  gap: 44px 33px !important;
}

.element__gap-44-34 {
  gap: 44px 34px !important;
}

.element__gap-44-35 {
  gap: 44px 35px !important;
}

.element__gap-44-36 {
  gap: 44px 36px !important;
}

.element__gap-44-37 {
  gap: 44px 37px !important;
}

.element__gap-44-38 {
  gap: 44px 38px !important;
}

.element__gap-44-39 {
  gap: 44px 39px !important;
}

.element__gap-44-40 {
  gap: 44px 40px !important;
}

.element__gap-44-41 {
  gap: 44px 41px !important;
}

.element__gap-44-42 {
  gap: 44px 42px !important;
}

.element__gap-44-43 {
  gap: 44px 43px !important;
}

.element__gap-44-44 {
  gap: 44px 44px !important;
}

.element__gap-44-45 {
  gap: 44px 45px !important;
}

.element__gap-44-46 {
  gap: 44px 46px !important;
}

.element__gap-44-47 {
  gap: 44px 47px !important;
}

.element__gap-44-48 {
  gap: 44px 48px !important;
}

.element__gap-x-44 {
  -moz-column-gap: 44px !important;
       column-gap: 44px !important;
}

.element__gap-y-44 {
  row-gap: 44px !important;
}

.element__gap-45 {
  gap: 45px !important;
}

.element__gap-45-0 {
  gap: 45px 0px !important;
}

.element__gap-45-1 {
  gap: 45px 1px !important;
}

.element__gap-45-2 {
  gap: 45px 2px !important;
}

.element__gap-45-3 {
  gap: 45px 3px !important;
}

.element__gap-45-4 {
  gap: 45px 4px !important;
}

.element__gap-45-5 {
  gap: 45px 5px !important;
}

.element__gap-45-6 {
  gap: 45px 6px !important;
}

.element__gap-45-7 {
  gap: 45px 7px !important;
}

.element__gap-45-8 {
  gap: 45px 8px !important;
}

.element__gap-45-9 {
  gap: 45px 9px !important;
}

.element__gap-45-10 {
  gap: 45px 10px !important;
}

.element__gap-45-11 {
  gap: 45px 11px !important;
}

.element__gap-45-12 {
  gap: 45px 12px !important;
}

.element__gap-45-13 {
  gap: 45px 13px !important;
}

.element__gap-45-14 {
  gap: 45px 14px !important;
}

.element__gap-45-15 {
  gap: 45px 15px !important;
}

.element__gap-45-16 {
  gap: 45px 16px !important;
}

.element__gap-45-17 {
  gap: 45px 17px !important;
}

.element__gap-45-18 {
  gap: 45px 18px !important;
}

.element__gap-45-19 {
  gap: 45px 19px !important;
}

.element__gap-45-20 {
  gap: 45px 20px !important;
}

.element__gap-45-21 {
  gap: 45px 21px !important;
}

.element__gap-45-22 {
  gap: 45px 22px !important;
}

.element__gap-45-23 {
  gap: 45px 23px !important;
}

.element__gap-45-24 {
  gap: 45px 24px !important;
}

.element__gap-45-25 {
  gap: 45px 25px !important;
}

.element__gap-45-26 {
  gap: 45px 26px !important;
}

.element__gap-45-27 {
  gap: 45px 27px !important;
}

.element__gap-45-28 {
  gap: 45px 28px !important;
}

.element__gap-45-29 {
  gap: 45px 29px !important;
}

.element__gap-45-30 {
  gap: 45px 30px !important;
}

.element__gap-45-31 {
  gap: 45px 31px !important;
}

.element__gap-45-32 {
  gap: 45px 32px !important;
}

.element__gap-45-33 {
  gap: 45px 33px !important;
}

.element__gap-45-34 {
  gap: 45px 34px !important;
}

.element__gap-45-35 {
  gap: 45px 35px !important;
}

.element__gap-45-36 {
  gap: 45px 36px !important;
}

.element__gap-45-37 {
  gap: 45px 37px !important;
}

.element__gap-45-38 {
  gap: 45px 38px !important;
}

.element__gap-45-39 {
  gap: 45px 39px !important;
}

.element__gap-45-40 {
  gap: 45px 40px !important;
}

.element__gap-45-41 {
  gap: 45px 41px !important;
}

.element__gap-45-42 {
  gap: 45px 42px !important;
}

.element__gap-45-43 {
  gap: 45px 43px !important;
}

.element__gap-45-44 {
  gap: 45px 44px !important;
}

.element__gap-45-45 {
  gap: 45px 45px !important;
}

.element__gap-45-46 {
  gap: 45px 46px !important;
}

.element__gap-45-47 {
  gap: 45px 47px !important;
}

.element__gap-45-48 {
  gap: 45px 48px !important;
}

.element__gap-x-45 {
  -moz-column-gap: 45px !important;
       column-gap: 45px !important;
}

.element__gap-y-45 {
  row-gap: 45px !important;
}

.element__gap-46 {
  gap: 46px !important;
}

.element__gap-46-0 {
  gap: 46px 0px !important;
}

.element__gap-46-1 {
  gap: 46px 1px !important;
}

.element__gap-46-2 {
  gap: 46px 2px !important;
}

.element__gap-46-3 {
  gap: 46px 3px !important;
}

.element__gap-46-4 {
  gap: 46px 4px !important;
}

.element__gap-46-5 {
  gap: 46px 5px !important;
}

.element__gap-46-6 {
  gap: 46px 6px !important;
}

.element__gap-46-7 {
  gap: 46px 7px !important;
}

.element__gap-46-8 {
  gap: 46px 8px !important;
}

.element__gap-46-9 {
  gap: 46px 9px !important;
}

.element__gap-46-10 {
  gap: 46px 10px !important;
}

.element__gap-46-11 {
  gap: 46px 11px !important;
}

.element__gap-46-12 {
  gap: 46px 12px !important;
}

.element__gap-46-13 {
  gap: 46px 13px !important;
}

.element__gap-46-14 {
  gap: 46px 14px !important;
}

.element__gap-46-15 {
  gap: 46px 15px !important;
}

.element__gap-46-16 {
  gap: 46px 16px !important;
}

.element__gap-46-17 {
  gap: 46px 17px !important;
}

.element__gap-46-18 {
  gap: 46px 18px !important;
}

.element__gap-46-19 {
  gap: 46px 19px !important;
}

.element__gap-46-20 {
  gap: 46px 20px !important;
}

.element__gap-46-21 {
  gap: 46px 21px !important;
}

.element__gap-46-22 {
  gap: 46px 22px !important;
}

.element__gap-46-23 {
  gap: 46px 23px !important;
}

.element__gap-46-24 {
  gap: 46px 24px !important;
}

.element__gap-46-25 {
  gap: 46px 25px !important;
}

.element__gap-46-26 {
  gap: 46px 26px !important;
}

.element__gap-46-27 {
  gap: 46px 27px !important;
}

.element__gap-46-28 {
  gap: 46px 28px !important;
}

.element__gap-46-29 {
  gap: 46px 29px !important;
}

.element__gap-46-30 {
  gap: 46px 30px !important;
}

.element__gap-46-31 {
  gap: 46px 31px !important;
}

.element__gap-46-32 {
  gap: 46px 32px !important;
}

.element__gap-46-33 {
  gap: 46px 33px !important;
}

.element__gap-46-34 {
  gap: 46px 34px !important;
}

.element__gap-46-35 {
  gap: 46px 35px !important;
}

.element__gap-46-36 {
  gap: 46px 36px !important;
}

.element__gap-46-37 {
  gap: 46px 37px !important;
}

.element__gap-46-38 {
  gap: 46px 38px !important;
}

.element__gap-46-39 {
  gap: 46px 39px !important;
}

.element__gap-46-40 {
  gap: 46px 40px !important;
}

.element__gap-46-41 {
  gap: 46px 41px !important;
}

.element__gap-46-42 {
  gap: 46px 42px !important;
}

.element__gap-46-43 {
  gap: 46px 43px !important;
}

.element__gap-46-44 {
  gap: 46px 44px !important;
}

.element__gap-46-45 {
  gap: 46px 45px !important;
}

.element__gap-46-46 {
  gap: 46px 46px !important;
}

.element__gap-46-47 {
  gap: 46px 47px !important;
}

.element__gap-46-48 {
  gap: 46px 48px !important;
}

.element__gap-x-46 {
  -moz-column-gap: 46px !important;
       column-gap: 46px !important;
}

.element__gap-y-46 {
  row-gap: 46px !important;
}

.element__gap-47 {
  gap: 47px !important;
}

.element__gap-47-0 {
  gap: 47px 0px !important;
}

.element__gap-47-1 {
  gap: 47px 1px !important;
}

.element__gap-47-2 {
  gap: 47px 2px !important;
}

.element__gap-47-3 {
  gap: 47px 3px !important;
}

.element__gap-47-4 {
  gap: 47px 4px !important;
}

.element__gap-47-5 {
  gap: 47px 5px !important;
}

.element__gap-47-6 {
  gap: 47px 6px !important;
}

.element__gap-47-7 {
  gap: 47px 7px !important;
}

.element__gap-47-8 {
  gap: 47px 8px !important;
}

.element__gap-47-9 {
  gap: 47px 9px !important;
}

.element__gap-47-10 {
  gap: 47px 10px !important;
}

.element__gap-47-11 {
  gap: 47px 11px !important;
}

.element__gap-47-12 {
  gap: 47px 12px !important;
}

.element__gap-47-13 {
  gap: 47px 13px !important;
}

.element__gap-47-14 {
  gap: 47px 14px !important;
}

.element__gap-47-15 {
  gap: 47px 15px !important;
}

.element__gap-47-16 {
  gap: 47px 16px !important;
}

.element__gap-47-17 {
  gap: 47px 17px !important;
}

.element__gap-47-18 {
  gap: 47px 18px !important;
}

.element__gap-47-19 {
  gap: 47px 19px !important;
}

.element__gap-47-20 {
  gap: 47px 20px !important;
}

.element__gap-47-21 {
  gap: 47px 21px !important;
}

.element__gap-47-22 {
  gap: 47px 22px !important;
}

.element__gap-47-23 {
  gap: 47px 23px !important;
}

.element__gap-47-24 {
  gap: 47px 24px !important;
}

.element__gap-47-25 {
  gap: 47px 25px !important;
}

.element__gap-47-26 {
  gap: 47px 26px !important;
}

.element__gap-47-27 {
  gap: 47px 27px !important;
}

.element__gap-47-28 {
  gap: 47px 28px !important;
}

.element__gap-47-29 {
  gap: 47px 29px !important;
}

.element__gap-47-30 {
  gap: 47px 30px !important;
}

.element__gap-47-31 {
  gap: 47px 31px !important;
}

.element__gap-47-32 {
  gap: 47px 32px !important;
}

.element__gap-47-33 {
  gap: 47px 33px !important;
}

.element__gap-47-34 {
  gap: 47px 34px !important;
}

.element__gap-47-35 {
  gap: 47px 35px !important;
}

.element__gap-47-36 {
  gap: 47px 36px !important;
}

.element__gap-47-37 {
  gap: 47px 37px !important;
}

.element__gap-47-38 {
  gap: 47px 38px !important;
}

.element__gap-47-39 {
  gap: 47px 39px !important;
}

.element__gap-47-40 {
  gap: 47px 40px !important;
}

.element__gap-47-41 {
  gap: 47px 41px !important;
}

.element__gap-47-42 {
  gap: 47px 42px !important;
}

.element__gap-47-43 {
  gap: 47px 43px !important;
}

.element__gap-47-44 {
  gap: 47px 44px !important;
}

.element__gap-47-45 {
  gap: 47px 45px !important;
}

.element__gap-47-46 {
  gap: 47px 46px !important;
}

.element__gap-47-47 {
  gap: 47px 47px !important;
}

.element__gap-47-48 {
  gap: 47px 48px !important;
}

.element__gap-x-47 {
  -moz-column-gap: 47px !important;
       column-gap: 47px !important;
}

.element__gap-y-47 {
  row-gap: 47px !important;
}

.element__gap-48 {
  gap: 48px !important;
}

.element__gap-48-0 {
  gap: 48px 0px !important;
}

.element__gap-48-1 {
  gap: 48px 1px !important;
}

.element__gap-48-2 {
  gap: 48px 2px !important;
}

.element__gap-48-3 {
  gap: 48px 3px !important;
}

.element__gap-48-4 {
  gap: 48px 4px !important;
}

.element__gap-48-5 {
  gap: 48px 5px !important;
}

.element__gap-48-6 {
  gap: 48px 6px !important;
}

.element__gap-48-7 {
  gap: 48px 7px !important;
}

.element__gap-48-8 {
  gap: 48px 8px !important;
}

.element__gap-48-9 {
  gap: 48px 9px !important;
}

.element__gap-48-10 {
  gap: 48px 10px !important;
}

.element__gap-48-11 {
  gap: 48px 11px !important;
}

.element__gap-48-12 {
  gap: 48px 12px !important;
}

.element__gap-48-13 {
  gap: 48px 13px !important;
}

.element__gap-48-14 {
  gap: 48px 14px !important;
}

.element__gap-48-15 {
  gap: 48px 15px !important;
}

.element__gap-48-16 {
  gap: 48px 16px !important;
}

.element__gap-48-17 {
  gap: 48px 17px !important;
}

.element__gap-48-18 {
  gap: 48px 18px !important;
}

.element__gap-48-19 {
  gap: 48px 19px !important;
}

.element__gap-48-20 {
  gap: 48px 20px !important;
}

.element__gap-48-21 {
  gap: 48px 21px !important;
}

.element__gap-48-22 {
  gap: 48px 22px !important;
}

.element__gap-48-23 {
  gap: 48px 23px !important;
}

.element__gap-48-24 {
  gap: 48px 24px !important;
}

.element__gap-48-25 {
  gap: 48px 25px !important;
}

.element__gap-48-26 {
  gap: 48px 26px !important;
}

.element__gap-48-27 {
  gap: 48px 27px !important;
}

.element__gap-48-28 {
  gap: 48px 28px !important;
}

.element__gap-48-29 {
  gap: 48px 29px !important;
}

.element__gap-48-30 {
  gap: 48px 30px !important;
}

.element__gap-48-31 {
  gap: 48px 31px !important;
}

.element__gap-48-32 {
  gap: 48px 32px !important;
}

.element__gap-48-33 {
  gap: 48px 33px !important;
}

.element__gap-48-34 {
  gap: 48px 34px !important;
}

.element__gap-48-35 {
  gap: 48px 35px !important;
}

.element__gap-48-36 {
  gap: 48px 36px !important;
}

.element__gap-48-37 {
  gap: 48px 37px !important;
}

.element__gap-48-38 {
  gap: 48px 38px !important;
}

.element__gap-48-39 {
  gap: 48px 39px !important;
}

.element__gap-48-40 {
  gap: 48px 40px !important;
}

.element__gap-48-41 {
  gap: 48px 41px !important;
}

.element__gap-48-42 {
  gap: 48px 42px !important;
}

.element__gap-48-43 {
  gap: 48px 43px !important;
}

.element__gap-48-44 {
  gap: 48px 44px !important;
}

.element__gap-48-45 {
  gap: 48px 45px !important;
}

.element__gap-48-46 {
  gap: 48px 46px !important;
}

.element__gap-48-47 {
  gap: 48px 47px !important;
}

.element__gap-48-48 {
  gap: 48px 48px !important;
}

.element__gap-x-48 {
  -moz-column-gap: 48px !important;
       column-gap: 48px !important;
}

.element__gap-y-48 {
  row-gap: 48px !important;
}

/*==========================================================================
  utility / index
  --------------------------------------------------------------------------
  - ユーティリティー設定をまとめる
========================================================================== */
/*==========================================================================
  style
  --------------------------------------------------------------------------
  - スタイル
========================================================================== */
/*================================================
  - 上書き
 ================================================*/
html,
body {
  min-width: 320px;
}

@media (min-width: 1200px) {
  main {
    position: relative;
    padding: 32px 32px 128px;
  }
  main:has(> section:first-child) {
    padding: 0;
  }
  main:has(> .title.-registration:first-child) {
    padding-top: 32px;
  }
  main:has(> .chart__wrapper) {
    display: flex;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  main {
    position: relative;
    padding: 32px 16px 64px;
  }
  main:has(> section:first-child) {
    padding: 0;
  }
  main:has(> .title.-registration:first-child) {
    padding-top: 24px;
  }
  main:has(> .title:first-child) {
    padding-top: 24px;
  }
  main:has(> .chart__wrapper) {
    display: flex;
    padding: 0;
  }
}
@media (max-width: 767px) {
  main {
    position: relative;
    padding: 32px 16px 64px;
  }
  main:has(> section:first-child) {
    padding: 0;
  }
  main:has(> .title.-registration:first-child) {
    padding-top: 24px;
  }
  main:has(> .title:first-child) {
    padding-top: 24px;
  }
  main:has(> .chart__wrapper) {
    display: flex;
    padding: 0;
  }
}

@media (min-width: 1200px) {
  section {
    padding: 128px 32px;
  }
  section.-reversible {
    padding-top: 64px;
    background-color: #F2F2F2;
  }
  section#eyecatch {
    padding: 0;
    background-color: #F2F2F2;
    overflow: hidden;
  }
  section#product {
    padding-left: 0;
    padding-right: 0;
  }
  section#product .section-title {
    padding: 0 32px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  section {
    padding: 64px 16px;
  }
  section.-reversible {
    padding-top: 64px;
    background-color: #F2F2F2;
  }
  section#eyecatch {
    padding: 0;
    background-color: #F2F2F2;
    overflow: hidden;
  }
  section#product {
    padding-left: 0;
    padding-right: 0;
  }
  section#product .section-title {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  section {
    padding: 64px 16px;
  }
  section.-reversible {
    padding-top: 64px;
    background-color: #F2F2F2;
  }
  section#eyecatch {
    padding: 0;
    background-color: #F2F2F2;
    overflow: hidden;
  }
  section#product {
    padding-left: 0;
    padding-right: 0;
  }
  section#product .section-title {
    padding: 0 16px;
  }
}