@charset "UTF-8";
/*******************************************************************
    Normalize
*******************************************************************/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*******************************************************************
    Base
*******************************************************************/
:root {
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  background: #FFF;
  color: #333;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック Medium", "Yu Gothic Medium", Meiryo, "MS Pゴシック", "Helvetica Neue", Arial, Verdana, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body[data-overflow-x="hidden"] {
  overflow-x: hidden;
}

body.ie {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", Meiryo, "MS Pゴシック", "Helvetica Neue", Arial, Verdana, sans-serif;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

main {
  position: relative;
  min-height: 65vh;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
figure {
  margin: 0;
  padding: 0;
}

dd,
blockquote {
  margin: 0;
}

iframe {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

table {
  border-collapse: collapse;
}

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

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
}

a img {
  pointer-events: none;
}

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

h1 {
  font-size: 2.4rem;
  line-height: 1.3;
}

h2 {
  font-size: 2.2rem;
  line-height: 1.3;
}

h3,
h4,
h5,
h6 {
  font-size: 2rem;
  line-height: 1.3;
}

@media only screen and (min-width: 768px) {
  h1,
  h2 {
    font-size: 3.2rem;
  }
  h3 {
    font-size: 2.8rem;
  }
  h4 {
    font-size: 2.4rem;
  }
  h5 {
    font-size: 2.2rem;
  }
  h6 {
    font-size: 2rem;
  }
}

li {
  line-height: 1.5;
}

dfn {
  font-style: normal;
}

sup {
  color: #333;
}

mark {
  font-weight: 700;
}

em {
  color: #006699;
  font-style: normal;
  font-weight: 700;
  background-image: linear-gradient(to top, #E5EFF5 50%, transparent 50%);
}

b {
  font-weight: 700;
}

strong {
  color: #BE0000;
  font-weight: 700;
}

a {
  color: #006699;
  position: relative;
  text-decoration: none;
  font-weight: 400;
}

sup a {
  color: inherit;
  text-decoration: none;
}

a:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

button {
  padding: 0;
  border: 0;
  background: none;
  line-height: 1.5;
}

button:not([disabled]) {
  cursor: pointer;
}

input,
select {
  font-size: 1.6rem;
  padding: 1px;
}

input {
  max-width: 100%;
  -webkit-appearance: none;
  white-space: normal;
}

input::placeholder {
  color: #333;
}

input[type="text"], input[type="search"] {
  border-radius: 0;
}

input[type="file"] {
  width: 100%;
}

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

fieldset {
  border: 0;
  margin: 0;
}

/* ----------------------------------------------------------------
    レイアウト
----------------------------------------------------------------- */
.mod-layout, .mod-txt-btn, .mod-txt-icon, .mod-txt-conclusion, .mod-link-card-02, .mod-link-card-03, .mod-link-card-04, .mod-link-card-05, .mod-link-card, .mod-link-faq, .mod-button-02, .mod-button-ghost, .mod-button-icon, .mod-list-anchor, .mod-list-desc, .mod-list-history, .mod-list-info, .mod-tbl, .mod-box-02, .mod-box, .mod-card, .mod-cv-area, .mod-panel-cv, .mod-panel-faq, .mod-panel-notice, .mod-panel, .mod-media-lyt-card, .mod-media-lyt, .mod-media-panel, .mod-media, .mod-answer, .mod-widget-tab, .mod-widget-toggle, .mod-widget-toggleAlert, .unq-app, .unq-card-form, .unq-card, .unq-list-card, .unq-logo-list, .unq-panel-campaign-02, .unq-panel-campaign {
  margin-bottom: 30px;
}

.mod-layout:last-child, .mod-txt-btn:last-child, .mod-txt-icon:last-child, .mod-txt-conclusion:last-child, .mod-link-card-02:last-child, .mod-link-card-03:last-child, .mod-link-card-04:last-child, .mod-link-card-05:last-child, .mod-link-card:last-child, .mod-link-faq:last-child, .mod-button-02:last-child, .mod-button-ghost:last-child, .mod-button-icon:last-child, .mod-list-anchor:last-child, .mod-list-desc:last-child, .mod-list-history:last-child, .mod-list-info:last-child, .mod-tbl:last-child, .mod-box-02:last-child, .mod-box:last-child, .mod-card:last-child, .mod-cv-area:last-child, .mod-panel-cv:last-child, .mod-panel-faq:last-child, .mod-panel-notice:last-child, .mod-panel:last-child, .mod-media-lyt-card:last-child, .mod-media-lyt:last-child, .mod-media-panel:last-child, .mod-media:last-child, .mod-answer:last-child, .mod-widget-tab:last-child, .mod-widget-toggle:last-child, .mod-widget-toggleAlert:last-child, .unq-app:last-child, .unq-card-form:last-child, .unq-card:last-child, .unq-list-card:last-child, .unq-logo-list:last-child, .unq-panel-campaign-02:last-child, .unq-panel-campaign:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-layout, .mod-txt-btn, .mod-txt-icon, .mod-txt-conclusion, .mod-link-card-02, .mod-link-card-03, .mod-link-card-04, .mod-link-card-05, .mod-link-card, .mod-link-faq, .mod-button-02, .mod-button-ghost, .mod-button-icon, .mod-list-anchor, .mod-list-desc, .mod-list-history, .mod-list-info, .mod-tbl, .mod-box-02, .mod-box, .mod-card, .mod-cv-area, .mod-panel-cv, .mod-panel-faq, .mod-panel-notice, .mod-panel, .mod-media-lyt-card, .mod-media-lyt, .mod-media-panel, .mod-media, .mod-answer, .mod-widget-tab, .mod-widget-toggle, .mod-widget-toggleAlert, .unq-app, .unq-card-form, .unq-card, .unq-list-card, .unq-logo-list, .unq-panel-campaign-02, .unq-panel-campaign {
    margin-bottom: 40px;
  }
}

.mod-box-02 .mod-txt, .mod-box .mod-txt,
.mod-box-02 .mod-txt-note,
.mod-box .mod-txt-note,
.mod-box-02 .mod-button-02,
.mod-box .mod-button-02,
.mod-box-02 .mod-button-cv,
.mod-box .mod-button-cv,
.mod-box-02 .mod-list,
.mod-box .mod-list,
.mod-box-02 .mod-list-nb,
.mod-box .mod-list-nb,
.mod-box-02 .mod-list-note,
.mod-box .mod-list-note,
.mod-box-02 .mod-list-link,
.mod-box .mod-list-link,
.mod-box-02 .mod-list-icon,
.mod-box .mod-list-icon,
.mod-box-02 .mod-media,
.mod-box .mod-media,
.mod-box-02 .mod-layout,
.mod-box .mod-layout {
  margin-bottom: 20px;
}

.mod-box-02 .mod-txt:last-child, .mod-box .mod-txt:last-child,
.mod-box-02 .mod-txt-note:last-child,
.mod-box .mod-txt-note:last-child,
.mod-box-02 .mod-button-02:last-child,
.mod-box .mod-button-02:last-child,
.mod-box-02 .mod-button-cv:last-child,
.mod-box .mod-button-cv:last-child,
.mod-box-02 .mod-list:last-child,
.mod-box .mod-list:last-child,
.mod-box-02 .mod-list-nb:last-child,
.mod-box .mod-list-nb:last-child,
.mod-box-02 .mod-list-note:last-child,
.mod-box .mod-list-note:last-child,
.mod-box-02 .mod-list-link:last-child,
.mod-box .mod-list-link:last-child,
.mod-box-02 .mod-list-icon:last-child,
.mod-box .mod-list-icon:last-child,
.mod-box-02 .mod-media:last-child,
.mod-box .mod-media:last-child,
.mod-box-02 .mod-layout:last-child,
.mod-box .mod-layout:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-box-02 .mod-txt, .mod-box .mod-txt,
  .mod-box-02 .mod-txt-note,
  .mod-box .mod-txt-note,
  .mod-box-02 .mod-button-02,
  .mod-box .mod-button-02,
  .mod-box-02 .mod-button-cv,
  .mod-box .mod-button-cv,
  .mod-box-02 .mod-list,
  .mod-box .mod-list,
  .mod-box-02 .mod-list-nb,
  .mod-box .mod-list-nb,
  .mod-box-02 .mod-list-note,
  .mod-box .mod-list-note,
  .mod-box-02 .mod-list-link,
  .mod-box .mod-list-link,
  .mod-box-02 .mod-list-icon,
  .mod-box .mod-list-icon,
  .mod-box-02 .mod-media,
  .mod-box .mod-media,
  .mod-box-02 .mod-layout,
  .mod-box .mod-layout {
    margin-bottom: 30px;
  }
}

.mod-box-02 .mod-txt + .mod-txt, .mod-box .mod-txt + .mod-txt {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-box-02 .mod-txt + .mod-txt, .mod-box .mod-txt + .mod-txt {
    margin-top: -10px;
  }
}

.mod-tbl .mod-txt, .mod-widget-tab .mod-txt,
.mod-tbl .mod-txt-note,
.mod-widget-tab .mod-txt-note,
.mod-tbl .mod-button-02,
.mod-widget-tab .mod-button-02,
.mod-tbl .mod-button-cv,
.mod-widget-tab .mod-button-cv,
.mod-tbl .mod-list,
.mod-widget-tab .mod-list,
.mod-tbl .mod-list-nb,
.mod-widget-tab .mod-list-nb,
.mod-tbl .mod-list-note,
.mod-widget-tab .mod-list-note,
.mod-tbl .mod-list-icon,
.mod-widget-tab .mod-list-icon,
.mod-tbl .mod-media,
.mod-widget-tab .mod-media,
.mod-tbl .mod-layout,
.mod-widget-tab .mod-layout {
  margin-bottom: 20px;
}

.mod-tbl .mod-txt:last-child, .mod-widget-tab .mod-txt:last-child,
.mod-tbl .mod-txt-note:last-child,
.mod-widget-tab .mod-txt-note:last-child,
.mod-tbl .mod-button-02:last-child,
.mod-widget-tab .mod-button-02:last-child,
.mod-tbl .mod-button-cv:last-child,
.mod-widget-tab .mod-button-cv:last-child,
.mod-tbl .mod-list:last-child,
.mod-widget-tab .mod-list:last-child,
.mod-tbl .mod-list-nb:last-child,
.mod-widget-tab .mod-list-nb:last-child,
.mod-tbl .mod-list-note:last-child,
.mod-widget-tab .mod-list-note:last-child,
.mod-tbl .mod-list-icon:last-child,
.mod-widget-tab .mod-list-icon:last-child,
.mod-tbl .mod-media:last-child,
.mod-widget-tab .mod-media:last-child,
.mod-tbl .mod-layout:last-child,
.mod-widget-tab .mod-layout:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-tbl .mod-txt, .mod-widget-tab .mod-txt,
  .mod-tbl .mod-txt-note,
  .mod-widget-tab .mod-txt-note,
  .mod-tbl .mod-button-02,
  .mod-widget-tab .mod-button-02,
  .mod-tbl .mod-button-cv,
  .mod-widget-tab .mod-button-cv,
  .mod-tbl .mod-list,
  .mod-widget-tab .mod-list,
  .mod-tbl .mod-list-nb,
  .mod-widget-tab .mod-list-nb,
  .mod-tbl .mod-list-note,
  .mod-widget-tab .mod-list-note,
  .mod-tbl .mod-list-icon,
  .mod-widget-tab .mod-list-icon,
  .mod-tbl .mod-media,
  .mod-widget-tab .mod-media,
  .mod-tbl .mod-layout,
  .mod-widget-tab .mod-layout {
    margin-bottom: 20px;
  }
}

.mod-tbl .mod-txt + .mod-txt, .mod-widget-tab .mod-txt + .mod-txt {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-tbl .mod-txt + .mod-txt, .mod-widget-tab .mod-txt + .mod-txt {
    margin-top: 0;
  }
}

.mod-tbl .mod-list-link, .mod-widget-tab .mod-list-link {
  margin-bottom: 20px;
}

.mod-tbl .mod-list-link:last-child, .mod-widget-tab .mod-list-link:last-child {
  margin-bottom: 0;
}

.mod-tbl .mod-list-link [class$="__list"] > li, .mod-widget-tab .mod-list-link [class$="__list"] > li {
  margin-bottom: 10px;
}

.mod-tbl .mod-list-link [class$="__list"] > li:last-child, .mod-widget-tab .mod-list-link [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-tbl .mod-list-link li:last-child, .mod-widget-tab .mod-list-link li:last-child {
  margin-bottom: 0;
}

.mod-tbl .mod-list-link li [class$="__list"], .mod-widget-tab .mod-list-link li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 10px;
}

.mod-tbl .mod-list-link li [class$="__list"] li, .mod-widget-tab .mod-list-link li [class$="__list"] li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-tbl .mod-list-link, .mod-widget-tab .mod-list-link {
    margin-bottom: 20px;
  }
  .mod-tbl .mod-list-link [class$="__list"] > li, .mod-widget-tab .mod-list-link [class$="__list"] > li {
    margin-bottom: 10px;
  }
}

/* ----------------------------------------------------------------
    見出し
----------------------------------------------------------------- */
.mod-hdg-spe__title, .mod-hdg-spe-02__title, .mod-hdg-01__title, .mod-hdg-02__title, .mod-hdg-03__title, .mod-hdg-04__title, .mod-hdg-05__title, .mod-box__title, .mod-box__subtitle, .mod-panel-article__title, .mod-panel-faq__title, .mod-hdg-faq__title, .unq-panel-point__title {
  line-height: 1.3;
  font-weight: 700;
}

/* ----------------------------------------------------------------
    ボタン
----------------------------------------------------------------- */
.mod-button-02__item, .mod-button-ghost__item, .mod-button-icon__item, .mod-button__item {
  position: relative;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mod-button-02__item[type="submit"], .mod-button-ghost__item[type="submit"], .mod-button-icon__item[type="submit"], .mod-button__item[type="submit"], .mod-button-02__item[type="button"], .mod-button-ghost__item[type="button"], .mod-button-icon__item[type="button"], .mod-button__item[type="button"] {
  border: 0;
}

.mod-button-02__item, .mod-button__item {
  font-size: 1.8rem;
}

@media only screen and (min-width: 360px) {
  .mod-button-02__item, .mod-button__item {
    min-width: 290px;
  }
  .mod-panel-cv .mod-button-02__item, .mod-panel-cv .mod-button__item {
    min-width: 265px;
  }
}

.mod-box .mod-button-02__item, .mod-box .mod-button__item {
  min-width: auto;
}

@media only screen and (min-width: 768px) {
  .mod-button-02__item, .mod-button__item {
    min-width: 310px;
  }
  .mod-panel-cv .mod-button-02__item, .mod-panel-cv .mod-button__item {
    min-width: 310px;
  }
}

/* ----------------------------------------------------------------
  リンクのテキスト
----------------------------------------------------------------- */
.mod-link-anchor__txt, .mod-link-arrow-02__txt, .mod-link-arrow__txt, .mod-link__txt, .mod-media > a .mod-media__caption {
  display: inline-block;
  word-break: break-all;
  word-wrap: break-word;
}

/* ----------------------------------------------------------------
  リンクパネル
----------------------------------------------------------------- */
.mod-link-card-02__item, .mod-link-card-03__item, .mod-link-card-04__item, .mod-link-card__item, .mod-link-faq__item {
  display: block;
  background: #FFF;
  border: solid 1px #E5E5E5;
  color: #333;
  font-weight: 700;
}

.mod-link-card-02__item, .mod-link-card-03__txt, .mod-link-card__item, .mod-link-faq__item {
  position: relative;
}

.mod-link-card-02__item::after, .mod-link-card-03__txt::after, .mod-link-card__item::after, .mod-link-faq__item::after {
  display: block;
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  right: 20px;
  top: calc(50% - 6px);
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.mod-link-card-02__item, .mod-link-card__item, .mod-link-faq__item {
  transition: border-color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-link-card-02__item:hover, .mod-link-card__item:hover, .mod-link-faq__item:hover, .mod-link-card-02__item:focus, .mod-link-card__item:focus, .mod-link-faq__item:focus {
  border-color: #0099B3;
  background: #F6F9FC;
}

/*******************************************************************
    Layout
*******************************************************************/
/* ----------------------------------------------------------------
  .l-content-area
----------------------------------------------------------------- */
.l-content-area > .l-content-area__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 60px;
  transition: padding ease .2s;
}

@media only screen and (max-width: 1239px) {
  .l-content-area > .l-content-area__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .l-content-area > .l-content-area__inner {
    padding-top: 60px;
    padding-bottom: 100px;
  }
}

.l-content-area--small > .l-content-area__inner {
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 1039px) {
  .l-content-area--small > .l-content-area__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-content-area--top-small > .l-content-area__inner {
  padding-top: 30px;
}

@media only screen and (min-width: 768px) {
  .l-content-area--top-small > .l-content-area__inner {
    padding-top: 40px;
  }
}

.l-content-area--top-big > .l-content-area__inner {
  padding-top: 60px;
}

@media only screen and (min-width: 768px) {
  .l-content-area--top-big > .l-content-area__inner {
    padding-top: 100px;
  }
}

.mod-hdg + .l-content-area__inner {
  padding-top: 0;
}

/* ----------------------------------------------------------------
  .l-header
----------------------------------------------------------------- */
.l-header {
  position: relative;
  z-index: 1;
  /**** Small screen ****/
  /**** Medium screen ****/
  /**** Wide screen ****/
}

.l-header__top {
  background: #FFF;
  position: relative;
  z-index: 1;
}

.l-header__top .l-header__nav-btn {
  position: relative;
  width: 20px;
  height: 16px;
  border-top: solid 2px #006699;
  outline-offset: 2px;
  transition: border-color ease-out 0.3s, width ease 0.2s;
}

.l-header__top .l-header__nav-btn::before, .l-header__top .l-header__nav-btn::after {
  display: block;
  content: '';
  position: absolute;
  background: #006699;
  width: 20px;
  height: 2px;
  top: 5px;
  left: 0;
  transition: background-color ease-out 0.3s, transform ease-out 0.3s, width ease 0.2s;
}

.l-header__top .l-header__nav-btn::after {
  top: 12px;
}

.l-header__top .l-header__nav-btn:hover, .l-header__top .l-header__nav-btn:focus {
  border-color: #333;
}

.l-header__top .l-header__nav-btn:hover::before, .l-header__top .l-header__nav-btn:hover::after, .l-header__top .l-header__nav-btn:focus::before, .l-header__top .l-header__nav-btn:focus::after {
  background: #333;
}

.l-header__top .l-header__nav-btn[aria-expanded="true"] {
  transition: none;
  border: none;
}

.l-header__top .l-header__nav-btn[aria-expanded="true"]::before, .l-header__top .l-header__nav-btn[aria-expanded="true"]::after {
  top: calc(50% - 2px);
}

.l-header__top .l-header__nav-btn[aria-expanded="true"]::before {
  transform: rotate(45deg);
}

.l-header__top .l-header__nav-btn[aria-expanded="true"]::after {
  transform: rotate(-45deg);
}

.l-header__top-inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .l-header__top-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-header__logo {
  padding: 10px 0;
  width: 60%;
  max-width: 420px;
  min-width: 220px;
}

.l-header__logo > a {
  display: block;
  transition: opacity ease-out 0.3s;
}

.l-header__logo > a:hover, .l-header__logo > a:focus {
  opacity: .7;
}

.l-header__utility {
  transition: padding ease .2s;
}

.l-header__buttons {
  text-align: right;
}

.l-header__buttons .l-header__btn {
  display: inline-block;
  margin-bottom: 10px;
}

.l-header__buttons .l-header__btn:not(:last-child) {
  margin-right: 10px;
}

@media only screen and (max-width: 1019px) {
  .l-header__top {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .l-header__top-inner {
    padding: 0;
  }
  .l-header__logo-area-inner, .l-header__utility {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .l-header__logo-area {
    padding: 18px 0;
    border-bottom: solid 2px #E5E5E5;
  }
  .l-header__logo-area-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .l-header__utility {
    padding-top: 10px;
  }
  .l-header__utility .l-header__group {
    display: none;
  }
  .l-header__buttons {
    display: flex;
    justify-content: flex-end;
  }
  .l-header__buttons .l-header__btn.mod-button-icon--store {
    margin-bottom: 10px;
  }
  .l-header__buttons .mod-button-icon__item {
    padding: 8px 10px;
  }
  .l-header__buttons .mod-button-icon__item::before {
    display: none;
  }
}

@media only screen and (min-width: 500px) and (max-width: 1019px) {
  .l-header__top .l-header__nav-btn {
    width: 30px;
    height: 26px;
    border-width: 3px;
    outline-offset: 4px;
  }
  .l-header__top .l-header__nav-btn::before, .l-header__top .l-header__nav-btn::after {
    width: 30px;
    height: 3px;
    top: 7px;
    left: 0;
  }
  .l-header__top .l-header__nav-btn::after {
    top: 17px;
  }
  .l-header__top .l-header__nav-btn[aria-expanded="true"]::before, .l-header__top .l-header__nav-btn[aria-expanded="true"]::after {
    top: calc(50% - 3px);
  }
}

@media only screen and (min-width: 1020px) {
  .l-header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .l-header__top {
    padding: 15px 0 5px 0;
    border-bottom: solid 2px #E5E5E5;
  }
  .l-header__top .l-header__nav-btn {
    display: none !important;
  }
  .l-header__top-inner {
    display: flex;
    justify-content: space-between;
  }
  .l-header__logo-area {
    flex: 1 1 100%;
    margin-right: 20px;
  }
  .l-header__logo {
    width: auto;
  }
  .l-header__utility {
    flex-shrink: 0;
  }
  .l-header__utility .l-header__group {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .l-header__utility .l-header__group .l-header__group-link {
    flex-shrink: 0;
    margin-right: 20px;
  }
  .l-header__utility .l-header__group .l-header__group-logo {
    width: 100%;
    max-width: 225px;
  }
  .l-header__utility .l-header__group .l-header__group-logo > a {
    display: block;
    transition: opacity ease-out 0.3s;
  }
  .l-header__utility .l-header__group .l-header__group-logo > a:hover, .l-header__utility .l-header__group .l-header__group-logo > a:focus {
    opacity: .7;
  }
}

/* ----------------------------------------------------------------
  .l-header-simple
----------------------------------------------------------------- */
.l-header-simple {
  position: relative;
  z-index: 1;
}

.l-header-simple__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .l-header-simple__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-header-simple__logo {
  padding: 20px 0;
  width: 60%;
  max-width: 420px;
  min-width: 220px;
}

.l-header-simple__logo > a {
  display: block;
  transition: opacity ease-out 0.3s;
}

.l-header-simple__logo > a:hover, .l-header-simple__logo > a:focus {
  opacity: .7;
}

.l-header-simple__group-logo {
  display: none;
  max-width: 240px;
}

.l-header-simple__group-logo > a {
  display: block;
  transition: opacity ease-out 0.3s;
}

.l-header-simple__group-logo > a:hover, .l-header-simple__group-logo > a:focus {
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .l-header-simple__group-logo {
    display: inline-block;
  }
  .l-header-simple__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

/* ----------------------------------------------------------------
  .l-global-navi
----------------------------------------------------------------- */
.l-global-navi {
  /**** Small screen ****/
  /**** Wide screen ****/
}

.l-global-navi__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .l-global-navi__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-global-navi__inner .l-global-navi__list > li > a {
  display: block;
  text-align: center;
  color: #333;
  font-size: 1.8rem;
  font-weight: 700;
  transition: color ease-out 0.3s;
}

.l-global-navi__inner .l-global-navi__list > li > a:hover, .l-global-navi__inner .l-global-navi__list > li > a:focus {
  color: #006699;
}

@media only screen and (max-width: 1019px) {
  .js-on .l-global-navi {
    visibility: hidden;
    opacity: 0;
    transform-origin: top;
    transform: translateY(-0.5rem);
  }
  .js-on .l-global-navi:not(.is-animate) {
    height: 0;
  }
  .js-on .l-global-navi.is-open {
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: translateY(0);
  }
  .l-global-navi.is-animate {
    transition: visibility ease .25s, opacity ease .25s, transform ease .25s;
  }
  .l-global-navi__inner {
    padding: 0;
  }
  .l-global-navi__inner .l-global-navi__list > li {
    border-bottom: solid 1px #E5E5E5;
  }
  .l-global-navi__inner .l-global-navi__list > li > a {
    padding: 15px 30px;
    transition: color ease-out 0.3s, background-color ease-out 0.3s;
  }
  .l-global-navi__inner .l-global-navi__list > li > a:hover, .l-global-navi__inner .l-global-navi__list > li > a:focus {
    background: #E5EFF5;
  }
  .l-global-navi__inner .l-global-navi__list > li > a._current {
    border-left: solid 3px #006699;
  }
  .l-global-navi__inner .l-global-navi__list > li > a[aria-current="true"] {
    border-left: solid 3px #006699;
  }
  .l-global-navi__inner .l-global-navi__list > li > a::after {
    display: block;
    content: '';
    position: absolute;
    right: 20px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
  }
}

@media only screen and (min-width: 1020px) {
  .l-global-navi .l-global-navi__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .l-global-navi .l-global-navi__list > li {
    display: inline-block;
    margin-right: 72px;
  }
  .l-global-navi .l-global-navi__list > li:last-child {
    margin-right: 0;
  }
  .l-global-navi .l-global-navi__list > li > a {
    position: relative;
    padding: 20px 2px 17px 2px;
  }
  .l-global-navi .l-global-navi__list > li > a:hover, .l-global-navi .l-global-navi__list > li > a:focus {
    background: transparent;
  }
  .l-global-navi .l-global-navi__list > li > a:hover::after, .l-global-navi .l-global-navi__list > li > a:focus::after {
    background: #006699;
  }
  .l-global-navi .l-global-navi__list > li > a::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -1px;
    background: transparent;
    transition: background-color ease-out 0.3s;
  }
  .l-global-navi .l-global-navi__list > li > a[aria-current="true"]::after {
    background: #006699;
  }
}

/* ----------------------------------------------------------------
  .l-breadscrum
----------------------------------------------------------------- */
.l-breadscrum {
  background: #E5EFF5;
}

.l-breadscrum__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 1239px) {
  .l-breadscrum__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-breadscrum__inner .l-breadscrum__list {
  font-size: 1.2rem;
}

.l-breadscrum__inner .l-breadscrum__list > li {
  display: inline-block;
}

.l-breadscrum__inner .l-breadscrum__list > li::after {
  display: inline-block;
  content: '';
  width: 13px;
  height: 13px;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0 10px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2020%2020%22%3e%3cpath%20d%3d%22M6%202l8%208%2d8%208%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.l-breadscrum__inner .l-breadscrum__list > li > a {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.l-breadscrum__inner .l-breadscrum__list > li > a:hover, .l-breadscrum__inner .l-breadscrum__list > li > a:focus {
  text-decoration-color: transparent;
}

.ie .l-breadscrum__inner .l-breadscrum__list > li > a:hover, .ie .l-breadscrum__inner .l-breadscrum__list > li > a:focus {
  text-decoration: none;
}

.l-breadscrum__inner .l-breadscrum__list > li:last-child {
  font-weight: 700;
}

.l-breadscrum__inner .l-breadscrum__list > li:last-child::after {
  display: none;
}

@media only screen and (max-width: 1019px) {
  .l-breadscrum {
    display: none;
  }
}

/* ----------------------------------------------------------------
  .l-footer
----------------------------------------------------------------- */
.l-footer {
  /**** Small screen ****/
  /**** Wide screen ****/
}

.l-footer__top {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  position: relative;
}

@media only screen and (max-width: 1239px) {
  .l-footer__top {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-footer__top .l-footer__top-btn {
  position: absolute;
  right: 10px;
  top: 0;
  height: 40px;
  padding: 10px 20px;
  border: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #006699;
  color: #FFF;
  font-weight: 700;
  transition: background-color ease-out 0.3s;
}

.l-footer__top .l-footer__top-btn:hover, .l-footer__top .l-footer__top-btn:focus {
  background-color: #333;
}

.l-footer__nav {
  background: #F5F5F5;
}

.l-footer__nav .l-footer__nav-inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .l-footer__nav .l-footer__nav-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.l-footer__nav .l-footer__nav-inner .l-footer__nav-list > li > a {
  color: #333;
  font-size: 1.4rem;
}

.l-footer__copyright {
  padding: 16px;
  background: #006699;
  color: #FFF;
  font-family: "Arial", "Helvetica Neue", Verdana, sans-serif;
  font-size: 1.2rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .l-footer .l-footer__nav-inner {
    padding: 0;
  }
  .l-footer .l-footer__nav-inner .l-footer__nav-list > li:not(:last-child) {
    border-bottom: solid 1px #E5E5E5;
  }
  .l-footer .l-footer__nav-inner .l-footer__nav-list > li > a {
    position: relative;
    display: block;
    padding: 17px 44px 17px 33px;
    transition: background-color ease-out 0.3s;
  }
  .l-footer .l-footer__nav-inner .l-footer__nav-list > li > a:hover, .l-footer .l-footer__nav-inner .l-footer__nav-list > li > a:focus {
    background: #FFF;
  }
  .l-footer .l-footer__nav-inner .l-footer__nav-list > li > a::after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 24px;
    top: calc(50% - 5px);
    width: 10px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%23333%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
  }
  .l-footer__copyright {
    padding: 16px;
    background: #006699;
    color: #FFF;
    font-family: "Arial", "Helvetica Neue", Verdana, sans-serif;
    font-size: 1.2rem;
    text-align: center;
  }
  .l-footer__copyright > span {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .l-footer__nav {
    background: #F5F5F5;
  }
  .l-footer__nav .l-footer__nav-list {
    padding: 30px 0;
    text-align: center;
  }
  .l-footer__nav .l-footer__nav-list > li {
    display: inline-block;
    margin-right: 40px;
  }
  .l-footer__nav .l-footer__nav-list > li:last-child {
    margin-right: 0;
  }
  .l-footer__nav .l-footer__nav-list > li > a {
    text-underline-position: under;
    transition: text-decoration ease-out 0.3s;
    text-decoration: underline;
    text-decoration-color: transparent;
    color: #333;
    padding: 4px;
  }
  .l-footer__nav .l-footer__nav-list > li > a:hover, .l-footer__nav .l-footer__nav-list > li > a:focus {
    text-decoration-color: inherit;
  }
  .ie .l-footer__nav .l-footer__nav-list > li > a {
    text-decoration: none;
  }
  .ie .l-footer__nav .l-footer__nav-list > li > a:hover, .ie .l-footer__nav .l-footer__nav-list > li > a:focus {
    text-decoration: underline;
  }
}

@media only screen and (min-width: 1280px) {
  .l-footer__top .l-footer__top-btn {
    right: -24px;
  }
}

/*******************************************************************
    Modules
*******************************************************************/
/* ----------------------------------------------------------------
  .mod-layout
----------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .mod-layout[data-col-narrow] > .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-layout[data-col-narrow] > .mod-layout__inner > .mod-layout__content {
    flex-shrink: 0;
    margin: 20px 0 0 3.90625%;
  }
  .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 48.04688%;
    max-width: 48.04688%;
  }
  .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 30.72917%;
    max-width: 30.72917%;
  }
  .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-narrow='4'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 22.07031%;
    max-width: 22.07031%;
  }
  .mod-layout[data-col-narrow='4'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+4) {
    margin-top: 0;
  }
  .mod-layout[data-col-narrow='4'] > .mod-layout__inner > .mod-layout__content:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-narrow='5'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 16.875%;
    max-width: 16.875%;
  }
  .mod-layout[data-col-narrow='5'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+5) {
    margin-top: 0;
  }
  .mod-layout[data-col-narrow='5'] > .mod-layout__inner > .mod-layout__content:nth-of-type(5n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-narrow="auto"] > .mod-layout__inner {
    flex-basis: 103.90625%;
    margin: -20px 0 0 -3.90625%;
  }
  .mod-layout[data-col-narrow="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 96.09375%;
  }
}

@media only screen and (min-width: 768px) {
  .mod-layout[data-col-wide] .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-layout[data-col-wide] .mod-layout__content {
    flex-shrink: 0;
    margin: 20px 0 0 2.5%;
  }
  .mod-layout[data-col-wide='1'] .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-layout[data-col-wide='1'] .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-layout[data-col-wide='1'] .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-wide='2'] .mod-layout__content {
    flex-basis: 48.75%;
    max-width: 48.75%;
  }
  .mod-layout[data-col-wide='2'] .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-layout[data-col-wide='2'] .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-wide='3'] .mod-layout__content {
    flex-basis: 31.66667%;
    max-width: 31.66667%;
  }
  .mod-layout[data-col-wide='3'] .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-layout[data-col-wide='3'] .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-wide='4'] .mod-layout__content {
    flex-basis: 23.125%;
    max-width: 23.125%;
  }
  .mod-layout[data-col-wide='4'] .mod-layout__content:nth-child(-n+4) {
    margin-top: 0;
  }
  .mod-layout[data-col-wide='4'] .mod-layout__content:nth-of-type(4n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-wide='5'] .mod-layout__content {
    flex-basis: 18%;
    max-width: 18%;
  }
  .mod-layout[data-col-wide='5'] .mod-layout__content:nth-child(-n+5) {
    margin-top: 0;
  }
  .mod-layout[data-col-wide='5'] .mod-layout__content:nth-of-type(5n+1) {
    margin-left: 0;
  }
  .mod-layout[data-col-wide="auto"] > .mod-layout__inner {
    flex-basis: 102.5%;
    margin: -20px 0 0 -2.5%;
  }
  .mod-layout[data-col-wide="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 97.5%;
  }
}

.mod-layout--center .mod-layout__inner {
  justify-content: center;
}

.mod-layout--align-center .mod-layout__inner {
  align-items: center;
}

.mod-layout--narrow {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

/* ----------------------------------------------------------------
  Grid内に入ったモジュールの高さ揃え
----------------------------------------------------------------- */
:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child {
  height: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child .mod-card__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child .mod-card__inner .mod-card__top,
:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child .mod-card__inner .mod-card__bottom {
  max-width: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child .mod-card__inner .mod-card__bottom {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

:not([data-col-wide="1"]) .mod-layout__content .mod-card:first-child:last-child .mod-card__inner .mod-card__bottom > * {
  max-width: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card:first-child:last-child,
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-02:first-child:last-child,
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-03:first-child:last-child,
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-04:first-child:last-child,
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-05:first-child:last-child,
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-faq:first-child:last-child {
  height: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-02:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-03:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-04:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-05:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-faq:first-child:last-child > [class$="__item"] {
  height: 100%;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card:first-child:last-child > [class$="__item"],
:not([data-col-wide="1"]) .mod-layout__content > .mod-link-faq:first-child:last-child > [class$="__item"] {
  display: flex;
  width: 100%;
  align-items: center;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-03:first-child:last-child > .mod-link-card-03__item {
  display: flex;
  flex-direction: column;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-03:first-child:last-child > .mod-link-card-03__item .mod-link-card-03__img {
  flex-grow: 0;
  flex-shrink: 0;
}

:not([data-col-wide="1"]) .mod-layout__content > .mod-link-card-03:first-child:last-child > .mod-link-card-03__item .mod-link-card-03__txt {
  flex: 1 1 auto;
  align-items: flex-start;
  max-width: 100%;
}

/* ----------------------------------------------------------------
  .mod-layout
----------------------------------------------------------------- */
.mod-txt-btn {
  text-align: center;
}

.mod-txt-btn__txt {
  margin-bottom: 20px;
}

/* ----------------------------------------------------------------
  .mod-txt-icon
----------------------------------------------------------------- */
.mod-txt-icon {
  display: flex;
  align-items: center;
  color: #333;
}

.mod-txt-icon__icon {
  flex-shrink: 0;
  display: inline-block;
  max-width: 80px;
  margin-right: 17px;
}

.mod-txt-icon--02 {
  flex-direction: column;
}

.mod-txt-icon--02 > :first-child {
  margin-bottom: 30px;
}

.mod-txt-icon--02 > :last-child {
  margin-bottom: 40px;
}

.mod-txt-icon--02 .mod-txt-icon__txt {
  font-size: 1.6rem;
}

.mod-txt-icon--02 .mod-txt-icon__icon {
  text-align: center;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 0;
}

.mod-txt-icon--02 .mod-txt-icon__icon > img {
  width: auto;
}

@media only screen and (min-width: 768px) {
  .mod-txt-icon--02 .mod-txt-icon__txt {
    font-size: 1.8rem;
  }
  .mod-txt-icon--02 > :last-child {
    margin-bottom: 0;
  }
}

a.mod-txt-icon img {
  transition: opacity ease-out 0.3s;
}

a.mod-txt-icon:hover img, a.mod-txt-icon:focus img {
  opacity: .7;
}

/* ----------------------------------------------------------------
  .mod-txt-conclusion
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .mod-txt-label
----------------------------------------------------------------- */
.mod-txt-label {
  display: inline-block;
  padding: 4px 10px;
  background: #E5EFF5;
  font-weight: 700;
  color: #333;
}

.mod-txt-label--platinum {
  background: #333;
  color: #FFF;
}

.mod-txt-label--gold {
  background: #ECE3BF;
}

.mod-txt-label--classic {
  background: #E5E5E5;
}

/* ----------------------------------------------------------------
  .mod-txt-note (注釈)
----------------------------------------------------------------- */
.mod-txt-note {
  display: flex;
  font-size: 1.2rem;
}

.mod-txt-note__symbol {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-txt-note {
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------------
  .mod-txt (段落)
----------------------------------------------------------------- */
.mod-txt {
  margin-bottom: 30px;
}

.mod-txt:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-txt {
    margin-bottom: 40px;
  }
}

.mod-txt + .mod-txt {
  margin-top: -10px;
}

@media only screen and (min-width: 768px) {
  .mod-txt + .mod-txt {
    margin-top: -20px;
  }
}

/* ----------------------------------------------------------------
  .mod-icon-blank
----------------------------------------------------------------- */
.mod-icon-blank {
  display: inline-block;
  margin: 0 5px;
  height: 14px;
  vertical-align: baseline;
}

/* ----------------------------------------------------------------
  .mod-icon-pdf
----------------------------------------------------------------- */
.mod-icon-pdf {
  position: relative;
  display: inline-block;
  top: -2px;
  height: 24px;
  margin: 0 7px 0 5px;
  vertical-align: middle;
}

/* ----------------------------------------------------------------
  .mod-icon-x
----------------------------------------------------------------- */
.mod-icon-x {
  position: relative;
  display: inline-block;
  min-height: 20px;
  padding-left: 20px;
}

.mod-icon-x__txt {
  vertical-align: middle;
  padding-left: 14px;
}

.mod-icon-x::before, .mod-icon-x::after {
  display: block;
  content: '';
  position: absolute;
  background: #333;
  height: 20px;
  width: 2px;
  top: calc(50% - 9px);
  left: 10px;
}

.mod-icon-x::before {
  transform: rotate(45deg);
}

.mod-icon-x::after {
  transform: rotate(-45deg);
}

.mod-icon-x--right {
  padding: 0 20px 0 0;
}

.mod-icon-x--right .mod-icon-x__txt {
  padding: 0 14px 0 0;
}

.mod-icon-x--right::before, .mod-icon-x--right::after {
  left: auto;
  right: 10px;
}

/* ----------------------------------------------------------------
  .mod-icon-o
----------------------------------------------------------------- */
.mod-icon-o {
  position: relative;
  display: inline-block;
  min-height: 20px;
  padding-left: 20px;
}

.mod-icon-o__txt {
  vertical-align: middle;
  padding-left: 14px;
}

.mod-icon-o::before {
  display: block;
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  border: solid 2px #333;
  border-radius: 50%;
  top: calc(50% - 9px);
  left: 0;
}

.mod-icon-o--right {
  padding: 0 20px 0 0;
}

.mod-icon-o--right .mod-icon-o__txt {
  padding: 0 14px 0 0;
}

.mod-icon-o--right::before {
  left: auto;
  right: 0;
}

/* ----------------------------------------------------------------
  .mod-link-anchor
----------------------------------------------------------------- */
.mod-link-anchor {
  position: relative;
  display: inline-block;
  color: #333;
  font-weight: 700;
}

.mod-link-anchor .mod-link-anchor__txt {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-link-anchor .mod-link-anchor__txt {
  text-decoration-color: transparent;
}

.mod-link-anchor:hover .mod-link-anchor__txt, .mod-link-anchor:focus .mod-link-anchor__txt {
  text-decoration-color: inherit;
}

.ie .mod-link-anchor .mod-link-anchor__txt {
  text-decoration: none;
}

.ie .mod-link-anchor:hover .mod-link-anchor__txt, .ie .mod-link-anchor:focus .mod-link-anchor__txt {
  text-decoration: underline;
}

.mod-link-anchor__txt {
  margin-left: calc(1.5em + 10px);
}

.mod-link-anchor::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - .7em);
  width: 1.4em;
  height: 1.4em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2020%2020%22%3e%3cpath%20d%3d%22M18%206%2e65l%2d8%208%2d8%2d8%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-link-anchor__txt {
    margin-left: calc(1.5em + 14px);
  }
}

/* ----------------------------------------------------------------
  .mod-link-arrow-02
----------------------------------------------------------------- */
.mod-link-arrow-02 {
  position: relative;
  display: inline-block;
  color: #006699;
}

.mod-link-arrow-02 .mod-link-arrow-02__txt {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-link-arrow-02 .mod-link-arrow-02__txt {
  text-decoration-color: transparent;
}

.mod-link-arrow-02:hover .mod-link-arrow-02__txt, .mod-link-arrow-02:focus .mod-link-arrow-02__txt {
  text-decoration-color: inherit;
}

.ie .mod-link-arrow-02 .mod-link-arrow-02__txt {
  text-decoration: none;
}

.ie .mod-link-arrow-02:hover .mod-link-arrow-02__txt, .ie .mod-link-arrow-02:focus .mod-link-arrow-02__txt {
  text-decoration: underline;
}

.mod-link-arrow-02:hover::before, .mod-link-arrow-02:focus::before {
  opacity: 1;
}

.mod-link-arrow-02:hover::after, .mod-link-arrow-02:focus::after {
  opacity: 0;
}

.mod-link-arrow-02__txt {
  margin-left: calc(1.5em + 5px);
}

.mod-link-arrow-02::after, .mod-link-arrow-02::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: opacity ease-out 0.3s;
}

.ie .mod-link-arrow-02::after, .ie .mod-link-arrow-02::before {
  top: -.1em;
}

.mod-link-arrow-02::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2022%2022%22%3e%3ccircle%20cx%3d%2210%2e72%22%20cy%3d%2210%2e64%22%20r%3d%229%2e75%22%20fill%3d%22%23069%22%20stroke%3d%22%23069%22%2f%3e%3cpath%20fill%3d%22none%22%20stroke%3d%22%23fff%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%20d%3d%22M9%2e36%208%2e14l2%2e72%202%2e72%2d2%2e72%202%2e72%22%2f%3e%3c%2fsvg%3e");
  opacity: 0;
}

.mod-link-arrow-02::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2022%2022%22%3e%3ccircle%20cx%3d%2210%2e72%22%20cy%3d%2210%2e64%22%20r%3d%229%2e75%22%20fill%3d%22%23fff%22%2f%3e%3ccircle%20cx%3d%2210%2e66%22%20cy%3d%2210%2e64%22%20r%3d%229%2e5%22%20fill%3d%22none%22%20stroke%3d%22%23069%22%2f%3e%3cpath%20d%3d%22M9%2e36%208%2e14l2%2e72%202%2e72%2d2%2e72%202%2e72%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%20fill%3d%22none%22%20stroke%3d%22%23069%22%2f%3e%3c%2fsvg%3e");
  opacity: 1;
}

.mod-link-arrow-02--slider::before {
  opacity: 1;
}

.mod-link-arrow-02--slider::after {
  opacity: 0;
}

.mod-link-arrow-02--slider:hover::before, .mod-link-arrow-02--slider:focus::before {
  opacity: 0;
}

.mod-link-arrow-02--slider:hover::after, .mod-link-arrow-02--slider:focus::after {
  opacity: 1;
}

/* ----------------------------------------------------------------
  .mod-link-arrow
----------------------------------------------------------------- */
.mod-link-arrow {
  position: relative;
  display: inline-block;
  color: #006699;
}

.mod-link-arrow .mod-link-arrow__txt {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-link-arrow .mod-link-arrow__txt {
  text-decoration-color: transparent;
}

.mod-link-arrow:hover .mod-link-arrow__txt, .mod-link-arrow:focus .mod-link-arrow__txt {
  text-decoration-color: inherit;
}

.ie .mod-link-arrow .mod-link-arrow__txt {
  text-decoration: none;
}

.ie .mod-link-arrow:hover .mod-link-arrow__txt, .ie .mod-link-arrow:focus .mod-link-arrow__txt {
  text-decoration: underline;
}

.mod-link-arrow__txt {
  margin-left: calc(.85em + 3px);
}

.mod-link-arrow::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: .35em;
  width: .85em;
  height: .85em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.ie .mod-link-arrow::before {
  top: .25em;
}

.mod-link-arrow--02 {
  color: #333;
}

/* ----------------------------------------------------------------
  .mod-link-card-02
----------------------------------------------------------------- */
.mod-link-card-02__item {
  display: flex;
  align-items: center;
  padding: 12px 40px 12px 12px;
  border-radius: 8px;
}

.mod-link-card-02__img {
  display: inline-block;
  flex-shrink: 0;
  min-width: 70px;
  max-width: 25%;
  margin-right: 10px;
  vertical-align: middle;
}

.mod-link-card-02__img img {
  display: block;
  width: auto;
}

.mod-link-card-02__txt {
  display: inline-block;
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  .mod-link-card-02__item {
    flex-direction: column;
    padding: 24px 50px 24px 32px;
  }
  .mod-link-card-02__txt {
    display: block;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
  .mod-link-card-02__img {
    min-width: 80px;
    display: block;
    margin: 0 auto 16px auto;
  }
}

/* ----------------------------------------------------------------
  .mod-link-card-03
----------------------------------------------------------------- */
.mod-link-card-03 {
  line-height: 1.3;
}

.mod-link-card-03__item {
  font-size: 1.6rem;
}

.mod-link-card-03__item:hover .mod-link-card-03__txt, .mod-link-card-03__item:focus .mod-link-card-03__txt {
  color: #006699;
  background: #F6F9FC;
}

.mod-link-card-03__txt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 20px 32px 20px 14px;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-link-card-03__txt::after {
  right: 14px;
}

.mod-link-card-03__img img {
  display: block;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .mod-link-card-03__item {
    font-size: 1.8rem;
  }
  .mod-link-card-03__txt {
    padding: 20px 50px 20px 20px;
  }
  .mod-link-card-03__txt::after {
    right: 20px;
  }
}

/* ----------------------------------------------------------------
  .mod-link-card-04
----------------------------------------------------------------- */
.mod-link-card-04 {
  border-top: solid 2px #006699;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mod-link-card-04__item {
  position: relative;
  padding: 40px 60px 40px 50px;
  border-top: 0;
  text-align: center;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-link-card-04__item:hover, .mod-link-card-04__item:focus {
  color: #006699;
  background: #F6F9FC;
}

.mod-link-card-04__item::after {
  display: block;
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  right: 20px;
  top: calc(50% - 6px);
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2020%2020%22%3e%3cpath%20d%3d%22M6%202l8%208%2d8%208%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.mod-link-card-04__txt, .mod-link-card-04__img {
  margin-bottom: 30px;
}

.mod-link-card-04__txt:last-child, .mod-link-card-04__img:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
  .mod-link-card-05
----------------------------------------------------------------- */
.mod-link-card-05__item {
  display: flex;
  padding: 20px 10px;
  color: #333;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-link-card-05__item .mod-link-card-05__details {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-link-card-05__item .mod-link-card-05__details {
  text-decoration-color: transparent;
}

.mod-link-card-05__item:hover .mod-link-card-05__details, .mod-link-card-05__item:focus .mod-link-card-05__details {
  text-decoration-color: inherit;
}

.ie .mod-link-card-05__item .mod-link-card-05__details {
  text-decoration: none;
}

.ie .mod-link-card-05__item:hover .mod-link-card-05__details, .ie .mod-link-card-05__item:focus .mod-link-card-05__details {
  text-decoration: underline;
}

.mod-link-card-05__item:hover, .mod-link-card-05__item:focus {
  color: #006699;
  background: #FFF;
}

.mod-link-card-05__img {
  max-width: 31.059%;
  min-width: 130px;
  flex-shrink: 0;
}

.mod-link-card-05__content {
  flex: 1;
  text-align: right;
}

.mod-link-card-05__title {
  margin: 0 0 15px 15px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.mod-link-card-05__details {
  position: relative;
  display: inline-block;
  color: #006699;
  text-align: right;
}

.mod-link-card-05__details::before {
  display: inline-block;
  content: '';
  margin-right: 2px;
  width: .85em;
  height: .85em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-link-card-05__title {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
}

/* ----------------------------------------------------------------
  .mod-link-card
----------------------------------------------------------------- */
.mod-link-card__item {
  padding: 24px 40px 24px 30px;
  border-radius: 8px;
}

.mod-link-card__txt {
  display: block;
}

@media only screen and (min-width: 768px) {
  .mod-link-card__item {
    padding: 30px 50px 30px 30px;
  }
}

/* ----------------------------------------------------------------
  .mod-link-faq
----------------------------------------------------------------- */
.mod-link-faq__item {
  padding: 20px 45px 20px 10px;
  border-radius: 8px;
}

.mod-link-faq__item::after {
  right: 20px;
}

.mod-link-faq__content {
  display: flex;
}

.mod-link-faq__txt {
  display: block;
  padding-top: 6px;
}

.mod-link-faq__icon {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
  height: 34px;
  min-width: 34px;
}

@media only screen and (min-width: 768px) {
  .mod-link-faq__item {
    padding: 30px 60px 30px 24px;
  }
  .mod-link-faq__item::after {
    right: 30px;
  }
  .mod-link-faq__icon {
    margin-right: 16px;
  }
}

/* ----------------------------------------------------------------
  .mod-link-scroll-top
----------------------------------------------------------------- */
.mod-link-scroll-top {
  margin-bottom: 40px;
  text-align: right;
}

.mod-link-scroll-top__link {
  display: inline-block;
  height: 40px;
  padding: 10px 20px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #006699;
  color: #FFF;
  font-weight: 700;
  transition: background-color ease-out 0.3s;
}

.mod-link-scroll-top__link:hover, .mod-link-scroll-top__link:focus {
  background-color: #333;
}

/* ----------------------------------------------------------------
  .mod-link
----------------------------------------------------------------- */
.mod-link {
  display: inline-block;
  color: #006699;
}

.mod-link .mod-link__txt {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-link:hover .mod-link__txt, .mod-link:focus .mod-link__txt {
  text-decoration-color: transparent;
}

.ie .mod-link:hover .mod-link__txt, .ie .mod-link:focus .mod-link__txt {
  text-decoration: none;
}

/* ----------------------------------------------------------------
  .mod-button-02
----------------------------------------------------------------- */
.mod-button-02 {
  text-align: left;
}

.mod-button-02__item {
  padding: 19px 45px 18px calc(45px + .65em);
  border: solid 1px #006699;
  background: #FFF;
  color: #333;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-button-02__item:hover, .mod-button-02__item:focus {
  background-color: #F6F9FC;
  color: #006699;
}

.mod-button-02__item::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 15px;
  top: calc(50% - .325em);
  height: .65em;
  width: .65em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M6%2e82%208%2e52L3%2e23%205l3%2e49%2d3%2e58%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-button-02__item {
    padding: 14px 45px 13px calc(45px + .65em);
  }
}

/* ----------------------------------------------------------------
.mod-button-ghost
----------------------------------------------------------------- */
.mod-button-ghost__item {
  border: solid 1px #FFF;
  padding: 20px calc(40px + .65em) 20px 40px;
  background: rgba(255, 255, 255, 0.15);
  color: #FFF;
  font-size: 1.8rem;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-button-ghost__item::after {
  display: inline-block;
  content: '';
  position: absolute;
  right: 15px;
  top: calc(50% - .325em);
  height: .65em;
  width: .65em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%23fff%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-ghost__item:hover, .mod-button-ghost__item:focus {
  background-color: #FFF;
  color: #333;
}

.mod-button-ghost__item:hover::after, .mod-button-ghost__item:focus::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%23333%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-button-ghost__item {
    padding: 19px calc(45px + .65em) 19px 45px;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
.mod-button-icon
----------------------------------------------------------------- */
.mod-button-icon__item {
  padding: 12px 20px 12px 50px;
  background: #006699;
  color: #FFF;
  font-size: 1.6rem;
  transition: background-color ease-out 0.3s;
  text-wrap: balance;
}

.mod-button-icon__item:hover, .mod-button-icon__item:focus {
  background-color: #333;
}

.mod-button-icon__item::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 18px;
  top: calc(50% - 12px);
  height: 20px;
  width: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.mod-button-icon--store .mod-button-icon__item::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23fff%22%3e%3cpath%20d%3d%22M75%2e65,6%2e44H%2e05v17%2e5A12%2e25,12%2e25,0,0,0,5%2e93,34%2e26v59%2e3H94%2e17V34%2e19A12%2e24,12%2e24,0,0,0,100,23%2e94V6%2e44Zm%2d24%2e3,3%2e61a1%2e16,1%2e16,0,0,1,1%2e2%2d1%2e11h19%2e2A1%2e16,1%2e16,0,0,1,73,10%2e05V23%2e94c0,5%2e52%2d4%2e84,10%2d10%2e8,10s%2d10%2e8%2d4%2e48%2d10%2e8%2d10V10%2e05Zm%2d24%2e3,0a1%2e16,1%2e16,0,0,1,1%2e2%2d1%2e11h19%2e2a1%2e16,1%2e16,0,0,1,1%2e2,1%2e11V23%2e94c0,5%2e52%2d4%2e84,10%2d10%2e8,10s%2d10%2e8%2d4%2e48%2d10%2e8%2d10V10%2e05ZM2%2e75,23%2e94V10%2e05A1%2e16,1%2e16,0,0,1,4,8%2e94h19%2e2a1%2e16,1%2e16,0,0,1,1%2e2,1%2e11V23%2e94c0,5%2e52%2d4%2e84,10%2d10%2e8,10a11%2e35,11%2e35,0,0,1%2d4%2e68%2d1A10%2e79,10%2e79,0,0,1,5%2e93,31,9%2e64,9%2e64,0,0,1,2%2e75,23%2e94Zm65,66%2e68H32%2e4V55%2e32H67%2e7Zm23%2e53,0H70%2e64V52%2e38H29%2e46V90%2e62H8%2e87v%2d55a14%2e41,14%2e41,0,0,0,4%2e68%2e79A13%2e6,13%2e6,0,0,0,25%2e7,29%2e36a13%2e6,13%2e6,0,0,0,12%2e15,7%2e08A13%2e6,13%2e6,0,0,0,50,29%2e36a14,14,0,0,0,24%2e3,0,13%2e6,13%2e6,0,0,0,12%2e15,7%2e08,14%2e49,14%2e49,0,0,0,4%2e78%2d%2e82Zm6%2d66%2e68a9%2e61,9%2e61,0,0,1%2d3%2e08,7,11,11,0,0,1%2d2%2e94,2,11%2e49,11%2e49,0,0,1%2d4%2e78,1c%2d6,0%2d10%2e8%2d4%2e48%2d10%2e8%2d10V10%2e05a1%2e16,1%2e16,0,0,1,1%2e2%2d1%2e11h19%2e2a1%2e16,1%2e16,0,0,1,1%2e2,1%2e11Z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-icon--login .mod-button-icon__item::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23fff%22%3e%3cpath%20d%3d%22M87%2e5%2032H77%2e05a2%2e51%202%2e51%200%2000%2e34%2d1%2e25v%2d6%2e42C77%2e15%2010%2e7%2064%2e65%2d%2e24%2049%2e52%200c%2d14%2e91%2e21%2d26%2e78%2010%2e9%2d27%2024%2e38v6%2e37a2%2e42%202%2e42%200%2000%2e33%201%2e25H12%2e5A12%2e44%2012%2e44%200%20000%2044%2e37v43%2e27A12%2e43%2012%2e43%200%200012%2e5%20100h75A12%2e43%2012%2e43%200%2000100%2087%2e64V44%2e37A12%2e44%2012%2e44%200%200087%2e5%2032zm%2d60%2d7%2e58C27%2e69%2013%2e7%2037%2e39%205%2e17%2049%2e59%205%2062%204%2e85%2072%2e2%2013%2e54%2072%2e39%2024%2e38v6%2e37a2%2e42%202%2e42%200%2000%2e35%201%2e25H27%2e15a2%2e42%202%2e42%200%2000%2e35%2d1%2e25zM95%2086%2e3a8%2e85%208%2e85%200%2001%2d9%208%2e7H14a8%2e85%208%2e85%200%2001%2d9%2d8%2e7V45%2e7a8%2e86%208%2e86%200%20019%2d8%2e7h72a8%2e86%208%2e86%200%20019%208%2e7z%22%2f%3e%3cpath%20d%3d%22M50%2078%2e5a2%2e57%202%2e57%200%2001%2d2%2e5%2d2%2e63V56%2e13a2%2e5%202%2e5%200%20115%200v19%2e74A2%2e57%202%2e57%200%200150%2078%2e5z%22%2f%3e%3c%2fsvg%3e");
}

.mod-button-icon--signup .mod-button-icon__item::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2028%2028%22%20fill%3d%22%23fff%22%3e%3cg%20transform%3d%22translate(540%2e466%20%2d1801%2e864)%22%3e%3cpath%20d%3d%22M20%2e644,26%2e305h0V9%2e009l2%2e9%2d4%2e135L20%2e556,2%2e785,19%2e124,4%2e831H2V26%2e305H20%2e644m0,2H2a2,2,0,0,1%2d2%2d2V4%2e83a2,2,0,0,1,2%2d2H18%2e083L19%2e491%2e819A1,1,0,0,1,20%2e884%2e573L25%2e506,3%2e81A1,1,0,0,1,25%2e751,5%2e2L22%2e644,9%2e64V26%2e305A2,2,0,0,1,20%2e644,28%2e305Z%22%20transform%3d%22translate(%2d540%2e466%201801%2e864)%22%2f%3e%3cpath%20d%3d%22M2,2V19%2e937H5%2e642V2H2M1,0H6%2e642a1,1,0,0,1,1,1V20%2e937a1,1,0,0,1%2d1,1H1a1,1,0,0,1%2d1%2d1V1A1,1,0,0,1,1,0Z%22%20transform%3d%22matrix(0%2e819,%200%2e574,%20%2d0%2e574,%200%2e819,%20%2d520%2e401,%201801%2e864)%22%2f%3e%3cpath%20d%3d%22M9%2e464,24%2e141l%2e377%2d5%2e122,4%2e3,3Z%22%20transform%3d%22translate(%2d541%2e414%201800%2e892)%22%2f%3e%3cpath%20d%3d%22M9%2e6,25%2e424A1%2e143,1%2e143,0,0,1,8%2e466,24%2e2l%2e378%2d5%2e121a1%2e141,1%2e141,0,0,1,1%2e792%2d%2e852l4%2e3,3a1%2e141,1%2e141,0,0,1%2d%2e183,1%2e975l%2d4%2e679,2%2e117a1%2e133,1%2e133,0,0,1%2d%2e47%2e1Zm1%2e369%2d4%2e178%2d%2e089,1%2e2,1%2e1%2d%2e5%2d1%2e012%2d%2e707Z%22%20transform%3d%22translate(%2d541%2e556%201800%2e75)%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
}

/* ----------------------------------------------------------------
  .mod-button
----------------------------------------------------------------- */
.mod-button {
  margin-bottom: 40px;
  text-align: center;
}

.mod-button:last-child {
  margin-bottom: 0;
}

.mod-button--left {
  text-align: left;
}

.mod-button--right {
  text-align: right;
}

.mod-button__item {
  padding: 19px calc(30px + .65em) 18px 30px;
  background: #006699;
  color: #FFF;
  transition: background-color ease-out 0.3s;
}

.mod-button__item:hover, .mod-button__item:focus {
  background-color: #333;
}

.mod-button__item::after {
  display: inline-block;
  content: '';
  position: absolute;
  right: 15px;
  top: calc(50% - .325em);
  height: .65em;
  width: .65em;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%23fff%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.mod-button--cv .mod-button__item {
  background-color: #DE1515;
}

.mod-button--cv .mod-button__item:hover, .mod-button--cv .mod-button__item:focus {
  background-color: #333;
}

@media only screen and (min-width: 768px) {
  .mod-button {
    margin-bottom: 60px;
  }
  .mod-button__item {
    padding: 14px calc(39px + .65em) 13px 40px;
  }
}

/* ----------------------------------------------------------------
  .mod-hdg-spe (ユニックh2 見出し)
----------------------------------------------------------------- */
.mod-hdg-spe {
  margin: 60px 0 40px 0;
}

.mod-hdg-spe > [class$="__title"] {
  font-size: 2.4rem;
}

.mod-hdg-spe:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-spe {
    margin: 60px 0 60px 0;
  }
  .mod-hdg-spe > [class$="__title"] {
    font-size: 3rem;
  }
}

.mod-hdg-spe__title {
  position: relative;
  padding-bottom: 15px;
  text-align: center;
}

.mod-hdg-spe__title::before, .mod-hdg-spe__title::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  width: 56px;
  height: 3px;
}

.mod-hdg-spe__title::before {
  background: #0099B3;
  left: calc(50% - 56px);
}

.mod-hdg-spe__title::after {
  background: #006699;
  left: calc(50% + 2px);
}

.mod-hdg-spe__subTxt {
  display: block;
  margin-bottom: 10px;
}

.mod-hdg-spe__subTxtInner {
  color: #BE0000;
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}

.mod-hdg-spe__subTxtInner::before, .mod-hdg-spe__subTxtInner::after {
  background-repeat: no-repeat;
  background-size: 24px 25px;
  bottom: 2px;
  content: "";
  height: 25px;
  position: absolute;
  width: 24px;
}

.mod-hdg-spe__subTxtInner::before {
  background-image: url("/lp/images/goldcard-hdg-icon-left.svg");
  left: 0;
}

.mod-hdg-spe__subTxtInner::after {
  background-image: url("/lp/images/goldcard-hdg-icon-right.svg");
  right: 0;
}

/* ----------------------------------------------------------------
    .mod-hdg-spe-02 (ユニックh3 見出し)
  ----------------------------------------------------------------- */
.mod-hdg-spe-02 {
  margin: 40px 0 35px 0;
}

.mod-hdg-spe-02 > [class$="__title"] {
  font-size: 2rem;
}

.mod-hdg-spe-02:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-spe-02 {
    margin: 60px 0 40px 0;
  }
  .mod-hdg-spe-02 > [class$="__title"] {
    font-size: 2.4rem;
  }
}

.mod-hdg-spe-02__title {
  position: relative;
  padding-bottom: 12px;
  text-align: center;
}

.mod-hdg-spe-02__title::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  width: 56px;
  height: 2px;
  left: calc(50% - 28px);
  background: #0099B3;
}

/* ----------------------------------------------------------------
  .mod-hdg-*
----------------------------------------------------------------- */
[class*="mod-hdg-"] + [class*="mod-hdg-"] {
  margin-top: 0;
}

[class*="mod-hdg-"] > [class$="__title"] > a:not([class]) {
  color: inherit;
}

/* ----------------------------------------------------------------
  .mod-hdg
----------------------------------------------------------------- */
.mod-hdg {
  margin-bottom: 40px;
  padding: 40px 0 40px 0;
  border-bottom: solid 2px #E5EFF5;
}

.mod-hdg > .mod-hdg__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .mod-hdg > .mod-hdg__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-hdg > .mod-hdg__inner > [class*="mod-hdg-"] {
  margin: 0 0 20px 0;
}

.mod-hdg > .mod-hdg__inner > [class*="mod-hdg-"]:last-child {
  margin-bottom: 0;
}

.mod-hdg > .mod-hdg__inner .mod-hdg__subtitle {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .mod-hdg {
    margin-bottom: 60px;
    padding: 60px 0;
  }
  .mod-hdg > .mod-hdg__inner .mod-hdg__subtitle {
    margin-bottom: 25px;
  }
}

/* ----------------------------------------------------------------
  .mod-hdg-01 (h1 見出し)
----------------------------------------------------------------- */
.mod-hdg-01 {
  margin: 40px 0;
}

.mod-hdg-01 > [class$="__title"] {
  font-size: 3rem;
}

.mod-hdg-01:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-01 {
    margin: 60px 0 40px 0;
  }
  .mod-hdg-01 > [class$="__title"] {
    font-size: 4rem;
  }
}

.mod-hdg-01__title {
  color: #006699;
  text-align: center;
}

/* ----------------------------------------------------------------
  .mod-hdg-02 (h2 見出し)
----------------------------------------------------------------- */
.mod-hdg-02 {
  margin: 50px 0 30px 0;
}

.mod-hdg-02 > [class$="__title"] {
  font-size: 2.2rem;
}

.mod-hdg-02:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-02 {
    margin: 80px 0 40px 0;
  }
  .mod-hdg-02 > [class$="__title"] {
    font-size: 2.8rem;
  }
}

.mod-hdg-02__title {
  position: relative;
  padding-left: 15px;
}

.mod-hdg-02__title::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #0099B3;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-02__title {
    padding-left: 20px;
  }
  .mod-hdg-02__title::before {
    top: 14px;
  }
}

/* ----------------------------------------------------------------
  .mod-hdg-03 (h3 見出し)
----------------------------------------------------------------- */
.mod-hdg-03 {
  margin: 40px 0 25px 0;
}

.mod-hdg-03 > [class$="__title"] {
  font-size: 2rem;
}

.mod-hdg-03:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-03 {
    margin: 60px 0 30px 0;
  }
  .mod-hdg-03 > [class$="__title"] {
    font-size: 2.4rem;
  }
}

.mod-hdg-03__title {
  position: relative;
  padding-left: 15px;
}

.mod-hdg-03__title::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 10px;
  height: 3px;
  background: #0099B3;
}

.mod-hdg-03--nb .mod-hdg-03__title {
  display: flex;
  padding-left: 0;
}

.mod-hdg-03--nb .mod-hdg-03__title::before {
  display: none;
}

.mod-hdg-03--nb .mod-hdg-03__title .mod-hdg-03__nb {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-03__title {
    padding-left: 20px;
  }
  .mod-hdg-03__title::before {
    top: 14px;
  }
  .mod-hdg-03--nb .mod-hdg-03__title {
    padding-left: 0;
  }
  .mod-hdg-03--nb .mod-hdg-03__title .mod-hdg-03__nb {
    margin-right: 20px;
  }
}

/* ----------------------------------------------------------------
  .mod-hdg-04 (h4 見出し)
----------------------------------------------------------------- */
.mod-hdg-04 {
  margin: 35px 0 20px 0;
}

.mod-hdg-04 > [class$="__title"] {
  font-size: 1.8rem;
}

.mod-hdg-04:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-04 {
    margin: 40px 0 25px 0;
  }
  .mod-hdg-04 > [class$="__title"] {
    font-size: 2.2rem;
  }
}

.mod-hdg-04__title {
  color: #006699;
}

/* ----------------------------------------------------------------
  .mod-hdg-05 (h5 見出し)
----------------------------------------------------------------- */
.mod-hdg-05 {
  margin: 30px 0 15px 0;
}

.mod-hdg-05 > [class$="__title"] {
  font-size: 1.6rem;
}

.mod-hdg-05:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-05 {
    margin: 40px 0 20px 0;
  }
  .mod-hdg-05 > [class$="__title"] {
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-list-anchor-02
----------------------------------------------------------------- */
.mod-list-anchor-02 {
  --col-count: 2;
}

.mod-list-anchor-02__list {
  display: grid;
  row-gap: 20px;
}

@media only screen and (min-width: 768px) {
  .mod-list-anchor-02__list {
    grid-template-columns: repeat(var(--col-count), 1fr);
    gap: 20px 70px;
  }
}

/* ----------------------------------------------------------------
  .mod-list-anchor
----------------------------------------------------------------- */
.mod-list-anchor__list > li {
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .mod-list-anchor__list > li {
    display: inline-block;
    max-width: 246px;
    margin-right: 70px;
    margin-bottom: 20px;
    vertical-align: middle;
  }
}

/* ----------------------------------------------------------------
  .mod-list-desc
----------------------------------------------------------------- */
.mod-list-desc__title {
  display: flex;
  margin: 10px 0;
  font-weight: 700;
  font-size: 1.4rem;
}

.mod-list-desc__title:first-child {
  margin-top: 0;
}

.mod-list-desc__number {
  display: inline-block;
  margin-right: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-list-desc__title {
    margin: 30px 0 20px 0;
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
  .mod-list-flow
----------------------------------------------------------------- */
.mod-list-flow {
  margin-bottom: 40px;
}

.mod-list-flow:last-child {
  margin-bottom: 0;
}

.mod-list-flow__list > li {
  text-align: center;
}

.mod-list-flow__list > li .mod-list-flow__icon {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .mod-list-flow__list > li {
    position: relative;
  }
  .mod-list-flow__list > li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 40px;
  }
  .mod-list-flow__list > li:not(:last-child)::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #0099B3 transparent transparent transparent;
  }
}

@media only screen and (min-width: 768px) {
  .mod-list-flow {
    margin-bottom: 80px;
  }
  .mod-list-flow__list {
    display: flex;
    margin: 0 -47px;
  }
  .mod-list-flow__list > li {
    margin: 0 47px;
    flex: 1 1 180px;
  }
  .mod-list-flow__list > li .mod-list-flow__txt {
    margin: 0 auto;
    max-width: 170px;
    font-size: 1.54rem;
  }
  .mod-list-flow__list > li .mod-list-flow__icon {
    max-width: 180px;
    margin: 0 auto 20px auto;
  }
  .mod-list-flow__list > li:not(:last-child) .mod-list-flow__icon {
    position: relative;
  }
  .mod-list-flow__list > li:not(:last-child) .mod-list-flow__icon::after {
    display: block;
    content: '';
    position: absolute;
    right: -57px;
    top: calc(50% - 10px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 20px;
    border-color: transparent transparent transparent #0099B3;
  }
}

/* ----------------------------------------------------------------
  .mod-list-history
----------------------------------------------------------------- */
.mod-list-history__list > li {
  padding: 10px 0;
}

.mod-list-history__list > li .mod-list-history__date {
  display: block;
  margin-bottom: 10px;
  margin-right: 0;
}

.mod-list-history__list > li .mod-list-history__txt {
  font-size: 1.6rem;
}

.mod-list-history__list > li .mod-list-history__details {
  display: block;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .mod-list-history__list > li {
    display: flex;
    align-items: center;
    padding: 15px 0;
  }
  .mod-list-history__list > li .mod-list-history__date {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 20px;
  }
  .mod-list-history__list > li .mod-list-history__txt {
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
  .mod-list-info
----------------------------------------------------------------- */
.mod-list-info__list > li {
  border-bottom: solid 1px #E5E5E5;
}

.mod-list-info__list > li:first-child {
  border-top: solid 1px #E5E5E5;
}

.mod-list-info__list > li > a {
  display: block;
  padding: 15px 10px;
  color: #333;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-list-info__list > li > a:hover, .mod-list-info__list > li > a:focus {
  color: #006699;
  background: #E5EFF5;
}

.mod-list-info__list > li > a .mod-list-info__date {
  display: block;
  margin-bottom: 10px;
}

.mod-list-info__list > li > a .mod-list-info__txt {
  position: relative;
  display: block;
  padding-right: 30px;
  font-size: 1.6rem;
}

.mod-list-info__list > li > a .mod-list-info__txt::after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-list-info__list > li > a {
    display: flex;
    align-items: center;
    padding: 18px 30px 18px 40px;
  }
  .mod-list-info__list > li > a .mod-list-info__date {
    flex-shrink: 0;
    margin: 0 48px 0 0;
  }
  .mod-list-info__list > li > a .mod-list-info__txt {
    flex: 1;
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
  .mod-list-link
----------------------------------------------------------------- */
.mod-list-link {
  margin-bottom: 30px;
  text-align: left;
}

.mod-list-link:last-child {
  margin-bottom: 0;
}

.mod-list-link [class$="__list"] > li {
  margin-bottom: 15px;
}

.mod-list-link [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-list-link li:last-child {
  margin-bottom: 0;
}

.mod-list-link li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 20px;
}

.mod-list-link li [class$="__list"] li {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .mod-list-link {
    margin-bottom: 40px;
  }
  .mod-list-link [class$="__list"] > li {
    margin-bottom: 20px;
  }
}

.mod-list-link__list > li ul,
.mod-list-link__list > li ol {
  padding-left: 20px;
}

/* ----------------------------------------------------------------
  .mod-list-nb
----------------------------------------------------------------- */
.mod-list-nb {
  margin-bottom: 30px;
}

.mod-list-nb:last-child {
  margin-bottom: 0;
}

.mod-list-nb [class$="__list"] > li {
  margin-bottom: 15px;
}

.mod-list-nb [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-list-nb li:last-child {
  margin-bottom: 0;
}

.mod-list-nb li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 15px;
}

.mod-list-nb li [class$="__list"] li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-list-nb {
    margin-bottom: 40px;
  }
  .mod-list-nb [class$="__list"] > li {
    margin-bottom: 15px;
  }
}

.mod-list-nb__list > li {
  display: flex;
  align-items: flex-start;
}

.mod-list-nb__list > li .mod-list-nb__number {
  margin-right: 10px;
  font-weight: 700;
  letter-spacing: -1px;
}

.mod-list-nb:not(.mod-list-nb--02):not(.mod-list-nb--03) > .mod-list-nb__list > li > .mod-list-nb__number {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 1.85em;
  min-height: 1.85em;
  padding: 1px 1px 0 0;
  line-height: 1;
  background: #0099B3;
  color: #FFF;
  border-radius: 50%;
  font-size: .85em;
}

.mod-list-nb--02 .mod-list-nb__list > li .mod-list-nb__number {
  color: #0099B3;
}

.mod-list-nb--03 .mod-list-nb__list > li .mod-list-nb__number {
  margin-right: 3px;
  color: #333;
}

.mod-list-nb--03 .mod-list-nb__list li ul,
.mod-list-nb--03 .mod-list-nb__list li ol {
  padding-left: 5px;
}

body.ie .mod-list-nb:not(.mod-list-nb--02):not(.mod-list-nb--03) > .mod-list-nb__list > li > .mod-list-nb__number {
  padding: .5em 1px 0 0;
}

/* ----------------------------------------------------------------
  .mod-list-note
----------------------------------------------------------------- */
.mod-list-note {
  margin-bottom: 30px;
}

.mod-list-note:last-child {
  margin-bottom: 0;
}

.mod-list-note [class$="__list"] > li {
  margin-bottom: 10px;
}

.mod-list-note [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-list-note li:last-child {
  margin-bottom: 0;
}

.mod-list-note li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 10px;
}

.mod-list-note li [class$="__list"] li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-list-note {
    margin-bottom: 40px;
  }
  .mod-list-note [class$="__list"] > li {
    margin-bottom: 10px;
  }
}

.mod-list-note__list {
  font-size: 1.2rem;
}

.mod-list-note__list > li {
  display: flex;
}

.mod-list-note__list > li .mod-list-note__symbol {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
}

.mod-list-note__list > li .mod-list-note__content {
  flex: 1 1 100%;
}

@media only screen and (min-width: 768px) {
  .mod-list-note__list {
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------------
  mod-list
----------------------------------------------------------------- */
.mod-list {
  margin-bottom: 30px;
}

.mod-list:last-child {
  margin-bottom: 0;
}

.mod-list [class$="__list"] > li {
  margin-bottom: 15px;
}

.mod-list [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-list li:last-child {
  margin-bottom: 0;
}

.mod-list li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 15px;
}

.mod-list li [class$="__list"] li {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .mod-list {
    margin-bottom: 40px;
  }
  .mod-list [class$="__list"] > li {
    margin-bottom: 15px;
  }
}

.mod-list__list > li {
  position: relative;
  padding-left: calc(10px + .5em);
}

.mod-list__list > li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: .5em;
  height: .5em;
  width: .5em;
  border-radius: 50%;
  background: #006699;
}

.mod-list--no-bullet .mod-list__list > li {
  padding-left: 0;
}

.mod-list--no-bullet .mod-list__list > li::before {
  display: none;
}

.mod-list--no-bullet .mod-list__list > li ul,
.mod-list--no-bullet .mod-list__list > li ol {
  padding-left: 20px;
}

.mod-list.row .mod-list__list {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .mod-list.row .mod-list__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mod-list.row .mod-list__list > li {
    margin-left: 15px;
  }
}

ul .mod-list__list li::before,
ol .mod-list__list li::before {
  background: #9D9D9D;
}

/* ----------------------------------------------------------------
  .mod-tbl
----------------------------------------------------------------- */
.mod-tbl > .mod-tbl__table {
  width: 100%;
  table-layout: fixed;
}

.mod-tbl > .mod-tbl__table th:not(.td) {
  padding: 20px 15px;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}

.mod-tbl > .mod-tbl__table td,
.mod-tbl > .mod-tbl__table .td {
  padding: 30px 15px;
}

.mod-tbl > .mod-tbl__table .td {
  font-weight: 400;
}

.mod-tbl > .mod-tbl__table > thead > tr > th {
  background: #0099B3;
  color: #FFF;
  border-right: solid 1px #FFF;
}

.mod-tbl > .mod-tbl__table > thead > tr > th:last-child {
  border-right: none;
}

.mod-tbl > .mod-tbl__table > tbody > tr > th:not(.td) {
  background: #F5F5F5;
}

.mod-tbl > .mod-tbl__table > tbody > tr > th,
.mod-tbl > .mod-tbl__table > tbody > tr > td {
  border: solid 1px #E5E5E5;
  border-left: none;
}

.mod-tbl > .mod-tbl__table > tbody > tr > th:last-child,
.mod-tbl > .mod-tbl__table > tbody > tr > td:last-child {
  border-right: none;
}

.mod-tbl > .mod-tbl__table > thead + tbody > tr > th,
.mod-tbl > .mod-tbl__table > thead + tbody > tr > td {
  border-top: none;
}

.mod-tbl--center > .mod-tbl__table {
  text-align: center;
}

.mod-tbl--align-top > .mod-tbl__table > tbody th,
.mod-tbl--align-top > .mod-tbl__table > tbody td {
  vertical-align: top;
}

.mod-tbl--align-top-th > .mod-tbl__table > tbody th:not(.td) {
  vertical-align: top;
}

.mod-tbl--align-top-td > .mod-tbl__table > tbody td,
.mod-tbl--align-top-td > .mod-tbl__table > tbody .td {
  vertical-align: top;
}

.mod-tbl--02 > .mod-tbl__table > thead > tr > th {
  background: #006699;
}

@media only screen and (min-width: 768px) {
  .mod-tbl > .mod-tbl__table th:not(.td) {
    font-size: 2rem;
  }
  .mod-tbl > .mod-tbl__table th:not(.td),
  .mod-tbl > .mod-tbl__table td,
  .mod-tbl > .mod-tbl__table .td {
    padding: 32px 25px;
  }
  .mod-tbl--02 > .mod-tbl__table > thead > tr > th {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .mod-tbl--sp-break > .mod-tbl__table {
    table-layout: auto;
  }
  .mod-tbl--sp-break > .mod-tbl__table th,
  .mod-tbl--sp-break > .mod-tbl__table td {
    display: block;
    width: 100% !important;
  }
  .mod-tbl--sp-break > .mod-tbl__table > tbody > tr > th,
  .mod-tbl--sp-break > .mod-tbl__table > tbody > tr > td {
    border-right: none;
    border-top: none;
  }
  .mod-tbl--sp-break > .mod-tbl__table > tbody > tr:first-child {
    border-top: solid 1px #E5E5E5;
  }
  .mod-tbl--scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
  }
  .mod-tbl--scroll > .mod-tbl__table {
    width: 900px;
  }
}

/* ----------------------------------------------------------------
  .mod-box-02
----------------------------------------------------------------- */
.mod-box-02 {
  background: #FFF;
}

.mod-box-02__title {
  position: relative;
  padding: 30px 30px 15px 30px;
  border-bottom: solid 1px #E5E5E5;
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}

.mod-box-02__title:not(:first-child) {
  border-top: solid 1px #E5E5E5;
}

.mod-box-02__title::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -1px;
  width: 56px;
  height: 2px;
  left: calc(50% - 28px);
  background: #0099B3;
}

.mod-box-02__content {
  border-top: solid 1px #E5E5E5;
  padding: 25px 20px 30px 20px;
}

.mod-box-02__content:first-child {
  border-top: none;
}

.mod-box-02__title + .mod-box-02__content {
  border-top: none;
}

.mod-box-02 .mod-contact {
  padding-top: 5px;
}

@media only screen and (min-width: 768px) {
  .mod-box-02__title {
    padding: 40px 70px 14px 70px;
    font-size: 2rem;
  }
  .mod-box-02__content {
    padding: 35px 30px 40px 30px;
  }
}

/* ----------------------------------------------------------------
  .mod-box
----------------------------------------------------------------- */
.mod-box {
  padding: 30px;
  border: solid 2px #006699;
  background: #FFF;
}

.mod-box__title {
  margin: 30px 0 20px 0;
  font-size: 1.6rem;
  color: #006699;
}

.mod-box__subtitle {
  margin: 20px 0 10px 0;
  font-size: 1.4rem;
}

.mod-box__title:first-child, .mod-box__subtitle:first-child {
  margin-top: 0;
}

.mod-box > *:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-box {
    padding: 40px;
  }
  .mod-box__title {
    margin: 40px 0 30px 0;
    font-size: 2rem;
  }
  .mod-box__subtitle {
    margin: 20px 0;
    font-size: 1.8rem;
  }
}

.mod-box--important {
  border: none;
  background: #FFF0F0;
}

.mod-box--important .mod-box__title {
  color: #BE0000;
}

/* ----------------------------------------------------------------
  .mod-card
----------------------------------------------------------------- */
.mod-card {
  background: #FFF;
  border-top: solid 2px #006699;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mod-card__inner {
  max-width: 500px;
  margin: auto;
  padding: 40px 20px;
  text-align: center;
}

.mod-card__img {
  margin-bottom: 25px;
}

.mod-card__title {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
}

.mod-card__txt {
  margin-bottom: 15px;
  text-align: left;
}

.mod-card__top {
  margin-bottom: 15px;
}

.mod-card__bottom {
  display: inline-block;
  text-align: left;
}

.mod-card__bottom > .mod-list-link {
  margin-bottom: 30px;
}

.mod-card__bottom > .mod-list-link:last-child {
  margin-bottom: 0;
}

.mod-card__bottom > .mod-list-link [class$="__list"] > li {
  margin-bottom: 15px;
}

.mod-card__bottom > .mod-list-link [class$="__list"] > li:last-child {
  margin-bottom: 0;
}

.mod-card__bottom > .mod-list-link li:last-child {
  margin-bottom: 0;
}

.mod-card__bottom > .mod-list-link li [class$="__list"] {
  margin-bottom: 0;
  margin-top: 20px;
}

.mod-card__bottom > .mod-list-link li [class$="__list"] li {
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) {
  .mod-card__bottom > .mod-list-link {
    margin-bottom: 40px;
  }
  .mod-card__bottom > .mod-list-link [class$="__list"] > li {
    margin-bottom: 20px;
  }
}

.mod-card__txt:last-child, .mod-card__title:last-child, .mod-card__img:last-child, .mod-card__top:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-card__txt, .mod-card__top {
    margin-bottom: 30px;
  }
  .mod-card__txt + .mod-card__txt {
    margin-top: -10px;
  }
  .mod-card__inner {
    padding: 40px 25px;
  }
  .mod-card__title {
    margin-bottom: 20px;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
    .mod-cv-area-02
----------------------------------------------------------------- */
.mod-cv-area-02 {
  background: rgba(229, 239, 245, 0.9);
}

.mod-cv-area-02__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-block: 21px 19px;
}

@media only screen and (max-width: 1239px) {
  .mod-cv-area-02__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-cv-area-02__row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.mod-cv-area-02__col--bubble {
  position: relative;
}

.mod-cv-area-02__btn .mod-button__bubble {
  position: relative;
}

.mod-cv-area-02__btn .mod-button__item {
  min-width: 100%;
  padding: 14px 32px;
  font-size: 1.6rem;
  font-weight: 400;
}

.mod-cv-area-02__btn .mod-button__item::after {
  display: none;
}

.mod-cv-area-02__btn .mod-button__item--login .mod-button__text::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20100%20100%22%20fill%3d%22%23fff%22%3e%3cpath%20d%3d%22M87%2e5%2032H77%2e05a2%2e51%202%2e51%200%2000%2e34%2d1%2e25v%2d6%2e42C77%2e15%2010%2e7%2064%2e65%2d%2e24%2049%2e52%200c%2d14%2e91%2e21%2d26%2e78%2010%2e9%2d27%2024%2e38v6%2e37a2%2e42%202%2e42%200%2000%2e33%201%2e25H12%2e5A12%2e44%2012%2e44%200%20000%2044%2e37v43%2e27A12%2e43%2012%2e43%200%200012%2e5%20100h75A12%2e43%2012%2e43%200%2000100%2087%2e64V44%2e37A12%2e44%2012%2e44%200%200087%2e5%2032zm%2d60%2d7%2e58C27%2e69%2013%2e7%2037%2e39%205%2e17%2049%2e59%205%2062%204%2e85%2072%2e2%2013%2e54%2072%2e39%2024%2e38v6%2e37a2%2e42%202%2e42%200%2000%2e35%201%2e25H27%2e15a2%2e42%202%2e42%200%2000%2e35%2d1%2e25zM95%2086%2e3a8%2e85%208%2e85%200%2001%2d9%208%2e7H14a8%2e85%208%2e85%200%2001%2d9%2d8%2e7V45%2e7a8%2e86%208%2e86%200%20019%2d8%2e7h72a8%2e86%208%2e86%200%20019%208%2e7z%22%2f%3e%3cpath%20d%3d%22M50%2078%2e5a2%2e57%202%2e57%200%2001%2d2%2e5%2d2%2e63V56%2e13a2%2e5%202%2e5%200%20115%200v19%2e74A2%2e57%202%2e57%200%200150%2078%2e5z%22%2f%3e%3c%2fsvg%3e");
}

.mod-cv-area-02__btn .mod-button__item--signup .mod-button__text::before {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2028%2028%22%20fill%3d%22%23fff%22%3e%3cg%20transform%3d%22translate(540%2e466%20%2d1801%2e864)%22%3e%3cpath%20d%3d%22M20%2e644,26%2e305h0V9%2e009l2%2e9%2d4%2e135L20%2e556,2%2e785,19%2e124,4%2e831H2V26%2e305H20%2e644m0,2H2a2,2,0,0,1%2d2%2d2V4%2e83a2,2,0,0,1,2%2d2H18%2e083L19%2e491%2e819A1,1,0,0,1,20%2e884%2e573L25%2e506,3%2e81A1,1,0,0,1,25%2e751,5%2e2L22%2e644,9%2e64V26%2e305A2,2,0,0,1,20%2e644,28%2e305Z%22%20transform%3d%22translate(%2d540%2e466%201801%2e864)%22%2f%3e%3cpath%20d%3d%22M2,2V19%2e937H5%2e642V2H2M1,0H6%2e642a1,1,0,0,1,1,1V20%2e937a1,1,0,0,1%2d1,1H1a1,1,0,0,1%2d1%2d1V1A1,1,0,0,1,1,0Z%22%20transform%3d%22matrix(0%2e819,%200%2e574,%20%2d0%2e574,%200%2e819,%20%2d520%2e401,%201801%2e864)%22%2f%3e%3cpath%20d%3d%22M9%2e464,24%2e141l%2e377%2d5%2e122,4%2e3,3Z%22%20transform%3d%22translate(%2d541%2e414%201800%2e892)%22%2f%3e%3cpath%20d%3d%22M9%2e6,25%2e424A1%2e143,1%2e143,0,0,1,8%2e466,24%2e2l%2e378%2d5%2e121a1%2e141,1%2e141,0,0,1,1%2e792%2d%2e852l4%2e3,3a1%2e141,1%2e141,0,0,1%2d%2e183,1%2e975l%2d4%2e679,2%2e117a1%2e133,1%2e133,0,0,1%2d%2e47%2e1Zm1%2e369%2d4%2e178%2d%2e089,1%2e2,1%2e1%2d%2e5%2d1%2e012%2d%2e707Z%22%20transform%3d%22translate(%2d541%2e556%201800%2e75)%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
}

.mod-cv-area-02__btn .mod-button__text {
  position: relative;
  display: block;
  padding-left: calc(20px + 14px);
  text-wrap: balance;
}

.mod-cv-area-02__btn .mod-button__text::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.mod-cv-area-02 .mod-button-bubble {
  position: absolute;
  top: -52px;
  left: 0;
  padding: 7px 8px;
  width: max-content;
  background-color: #FFF;
  border: 2px solid #ee8800;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.mod-cv-area-02 .mod-button-bubble__text {
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
}

.mod-cv-area-02 .mod-button-bubble__text::before, .mod-cv-area-02 .mod-button-bubble__text::after {
  position: absolute;
  content: "";
  clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.mod-cv-area-02 .mod-button-bubble__text::before {
  bottom: calc(-100% - 2px);
  right: 35%;
  width: 13px;
  height: 13px;
  background-color: #ee8800;
}

.mod-cv-area-02 .mod-button-bubble__text::after {
  bottom: -90%;
  right: calc(35% + 1px);
  width: 11px;
  height: 11px;
  background-color: #FFF;
}

.mod-cv-area-02 .mod-button-bubble__text .fc-orange {
  color: #ee8800;
}

.mod-cv-area-02.js-sticky {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 8888;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  transform: translateY(0.5rem);
  transition: visibility ease 0.25s, opacity ease-out 0.25s, transform ease 0.25s;
}

.mod-cv-area-02.is-sticky {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.is-show-overlay .mod-cv-area-02.is-sticky {
  transition: none;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .mod-cv-area-02__inner {
    padding-block: 27px 22px;
  }
  .mod-cv-area-02__row {
    gap: 53px;
  }
  .mod-cv-area-02__btn .mod-button__item {
    min-width: 359px;
    padding: 18px 30px;
    padding-right: calc(30px + 16px);
    font-size: 2.4rem;
  }
  .mod-cv-area-02__btn .mod-button__item::after {
    display: block;
    right: 30px;
  }
  .mod-cv-area-02__btn .mod-button__text {
    padding-left: calc(28px + 40px);
  }
  .mod-cv-area-02__btn .mod-button__text::before {
    height: 28px;
    width: 28px;
  }
  .mod-cv-area-02 .mod-button-bubble {
    top: -84px;
    left: -23px;
    padding: 14px 32px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .mod-cv-area-02 .mod-button-bubble__text {
    font-size: 2rem;
  }
  .mod-cv-area-02 .mod-button-bubble__text::before, .mod-cv-area-02 .mod-button-bubble__text::after {
    right: 0;
    left: 0;
    margin-inline: auto;
  }
  .mod-cv-area-02 .mod-button-bubble__text::before {
    bottom: calc(-100% - 1px);
    width: 15px;
    height: 16px;
  }
  .mod-cv-area-02 .mod-button-bubble__text::after {
    width: 13px;
    height: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 864px) {
  .mod-cv-area-02__row {
    justify-content: space-around;
    gap: 30px;
  }
  .mod-cv-area-02 .mod-button-bubble {
    left: 0;
  }
}

@media only screen and (max-width: 467px) {
  .mod-cv-area-02 .sp-block {
    display: block;
  }
}

/* ----------------------------------------------------------------
  .mod-cv-area
----------------------------------------------------------------- */
.mod-cv-area {
  background: rgba(229, 239, 245, 0.9);
}

.mod-cv-area__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1239px) {
  .mod-cv-area__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-cv-area__content {
  display: flex;
  align-items: center;
}

.mod-cv-area__card-item {
  margin-right: 40px;
  min-width: 120px;
}

.mod-cv-area__card-item > img {
  display: block;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.mod-cv-area__text {
  padding-right: 7px;
}

.mod-cv-area__text .mod-cv-area__subtitle {
  display: block;
  margin-bottom: 5px;
  font-size: 1rem;
}

.mod-cv-area__text .mod-cv-area__title {
  display: block;
  color: #006699;
  font-size: 1.3rem;
  font-weight: 700;
}

.mod-cv-area__btn .mod-button > .mod-button__item {
  font-size: 1.6rem;
}

.mod-cv-area--platinum {
  background: rgba(51, 51, 51, 0.9);
}

.mod-cv-area--platinum .mod-cv-area__inner .mod-cv-area__content .mod-cv-area__title,
.mod-cv-area--platinum .mod-cv-area__inner .mod-cv-area__content .mod-cv-area__subtitle {
  color: #FFF;
}

.mod-cv-area--platinum .mod-button__item:hover, .mod-cv-area--platinum .mod-button__item:focus {
  background: #FFF;
  color: #006699;
}

.mod-cv-area--platinum .mod-button__item:hover::after, .mod-cv-area--platinum .mod-button__item:focus::after {
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

.mod-cv-area.js-sticky {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: 8888;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  transform: translateY(0.5rem);
  transition: visibility ease 0.25s, opacity ease-out 0.25s, transform ease 0.25s;
}

.mod-cv-area.is-sticky {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.is-show-overlay .mod-cv-area.is-sticky {
  transition: none;
  opacity: 0;
}

@media only screen and (min-width: 768px) {
  .mod-cv-area__inner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .mod-cv-area__text {
    padding: 0;
    margin-right: 40px;
  }
  .mod-cv-area__text .mod-cv-area__subtitle {
    margin-bottom: 7px;
    font-size: 1.4rem;
  }
  .mod-cv-area__text .mod-cv-area__title {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 767px) {
  .mod-cv-area__content .mod-cv-area__card-item {
    display: none;
  }
  .mod-cv-area__btn .mod-button > .mod-button__item {
    min-width: 198px;
    padding: 20px calc(23px + .65em) 20px 20px;
  }
}

/* ----------------------------------------------------------------
  .mod-panel-article
----------------------------------------------------------------- */
.mod-panel-article {
  background: #DEDEDE;
}

.mod-panel-article__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 1239px) {
  .mod-panel-article__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-panel-article__inner .mod-layout[data-col-wide="2"] .mod-layout__content {
  margin-top: 0;
  border-bottom: solid 1px #FFF;
}

.mod-panel-article__inner .mod-layout[data-col-wide="2"] .mod-layout__content:last-child {
  border-bottom: 0;
}

.mod-panel-article__title {
  margin: 0 0 20px 0;
  font-size: 1.8rem;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .mod-panel-article__inner {
    padding-top: 40px;
    padding-bottom: 100px;
  }
  .mod-panel-article__inner .mod-layout[data-col-wide="2"] .mod-layout__inner .mod-layout__content {
    border-bottom: 0;
  }
  .mod-panel-article__inner .mod-layout[data-col-wide="2"] .mod-layout__inner .mod-layout__content:nth-child(3) {
    border-top: solid 1px #FFF;
  }
  .mod-panel-article__inner .mod-layout[data-col-wide="2"] .mod-layout__inner .mod-layout__content:nth-child(2):not(:last-child) {
    border-bottom: solid 1px #FFF;
  }
  .mod-panel-article__title {
    margin: 0 0 30px 0;
    font-size: 2.4rem;
  }
}

/* ----------------------------------------------------------------
 .mod-panel-compare
----------------------------------------------------------------- */
.mod-panel-compare {
  margin-bottom: 60px;
  padding: 28px 16px;
  background: #fff;
  text-align: center;
}

.mod-panel-compare__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mod-panel-compare__inner + .mod-panel-compare__inner {
  margin-top: 36px;
}

.mod-panel-compare__before, .mod-panel-compare__after {
  width: 100%;
}

.mod-panel-compare__before dl, .mod-panel-compare__after dl {
  display: flex;
}

.mod-panel-compare__before dl > dt,
.mod-panel-compare__before dl > dd, .mod-panel-compare__after dl > dt,
.mod-panel-compare__after dl > dd {
  padding: 8px;
  font-size: 1.4rem;
}

.mod-panel-compare__before dl > dt, .mod-panel-compare__after dl > dt {
  flex-flow: 0;
  display: flex;
  justify-content: center;
  writing-mode: vertical-rl;
  white-space: pre;
}

.mod-panel-compare__before dl > dd, .mod-panel-compare__after dl > dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-flow: 1;
  width: 100%;
  margin-left: 3px;
  padding: 27px;
}

.mod-panel-compare__before dl {
  margin-top: 20px;
}

.mod-panel-compare__before dl > dt {
  position: relative;
  background: #dedede;
}

.mod-panel-compare__before dl > dt::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 19px 0 19px;
  border-color: #dedede transparent transparent transparent;
}

.mod-panel-compare__before dl > dd {
  background: #f5f5f5;
}

.mod-panel-compare__after dl > dt {
  background: #006699;
  color: #fff;
}

.mod-panel-compare__after dl > dd {
  background: #e5eff5;
}

.mod-panel-compare__img {
  max-width: 218px;
}

@media only screen and (min-width: 768px) {
  .mod-panel-compare {
    padding: 20px;
  }
  .mod-panel-compare__inner {
    flex-direction: row;
    justify-content: space-between;
  }
  .mod-panel-compare__inner + .mod-panel-compare__inner {
    margin-top: 24px;
  }
  .mod-panel-compare__content {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 720px;
  }
  .mod-panel-compare__text {
    padding: 15px;
  }
  .mod-panel-compare__before dl, .mod-panel-compare__after dl {
    flex-direction: column;
    height: 100%;
  }
  .mod-panel-compare__before dl > dt, .mod-panel-compare__after dl > dt {
    padding: 15px;
    writing-mode: horizontal-tb;
    white-space: normal;
  }
  .mod-panel-compare__before dl > dd, .mod-panel-compare__after dl > dd {
    margin: 5px 0 0;
    padding: 30px;
    height: 100%;
  }
  .mod-panel-compare__before dl {
    margin-top: 0;
  }
  .mod-panel-compare__before dl > dt::after {
    top: 0;
    bottom: auto;
    right: -12px;
    left: auto;
    border-width: 26px 0 26px 12px;
    border-color: transparent transparent transparent #dedede;
  }
  .mod-panel-compare:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 1000px) {
  .mod-panel-compare {
    padding: 48px 80px;
  }
}

/* ----------------------------------------------------------------
  .mod-panel-cv
----------------------------------------------------------------- */
.mod-panel-cv {
  padding: 30px 0;
  background: #E5EFF5;
}

.mod-panel-cv__inner {
  max-width: 1200px;
  width: 89%;
  margin: 0 auto;
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFF;
  transition: padding ease .25s;
}

.mod-panel-cv__inner > * {
  max-width: 100%;
}

.mod-panel-cv__list {
  margin-bottom: 20px;
  display: flex;
}

.mod-panel-cv__list > li {
  margin-right: 10px;
}

.mod-panel-cv__list > li:last-child {
  margin-right: 0;
}

.mod-panel-cv__list > li > img {
  display: block;
  width: 100%;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.mod-panel-cv__subtitle {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.mod-panel-cv__title {
  margin-bottom: 10px;
  color: #006699;
  font-size: 2.4rem;
  font-weight: 700;
}

.mod-panel-cv__btn .mod-button__item {
  font-size: 1.8rem;
}

@media only screen and (min-width: 1000px) {
  .mod-panel-cv {
    padding: 50px 0;
  }
  .mod-panel-cv__inner {
    flex-direction: row;
    justify-content: flex-start;
    padding: 50px;
  }
  .mod-panel-cv__list {
    margin-bottom: 0;
    margin-right: 40px;
  }
  .mod-panel-cv__list > li {
    margin-right: 20px;
  }
  .mod-panel-cv__list > li > img {
    border-radius: 8px;
  }
  .mod-panel-cv__subtitle {
    font-size: 1.8rem;
  }
  .mod-panel-cv__title {
    margin-bottom: 20px;
  }
  .mod-panel-cv__btn .mod-button {
    text-align: left;
  }
  .mod-panel-cv__btn .mod-button .mod-button__item {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-panel-faq
----------------------------------------------------------------- */
.mod-panel-faq {
  background: #E5EFF5;
}

.mod-panel-faq__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1239px) {
  .mod-panel-faq__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-panel-faq__title {
  margin: 0 0 20px 0;
  font-size: 1.6rem;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .mod-panel-faq__content > .mod-layout[data-col-narrow] > .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow] > .mod-layout__inner > .mod-layout__content {
    flex-shrink: 0;
    margin: 20px 0 0 1.30208%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 49.34896%;
    max-width: 49.34896%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 32.46528%;
    max-width: 32.46528%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow="auto"] > .mod-layout__inner {
    flex-basis: 101.30208%;
    margin: -20px 0 0 -1.30208%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-narrow="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 98.69792%;
  }
}

@media only screen and (min-width: 768px) {
  .mod-panel-faq__content > .mod-layout[data-col-wide] .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide] .mod-layout__content {
    flex-shrink: 0;
    margin: 20px 0 0 0.83333%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='1'] .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='1'] .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='1'] .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='2'] .mod-layout__content {
    flex-basis: 49.58333%;
    max-width: 49.58333%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='2'] .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='2'] .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='3'] .mod-layout__content {
    flex-basis: 32.77778%;
    max-width: 32.77778%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='3'] .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide='3'] .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide="auto"] > .mod-layout__inner {
    flex-basis: 100.83333%;
    margin: -20px 0 0 -0.83333%;
  }
  .mod-panel-faq__content > .mod-layout[data-col-wide="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 99.16667%;
  }
}

@media only screen and (min-width: 768px) {
  .mod-panel-faq__inner {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .mod-panel-faq__title {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-panel-notice
----------------------------------------------------------------- */
.mod-panel-notice {
  background: #FFF0F0;
}

.mod-panel-notice__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 1239px) {
  .mod-panel-notice__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.mod-panel-notice__inner .mod-list-history__list > li {
  border-bottom: solid 1px #FFF;
}

.mod-panel-notice__inner .mod-list-history__list > li:last-child {
  border-bottom: none;
}

.mod-panel-notice__header {
  display: inline-block;
  margin-bottom: 15px;
  padding-right: 15px;
  border-right: solid 2px #FFF;
}

.mod-panel-notice__title {
  position: relative;
  padding-left: 32px;
  color: #BE0000;
  font-weight: 700;
  font-size: 1.4rem;
}

.mod-panel-notice__title::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 22px;
  height: 22px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2022%2022%22%3e%3cg%20transform%3d%22translate(%2d222%2e334%20%2d722%2e334)%22%3e%3ccircle%20cx%3d%2210%22%20cy%3d%2210%22%20r%3d%2210%22%20fill%3d%22%23fff%22%20stroke%3d%22%23be0000%22%20stroke%2dwidth%3d%222%22%20transform%3d%22translate(223%2e334%20723%2e334)%22%2f%3e%3cpath%20fill%3d%22%23be0000%22%20d%3d%22M234%2e305%20735%2e186h%2d2%2e116l%2d%2e232%2d6%2e212h2%2e591zm%2d2%2e419%201%2e888a%2e658%2e658%200%2001%2e374%2d%2e569%201%2e977%201%2e977%200%20011%2e022%2d%2e226%201%2e977%201%2e977%200%20011%2e022%2e226%2e658%2e658%200%2001%2e375%2e569%2e645%2e645%200%2001%2d%2e364%2e553%201%2e989%201%2e989%200%2001%2d1%2e032%2e223%201%2e989%201%2e989%200%2001%2d1%2e032%2d%2e223%2e645%2e645%200%2001%2d%2e365%2d%2e553z%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .mod-panel-notice__inner {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mod-panel-notice__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 236px;
    margin-bottom: 0;
    margin-right: 30px;
    padding-right: 30px;
  }
  .mod-panel-notice__title {
    font-size: 1.8rem;
    max-width: 100%;
  }
  .mod-panel-notice__title::before {
    top: 2px;
  }
}

/* ----------------------------------------------------------------
  .mod-panel
----------------------------------------------------------------- */
.mod-panel {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #E5EFF5;
}

.mod-panel__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .mod-panel__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .mod-panel {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.mod-panel--small > .mod-panel__inner {
  max-width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 1039px) {
  .mod-panel--small > .mod-panel__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ----------------------------------------------------------------
  .mod-map
----------------------------------------------------------------- */
.mod-map {
  max-width: 750px;
  margin: 0 auto 30px auto;
}

.mod-map:last-child {
  margin-bottom: 0;
}

.mod-map > iframe {
  height: 245px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .mod-map {
    margin-bottom: 40px;
  }
  .mod-map > iframe {
    height: 550px;
  }
}

/* ----------------------------------------------------------------
  .mod-media-lyt-card
----------------------------------------------------------------- */
.mod-media-lyt-card {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 40px;
}

.mod-media-lyt-card__card {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(16, 16, 16, 0.16);
}

.mod-media-lyt-card__card > *:last-child {
  margin-bottom: 0;
}

.mod-media-lyt-card__title {
  margin-bottom: 20px;
  color: #006699;
  font-size: 2.2rem;
}

.mod-media-lyt-card__txt {
  margin-bottom: 20px;
}

.mod-media-lyt-card__img {
  position: relative;
  margin-bottom: 18px;
  text-align: center;
}

.mod-media-lyt-card__img::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 30px;
  right: -20px;
  z-index: -1;
  width: calc(100% + 40px);
  height: 250px;
  background-color: #F6F3E8;
}

.mod-media-lyt-card__img > img {
  max-width: 300px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .mod-media-lyt-card {
    position: relative;
    flex-direction: row;
    margin-bottom: 60px;
  }
  .mod-media-lyt-card__content {
    flex-basis: 53.33333%;
    display: flex;
    align-items: flex-end;
  }
  .mod-media-lyt-card__card {
    padding: 40px;
  }
  .mod-media-lyt-card__title {
    margin-bottom: 29px;
    font-size: 2.6rem;
  }
  .mod-media-lyt-card__img {
    flex-basis: 46.66667%;
    position: static;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .mod-media-lyt-card__img::before {
    top: 63px;
    right: 0;
    width: 50vw;
    height: calc(100% - 88px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .mod-media-lyt-card__img > img {
    max-width: 100%;
  }
  .mod-media-lyt-card--reverse {
    flex-direction: row-reverse;
  }
  .mod-media-lyt-card--reverse .mod-media-lyt-card__img::before {
    top: 12px;
    left: 0;
    right: initial;
    height: calc(100% - 30px);
  }
}

/* ----------------------------------------------------------------
  .mod-media-lyt
----------------------------------------------------------------- */
.mod-media-lyt {
  display: flex;
  justify-content: center;
}

.mod-media-lyt__content, .mod-media-lyt__item {
  margin-bottom: 0;
}

.mod-media-lyt__content, .mod-media-lyt__item {
  margin-bottom: 20px;
}

.mod-media-lyt__item {
  flex: 0 0 auto;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .mod-media-lyt {
    justify-content: space-between;
  }
  .mod-media-lyt__item {
    max-width: 70%;
  }
  .mod-media-lyt__item:first-child, .mod-media-lyt__content:first-child {
    margin-right: 30px;
  }
  .mod-media-lyt--center {
    justify-content: center;
  }
  .mod-media-lyt--align-center {
    align-items: center;
  }
  .mod-media-lyt--left {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .mod-media-lyt {
    flex-wrap: wrap;
  }
  .mod-media-lyt--reverse .mod-media-lyt__item:first-child {
    order: 1;
  }
  .mod-media-lyt--reverse .mod-media-lyt__item:last-child {
    order: -1;
  }
}

/* ----------------------------------------------------------------
  .mod-media-panel
----------------------------------------------------------------- */
.mod-media-panel {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 40px;
}

.mod-media-panel__card {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(16, 16, 16, 0.16);
}

.mod-media-panel__card > *:last-child {
  margin-bottom: 0;
}

.mod-media-panel__title {
  margin-bottom: 20px;
  color: #006699;
  font-size: 2.2rem;
}

.mod-media-panel__txt {
  margin-bottom: 20px;
}

.mod-media-panel__img {
  position: relative;
  margin-bottom: 18px;
  text-align: center;
}

.mod-media-panel__img::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 30px;
  right: -20px;
  z-index: -1;
  width: calc(100% + 40px);
  height: 250px;
  background-color: #F6F3E8;
}

.mod-media-panel__img > img {
  max-width: 300px;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .mod-media-panel {
    position: relative;
    flex-direction: row;
    margin-bottom: 60px;
  }
  .mod-media-panel__content {
    flex-basis: 53.33333%;
    display: flex;
    align-items: flex-end;
  }
  .mod-media-panel__card {
    padding: 40px;
  }
  .mod-media-panel__title {
    margin-bottom: 29px;
    font-size: 2.6rem;
  }
  .mod-media-panel__img {
    flex-basis: 46.66667%;
    position: static;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .mod-media-panel__img::before {
    top: 63px;
    right: 0;
    width: 50vw;
    height: calc(100% - 88px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .mod-media-panel__img > img {
    max-width: 100%;
  }
  .mod-media-panel--reverse {
    flex-direction: row-reverse;
  }
  .mod-media-panel--reverse .mod-media-panel__img::before {
    top: 12px;
    left: 0;
    right: initial;
    height: calc(100% - 30px);
  }
}

/* ----------------------------------------------------------------
  .mod-media
----------------------------------------------------------------- */
.mod-media {
  text-align: center;
}

.mod-media__media {
  flex: 0 0 auto;
}

.mod-media__inner {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.mod-media__caption, .mod-media__media {
  max-width: 100%;
}

.mod-media__caption {
  order: 1;
  margin-top: 15px;
  font-size: 1.4rem;
}

.mod-media__media > img {
  width: auto;
}

.mod-media > a {
  display: inline-block;
  max-width: 100%;
  transition: opacity ease-out 0.3s;
}

.mod-media > a:hover, .mod-media > a:focus {
  opacity: .7;
}

.mod-media > a .mod-media__caption {
  color: #006699;
}

.mod-media--left {
  text-align: left;
}

.mod-media--full-width .mod-media__inner,
.mod-media--full-width .mod-media__media,
.mod-media--full-width .mod-media__media > img {
  width: 100%;
}

/* ----------------------------------------------------------------
  .mod-pdf-viewer
----------------------------------------------------------------- */
.mod-pdf-viewer {
  margin-top: 40px;
}

.mod-pdf-viewer > iframe {
  height: 500px;
}

@media only screen and (min-width: 768px) {
  .mod-pdf-viewer {
    margin-top: 60px;
  }
  .mod-pdf-viewer > iframe {
    height: 640px;
  }
}

@media only screen and (max-width: 767px) {
  .l-content-area__inner .mod-pdf-viewer {
    margin-left: -20px;
    margin-right: -20px;
  }
}

/* ----------------------------------------------------------------
  .mod-answer
----------------------------------------------------------------- */
.mod-answer {
  display: flex;
  flex-direction: column;
}

.mod-answer__icon {
  display: inline-block;
  margin-bottom: 15px;
  width: 40px;
  height: 40px;
}

.mod-answer__icon > img {
  width: 100%;
  height: auto;
}

.mod-answer__content {
  max-width: 100%;
  font-size: 1.8rem;
}

@media only screen and (min-width: 768px) {
  .mod-answer {
    flex-direction: row;
    align-items: flex-start;
  }
  .mod-answer__icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
  }
  .mod-answer__content {
    padding: 8px 0 0 20px;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-hdg-faq (よくある質問ページのh1 見出し)
----------------------------------------------------------------- */
.mod-hdg-faq {
  margin: 40px 0;
}

.mod-hdg-faq > [class$="__title"] {
  font-size: 3rem;
}

.mod-hdg-faq:first-child {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-faq {
    margin: 60px 0 40px 0;
  }
  .mod-hdg-faq > [class$="__title"] {
    font-size: 4rem;
  }
}

.mod-hdg-faq__title {
  display: flex;
  flex-direction: column;
  color: #333;
}

.mod-hdg-faq__title .mod-hdg-faq__txt {
  max-width: 100%;
}

.mod-hdg-faq__title .mod-hdg-faq__icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}

.mod-hdg-faq__title .mod-hdg-faq__icon > img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .mod-hdg-faq__title {
    flex-direction: row;
    align-items: flex-start;
  }
  .mod-hdg-faq__title .mod-hdg-faq__icon {
    position: relative;
    top: -4px;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-bottom: 0;
  }
  .mod-hdg-faq__title .mod-hdg-faq__txt {
    padding-left: 20px;
  }
}

/* ----------------------------------------------------------------
  .mod-contact
----------------------------------------------------------------- */
.mod-contact p, .mod-contact__box, .mod-contact__box-wrap {
  margin-bottom: 10px;
}

.mod-contact p:last-child, .mod-contact__box:last-child, .mod-contact__box-wrap:last-child {
  margin-bottom: 0;
}

.mod-contact__title {
  margin: 30px 0 10px 0;
  font-weight: 700;
  font-size: 1.4rem;
}

.mod-contact__title:first-child {
  margin-top: 0;
}

.mod-contact__subtitle {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 400;
}

.mod-contact__hour {
  font-size: 1.2rem;
}

.mod-contact__hour-strong {
  display: inline-block;
  padding: 0 8px;
  color: #006699;
  font-weight: 700;
  font-size: 1.4rem;
}

.mod-contact__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #F5F5F5;
  font-weight: 700;
}

.mod-contact__box > * {
  display: inline-block;
  padding: 0 10px;
}

.mod-contact__box .mod-contact__number {
  font-family: "Roboto", Arial, Verdana, Times, sans-serif;
  color: #006699;
  font-size: 2rem;
}

.mod-contact__box .mod-contact__strong {
  display: block;
  width: 100%;
  color: #006699;
  font-size: 1.6rem;
  text-align: center;
}

.mod-contact__box--space-between {
  justify-content: space-between;
}

.mod-contact__box-wrap--align-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mod-contact__box-wrap--align-center .mod-contact__box {
  max-width: 100%;
}

.mod-contact .mod-layout {
  margin-bottom: 10px;
}

.mod-contact .mod-layout:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .mod-contact .mod-layout[data-col-narrow] > .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-contact .mod-layout[data-col-narrow] > .mod-layout__inner > .mod-layout__content {
    flex-shrink: 0;
    margin: 15px 0 0 1.30208%;
  }
  .mod-contact .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-contact .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-narrow='1'] > .mod-layout__inner > .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 49.34896%;
    max-width: 49.34896%;
  }
  .mod-contact .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-narrow='2'] > .mod-layout__inner > .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content {
    flex-basis: 32.46528%;
    max-width: 32.46528%;
  }
  .mod-contact .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-narrow='3'] > .mod-layout__inner > .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-narrow="auto"] > .mod-layout__inner {
    flex-basis: 101.30208%;
    margin: -15px 0 0 -1.30208%;
  }
  .mod-contact .mod-layout[data-col-narrow="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 98.69792%;
  }
}

@media only screen and (min-width: 768px) {
  .mod-contact .mod-layout[data-col-wide] .mod-layout__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .mod-contact .mod-layout[data-col-wide] .mod-layout__content {
    flex-shrink: 0;
    margin: 15px 0 0 3.58333%;
  }
  .mod-contact .mod-layout[data-col-wide='1'] .mod-layout__content {
    flex-basis: 100%;
    max-width: 100%;
  }
  .mod-contact .mod-layout[data-col-wide='1'] .mod-layout__content:nth-child(-n+1) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-wide='1'] .mod-layout__content:nth-of-type(1n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-wide='2'] .mod-layout__content {
    flex-basis: 48.20833%;
    max-width: 48.20833%;
  }
  .mod-contact .mod-layout[data-col-wide='2'] .mod-layout__content:nth-child(-n+2) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-wide='2'] .mod-layout__content:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-wide='3'] .mod-layout__content {
    flex-basis: 30.94444%;
    max-width: 30.94444%;
  }
  .mod-contact .mod-layout[data-col-wide='3'] .mod-layout__content:nth-child(-n+3) {
    margin-top: 0;
  }
  .mod-contact .mod-layout[data-col-wide='3'] .mod-layout__content:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .mod-contact .mod-layout[data-col-wide="auto"] > .mod-layout__inner {
    flex-basis: 103.58333%;
    margin: -15px 0 0 -3.58333%;
  }
  .mod-contact .mod-layout[data-col-wide="auto"] > .mod-layout__inner > .mod-layout__content {
    max-width: 96.41667%;
  }
}

@media only screen and (min-width: 768px) {
  .mod-contact p, .mod-contact__box, .mod-contact__box-wrap {
    margin-bottom: 15px;
  }
  .mod-contact__title {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
  .mod-contact__subtitle {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
  .mod-contact__title + .mod-contact__subtitle {
    margin-top: -5px;
  }
  .mod-contact__hour {
    font-size: 1.4rem;
  }
  .mod-contact__hour-strong {
    font-size: 1.6rem;
  }
  .mod-contact__box {
    padding: 15px 20px;
  }
  .mod-contact__box .mod-contact__number {
    font-size: 2.8rem;
  }
  .mod-contact__box .mod-contact__strong {
    font-size: 1.8rem;
  }
  .mod-contact .mod-layout {
    margin-bottom: 15px;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-modal
----------------------------------------------------------------- */
.mod-widget-modal {
  margin: auto;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 11000;
}

.mod-widget-modal__inner {
  position: relative;
  min-height: calc(100% - (12vh * 2));
  margin-left: auto;
  margin-right: auto;
}

.mod-widget-modal__content {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  background-color: #FFF;
}

.mod-widget-modal__lead {
  margin-bottom: 32px;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
}

.mod-widget-modal__close {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
}

.mod-widget-modal__button {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  width: 100%;
}

.mod-widget-modal__button::before, .mod-widget-modal__button::after {
  display: block;
  content: '';
  position: absolute;
  width: 3px;
  height: 25px;
  left: 50%;
  top: 50%;
  background-color: #006699;
  transition: background-color ease-out 0.3s;
}

.mod-widget-modal__button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mod-widget-modal__button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.mod-widget-modal__button:hover::before, .mod-widget-modal__button:hover::after, .mod-widget-modal__button:focus::before, .mod-widget-modal__button:focus::after {
  background-color: #333;
}

.js-on .mod-widget-modal {
  position: fixed;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-out 0.2s;
}

.js-on .mod-widget-modal.is-animate {
  will-change: opacity;
}

.js-on .mod-widget-modal.is-render {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}

.js-on .mod-widget-modal.is-show {
  opacity: 1;
}

.js-on .mod-widget-modal.is-hide {
  transition-delay: 0s;
}

.js-on .mod-widget-modal .mod-widget-modal__inner {
  margin: 12vh 0;
}

@media only screen and (max-width: 1039px) {
  .mod-widget-modal {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .mod-widget-modal__inner {
    min-height: calc(100% - (10vh * 2));
  }
  .mod-widget-modal__content {
    padding: 60px 50px;
  }
  .mod-widget-modal__lead {
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
  .mod-widget-modal__close {
    height: 40px;
    width: 40px;
    right: 20px;
    top: 20px;
  }
  .mod-widget-modal__button::before, .mod-widget-modal__button::after {
    height: 35px;
  }
  .js-on .mod-widget-modal .mod-widget-modal__inner {
    margin: 10vh 0;
  }
}

.mod-widget-modal .mod-hdg-spe + .mod-tbl {
  margin-top: -15px;
}

@media only screen and (min-width: 768px) {
  .mod-widget-modal .mod-hdg-spe + .mod-tbl {
    margin-top: -30px;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-overlay
----------------------------------------------------------------- */
.mod-widget-overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 0 20px;
  opacity: 0;
  background-color: rgba(51, 51, 51, 0.8);
  transition: opacity ease-out 0.25s;
}

.mod-widget-overlay.is-overlay-animate {
  will-change: opacity;
}

.mod-widget-overlay.is-overlay-render {
  opacity: 0;
}

.mod-widget-overlay.is-overlay-show {
  opacity: 1;
  z-index: 9999;
}

@media only screen and (min-width: 768px) {
  .is-hide {
    transition-delay: .2s;
  }
}

.is-show-overlay {
  overflow: hidden;
}

/* ----------------------------------------------------------------
  .mod-widget-slider
----------------------------------------------------------------- */
.mod-widget-slider {
  position: relative;
}

.mod-widget-slider__body {
  overflow: hidden;
}

.mod-widget-slider__item {
  display: flex;
  justify-content: center;
  width: 100%;
}

.mod-widget-slider__item > a,
.mod-widget-slider__item > span {
  text-align: center;
}

.js-on .mod-widget-slider__list {
  display: flex;
  flex-wrap: wrap;
  max-height: 720px;
}

.js-on .mod-widget-slider__list[style] {
  flex-wrap: nowrap;
  max-height: none;
}

.mod-widget-slider__list.is-animate {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.mod-widget-slider__list.is-swipe {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.mod-widget-slider__list.is-update {
  transition: none !important;
}

.mod-widget-slider__control {
  height: 20px;
  width: 10px;
  margin: -65px 0 0 20px;
}

.mod-widget-slider__control .mod-widget-slider__controlButton {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}

.mod-widget-slider__control .mod-widget-slider__controlButton::before {
  display: block;
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 5px);
  height: 14px;
  width: 4px;
  border-style: solid;
  border-width: 0 3px 0 3px;
  border-color: #DEDDDD;
}

.mod-widget-slider__control .mod-widget-slider__controlButton[aria-pressed="true"]::before {
  top: calc(50% - 8px);
  left: calc(50% - 4px);
  height: 0;
  width: 0;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #DEDDDD;
}

.mod-widget-slider__control .mod-widget-slider__controlButton:hover::before, .mod-widget-slider__control .mod-widget-slider__controlButton:focus::before {
  border-color: #FFF;
}

.mod-widget-slider__control .mod-widget-slider__controlButton:hover[aria-pressed="true"]::before, .mod-widget-slider__control .mod-widget-slider__controlButton:focus[aria-pressed="true"]::before {
  border-color: transparent transparent transparent #FFF;
}

.mod-widget-slider__arrow {
  position: absolute;
  top: calc(50% - 45px);
  height: 56px;
  width: 16px;
}

.mod-widget-slider__arrow--previous {
  left: 0;
}

.mod-widget-slider__arrow--next {
  right: 0;
}

.mod-widget-slider__arrow .mod-widget-carousel__arrowButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.8);
  height: 56px;
  width: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: background-color ease-out 0.3s;
}

.mod-widget-slider__arrow .mod-widget-carousel__arrowButton .mod-widget-carousel__arrowImage {
  width: 20px;
  height: 20px;
}

.mod-widget-slider__arrow .mod-widget-carousel__arrowButton .mod-widget-carousel__arrowImage path {
  stroke: #0099B3;
}

.mod-widget-slider__arrow .mod-widget-carousel__arrowButton:hover, .mod-widget-slider__arrow .mod-widget-carousel__arrowButton:focus {
  background-color: #FFF;
}

.mod-widget-slider .unq-slide__content,
.mod-widget-slider .unq-slide-02__content {
  padding-left: 16px;
}

.mod-widget-slider__indicator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: 20px;
  margin-top: -65px;
}

.mod-widget-slider__dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 18px;
}

.mod-widget-slider__dot:last-child {
  margin-right: 0;
}

.mod-widget-slider__dot .mod-widget-slider__dotButton {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}

.mod-widget-slider__dot .mod-widget-slider__dotButton::before {
  display: block;
  content: '';
  position: absolute;
  border: solid 2px #DEDDDD;
  top: 2px;
  left: 2px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  transition: border-color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-widget-slider__dot .mod-widget-slider__dotButton.is-current::before {
  background: #DEDDDD;
}

.mod-widget-slider__dot .mod-widget-slider__dotButton:hover::before, .mod-widget-slider__dot .mod-widget-slider__dotButton:focus::before {
  border-color: #FFF;
}

.mod-widget-slider__dot .mod-widget-slider__dotButton:hover.is-current::before, .mod-widget-slider__dot .mod-widget-slider__dotButton:focus.is-current::before {
  background: #FFF;
}

.mod-widget-slider__tool {
  align-items: center;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .mod-widget-slider__arrow {
    height: 124px;
    width: 36px;
  }
  .mod-widget-slider__arrow .mod-widget-carousel__arrowButton {
    height: 124px;
    width: 36px;
  }
  .mod-widget-slider .unq-slide__content,
  .mod-widget-slider .unq-slide-02__content {
    padding-left: 36px;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-tab
----------------------------------------------------------------- */
.mod-widget-tab__list {
  position: relative;
  display: flex;
}

.mod-widget-tab__list::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #006699;
}

.mod-widget-tab__list > li {
  flex: 1;
  margin-right: 20px;
}

.mod-widget-tab__list > li:last-child {
  margin-right: 0;
}

.mod-widget-tab__list > li .mod-widget-tab__btn {
  width: 100%;
  height: 100%;
  padding: 13px 20px;
  background: #DEDEDE;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  outline-offset: -2px;
  transition: color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-widget-tab__list > li .mod-widget-tab__btn[aria-selected="true"] {
  background: #006699;
  color: #FFF;
}

.mod-widget-tab__list > li .mod-widget-tab__btn:hover, .mod-widget-tab__list > li .mod-widget-tab__btn:focus {
  background: #FFF;
  color: #006699;
}

.mod-widget-tab__list > li .mod-widget-tab__btn:focus {
  outline: -webkit-focus-ring-color auto 5px;
}

.mod-widget-tab__list > li .mod-widget-tab__btn .mod-widget-tab__btn-icon {
  display: none;
}

.mod-widget-tab__content {
  background: #FFF;
  padding: 25px 10px;
}

@media only screen and (min-width: 768px) {
  .mod-widget-tab__list > li {
    margin-right: 10px;
  }
  .mod-widget-tab__list > li .mod-widget-tab__btn {
    font-size: 2.4rem;
  }
  .mod-widget-tab__list > li .mod-widget-tab__btn .mod-widget-tab__btn-icon {
    display: inline-block;
    vertical-align: middle;
  }
  .mod-widget-tab__content {
    padding: 30px;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-toggle
----------------------------------------------------------------- */
.mod-widget-toggle__item {
  margin-bottom: 5px;
}

.mod-widget-toggle__item:last-child {
  margin-bottom: 0;
}

.mod-widget-toggle__button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 54px 20px 10px;
  background-color: #F5F5F5;
}

.mod-widget-toggle__button:hover, .mod-widget-toggle__button:focus {
  background-color: #E5EFF5;
}

.mod-widget-toggle__button:hover .mod-widget-toggle__titleText, .mod-widget-toggle__button:focus .mod-widget-toggle__titleText {
  color: #006699;
}

.mod-widget-toggle__title {
  display: flex;
  font-size: 1.6rem;
  font-weight: bold;
}

.mod-widget-toggle__titleText {
  margin-top: -2px;
}

.mod-widget-toggle__titleSubText {
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}

.mod-widget-toggle__icon {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 44px;
  right: 0;
  top: 0;
  background-color: #E5EFF5;
  color: transparent;
}

.mod-widget-toggle__icon::before, .mod-widget-toggle__icon::after {
  display: block;
  content: '';
  position: absolute;
  width: 20px;
  height: 4px;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  background-color: #0099B3;
}

.mod-widget-toggle__icon::after {
  transform: rotate(90deg);
}

[aria-expanded="true"] > .mod-widget-toggle__icon::after {
  display: none;
}

.mod-widget-toggle__dd {
  display: flex;
  padding: 20px 10px;
  border: 2px solid #E5EFF5;
}

.js-on .mod-widget-toggle__dd {
  display: none;
}

.js-on .mod-widget-toggle__dd.is-show {
  display: flex;
}

.mod-widget-toggle__content {
  flex-grow: 1;
  margin-top: -3px;
  overflow: auto;
}

.mod-widget-toggle__contentHeading {
  margin-bottom: 20px;
}

.mod-widget-toggle__contentHeadingText {
  font-size: 1.6rem;
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  .mod-widget-toggle__item {
    margin-bottom: 10px;
  }
  .mod-widget-toggle__button {
    padding-left: 30px;
    padding-right: 70px;
    transition: background-color ease-out 0.3s;
  }
  .mod-widget-toggle__title {
    font-size: 1.8rem;
  }
  .mod-widget-toggle__titleText {
    margin-top: -4px;
    transition: text-decoration ease-out 0.3s;
  }
  .mod-widget-toggle__icon {
    padding-top: 38px;
    width: 60px;
    color: #333;
    font-size: 1.2rem;
  }
  .mod-widget-toggle__icon::before, .mod-widget-toggle__icon::after {
    top: -15px;
  }
  .mod-widget-toggle__dd {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mod-widget-toggle__dd:not(dd) {
    padding: 30px 20px;
  }
  .mod-widget-toggle__content {
    margin-top: -4px;
  }
  .mod-widget-toggle__contentHeadingText {
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-toggleAlert
----------------------------------------------------------------- */
.mod-widget-toggleAlert + .mod-widget-toggleAlert {
  margin-top: -25px;
}

.mod-widget-toggleAlert__item {
  margin-bottom: 5px;
}

.mod-widget-toggleAlert__item:last-child {
  margin-bottom: 0;
}

.mod-widget-toggleAlert__heading {
  font-size: 1.6rem;
  line-height: 1.4;
}

.mod-widget-toggleAlert__button {
  position: relative;
  display: block;
  padding: 20px 54px 20px 10px;
  width: 100%;
  background-color: #FFF0F0;
  font-weight: 700;
  height: 100%;
  text-align: left;
}

.mod-widget-toggleAlert__icon {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  width: 44px;
  height: 100%;
  color: transparent;
  font-weight: 400;
}

.mod-widget-toggleAlert__icon::before, .mod-widget-toggleAlert__icon::after {
  position: absolute;
  display: block;
  content: '';
  background-color: #BE0000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  width: 20px;
  margin: auto;
}

.mod-widget-toggleAlert__icon::after {
  transform: rotate(90deg);
}

[aria-expanded="true"] > .mod-widget-toggleAlert__icon::after {
  display: none;
}

.mod-widget-toggleAlert__body {
  display: block;
  padding: 20px 10px;
  border: 2px solid #FFF0F0;
}

.js-on .mod-widget-toggleAlert__body {
  display: none;
}

.js-on .mod-widget-toggleAlert__body.is-show {
  display: block;
}

.mod-widget-toggleAlert__contentHeading {
  margin-bottom: 20px;
}

.mod-widget-toggleAlert__contentHeadingText {
  font-size: 1.6rem;
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  .mod-widget-toggleAlert + .mod-widget-toggleAlert {
    margin-top: -20px;
  }
  .mod-widget-toggleAlert__heading {
    font-size: 2rem;
  }
  .mod-widget-toggleAlert__button {
    padding-left: 30px;
    padding-right: 70px;
    transition: text-decoration ease-out 0.3s, color ease-out 0.3s;
  }
  .mod-widget-toggleAlert__button:hover .mod-widget-toggleAlert__headingTitle, .mod-widget-toggleAlert__button:focus .mod-widget-toggleAlert__headingTitle {
    color: #BE0000;
  }
  .mod-widget-toggleAlert__button::before {
    left: 20px;
    top: 28px;
  }
  .mod-widget-toggleAlert__headingTitle {
    transition: text-decoration ease-out 0.3s;
  }
  .mod-widget-toggleAlert__icon {
    padding-top: 38px;
    width: 60px;
    color: #333;
    font-size: 1.2rem;
  }
  .mod-widget-toggleAlert__icon::before, .mod-widget-toggleAlert__icon::after {
    top: -15px;
  }
  .mod-widget-toggleAlert__body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mod-widget-toggleAlert__contentHeadingText {
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .mod-widget-carousel
----------------------------------------------------------------- */
.mod-widget-carousel {
  margin-bottom: 40px;
  position: relative;
}

.mod-widget-carousel__body {
  margin: 0 auto 25px;
  overflow: hidden;
  width: calc(100% - 30px * 2 - 10px * 2);
}

.mod-widget-carousel__item {
  display: flex;
  justify-content: center;
}

.mod-widget-carousel__item > a,
.mod-widget-carousel__item > span {
  text-align: center;
}

.js-on .mod-widget-carousel__list {
  display: flex;
  flex-wrap: nowrap;
}

.mod-widget-carousel__list.is-animate {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.mod-widget-carousel__list.is-swipe {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.mod-widget-carousel__list.is-update {
  transition: none !important;
}

.mod-widget-carousel__link {
  display: block;
}

.mod-widget-carousel__link .unq-card-02__link-txt {
  text-underline-position: under;
  transition: text-decoration ease-out 0.3s;
  text-decoration: underline;
}

.mod-widget-carousel__link .unq-card-02__link-txt {
  text-decoration-color: transparent;
}

.mod-widget-carousel__link:hover .unq-card-02__link-txt, .mod-widget-carousel__link:focus .unq-card-02__link-txt {
  text-decoration-color: inherit;
}

.ie .mod-widget-carousel__link .unq-card-02__link-txt {
  text-decoration: none;
}

.ie .mod-widget-carousel__link:hover .unq-card-02__link-txt, .ie .mod-widget-carousel__link:focus .unq-card-02__link-txt {
  text-decoration: underline;
}

.mod-widget-carousel__link .unq-card-02__img {
  transition: opacity ease-out 0.3s;
}

.mod-widget-carousel__link:hover .unq-card-02__img, .mod-widget-carousel__link:focus .unq-card-02__img {
  opacity: .7;
}

.mod-widget-carousel__arrow {
  height: 30px;
  position: absolute;
  top: calc(50% - 45px);
  width: 30px;
}

.mod-widget-carousel__arrow--previous {
  left: 0;
}

.mod-widget-carousel__arrow--next {
  right: 0;
}

.mod-widget-carousel__arrow .mod-widget-carousel__arrowButton {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 30px;
  width: 30px;
}

.mod-widget-carousel__arrow .mod-widget-carousel__arrowButton .mod-widget-carousel__arrowImage {
  height: 100%;
  width: 100%;
}

.mod-widget-carousel__arrow .mod-widget-carousel__arrowButton .mod-widget-carousel__arrowImage path {
  transition: stroke ease-out 0.3s;
}

.mod-widget-carousel__arrow .mod-widget-carousel__arrowButton:hover .mod-widget-carousel__arrowImage path, .mod-widget-carousel__arrow .mod-widget-carousel__arrowButton:focus .mod-widget-carousel__arrowImage path {
  stroke: #333;
}

.mod-widget-carousel__tool {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mod-widget-carousel__indicator {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.mod-widget-carousel__dot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 18px;
}

.mod-widget-carousel__dot:last-child {
  margin-right: 0;
}

.mod-widget-carousel__dot .mod-widget-carousel__dotButton {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}

.mod-widget-carousel__dot .mod-widget-carousel__dotButton::before {
  display: block;
  content: '';
  position: absolute;
  border: solid 2px #006699;
  top: 2px;
  left: 2px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  transition: border-color ease-out 0.3s, background-color ease-out 0.3s;
}

.mod-widget-carousel__dot .mod-widget-carousel__dotButton.is-current::before {
  background: #006699;
}

.mod-widget-carousel__dot .mod-widget-carousel__dotButton:hover::before, .mod-widget-carousel__dot .mod-widget-carousel__dotButton:focus::before {
  border-color: #333;
}

.mod-widget-carousel__dot .mod-widget-carousel__dotButton:hover.is-current::before, .mod-widget-carousel__dot .mod-widget-carousel__dotButton:focus.is-current::before {
  background: #333;
}

.mod-widget-carousel__control {
  height: 20px;
  margin-left: 20px;
  width: 10px;
}

.mod-widget-carousel__control .mod-widget-carousel__controlButton {
  position: relative;
  display: block;
  height: 20px;
  width: 20px;
}

.mod-widget-carousel__control .mod-widget-carousel__controlButton::before {
  display: block;
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 5px);
  height: 14px;
  width: 4px;
  border-style: solid;
  border-width: 0 3px 0 3px;
  border-color: #006699;
}

.mod-widget-carousel__control .mod-widget-carousel__controlButton[aria-pressed="true"]::before {
  top: calc(50% - 8px);
  left: calc(50% - 4px);
  height: 0;
  width: 0;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #006699;
}

.mod-widget-carousel__control .mod-widget-carousel__controlButton:hover::before, .mod-widget-carousel__control .mod-widget-carousel__controlButton:focus::before {
  border-color: #333;
}

.mod-widget-carousel__control .mod-widget-carousel__controlButton:hover[aria-pressed="true"]::before, .mod-widget-carousel__control .mod-widget-carousel__controlButton:focus[aria-pressed="true"]::before {
  border-color: transparent transparent transparent #333;
}

@media only screen and (min-width: 768px) {
  .mod-widget-carousel {
    margin-bottom: 60px;
  }
  .mod-widget-carousel__body {
    width: calc(100% - 45px * 2 - 30px * 2);
    margin-bottom: 50px;
  }
  .mod-widget-carousel__item {
    box-sizing: border-box;
  }
  .mod-widget-carousel__item > a,
  .mod-widget-carousel__item > span {
    display: block;
    padding: 0 35px;
    width: 100%;
  }
  .mod-widget-carousel__arrow {
    height: 45px;
    width: 45px;
  }
  .mod-widget-carousel__arrow .mod-widget-carousel__arrowButton {
    height: 45px;
    width: 45px;
  }
}

/* ----------------------------------------------------------------
  .unq-app
----------------------------------------------------------------- */
.unq-app {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}

.unq-app__title {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  margin-bottom: 24px;
  font-weight: 700;
}

.unq-app__title-img {
  flex-shrink: 0;
  max-width: 60px;
}

.unq-app__lyt {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 30px auto;
  row-gap: 20px;
}

.unq-app__lyt-item {
  display: flex;
  column-gap: 20px;
}

.unq-app__link {
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: opacity ease-out 0.3s;
}

.unq-app__link:hover, .unq-app__link:focus {
  opacity: .7;
}

.unq-app__link-logo > img {
  max-height: 46px;
}

@media only screen and (min-width: 768px) {
  .unq-app__title {
    margin-bottom: 30px;
    column-gap: 16px;
    font-size: 2.4rem;
  }
  .unq-app__title-img {
    max-width: 100px;
  }
  .unq-app__lyt {
    flex-direction: row-reverse;
    justify-content: center;
    gap: 0 60px;
    margin: 40px auto;
  }
  .unq-app__lyt-item {
    gap: 40px 0;
  }
  .unq-app__link-logo > img {
    max-height: unset;
  }
}

/* ----------------------------------------------------------------
  .unq-card-02
----------------------------------------------------------------- */
.unq-card-02__label {
  margin-bottom: 20px;
  text-align: left;
}

.unq-card-02__img {
  margin-bottom: 20px;
}

.unq-card-02__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 1.8rem;
  color: #333;
}

.unq-card-02__link {
  margin: 0 auto;
  font-weight: 700;
  color: #006699;
}

.unq-card-02__link-txt {
  position: relative;
  padding-left: 33px;
}

.unq-card-02__link-txt::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 10px;
  height: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%2010%2010%22%3e%3cpath%20d%3d%22M3%2e23%201%2e45L6%2e77%205%203%2e23%208%2e55%22%20fill%3d%22none%22%20stroke%3d%22%230b6292%22%20stroke%2dlinecap%3d%22round%22%20stroke%2dwidth%3d%222%22%2f%3e%3c%2fsvg%3e");
}

@media only screen and (min-width: 768px) {
  .unq-card-02__title {
    font-size: 2rem;
  }
  .unq-card-02__link {
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
  .unq-card-form
----------------------------------------------------------------- */
.unq-card-form__form {
  max-width: 750px;
  margin: 0 auto;
}

.unq-card-form__item {
  padding: 30px 0 20px 20px;
  border-bottom: solid 1px #E5E5E5;
}

.unq-card-form__item:first-child {
  padding-top: 0;
}

.unq-card-form__label {
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.6rem;
}

.unq-card-form__label .unq-card-form__nb {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  min-width: 1.85em;
  min-height: 1.85em;
  line-height: 1;
  border-radius: 50%;
  background: #0099B3;
  color: #FFF;
}

.ie .unq-card-form__label .unq-card-form__nb {
  padding-top: .5em;
}

.unq-card-form__input {
  display: inline-block;
  margin: 0 15px 10px 0;
  padding: 14px 20px;
  max-width: 200px;
  border: solid 1px #E5E5E5;
  background: #F6F9FC;
  text-align: right;
  transition: border-color ease-out 0.3s, background-color ease-out 0.3s, margin-bottom ease 0.15s;
}

.unq-card-form__input:focus {
  background: #F5F5F5;
  outline: 1px dotted;
  outline: -webkit-focus-ring-color auto 5px;
}

.unq-card-form__input.is-error {
  margin-bottom: 15px;
  border-color: #BE0000;
}

.unq-card-form__info {
  display: inline-block;
}

.unq-card-form__error {
  display: block;
  width: 100%;
  color: #BE0000;
}

.unq-card-form__submit {
  margin-top: 30px;
}

.unq-card-form__submit .mod-button__item {
  width: 100%;
  max-width: 310px;
}

@media only screen and (min-width: 768px) {
  .unq-card-form__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 30px 56px;
  }
  .unq-card-form__label {
    width: 40.5%;
    margin-bottom: 0;
    font-size: 1.8rem;
  }
  .unq-card-form__input {
    margin-bottom: 0;
    padding: 15px 20px;
    max-width: 100%;
    width: 300px;
    text-align: right;
  }
  .unq-card-form__info {
    flex: 1;
  }
  .unq-card-form__error {
    padding-left: 40.5%;
  }
  .unq-card-form__submit {
    margin-top: 40px;
  }
}

/* ----------------------------------------------------------------
  .unq-card
----------------------------------------------------------------- */
.unq-card {
  background: #FFF;
  border-top: solid 2px #006699;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.unq-card__inner {
  padding: 40px 18px;
}

.unq-card__title {
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}

.unq-card__btn {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .unq-card__links .unq-card__img {
    display: none;
  }
  .unq-card__links .unq-card__list {
    margin-bottom: 30px;
  }
  .unq-card__links .unq-card__list > li {
    padding: 15px 0 15px 30px;
    border-bottom: solid 1px #E5E5E5;
  }
  .unq-card__links .unq-card__list > li:first-child {
    border-top: solid 1px #E5E5E5;
  }
}

@media only screen and (min-width: 768px) {
  .unq-card__inner {
    padding: 60px 40px;
  }
  .unq-card__title {
    margin-bottom: 42px;
    font-size: 2.4rem;
  }
  .unq-card__btn {
    margin-bottom: 40px;
  }
  .unq-card__links {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: solid 1px #E5E5E5;
  }
  .unq-card__links .unq-card__img {
    display: block;
    max-width: 144px;
    margin-right: 60px;
  }
  .unq-card__links .unq-card__list > li:not(:last-child) {
    margin-bottom: 12px;
  }
}

/* ----------------------------------------------------------------
  .unq-layout
----------------------------------------------------------------- */
.unq-layout {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
}

.unq-layout:last-child {
  margin-bottom: 0;
}

.unq-layout__col {
  margin-bottom: 20px;
}

.unq-layout__col:last-child {
  margin-bottom: 0;
}

.unq-layout .mod-link-card-04__item {
  padding: 20px 60px 20px 15px;
}

.unq-layout .mod-link-card-04__item .mod-txt-icon__icon {
  margin-right: 20px;
  max-width: 100px;
}

.unq-layout .mod-link-card-04__item .mod-txt-icon__txt {
  font-size: 2rem;
}

@media only screen and (min-width: 900px) {
  .unq-layout {
    margin-bottom: 90px;
  }
  .unq-layout__inner {
    display: flex;
  }
  .unq-layout__col {
    flex: 1;
    margin-right: 40px;
    margin-bottom: 0;
  }
  .unq-layout__col:last-child {
    margin-right: 0;
  }
  .unq-layout__col > .unq-card {
    height: 100%;
  }
  .unq-layout__col--modal {
    max-width: 41%;
  }
  .unq-layout .mod-link-card-04__item {
    padding: 30px 80px 30px 30px;
  }
  .unq-layout .mod-link-card-04__item .mod-txt-icon__txt {
    font-size: 2.4rem;
  }
}

/* ----------------------------------------------------------------
  .unq-lineup
----------------------------------------------------------------- */
.unq-lineup {
  max-width: 1146px;
  margin: 0 auto 30px auto;
  padding: 30px 18px;
  background: #FFF;
}

.unq-lineup:last-child {
  margin-bottom: 0;
}

.unq-lineup__top {
  margin-bottom: 30px;
}

.unq-lineup__label {
  margin-bottom: 15px;
}

.unq-lineup__img {
  text-align: center;
  max-width: 283px;
}

.unq-lineup__img > img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 11px;
}

.unq-lineup__txt {
  margin-bottom: 12px;
  font-size: 1.6rem;
}

.unq-lineup__title {
  margin-bottom: 20px;
  color: #006699;
  font-weight: 700;
  font-size: 2rem;
}

.unq-lineup__list {
  display: flex;
}

.unq-lineup__list > li .unq-lineup__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 10px 5px;
  background: #E5EFF5;
  border-radius: 8px;
  text-align: center;
}

.unq-lineup__list > li .unq-lineup__item-title,
.unq-lineup__list > li .unq-lineup__item-txt,
.unq-lineup__list > li .unq-lineup__item-small {
  display: block;
}

.unq-lineup__list > li .unq-lineup__item-title {
  color: #006699;
  font-size: 1.2rem;
}

.unq-lineup__list > li .unq-lineup__item-txt {
  font-size: 1.6rem;
}

.unq-lineup__list > li .unq-lineup__item-small {
  font-size: 1rem;
}

.unq-lineup__list > li sub {
  bottom: 0;
}

@media only screen and (max-width: 1019px) {
  .unq-lineup__top, .unq-lineup__txt, .unq-lineup__title {
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
  }
  .unq-lineup__img {
    margin: 0 auto;
  }
  .unq-lineup__list {
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-left: -8px;
    text-align: left;
  }
  .unq-lineup__list > li {
    flex: 1 1 33.33%;
    max-width: 33.33%;
    min-height: 90px;
    padding: 0 8px;
    margin-bottom: 15px;
  }
  .unq-lineup__list > li .unq-lineup__item {
    margin: 0 auto;
  }
  .unq-lineup__break {
    display: block;
  }
}

@media only screen and (min-width: 1020px) {
  .unq-lineup {
    padding: 40px 48px;
    display: flex;
  }
  .unq-lineup__top {
    margin: 0 30px 0 0;
    flex-grow: 0;
  }
  .unq-lineup__content {
    flex: 1;
  }
  .unq-lineup__txt {
    font-size: 1.8rem;
  }
  .unq-lineup__title {
    margin-bottom: 26px;
    font-size: 2.2rem;
  }
  .unq-lineup__list {
    margin: 0 0 10px -15px;
    flex-wrap: wrap;
  }
  .unq-lineup__list > li {
    flex: 1 1 110px;
    max-width: 110px;
    min-height: 110px;
    margin: 0 0 10px 15px;
  }
  .unq-lineup__list > li .unq-lineup__item {
    padding: 8px;
  }
  .unq-lineup__list > li .unq-lineup__item .unq-lineup__item-title {
    font-size: 1.4rem;
  }
  .unq-lineup__list > li .unq-lineup__item .unq-lineup__item-txt {
    font-size: 2rem;
  }
  .unq-lineup__list > li .unq-lineup__item .unq-lineup__item-small {
    font-size: 1.2rem;
  }
}

/* ----------------------------------------------------------------
  .unq-list-article
----------------------------------------------------------------- */
.unq-list-usecase__list > li:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #E5E5E5;
}

.unq-list-usecase__list > li .unq-list-usecase__img {
  max-width: 250px;
  margin: 0 auto 20px auto;
}

.unq-list-usecase__list > li .unq-list-usecase__title {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  .unq-list-usecase__list > li {
    display: flex;
    align-items: center;
  }
  .unq-list-usecase__list > li:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 25px;
  }
  .unq-list-usecase__list > li .unq-list-usecase__img {
    flex-shrink: 0;
    margin: 0 30px 0 0;
  }
  .unq-list-usecase__list > li .unq-list-usecase__content {
    flex: 1 1 100%;
  }
  .unq-list-usecase__list > li .unq-list-usecase__title {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------------
  .unq-list-card
----------------------------------------------------------------- */
.unq-list-card__list {
  display: flex;
  flex-wrap: wrap;
  border-left: solid 1px #E5E5E5;
}

.unq-list-card__list > li {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 11px;
  margin-bottom: 20px;
  border-right: solid 1px #E5E5E5;
}

.unq-list-card__icon {
  margin-bottom: 15px;
}

.unq-list-card__icon > img {
  display: block;
  height: 80px;
  margin: 0 auto;
}

.unq-list-card__txt {
  flex: 1 1 auto;
  margin-bottom: 15px;
}

.unq-list-card__txt, .unq-list-card__link {
  width: 100%;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .unq-list-card__list {
    flex-wrap: nowrap;
  }
  .unq-list-card__list > li {
    flex: 1;
    margin-bottom: 0;
  }
}

/* ----------------------------------------------------------------
  .unq-logo-list
----------------------------------------------------------------- */
.unq-logo-list__list > li {
  margin-bottom: 20px;
}

.unq-logo-list__list > li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: opacity ease-out 0.3s;
}

.unq-logo-list__list > li > a:hover, .unq-logo-list__list > li > a:focus {
  opacity: .7;
}

@media only screen and (min-width: 768px) {
  .unq-logo-list__list {
    margin-right: -24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .unq-logo-list__list > li {
    flex: 1 1 248px;
    max-width: 248px;
    margin: 0 24px 24px 0;
  }
}

/* ----------------------------------------------------------------
  .unq-mv-02 (カードをつくるページ）
----------------------------------------------------------------- */
.unq-mv-02 {
  background: url("/card/images/index-mv-bg_sp.jpg") center no-repeat;
  background-size: cover;
  background-color: #333;
  display: flex;
  justify-content: center;
}

.unq-mv-02__inner {
  max-width: 1200px;
  margin: 0 auto;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 180px;
  width: 100%;
}

@media only screen and (max-width: 1239px) {
  .unq-mv-02__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-mv-02__title {
  max-width: 100%;
  color: #FFF;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
}

.unq-mv-02--img-02 {
  background-image: url("/card/images/index-mv-bg-02_sp.jpg");
}

.unq-mv-02--img-03 {
  background-image: url("/card/images/index-mv-bg-03_sp.jpg");
}

@media only screen and (min-width: 768px) {
  .unq-mv-02 {
    background-image: url("/card/images/index-mv-bg.jpg");
  }
  .unq-mv-02__title {
    font-size: 3.4rem;
  }
  .unq-mv-02__inner {
    min-height: 240px;
  }
  .unq-mv-02--img-02 {
    background-image: url("/card/images/index-mv-bg-02.jpg");
  }
  .unq-mv-02--img-03 {
    background-image: url("/card/images/index-mv-bg-03.jpg");
  }
}

/* ----------------------------------------------------------------
  .unq-mv-03
----------------------------------------------------------------- */
.unq-mv-03 {
  min-height: 508px;
  padding-top: 26px;
  background: no-repeat top center;
  background-size: cover;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%20767%20361%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22b%22%20x1%3d%22%2d494%2e85%22%20y1%3d%22375%2e96%22%20x2%3d%22%2d494%2e85%22%20y2%3d%22374%2e96%22%20gradientTransform%3d%22translate(379936%20135722)%20scale(767%20%2d361)%22%20gradientUnits%3d%22userSpaceOnUse%22%3e%3cstop%20offset%3d%220%22%20stop%2dcolor%3d%22%23f5efe7%22%2f%3e%3cstop%20offset%3d%221%22%20stop%2dcolor%3d%22%23ffede6%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3cpath%20id%3d%22c%22%20d%3d%22m156%2e6,287%2e36C70%2e68,287%2e36,0,324%2e92,0,324%2e92V0h767v295%2e29s%2d73%2e3,65%2e71%2d215%2e52,65%2e71%2d291%2e05%2d73%2e64%2d394%2e88%2d73%2e64Z%22%20fill%3d%22url(%23b)%22%2f%3e%3c%2fsvg%3e");
}

.unq-mv-03__inner {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .unq-mv-03__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-mv-03__content {
  margin-bottom: 12px;
}

.unq-mv-03__title {
  position: relative;
  padding-top: 20px;
  margin-bottom: 20px;
  font-size: 2.6rem;
  color: #006699;
  line-height: 1.6;
}

.unq-mv-03__title::before, .unq-mv-03__title::after {
  position: absolute;
  content: '';
  display: block;
  width: 38px;
  height: 6px;
  top: 0;
  left: 50%;
}

.unq-mv-03__title::before {
  background-color: #ee8800;
  transform: translateX(-40px);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.unq-mv-03__title::after {
  background-color: #006699;
  transform: translateX(2px);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.unq-mv-03__txt {
  margin-bottom: 10px;
}

.unq-mv-03__catch {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  font-size: 2.2rem;
}

.unq-mv-03__catch strong {
  color: #006699;
}

.unq-mv-03__catch::before, .unq-mv-03__catch::after,
.unq-mv-03__catch strong::before,
.unq-mv-03__catch strong::after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #ee8800;
}

.unq-mv-03__catch::before {
  left: 10px;
}

.unq-mv-03__catch::after {
  left: 36px;
}

.unq-mv-03__catch strong::before {
  left: 62px;
}

.unq-mv-03__catch strong::after {
  left: 88px;
}

@media only screen and (min-width: 768px) {
  .unq-mv-03 {
    min-height: 460px;
    padding-top: 34px;
    font-size: 2rem;
    text-align: left;
    background-image: url("data:image/svg+xml; charset=utf-8, %3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20viewBox%3d%220%200%201920%20460%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22b%22%20x1%3d%2280%2e46%22%20y1%3d%22425%2e08%22%20x2%3d%2280%2e46%22%20y2%3d%22424%2e08%22%20gradientTransform%3d%22translate(%2d153520%20195535)%20scale(1920%20%2d460)%22%20gradientUnits%3d%22userSpaceOnUse%22%3e%3cstop%20offset%3d%220%22%20stop%2dcolor%3d%22%23f5efe7%22%2f%3e%3cstop%20offset%3d%221%22%20stop%2dcolor%3d%22%23ffede6%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3cpath%20id%3d%22c%22%20d%3d%22m392,275%2e9C176%2e91,275%2e9,0,369%2e8,0,369%2e8v%2d117%2e8h1920v43%2e73s%2d183%2e5,164%2e27%2d539%2e5,164%2e27%2d728%2e59%2d184%2e1%2d988%2e5%2d184%2e1ZM0,252V0h1920v252H0Z%22%20fill%3d%22url(%23b)%22%2f%3e%3c%2fsvg%3e");
  }
  .unq-mv-03__inner {
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .unq-mv-03__content {
    margin: 0 0 0 20px;
  }
  .unq-mv-03__title {
    padding: 0 20px 0 32px;
    margin-bottom: 32px;
    font-size: 4rem;
  }
  .unq-mv-03__title::before, .unq-mv-03__title::after {
    top: 0;
    left: 0;
    transform-origin: top left;
  }
  .unq-mv-03__title::before {
    transform: scaleX(2) scaleY(1.53) rotate(270deg) translateX(calc((200% + 8px) * -1));
  }
  .unq-mv-03__title::after {
    transform: scaleX(2) scaleY(1.53) rotate(270deg) translateX(calc((100% + 4px) * -1));
  }
  .unq-mv-03__txt {
    margin-bottom: 8px;
  }
  .unq-mv-03__catch {
    font-size: 2.6rem;
    padding-top: 6px;
  }
}

/* ----------------------------------------------------------------
  .unq-mv （カード詳細ページ）
----------------------------------------------------------------- */
.unq-mv {
  position: relative;
  margin-bottom: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.unq-mv--gold {
  background-image: url("/card/images/gold-mv-bg_sp.jpg");
}

.unq-mv--road-gold {
  background-image: url("/card/images/road-gold-mv-bg_sp.jpg");
}

.unq-mv--classic {
  background-image: url("/card/images/classic-mv-bg_sp.jpg");
}

.unq-mv--road-classic {
  background-image: url("/card/images/road-classic-mv-bg_sp.jpg");
}

.unq-mv--ladys {
  background-image: url("/card/images/ladys-mv-bg_sp.jpg");
}

.unq-mv__inner {
  max-width: 1366px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
  transition: padding ease .2s;
}

@media only screen and (max-width: 1405px) {
  .unq-mv__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-mv__content {
  text-align: center;
}

.unq-mv__card {
  max-width: 300px;
  margin: 0 auto 30px auto;
}

.unq-mv__card img {
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.unq-mv__btn .mod-button__item {
  width: 100%;
  max-width: 320px;
}

.unq-mv__img img {
  transition: margin ease .3s;
}

.unq-mv__txt {
  display: inline-block;
  margin-bottom: 30px;
  text-align: left;
}

.unq-mv__txt .unq-mv__subtitle {
  display: block;
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 300;
}

.unq-mv__txt .unq-mv__title {
  display: block;
  font-family: "ヒラギノ明朝 Pro", "游明朝", serif;
  font-size: 2.2rem;
  font-weight: 700;
}

@media only screen and (min-width: 1020px) {
  .unq-mv--gold {
    background-image: url("/card/images/gold-mv-bg.jpg");
  }
  .unq-mv--road-gold {
    background-image: url("/card/images/road-gold-mv-bg.jpg");
  }
  .unq-mv--classic {
    background-image: url("/card/images/classic-mv-bg.jpg");
  }
  .unq-mv--road-classic {
    background-image: url("/card/images/road-classic-mv-bg.jpg");
  }
  .unq-mv--ladys {
    background-image: url("/card/images/ladys-mv-bg.jpg");
  }
  .unq-mv__inner {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .unq-mv__content {
    text-align: left;
    padding: 0 40px 0 8%;
  }
  .unq-mv__card {
    max-width: 380px;
    margin: 0 0 40px 0;
  }
  .unq-mv__img {
    align-self: center;
    margin: -70px 0 0 0;
    min-width: 372px;
  }
  .unq-mv__txt {
    min-width: 420px;
    margin-bottom: 40px;
  }
  .unq-mv__txt .unq-mv__subtitle {
    margin-bottom: 20px;
    font-size: 2rem;
  }
  .unq-mv__txt .unq-mv__title {
    font-size: 3rem;
  }
  .unq-mv__btn {
    max-width: 380px;
  }
}

@media only screen and (max-width: 1019px) {
  .unq-mv__img {
    margin-top: -30px;
    text-align: center;
  }
  .unq-mv__img .unq-mv__img-pc {
    display: none;
  }
  .unq-mv__img .unq-mv__img-sp {
    display: inline-block !important;
  }
  .unq-mv--gold .unq-mv__card img {
    border-radius: 10px;
  }
  .unq-mv--road-gold .unq-mv__card img {
    border-radius: 8px;
  }
  .unq-mv--classic .unq-mv__card img, .unq-mv--road-classic .unq-mv__card img {
    border-radius: 9px;
  }
  .unq-mv--ladys .unq-mv__card img {
    border-radius: 11px;
  }
}

@media only screen and (max-width: 419px) {
  .unq-mv__img {
    width: 100%;
  }
  .unq-mv__img img {
    width: calc(100% + 79px);
    max-width: none;
    margin-left: -30px;
  }
}

/* ----------------------------------------------------------------
  .unq-panel-campaign-02
----------------------------------------------------------------- */
.unq-panel-campaign-02 {
  padding: 50px 0;
  background: #DEDEDE;
}

.unq-panel-campaign-02__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .unq-panel-campaign-02__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-panel-campaign-02__title {
  margin-bottom: 40px;
  font-weight: 700;
  text-align: center;
  font-size: 1.6rem;
}

.unq-panel-campaign-02__subtitle {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 1.4rem;
}

.unq-panel-campaign-02__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.unq-panel-campaign-02__item:last-child {
  margin-bottom: 0;
}

.unq-panel-campaign-02__img {
  margin-right: 15px;
  max-width: 35%;
}

@media only screen and (min-width: 900px) {
  .unq-panel-campaign-02 {
    padding: 60px 0 80px 0;
  }
  .unq-panel-campaign-02__title {
    margin-bottom: 50px;
    font-size: 2rem;
  }
  .unq-panel-campaign-02__subtitle {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .unq-panel-campaign-02__content {
    display: flex;
  }
  .unq-panel-campaign-02__item {
    flex: 1 1 50%;
    align-items: flex-start;
    margin-bottom: 0;
    padding-right: 2.5%;
  }
  .unq-panel-campaign-02__img {
    margin-right: 5.3%;
    max-width: 100%;
  }
}

/* ----------------------------------------------------------------
  .unq-panel-campaign
----------------------------------------------------------------- */
.unq-panel-campaign {
  padding: 30px 0;
  background: #DEDEDE;
}

.unq-panel-campaign__inner {
  max-width: 1200px;
  margin: 0 auto;
}

@media only screen and (max-width: 1239px) {
  .unq-panel-campaign__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-panel-campaign__title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: center;
}

.unq-panel-campaign__content {
  display: flex;
  justify-content: center;
  margin-right: -15px;
}

.unq-panel-campaign__item {
  flex: 1 1 285px;
  max-width: 285px;
  padding-right: 15px;
}

.unq-panel-campaign__item > a {
  display: block;
}

.unq-panel-campaign__item > a:hover > img, .unq-panel-campaign__item > a:focus > img {
  opacity: .7;
}

.unq-panel-campaign__item > a > img {
  display: block;
  transition: opacity ease-out 0.3s;
}

.unq-panel-campaign--home {
  background: transparent;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .unq-panel-campaign--home .unq-panel-campaign__title {
    margin-bottom: 20px;
  }
  .unq-panel-campaign--home .unq-panel-campaign__content {
    flex-wrap: wrap;
  }
  .unq-panel-campaign--home .unq-panel-campaign__item {
    flex: 1;
    flex-basis: calc(50% - 15px);
    margin-bottom: 20px;
  }
  .unq-panel-campaign--home .unq-panel-campaign__item > a > img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .unq-panel-campaign {
    padding: 40px 0 60px 0;
  }
  .unq-panel-campaign__title {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  .unq-panel-campaign__content {
    margin-right: -32px;
  }
  .unq-panel-campaign--home {
    padding: 0;
  }
  .unq-panel-campaign--home .unq-panel-campaign__title {
    margin-bottom: 60px;
  }
}

/* ----------------------------------------------------------------
  .unq-panel-cv
----------------------------------------------------------------- */
.unq-panel-cv {
  background: #E5EFF5;
  padding: 30px 20px;
}

.unq-panel-cv__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 20px;
  background: #FFF;
}

@media only screen and (max-width: 1239px) {
  .unq-panel-cv__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-panel-cv__content {
  max-width: 310px;
  margin: 0 auto;
}

.unq-panel-cv__price-old {
  font-weight: 700;
  font-size: 2rem;
}

.unq-panel-cv__price-old s {
  padding-left: 20px;
}

.unq-panel-cv__price {
  display: inline-block;
  margin: 10px 0 20px 0;
  background-image: linear-gradient(to top, #E5EFF5 50%, transparent 50%);
  font-weight: 700;
}

.unq-panel-cv__price .unq-panel-cv__price-label {
  display: inline-block;
  margin-right: 15px;
  font-size: 2rem;
}

.unq-panel-cv__price .unq-panel-cv__price-item {
  color: #006699;
  font-size: 2.6rem;
}

.unq-panel-cv__price sub {
  top: 0;
}

.unq-panel-cv__subtitle {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 300;
}

.unq-panel-cv__title {
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: 700;
}

.unq-panel-cv__img {
  max-width: 221px;
  margin: 0 auto 20px auto;
  text-align: center;
}

.unq-panel-cv .mod-button__item {
  width: 310px;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .unq-panel-cv--double .unq-panel-cv__col:first-child {
    margin-bottom: 40px;
  }
  .unq-panel-cv--double .unq-panel-cv__content {
    text-align: center;
  }
  .unq-panel-cv--double .unq-panel-cv__title {
    text-align: left;
  }
  .unq-panel-cv--double .mod-button__item {
    max-width: 290px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .unq-panel-cv {
    padding: 50px 83px 60px 83px;
  }
  .unq-panel-cv__inner {
    display: flex;
    align-items: center;
    padding: 50px 6.5%;
  }
  .unq-panel-cv__content {
    min-width: 350px;
    max-width: 100%;
    margin: 0;
  }
  .unq-panel-cv__price-old {
    font-size: 2.2rem;
  }
  .unq-panel-cv__price-old s {
    padding-left: 30px;
  }
  .unq-panel-cv__price {
    margin-bottom: 40px;
  }
  .unq-panel-cv__price .unq-panel-cv__price-label {
    margin-right: 24px;
    font-size: 2.4rem;
  }
  .unq-panel-cv__price .unq-panel-cv__price-item {
    font-size: 3rem;
  }
  .unq-panel-cv__img {
    flex: 1 1 100%;
    margin: 0 10% 0 0;
    max-width: 320px;
  }
  .unq-panel-cv .mod-button {
    text-align: left;
  }
  .unq-panel-cv--double .unq-panel-cv__inner {
    padding: 50px 0 10px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
  .unq-panel-cv--double .unq-panel-cv__col {
    max-width: 320px;
    margin: 0 6%;
    margin-bottom: 40px;
  }
  .unq-panel-cv--double .unq-panel-cv__img {
    max-width: 320px;
    margin: 0 0 20px 0;
  }
}

/* ----------------------------------------------------------------
  .unq-panel-point
----------------------------------------------------------------- */
.unq-panel-point__top {
  margin-bottom: 80px;
}

.unq-panel-point__top > * {
  max-width: 100%;
}

.unq-panel-point__content {
  margin-bottom: 30px;
}

.unq-panel-point__title {
  margin-bottom: 40px;
  font-size: 2.4rem;
}

.unq-panel-point__img {
  margin-bottom: 38px;
  text-align: center;
}

.unq-panel-point__btn .unq-panel-point__btn-break {
  display: block;
}

.unq-panel-point__sd {
  margin-bottom: 20px;
  font-size: 1.8rem;
}

@media only screen and (min-width: 970px) {
  .unq-panel-point__top {
    display: flex;
    flex-wrap: wrap;
  }
  .unq-panel-point__content {
    width: 55.8%;
    margin-right: 2.5%;
    margin-bottom: 30px;
  }
  .unq-panel-point__title {
    font-size: 3rem;
  }
  .unq-panel-point__img {
    flex: 1 1 41%;
    width: 41%;
    min-height: 400px;
    margin-bottom: 0;
    text-align: center;
  }
  .unq-panel-point__btn {
    margin-top: -58px;
  }
  .unq-panel-point__btn .unq-panel-point__btn-break {
    display: inline;
  }
  .unq-panel-point__sd {
    margin-bottom: 30px;
    text-align: center;
    font-size: 2rem;
  }
}

/* ----------------------------------------------------------------
  .unq-slide-02 (ApplePay)
----------------------------------------------------------------- */
.unq-slide-02 {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 286px;
  background: #0099B3;
  background: linear-gradient(114deg, #0099b3 0%, #0091af 35%, #006699 100%);
}

.unq-slide-02__content {
  max-width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (max-width: 1239px) {
  .unq-slide-02__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-slide-02__banner {
  position: absolute;
  display: flex;
  background: #FFF;
  padding: 15px 15px 15px 40px;
  margin-left: -40px;
  width: calc(100% + 40px);
  height: 68px;
}

.ie .unq-slide-02__banner {
  top: 43%;
}

.unq-slide-02__banner .unq-slide-02__banner-txt {
  display: inline-block;
  border-right: solid 1px;
  padding: 10px;
  font-size: 1.2rem;
  font-weight: 700;
}

.unq-slide-02__banner .unq-slide-02__banner-img {
  display: inline-block;
  width: 60px;
}

.unq-slide-02__banner .unq-slide-02__banner-img > svg {
  vertical-align: middle;
}

.unq-slide-02__link {
  position: relative;
  z-index: 1;
  bottom: -30px;
}

.unq-slide-02__img {
  position: absolute;
  width: 35%;
  right: 20px;
  bottom: 20px;
  text-align: center;
}

.unq-slide-02__title, .unq-slide-02__subtitle,
.unq-slide-02__link .mod-link-arrow-02__txt {
  color: #FFF;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}

.unq-slide-02__subtitle {
  margin-top: -68px;
  margin-bottom: 20px;
  font-size: 1.4rem;
}

.unq-slide-02__title {
  position: relative;
  z-index: 1;
  height: 68px;
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .unq-slide-02__img--sp {
    display: block !important;
  }
  .unq-slide-02__img--pc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .unq-slide-02__img--sp, .unq-slide-02__img--sp {
    display: none !important;
  }
  .unq-slide-02__img--pc {
    display: block;
  }
  .unq-slide-02__subtitle {
    margin-top: -75px;
    font-size: 1.8rem;
  }
  .unq-slide-02__title {
    margin-bottom: 70px;
    height: 75px;
    font-size: 3rem;
  }
  .unq-slide-02__banner {
    padding: 10px 10px 10px 30px;
    margin-left: -30px;
    width: calc(100% + 30px);
    height: 75px;
  }
  .ie .unq-slide-02__banner {
    top: 45%;
  }
  .unq-slide-02__banner .unq-slide-02__banner-txt {
    padding: 10px 20px 10px 0;
    font-size: 2.3rem;
  }
  .unq-slide-02__banner .unq-slide-02__banner-img {
    margin-left: 5px;
    width: 85px;
  }
  .unq-slide-02__img {
    width: 30%;
    right: 10%;
    bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
  .unq-slide-02__img {
    width: 20%;
    right: 7%;
    bottom: 20px;
  }
}

@media only screen and (max-width: 444px) {
  .unq-slide-02__title {
    font-size: 1.7rem;
  }
}

/* ----------------------------------------------------------------
  .unq-slide
----------------------------------------------------------------- */
.unq-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.unq-slide__content {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.unq-slide__content > * {
  max-width: 100%;
}

.unq-slide__content .unq-slide__inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1239px) {
  .unq-slide__content .unq-slide__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.unq-slide__title, .unq-slide__subtitle,
.unq-slide__link .mod-link-arrow-02__txt {
  color: #FFF;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.9);
}

.unq-slide__subtitle {
  margin-bottom: 20px;
  font-size: 1.4rem;
}

.unq-slide__title {
  margin-bottom: 40px;
  font-size: 2rem;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .unq-slide__img {
    height: 384px;
  }
  .unq-slide__img > img {
    height: 100%;
    width: auto;
    max-width: 768px;
  }
  @supports (object-fit: cover) {
    .unq-slide__img > img {
      object-fit: cover;
      object-position: center top;
      max-width: 100%;
    }
    .unq-slide--bg-left .unq-slide__img > img {
      object-position: left top;
    }
    .unq-slide--bg-right .unq-slide__img > img {
      object-position: right top;
    }
  }
  .unq-slide__img--sp {
    display: block !important;
  }
  .unq-slide__img--pc {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .unq-slide__img > img {
    width: 100%;
  }
  .unq-slide__img--sp, .unq-slide__img--sp {
    display: none !important;
  }
  .unq-slide__img--pc {
    display: block;
  }
  .unq-slide__subtitle {
    font-size: 2rem;
  }
  .unq-slide__title {
    font-size: 3.2rem;
  }
}

/* ----------------------------------------------------------------
  調整クラス
----------------------------------------------------------------- */
/*** Text ***/
.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-va-t {
  vertical-align: top !important;
}

.u-va-m {
  vertical-align: middle !important;
}

.u-va-b {
  vertical-align: bottom !important;
}

.u-center {
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-jc-center {
  justify-content: center;
}

.u-fw-normal {
  font-weight: 400 !important;
}

.u-fw-bold {
  font-weight: 700 !important;
}

.u-fz-10 {
  font-size: 1rem !important;
}

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

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

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

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

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

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

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

.u-fc-primary {
  color: #006699 !important;
}

.u-fc-secondary {
  color: #0099B3 !important;
}

.u-fc-important {
  color: #BE0000 !important;
}

.u-fc-txt {
  color: #333 !important;
}

.u-fc-white {
  color: #FFF !important;
}

.u-sr-only, .mod-widget-modal__button .mod-widget-modal__text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

/*** Decoration ***/
.u-bc-light-blue {
  background-color: #F6F9FC !important;
}

.u-bc-blue {
  background-color: #E5EFF5 !important;
}

.u-bc-light-grey {
  background-color: #F5F5F5 !important;
}

.u-bc-grey {
  background-color: #DEDEDE !important;
}

.u-bc-important {
  background-color: #FFF0F0 !important;
}

.u-bc-dark {
  background-color: #333 !important;
}

.u-bc-light-yellow {
  background-color: #F6F3E8 !important;
}

.u-border-b {
  border-bottom: solid 2px #E5E5E5 !important;
}

/*** Display ***/
@media only screen and (min-width: 768px) {
  .u-pc-hide {
    display: none !important;
  }
  .u-pc-block {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .u-sp-hide {
    display: none !important;
  }
  .u-sp-block {
    display: block;
  }
}

/*** Spacing ***/
.u-mt-0 {
  margin-top: 0px !important;
}

.u-mr-0 {
  margin-right: 0px !important;
}

.u-mb-0 {
  margin-bottom: 0px !important;
}

.u-ml-0 {
  margin-left: 0px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mr-5 {
  margin-right: 5px !important;
}

.u-mb-5 {
  margin-bottom: 5px !important;
}

.u-ml-5 {
  margin-left: 5px !important;
}

.u-mt-10 {
  margin-top: 10px !important;
}

.u-mr-10 {
  margin-right: 10px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}

.u-ml-10 {
  margin-left: 10px !important;
}

.u-mt-15 {
  margin-top: 15px !important;
}

.u-mr-15 {
  margin-right: 15px !important;
}

.u-mb-15 {
  margin-bottom: 15px !important;
}

.u-ml-15 {
  margin-left: 15px !important;
}

.u-mt-20 {
  margin-top: 20px !important;
}

.u-mr-20 {
  margin-right: 20px !important;
}

.u-mb-20 {
  margin-bottom: 20px !important;
}

.u-ml-20 {
  margin-left: 20px !important;
}

.u-mt-25 {
  margin-top: 25px !important;
}

.u-mr-25 {
  margin-right: 25px !important;
}

.u-mb-25 {
  margin-bottom: 25px !important;
}

.u-ml-25 {
  margin-left: 25px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mr-30 {
  margin-right: 30px !important;
}

.u-mb-30 {
  margin-bottom: 30px !important;
}

.u-ml-30 {
  margin-left: 30px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mr-35 {
  margin-right: 35px !important;
}

.u-mb-35 {
  margin-bottom: 35px !important;
}

.u-ml-35 {
  margin-left: 35px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mr-40 {
  margin-right: 40px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-ml-40 {
  margin-left: 40px !important;
}

.u-mt-45 {
  margin-top: 45px !important;
}

.u-mr-45 {
  margin-right: 45px !important;
}

.u-mb-45 {
  margin-bottom: 45px !important;
}

.u-ml-45 {
  margin-left: 45px !important;
}

.u-mt-50 {
  margin-top: 50px !important;
}

.u-mr-50 {
  margin-right: 50px !important;
}

.u-mb-50 {
  margin-bottom: 50px !important;
}

.u-ml-50 {
  margin-left: 50px !important;
}

.u-mt-55 {
  margin-top: 55px !important;
}

.u-mr-55 {
  margin-right: 55px !important;
}

.u-mb-55 {
  margin-bottom: 55px !important;
}

.u-ml-55 {
  margin-left: 55px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mr-60 {
  margin-right: 60px !important;
}

.u-mb-60 {
  margin-bottom: 60px !important;
}

.u-ml-60 {
  margin-left: 60px !important;
}

.u-mt-65 {
  margin-top: 65px !important;
}

.u-mr-65 {
  margin-right: 65px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-ml-65 {
  margin-left: 65px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mr-70 {
  margin-right: 70px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-ml-70 {
  margin-left: 70px !important;
}

.u-mt-75 {
  margin-top: 75px !important;
}

.u-mr-75 {
  margin-right: 75px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-ml-75 {
  margin-left: 75px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mr-80 {
  margin-right: 80px !important;
}

.u-mb-80 {
  margin-bottom: 80px !important;
}

.u-ml-80 {
  margin-left: 80px !important;
}

.u-mt-85 {
  margin-top: 85px !important;
}

.u-mr-85 {
  margin-right: 85px !important;
}

.u-mb-85 {
  margin-bottom: 85px !important;
}

.u-ml-85 {
  margin-left: 85px !important;
}

.u-mt-90 {
  margin-top: 90px !important;
}

.u-mr-90 {
  margin-right: 90px !important;
}

.u-mb-90 {
  margin-bottom: 90px !important;
}

.u-ml-90 {
  margin-left: 90px !important;
}

.u-mt-95 {
  margin-top: 95px !important;
}

.u-mr-95 {
  margin-right: 95px !important;
}

.u-mb-95 {
  margin-bottom: 95px !important;
}

.u-ml-95 {
  margin-left: 95px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mr-100 {
  margin-right: 100px !important;
}

.u-mb-100 {
  margin-bottom: 100px !important;
}

.u-ml-100 {
  margin-left: 100px !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-mb-0 {
    margin-bottom: 0px !important;
  }
  .u-pc-mb-5 {
    margin-bottom: 5px !important;
  }
  .u-pc-mb-10 {
    margin-bottom: 10px !important;
  }
  .u-pc-mb-15 {
    margin-bottom: 15px !important;
  }
  .u-pc-mb-20 {
    margin-bottom: 20px !important;
  }
  .u-pc-mb-25 {
    margin-bottom: 25px !important;
  }
  .u-pc-mb-30 {
    margin-bottom: 30px !important;
  }
  .u-pc-mb-35 {
    margin-bottom: 35px !important;
  }
  .u-pc-mb-40 {
    margin-bottom: 40px !important;
  }
  .u-pc-mb-45 {
    margin-bottom: 45px !important;
  }
  .u-pc-mb-50 {
    margin-bottom: 50px !important;
  }
  .u-pc-mb-55 {
    margin-bottom: 55px !important;
  }
  .u-pc-mb-60 {
    margin-bottom: 60px !important;
  }
  .u-pc-mb-65 {
    margin-bottom: 65px !important;
  }
  .u-pc-mb-70 {
    margin-bottom: 70px !important;
  }
  .u-pc-mb-75 {
    margin-bottom: 75px !important;
  }
  .u-pc-mb-80 {
    margin-bottom: 80px !important;
  }
  .u-pc-mb-85 {
    margin-bottom: 85px !important;
  }
  .u-pc-mb-90 {
    margin-bottom: 90px !important;
  }
  .u-pc-mb-95 {
    margin-bottom: 95px !important;
  }
  .u-pc-mb-100 {
    margin-bottom: 100px !important;
  }
}

.u-pt-0 {
  padding-top: 0px !important;
}

.u-pr-0 {
  padding-right: 0px !important;
}

.u-pb-0 {
  padding-bottom: 0px !important;
}

.u-pl-0 {
  padding-left: 0px !important;
}

.u-pt-5 {
  padding-top: 5px !important;
}

.u-pr-5 {
  padding-right: 5px !important;
}

.u-pb-5 {
  padding-bottom: 5px !important;
}

.u-pl-5 {
  padding-left: 5px !important;
}

.u-pt-10 {
  padding-top: 10px !important;
}

.u-pr-10 {
  padding-right: 10px !important;
}

.u-pb-10 {
  padding-bottom: 10px !important;
}

.u-pl-10 {
  padding-left: 10px !important;
}

.u-pt-15 {
  padding-top: 15px !important;
}

.u-pr-15 {
  padding-right: 15px !important;
}

.u-pb-15 {
  padding-bottom: 15px !important;
}

.u-pl-15 {
  padding-left: 15px !important;
}

.u-pt-20 {
  padding-top: 20px !important;
}

.u-pr-20 {
  padding-right: 20px !important;
}

.u-pb-20 {
  padding-bottom: 20px !important;
}

.u-pl-20 {
  padding-left: 20px !important;
}

.u-pt-25 {
  padding-top: 25px !important;
}

.u-pr-25 {
  padding-right: 25px !important;
}

.u-pb-25 {
  padding-bottom: 25px !important;
}

.u-pl-25 {
  padding-left: 25px !important;
}

.u-pt-30 {
  padding-top: 30px !important;
}

.u-pr-30 {
  padding-right: 30px !important;
}

.u-pb-30 {
  padding-bottom: 30px !important;
}

.u-pl-30 {
  padding-left: 30px !important;
}

.u-pt-35 {
  padding-top: 35px !important;
}

.u-pr-35 {
  padding-right: 35px !important;
}

.u-pb-35 {
  padding-bottom: 35px !important;
}

.u-pl-35 {
  padding-left: 35px !important;
}

.u-pt-40 {
  padding-top: 40px !important;
}

.u-pr-40 {
  padding-right: 40px !important;
}

.u-pb-40 {
  padding-bottom: 40px !important;
}

.u-pl-40 {
  padding-left: 40px !important;
}

.u-pt-45 {
  padding-top: 45px !important;
}

.u-pr-45 {
  padding-right: 45px !important;
}

.u-pb-45 {
  padding-bottom: 45px !important;
}

.u-pl-45 {
  padding-left: 45px !important;
}

.u-pt-50 {
  padding-top: 50px !important;
}

.u-pr-50 {
  padding-right: 50px !important;
}

.u-pb-50 {
  padding-bottom: 50px !important;
}

.u-pl-50 {
  padding-left: 50px !important;
}

.u-pt-55 {
  padding-top: 55px !important;
}

.u-pr-55 {
  padding-right: 55px !important;
}

.u-pb-55 {
  padding-bottom: 55px !important;
}

.u-pl-55 {
  padding-left: 55px !important;
}

.u-pt-60 {
  padding-top: 60px !important;
}

.u-pr-60 {
  padding-right: 60px !important;
}

.u-pb-60 {
  padding-bottom: 60px !important;
}

.u-pl-60 {
  padding-left: 60px !important;
}

.u-pt-65 {
  padding-top: 65px !important;
}

.u-pr-65 {
  padding-right: 65px !important;
}

.u-pb-65 {
  padding-bottom: 65px !important;
}

.u-pl-65 {
  padding-left: 65px !important;
}

.u-pt-70 {
  padding-top: 70px !important;
}

.u-pr-70 {
  padding-right: 70px !important;
}

.u-pb-70 {
  padding-bottom: 70px !important;
}

.u-pl-70 {
  padding-left: 70px !important;
}

.u-pt-75 {
  padding-top: 75px !important;
}

.u-pr-75 {
  padding-right: 75px !important;
}

.u-pb-75 {
  padding-bottom: 75px !important;
}

.u-pl-75 {
  padding-left: 75px !important;
}

.u-pt-80 {
  padding-top: 80px !important;
}

.u-pr-80 {
  padding-right: 80px !important;
}

.u-pb-80 {
  padding-bottom: 80px !important;
}

.u-pl-80 {
  padding-left: 80px !important;
}

.u-pt-85 {
  padding-top: 85px !important;
}

.u-pr-85 {
  padding-right: 85px !important;
}

.u-pb-85 {
  padding-bottom: 85px !important;
}

.u-pl-85 {
  padding-left: 85px !important;
}

.u-pt-90 {
  padding-top: 90px !important;
}

.u-pr-90 {
  padding-right: 90px !important;
}

.u-pb-90 {
  padding-bottom: 90px !important;
}

.u-pl-90 {
  padding-left: 90px !important;
}

.u-pt-95 {
  padding-top: 95px !important;
}

.u-pr-95 {
  padding-right: 95px !important;
}

.u-pb-95 {
  padding-bottom: 95px !important;
}

.u-pl-95 {
  padding-left: 95px !important;
}

.u-pt-100 {
  padding-top: 100px !important;
}

.u-pr-100 {
  padding-right: 100px !important;
}

.u-pb-100 {
  padding-bottom: 100px !important;
}

.u-pl-100 {
  padding-left: 100px !important;
}

.u-width-0 {
  width: 0% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-5 {
  width: 5% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-10 {
  width: 10% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-15 {
  width: 15% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-20 {
  width: 20% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-25 {
  width: 25% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-30 {
  width: 30% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-35 {
  width: 35% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-40 {
  width: 40% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-45 {
  width: 45% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-50 {
  width: 50% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-55 {
  width: 55% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-60 {
  width: 60% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-65 {
  width: 65% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-70 {
  width: 70% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-75 {
  width: 75% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-80 {
  width: 80% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-85 {
  width: 85% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-90 {
  width: 90% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-95 {
  width: 95% !important;
}

.u-width-28 {
  width: 28% !important;
}

.u-width-100 {
  width: 100% !important;
}

.u-width-28 {
  width: 28% !important;
}

@media only screen and (min-width: 768px) {
  .u-pc-width-0 {
    width: 0% !important;
  }
  .u-pc-width-5 {
    width: 5% !important;
  }
  .u-pc-width-10 {
    width: 10% !important;
  }
  .u-pc-width-15 {
    width: 15% !important;
  }
  .u-pc-width-20 {
    width: 20% !important;
  }
  .u-pc-width-25 {
    width: 25% !important;
  }
  .u-pc-width-30 {
    width: 30% !important;
  }
  .u-pc-width-35 {
    width: 35% !important;
  }
  .u-pc-width-40 {
    width: 40% !important;
  }
  .u-pc-width-45 {
    width: 45% !important;
  }
  .u-pc-width-50 {
    width: 50% !important;
  }
  .u-pc-width-55 {
    width: 55% !important;
  }
  .u-pc-width-60 {
    width: 60% !important;
  }
  .u-pc-width-65 {
    width: 65% !important;
  }
  .u-pc-width-70 {
    width: 70% !important;
  }
  .u-pc-width-75 {
    width: 75% !important;
  }
  .u-pc-width-80 {
    width: 80% !important;
  }
  .u-pc-width-85 {
    width: 85% !important;
  }
  .u-pc-width-90 {
    width: 90% !important;
  }
  .u-pc-width-95 {
    width: 95% !important;
  }
  .u-pc-width-100 {
    width: 100% !important;
  }
  .u-pc-width-28 {
    width: 28% !important;
  }
}