@charset "UTF-8";
@-webkit-keyframes nav-local-expand-sp {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes nav-local-expand-sp {
  0% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes nav-local-expand-pc {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes nav-local-expand-pc {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

/* ============================================================================
 * Vendor
 * ========================================================================= */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */

      -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  word-break: break-word;
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  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: .67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 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
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */

  -webkit-text-decoration-skip: objects;
  /* 2 */
}

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

  -webkit-text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  color: #000;
  background-color: #ff0;
}

/**
 * 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,
.sup {
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup,
.sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  /* 2 */
}

/**
 * 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 {
  padding: 0;
  border-style: none;
}

/**
 * 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: .35em .75em .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 {
  /* 3 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  /* 1 */
  vertical-align: baseline;
  display: inline-block;
  /* 2 */
}

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

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          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 inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;

  -webkit-appearance: button;
          appearance: button;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

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

/* ============================================================================
 * Default Styles
 * ========================================================================= */
html {
  font-size: 62.5%;
}

body {
  font-family: "メイリオ", meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.5rem;
  line-height: 1.6;
  color: #223;
  background: #fff;
  position: relative;
  min-width: 320px;
  margin: 0 auto;
  padding: 0;

  -webkit-text-size-adjust: 100%;
}

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

a {
  text-decoration: none;
}

a:link {
  color: #314da5;
}

a:visited {
  color: #7974a6;
}

a:hover,
a:active {
  text-decoration: underline;
  color: #4164d9;
}

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

a img {
          backface-visibility: hidden;

  -webkit-backface-visibility: hidden;
}

a img.icn-_blank,
a img.icn-pdf {
  vertical-align: baseline;
  margin: 0 3px 0 4px;
}

*:not([class^="x-"])> small {
  font-size: 100%;
}

*:not([class^="x-"])> h1,
*:not([class^="x-"])> h2,
*:not([class^="x-"])> h3,
*:not([class^="x-"])> h4,
*:not([class^="x-"])> h5,
*:not([class^="x-"])> h6 {
  font-size: inherit;
  margin: 0;
}

*:not([class^="x-"])> ::-moz-focus-inner {
  padding: 0;
  border: 0;
}

*:not([class^="x-"])> figure {
  margin: 0;
}

*:not([class^="x-"])> ul,
*:not([class^="x-"])> ol,
*:not([class^="x-"])> dl,
*:not([class^="x-"])> dt,
*:not([class^="x-"])> dd,
*:not([class^="x-"])> li {
  margin: 0;
  padding: 0;
}

*:not([class^="x-"])> li {
  list-style: none;
}

*:not([class^="x-"])> em {
  font-weight: bold;
  font-style: normal;
}

*:not([class^="x-"])> dfn {
  font-style: normal;
}

*:not([class^="x-"])> button {
  line-height: inherit;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
}

*:not([class^="x-"])> select::-ms-expand {
  display: none;
}

*:not([class^="x-"])> input,
*:not([class^="x-"])> textarea,
*:not([class^="x-"])> select,
*:not([class^="x-"])> button {
  max-width: 100%;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.richtext_box2 ul,
.richtext_box2 ol {
  padding-left: 22px;
}

.richtext_box2 ul+ *,
.richtext_box2 ol+ * {
  margin-top: 24px;
}

.richtext_box2 ul:not([class]) li {
  display: list-item;
  list-style-type: disc;
}

.richtext_box2 ul:not([class]) li li {
  list-style-type: circle;
}

.richtext_box2 ul:not([class]) li li li {
  list-style-type: square;
}

.richtext_box2 ol:not([class]) li {
  list-style: unset;
}

/* ============================================================================
 * site-*, str-* 全ページ共通で登場するパーツ、構造
 * ========================================================================= */
/* ============================================================================
* str-* 主にメインコンテンツエリアで登場する構造
* ========================================================================= */
/* ----------------------------------------------------------------------------
* .str-hidden アクセシビリティ上存在したほうがいいが、デザイン上非表示にしても問題ないコンテンツに付与する
* ------------------------------------------------------------------------- */
.str-hidden {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0;
  height: 0;
}

/* ----------------------------------------------------------------------------
* .str-outer* 左右の余白を管理するストラクチャ（子要素には.str-inner以外を受け入れない）
* ------------------------------------------------------------------------- */
[class^="str-outer"] {
  padding: 0 16px;
}

[class^="str-outer"]+ .str-outer-partition {
  border-top: 1px solid #d9dadb;
}

[class^="str-outer"]+ .str-outer-partition .str-inner:first-child {
  padding-top: 40px;
}

[class^="str-outer"]+ .str-outer-partition .str-inner:first-child> *:first-child {
  margin-top: 0;
}

.str-outer-full {
  padding: 0;
}

.str-outer-full .str-inner {
  max-width: none;
}

/* ----------------------------------------------------------------------------
* .str-inner モジュールを受け入れるストラクチャ
* ------------------------------------------------------------------------- */
.str-inner {
  max-width: 1100px;
  margin: 0 auto;
}

[class^="str-outer"]> .str-inner:last-child {
  padding-bottom: 40px;
}

[class^="str-outer"]> .str-inner:last-child> *:last-child {
  margin-bottom: 0;
}

[class^="str-outer"]> .str-inner:last-child> *:last-child> .richtext_box2> *:last-child,
[class^="str-outer"]> .str-inner:last-child> *:last-child> [class*="ux2_"]:not(.ux2_heading)> *:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------
* .str-alertList
* ------------------------------------------------------------------------- */
.str-alertList {
  color: #d9dadb;
  margin: 12px 0 32px;
  padding: 0 12px;
  border: solid;
  border-width: 1px 0;
}

.str-alertList strong {
  font-weight: normal;
  color: #223;
}

.str-alertList .list {
  max-width: 960px;
  margin: 0 auto;
  padding: 12px 0 8px;
}

.str-alertList li {
  position: relative;
}

.str-alertList li strong {
  display: block;
  padding: 0 0 0 33px;
}

.str-alertList li a {
  text-decoration: underline;
  color: inherit;
}

.str-alertList li:not(:last-child) {
  margin: 0 0 4px;
}

.str-alertList li::before {
  position: absolute;
  top: 0;
  display: block;
  content: "";
}

.str-alertList[data-level="1"] {
  background: #fff8eb;
}

.str-alertList[data-level="1"] .list li::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -25px;
  background-size: 201px 196px;
  left: 1px;
  width: 20px;
  height: 20px;
}

.str-alertList[data-level="2"] {
  background: #ffebeb;
}

.str-alertList[data-level="2"] strong {
  color: #e00000;
}

.str-alertList[data-level="2"] .list li::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px 0;
  background-size: 201px 196px;
  left: 0;
  width: 22px;
  height: 20px;
}

/* ----------------------------------------------------------------------------
* .str-pageTitle
* ------------------------------------------------------------------------- */
.str-pageTitle {
  margin: 0 0 12px;
  padding: 20px 12px 10px;
}

.str-pageTitle> .inner {
  line-height: 1.25;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.str-pageTitle> .inner> * {
  margin: 0;
}

.str-pageTitle> .inner> * span {
  display: block;
}

.str-pageTitle> .inner> * span+ *:not(strong) {
  display: none;
}

.str-pageTitle> .inner .symbol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.str-pageTitle> .inner .symbol img {
  display: block;
}

.str-pageTitle> .inner h1 {
  word-break: break-word;
  width: 100%;
}

.str-pageTitle> .inner h1+ * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

/* ----------------------------------------------------------------------------
* .str-kv キービジュアル
* ------------------------------------------------------------------------- */
.str-kv {
  border-top: 1px solid #d9dadb;
}

.str-kv img {
  display: block;
  max-width: 100%;
}

/* ----------------------------------------------------------------------------
* .str-breadclumb パンくずリスト
* ------------------------------------------------------------------------- */
.str-breadclumb {
  font-size: 1.2rem;
  margin: 13px auto 16px;
  padding: 0 16px;
}

.str-breadclumb> .inner {
  max-width: 1100px;
  margin: 0 auto;
}

.str-breadclumb .list {
  color: #929294;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.str-breadclumb li {
  list-style: none;
}

.str-breadclumb li+ li {
  padding-left: 8px;
}

.str-breadclumb li+ li::before {
  margin: 0 4px 0 -4px;
  content: ">";
}

.str-breadclumb a[aria-current="page"] {
  color: inherit;
}

/* ----------------------------------------------------------------------------
  * .str-column PC幅時に2カラムを実現するためのストラクチャ
  * ------------------------------------------------------------------------- */
.str-column {
  margin: 0 0 24px;
}

.str-column> .column-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.str-column.of-reverse> .column-inner {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

/* ----------------------------------------------------------------------------
  * .str-scrollTop ページスクロールトップを実現する
  * ------------------------------------------------------------------------- */

.str-scrollTop .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0 0 30px;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

.str-scrollTop p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.str-scrollTop a {
  position: relative;
}

.str-scrollTop a::before {
  background-image: url("/shared/img/sprite.png");
  background-position: 0 0;
  background-size: 214px auto;
  display: block;
  width: 44px;
  height: 44px;
  content: "";
}

.str-scrollTop a span {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0;
  height: 0;
}

.str-scrollTop.is-ready .link {
  pointer-events: none;
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;
}

.str-scrollTop.is-fixed> .str-inner {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(100% - 12px * 2);
  padding: 0;
}

.str-scrollTop.is-fixed .link {
  position: absolute;
  right: 0;
  bottom: 100%;
  contain: layout style;
  opacity: 0;
}

.str-scrollTop.is-visible .link {
  pointer-events: auto;
  opacity: 1;
}

/* ----------------------------------------------------------------------------
  * .str-subcontent
  * ------------------------------------------------------------------------- */
.str-subcontent {
  background: #e9edf5;
  padding-top: 40px;
  padding-bottom: 40px;
  border: 0;
}

.str-subcontent> .inner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1100px;
  margin: auto;
  padding: 0 12px;
}

.str-subcontent> .inner:last-child> *:last-child {
  margin-bottom: 0;
}

.str-subcontent> .inner> .hdg {
  text-align: center;
}

/* ----------------------------------------------------------------------------
  * .str-cvcontent
  * ------------------------------------------------------------------------- */
.str-cvcontent {
  background: #312a2a;
  padding-top: 40px;
  padding-bottom: 40px;
  border: 0;
  color: #fff;
}

.str-cvcontent.type-2 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.str-cvcontent *:not([class^="cv-box"]) a {
  color: #fff;
}

.str-cvcontent .mod-link> a::before {
  background-position: -108px -179px;
}

a[href^="#anc-"].icon-white::before {
  background-position: -127px -112px !important;
}

.str-cvcontent> .inner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 1100px;
  margin: auto;
  padding: 0 12px;
}

.str-cvcontent> .inner:last-child> *:last-child {
  margin-bottom: 0;
}

.str-cvcontent> .inner> [class^="hdg"] {
  text-align: center;
}

.str-cvcontent> .inner> .hdg3:not(:first-of-type) {
  position: relative;
  padding-top: 25px;
}

.str-cvcontent> .inner> .hdg3:not(:first-of-type)::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #686c79;
}

.str-cvcontent> .inner> .hdg3> .label {
  font-size: 90%;
}

.str-cvcontent> .inner> .hdg3> .em {
  background: linear-gradient(transparent 60%, #3686da 20%);
  font-size: 120%;
}

.str-cvcontent> .inner> .hdg3> .em.type-2 {
  background: linear-gradient(transparent 60%, #1eb13e 20%);
}

.str-cvcontent .box-cv {
  height: 100%;
  padding: 13px 20px;
  background: #fff;
  text-align: center;
  color: #223;
}

.str-cvcontent .box-cv .time {
  margin: 0;
  font-size: 1.4rem;
}

.str-cvcontent .box-cv .time> span {
  font-size: 1.2rem;
}

.str-cvcontent .box-cv .number {
  margin: 0;
  font-family: -apple-system, arial, "Helvetica Neue", helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.3;
}

.str-cvcontent .box-cv .number a {
  color: #223;
}

.str-cvcontent .box-cv .number img {
  height: 21px;
}


.str-cvcontent .box-cv> *:first-child {
  margin-top: 0 !important;
}

.str-cvcontent .box-cv> *:last-child {
  margin-bottom: 0 !important;
}

.str-cvcontent .box-cv .copy {
  font-weight: bold;
}

.str-cvcontent .btn {
  color: #223;
}

.str-cvcontent> .inner> .mod-list-notice> .list> li {
  color: #fff;
}

/* ----------------------------------------------------------------------------
  * .str-footerlink
  * ------------------------------------------------------------------------- */
.str-footerlink {
  font-size: 1.3rem;
  background: #efefef;
}

.str-footerlink .accordion-panel {
  overflow: hidden;
  padding: 0 !important;
}

html[data-script-enabled="true"] .str-footerlink .accordion-panel {
  display: none;
  -webkit-transition: .2s height ease-out;
          transition: .2s height ease-out;
}

html[data-script-enabled="true"] .str-footerlink .accordion-panel[role="region"]:not([hidden]) {
  display: block;
}

.str-footerlink> .inner {
  max-width: 960px;
  margin: 0 auto;
}

.str-footerlink> .inner> .list {
  border-top: 1px solid #dedede;
}

.str-footerlink> .inner> .list li {
  border-bottom: 1px solid #dedede;
}

.str-footerlink> .inner> .list li> .title {
  font-weight: bold;
  position: relative;
  padding: 9px 9px 7px;
  border-bottom: 1px solid #dedede;
}

.str-footerlink> .inner> .list .list> li {
  padding: 10px 12px 7px 20px;
}

.str-footerlink> .inner> .list .list a {
  position: relative;
  display: block;
}

.str-footerlink> .inner> .list .list a> span {
  display: block;
  padding: 0 0 0 21px;
}

.str-footerlink> .inner> .list .list a> span:first-child::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -132px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 5px;
  left: 4px;
  width: 7px;
  height: 8px;
  content: "";
}

.str-footerlink> .inner> .list .list a[target="_blank"]> img:first-child {
  position: absolute;
  top: 4px;
  left: 1px;
}

.str-footerlink> .inner> .list .list a[href*=".pdf"]> img:first-child {
  position: absolute;
  top: 3px;
  left: 1px;
}

.str-footerlink a {
  color: #494951;
}

html[data-script-enabled="true"] .str-footerlink> .inner> .list li> .title::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -105px -112px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 17px;
  height: 10px;
  margin: auto 0;
  content: "";
  -webkit-transition: .2s ease-out transform;
          transition: .2s ease-out transform;
}

html[data-script-enabled="true"] .str-footerlink> .inner> .list li> .title[aria-expanded="true"]::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/* ----------------------------------------------------------------------------
  * .str-footerlink-02
  * ------------------------------------------------------------------------- */
.str-footerlink-02 {
  background: #edede4;
}

.str-footerlink-02> .inner {
  max-width: 960px;
  margin: 0 auto;
}

.str-footerlink-02> .inner> .list {
  border-top: 1px solid #dedede;
}

.str-footerlink-02> .inner> .list li {
  border-bottom: 1px solid #dedede;
}

.str-footerlink-02> .inner> .list li> .title {
  font-weight: bold;
  padding: 9px 9px 5px;
  border-bottom: 1px solid #dedede;
}

.str-footerlink-02> .inner> .list .list> li {
  padding: 9px 12px 5px 20px;
}

.str-footerlink-02> .inner> .list .list a {
  position: relative;
  display: inline-block;
}

.str-footerlink-02> .inner> .list .list a> span {
  display: block;
  padding: 0 0 0 21px;
}

.str-footerlink-02> .inner> .list .list a> span:first-child::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -132px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 7px;
  left: 4px;
  width: 7px;
  height: 8px;
  content: "";
}

.str-footerlink-02> .inner> .list .list a[target="_blank"]> img:first-child {
  position: absolute;
  top: 6px;
  left: 1px;
}

.str-footerlink-02> .inner> .list .list a[href*=".pdf"]> img:first-child {
  position: absolute;
  top: 5px;
  left: 1px;
}

.str-sp-fixed-apply {
  display: none;
}

/* ============================================================================
 * nav-* ナビゲーションコンポーネント
 * ========================================================================= */
/* ============================================================================
 * _main メインコンテンツエリアのナビゲーション
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .nav-local ローカルナビ
 * ------------------------------------------------------------------------- */
.nav-local {
  display: none;
}

/* ----------------------------------------------------------------------------
 * .nav-local-02 ローカルナビ
 * ------------------------------------------------------------------------- */
.nav-local-02 {
  background: #f0f0ed;
  overflow: hidden;
  margin: 0 0 24px;
  border-radius: 4px;
}

.nav-local-02> .inner> .title {
  margin-top: 5px;
}

.nav-local-02> .inner> .link {
  width: 100%;
}

.nav-local-02> .inner> .link> .list {
  font-size: 1.3rem;
  line-height: 1.61538;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nav-local-02> .inner> .link> .list> li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nav-local-02> .inner> .conversion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.nav-local-02> .inner> .conversion> .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.nav-local-02> .inner> .conversion> .btn> a {
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  color: #223;
  background: #fcdb00;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  padding: 10px 2em 6px;
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.nav-local-02> .inner> .conversion> .btn> a> [class*="icn-"] {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  margin: auto 0;
}

.nav-local-02> .inner> .conversion> .btn> a:not([target="_blank"])::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -84px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 13px;
  margin: auto 0;
  content: "";
  -webkit-transition: .2s right ease-out;
          transition: .2s right ease-out;
}

.nav-local-02> .inner> .conversion> .btn> a:not([target="_blank"]):hover,
.nav-local-02> .inner> .conversion> .btn> a:not([target="_blank"]):focus {
  opacity: .7;
}

.nav-local-02> .inner> .conversion> .btn> a:not([target="_blank"]):hover::after,
.nav-local-02> .inner> .conversion> .btn> a:not([target="_blank"]):focus::after {
  right: 10px;
}

.nav-local-02 a {
  color: inherit;
}

.nav-local-02 a[aria-current="page"] {
  border-bottom: 2px solid #5ca122;
}

/* ----------------------------------------------------------------------------
 * .nav-pager ページャー
 * ------------------------------------------------------------------------- */
.nav-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 0 24px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.nav-pager a {
  font-size: 1.2rem;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.nav-pager a:focus {
  outline: 1px dotted #223;
  outline: -webkit-focus-ring-color auto 5px;
}

.nav-pager a[aria-current="page"] {
  font-weight: bold;
  text-decoration: underline;
}

.nav-pager> .list {
  position: relative;
}

.nav-pager> .list> .prev,
.nav-pager> .list> .next {
  position: absolute;
}

.nav-pager> .list> .prev a::before,
.nav-pager> .list> .next a::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  content: "";
}

.nav-pager> .list> .prev a:focus,
.nav-pager> .list> .next a:focus {
  text-decoration: underline;
  outline: 0;
}

.nav-pager> .list> .prev a:focus::before,
.nav-pager> .list> .next a:focus::before {
  outline: 1px dotted #223;
  outline: -webkit-focus-ring-color auto 5px;
}

.nav-pager> .list> .prev {
  left: -40px;
}

.nav-pager> .list> .prev a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -89px 0;
  background-size: 201px 196px;
  width: 39px;
  height: 39px;
}

.nav-pager> .list> .prev.jump {
  left: -80px;
}

.nav-pager> .list> .prev.jump a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -44px -45px;
  background-size: 201px 196px;
  width: 39px;
  height: 39px;
}

.nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page li:first-child,
.nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page li:last-child {
  display: none;
}

.nav-pager> .list> .prev:first-child+ .prev+ .page li:first-child:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
.nav-pager> .list> .prev:first-child+ .prev+ .page li:nth-child(2):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
.nav-pager> .list> .prev:first-child+ .prev+ .page li:nth-child(3):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
  display: none;
}

.nav-pager> .list> .next {
  right: -40px;
}

.nav-pager> .list> .next a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -45px 0;
  background-size: 201px 196px;
  width: 39px;
  height: 39px;
}

.nav-pager> .list> .next.jump {
  right: -80px;
}

.nav-pager> .list> .next.jump a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -45px;
  background-size: 201px 196px;
  width: 39px;
  height: 39px;
}

.nav-pager> .list> .next:first-child+ .next+ .page li:nth-last-child(3):not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
.nav-pager> .list> .next:first-child+ .next+ .page li:nth-last-child(2):not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
.nav-pager> .list> .next:first-child+ .next+ .page li:last-child:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
  display: none;
}

.nav-pager> .list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

/* ============================================================================
 * _side サイドナビ
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .nav-side-local サイド用ローカルナビ
 * ------------------------------------------------------------------------- */
.nav-side-local {
  margin: 0 0 40px;
}

.nav-side-local> .hdg {
  font-size: 1.7rem;
  line-height: 1.25;
  position: relative;
  padding: 0 0 8px 12px;
}

.nav-side-local> .hdg a {
  color: inherit;
}

.nav-side-local> .hdg::after {
  background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
  background: linear-gradient(to right, #5ca122, #fff630);
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
}

.nav-side-local> .list {
  background: #f0f1f3;
  border: 1px solid #d9dadb;
  border-width: 0 1px 1px;
}

.nav-side-local> .list a {
  color: #666;
  position: relative;
  display: block;
  padding: 12px 16px 7px 27px;
  border-top: 1px solid #d9dadb;
}

.nav-side-local> .list a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -132px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 7px;
  height: 8px;
  margin: auto 0;
  content: "";
}

.nav-side-local> .list .list {
  padding: 0 0 0 8px;
}

.nav-side-local> .list .list a {
  background: #f7f8fa;
  padding-left: 28px;
}

.nav-side-local> .list .list .list {
  background: #f7f8fa;
}

.nav-side-local> .list .list .list a {
  background: #fff;
  border: 0;
}

html[data-script-enabled="true"] .nav-side-local> .list .list {
  display: none;
}

html[data-script-enabled="true"] .nav-side-local> .list .is-current> a:not([href]) {
  text-decoration: underline;
  color: #223;
}

html[data-script-enabled="true"] .nav-side-local> .list .is-current:not(:last-child)> a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -90px -135px;
  background-size: 201px 196px;
  width: 8px;
  height: 7px;
}

html[data-script-enabled="true"] .nav-side-local> .list .is-current+ .list {
  display: block;
}

/* ----------------------------------------------------------------------------
 * .nav-side-filter サイド用絞り込みナビゲーション
 * ------------------------------------------------------------------------- */
.nav-side-filter {
  font-size: 1.4rem;
  letter-spacing: .3px;
  color: #223;
  background: #f5f5f5;
  overflow: hidden;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
}

.nav-side-filter .filter-input {
  margin: 0 0 9px;
  padding: 14px 11px;
}

.nav-side-filter .input-wrap {
  position: relative;
}

.nav-side-filter .input-wrap input[type="search"] {
  font-size: 1.6rem;
  line-height: 2.5625;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-height: 45px;
  padding: 2px 0 0 9px;
  border: 1px solid #d9dadb;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 0 #e4e6e7;
          box-shadow: 0 2px 0 0 #e4e6e7;
}

.nav-side-filter .input-wrap button[type="submit"] {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpENUZFRkEyOTRENTZFNzExOThCMzlFNTZCQTQwRTc1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQzYyRDM4MUFBNkUxMUU3QTc2Q0RERDIzRjVERTc2MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQzYyRDM4MEFBNkUxMUU3QTc2Q0RERDIzRjVERTc2MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRUFGRTI1MTU3MDMxMUU3OEYxMUE1QTQ2NjY2MEJFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRUFGRTI1MjU3MDMxMUU3OEYxMUE1QTQ2NjY2MEJFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr6DRHYAAAEoSURBVHjalNK9S4JRFMfxmzwECYHl0h8g2Fb9AS29QJNjWwguUfAUtPgSFESRRUuD0RJBRIPgUODs4NjS2NTUm1O0m/Q9cIyHi0fzBx8uPvfe430bCcPQaWawi2Uk0EIdR3hxRmLaruERSWxjAXuYxROWrAIB5nCFQxxE+hr6/RI1TOOj1wpk2U1vcjc/2NDt7FhbWMSNs9PGnY7rWUAO7M31j/RPWgXekR5QQPb/ahV4wCZGjckTyOLeKiD3PIVbxL3+pP7BFy6sa5SlrehAeTBV/ZbCKj6RwRmece4XcPqIZJ/r+mjm9eCKuEYFOR07hrJfQPKNU+UneoDHGNf38/eUB2UfJ5Hfpe4qAvf/FLTNR9pOzA2XgreSrcANHynSkclyO78CDACRiDkj+bM/eAAAAABJRU5ErkJggg==") center center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 43px;
  margin: auto 0;
}

.nav-side-filter .input-wrap button[type="submit"] span {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}

.nav-side-filter .checkboxes-hdg {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 1px;
  padding: 0 11px 11px;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"] {
  position: relative;
  z-index: 0;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]::before,
.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]::after {
  position: absolute;
  display: block;
  content: "";
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]::before {
  z-index: 1;
  top: 3px;
  right: 0;
  width: 30px;
  height: 30px;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]::after {
  z-index: 2;
  top: 18px;
  right: 11px;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #a5a7a8;
  border-width: 0 2px 2px 0;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]:focus {
  outline: 0;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]:focus> label,
.nav-side-filter .checkboxes-tree> ul li[role="treeitem"]:focus> span {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"][aria-expanded="true"]> label,
.nav-side-filter .checkboxes-tree> ul li[role="treeitem"][aria-expanded="true"]> span {
  font-weight: bold;
}

.nav-side-filter .checkboxes-tree> ul li[role="treeitem"][aria-expanded="true"]::after {
  top: 23px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

html[data-script-enabled="true"] .nav-side-filter .checkboxes-tree> ul li[role="treeitem"][aria-expanded="true"]> ul {
  display: block;
}

.nav-side-filter .checkboxes-tree> ul li> label,
.nav-side-filter .checkboxes-tree> ul li> span {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.nav-side-filter .checkboxes-tree> ul li> label {
  position: relative;
}

.nav-side-filter .checkboxes-tree> ul li> label input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}

.nav-side-filter .checkboxes-tree> ul li> label input+ span {
  display: block;
  padding: 0 0 0 20px;
}

.nav-side-filter .checkboxes-tree> ul li> label input+ span::before,
.nav-side-filter .checkboxes-tree> ul li> label input+ span::after {
  position: absolute;
  display: block;
  content: "";
}

.nav-side-filter .checkboxes-tree> ul li> label input+ span::before {
  background: #fff;
  top: 12px;
  left: 9px;
  width: 13px;
  height: 13px;
  border: 1px solid #cbcbcb;
  border-radius: 2px;
}

.nav-side-filter .checkboxes-tree> ul li> label input+ span::after {
  background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMl8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzYzQTQyQTt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ2OS40LDM1LjVjLTEzNS4zLDc1LjItMjcyLjMsMjg5LTI3Mi4zLDI4OUw3My41LDE4NC4yTDAsMjU0LjNsMTc4LjcsMjIyLjJsNjUuMS0yLjUNCgkJQzMyNy40LDIyMy40LDUxMiw1NS41LDUxMiw1NS41TDQ2OS40LDM1LjV6Ii8+DQo8L2c+DQo8L3N2Zz4=") 0 0 no-repeat;
  background-size: cover;
  top: 13px;
  left: 11px;
  width: 9px;
  height: 9px;
  -webkit-transition: .1s opacity ease-out;
          transition: .1s opacity ease-out;
  opacity: 0;
}

.nav-side-filter .checkboxes-tree> ul li> label input:checked+ span::after {
  opacity: 1;
}

.nav-side-filter .checkboxes-tree> ul li> label input:focus+ span::before {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

html[data-script-enabled="true"] .nav-side-filter .checkboxes-tree> ul li ul {
  display: none;
}

.nav-side-filter .checkboxes-tree> ul li ul ul li> label input+ span {
  padding-left: 26px;
}

.nav-side-filter .checkboxes-tree> ul li ul ul li> label input+ span::before {
  top: 12px;
}

.nav-side-filter .checkboxes-tree> ul li ul ul li> label input+ span::after {
  top: 14px;
}

.nav-side-filter .checkboxes-tree> ul> li:first-child> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li:first-child> span:first-child {
  border-top: 1px solid #e3e4e6;
}

.nav-side-filter .checkboxes-tree> ul> li[role="treeitem"]:focus> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li[role="treeitem"]:focus> span:first-child {
  background: #eee;
}

.nav-side-filter .checkboxes-tree> ul> li[role="treeitem"][aria-expanded="true"]> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li[role="treeitem"][aria-expanded="true"]> span:first-child {
  background: #e4e4e4;
}

.nav-side-filter .checkboxes-tree> ul> li> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> span:first-child {
  background: #f5f5f5;
  position: relative;
  padding: 12px 30px 9px 10px;
  border-bottom: 1px solid #e3e4e6;
}

.nav-side-filter .checkboxes-tree> ul> li> label:first-child::before,
.nav-side-filter .checkboxes-tree> ul> li> span:first-child::before {
  background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fef530));
  background: linear-gradient(to right, #5ca122, #fef530);
  position: absolute;
  z-index: 0;
  bottom: 100%;
  left: 0;
  display: block;
  width: 64px;
  height: 1px;
  content: "";
}

.nav-side-filter .checkboxes-tree> ul> li:last-child> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li:last-child> span:first-child {
  border-bottom: 0;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li:first-child {
  border-top: 1px solid #c5c5c5;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"]:focus> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"]:focus> span:first-child {
  background: #eee;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"][aria-expanded="true"]> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"][aria-expanded="true"]> span:first-child {
  background: #e4e4e4;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"][aria-expanded="true"]::after {
  top: 19px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"]::after {
  top: 14px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li> span:first-child {
  padding: 8px 30px 5px 9px;
  border-bottom: 1px solid #c5c5c5;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul {
  background: #fff;
  padding: 3px 0 9px;
  -webkit-box-shadow: 0 -1px 0 0 #c5c5c5 inset;
          box-shadow: 0 -1px 0 0 #c5c5c5 inset;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li {
  padding: 0 0 0 12px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li> span:first-child {
  padding: 9px 30px 8px 3px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li[role="treeitem"]::after {
  top: 15px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li[role="treeitem"][aria-expanded="true"]::after {
  top: 19px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li> span:first-child {
  padding-bottom: 4px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li[role="treeitem"]::after {
  top: 12px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li[role="treeitem"][aria-expanded="true"]::after {
  top: 17px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li {
  font-size: 1.3rem;
  padding-top: 2px;
  padding-bottom: 3px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label input+ span::before {
  top: 13px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label input+ span::after {
  top: 15px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label:first-child,
.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> span:first-child {
  font-size: 1.3rem;
  margin: 0 0 2px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> ul {
  font-size: 1.2rem;
  margin: 3px 0 0;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> ul> li> label input+ span::before {
  top: 11px;
}

.nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> ul> li> label input+ span::after {
  top: 13px;
}

.nav-side-filter .filter-control {
  background: #fff;
  padding: 14px 9px;
}

.nav-side-filter .contol-btns {
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -4px 0 0 -4px;
}

.nav-side-filter .contol-btns> .btn {
  flex-basis: 50%;
  max-width: 50%;
  padding: 4px 0 0 4px;

  -ms-flex-preferred-size: 50%;
}

.nav-side-filter .contol-btns> .btn button {
  color: #5d5d5d;
  width: 100%;
  padding: 4px 2px 2px;
  border: 1px solid #c8c8c8;
}

.nav-side-filter .contol-btns> .btn button[type="submit"] {
  font-weight: bold;
  color: #fff;
  background: #5ca122;
  border-color: #5ca122;
}

.nav-side-filter .contol-btns> .btn button:focus {
  outline: 1px dotted #333;
  outline: -webkit-focus-ring-color auto 5px;
}

/* ============================================================================
 * _txt modules
 * ========================================================================= */
[class^="mod-"] strong,
.em-txt {
  color: #f36641;
}

/**********AEM専用**********/
/*赤文字*/
.richtext_box2 .red {
  color: #f36641;
}

/* コンテンツの間隔調整 */
.richtext_box2+ .richtext_box2 {
  margin-top: 8px;
}

.richtext_box2> p:first-child {
  margin-top: 0;
}

*+ .ux2_list_column {
  margin-top: 24px;
}

/*注釈*/
[class*="aem-note"],
[class*="aem-num-note"] {
  display: inline-block;
  padding-left: 1.7em;
}

[class*="aem-note"]:last-of-type,
[class*="aem-num-note"]:last-of-type {
  margin-bottom: 24px;
}

[class*="aem-note"] {
  text-indent: -1.4em;
}

[class*="aem-note"]::before {
  margin-right: .4em;
  content: "※";
}

[class*="aem-num-note"] {
  text-indent: -1.7em;
}

[class*="aem-num-note"]::first-letter {
  margin-right: .5em;
}

[class*="-smaller"] {
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------------------
 * .mod-txt
 * ------------------------------------------------------------------------- */
.mod-txt {
  margin: 0 0 24px;
}

.mod-txt p {
  margin: 0;
}

.mod-txt p> b.lede {
  font-size: 1.9rem;
  display: block;
  margin: 0 0 8px;
}

.mod-txt.of-small {
  font-size: 1.3rem;
}

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

.mod-txt+ [class^="mod-list"] {
  margin-top: -20px;
}

.mod-txt-label.type-step {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #929294;
  display: inline-block;
  padding: 3px 11px 0;
}

.mod-txt-label+ span,
.mod-txt-label+ strong,
.mod-txt-label+ em {
  margin-left: .5em;
}

/* ----------------------------------------------------------------------------
 * .mod-lede
 * ------------------------------------------------------------------------- */
.mod-lede {
  max-width: 810px;
  margin: 0 auto 24px;
  line-height: 2;
  color: #53535f;
}

.mod-lede p {
  margin: 0;
}

.mod-lede p> b.lede {
  font-size: 1.9rem;
  display: block;
  margin: 0 0 8px;
}

.mod-lede+ .mod-lede {
  margin-top: -8px;
}

.mod-lede+ [class^="mod-list"] {
  margin-top: -20px;
}

/* ============================================================================
 * _hdg modules
 * ========================================================================= */
[class^="mod-hdg"]+ [class^="mod-hdg"],
.ux2_heading+ .ux2_heading> [class^="mod-hdg"] {
  margin-top: 0;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-al2
 * ------------------------------------------------------------------------- */
.mod-hdg-al2 {
  font-size: 2.6rem;
  line-height: 1.25;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 64px 0 20px;
  padding-left: 15px;
}

.mod-hdg-al2 span {
  display: block;
}

.mod-hdg-al2 span:not(:last-child) {
  font-size: 1.6rem;
  padding-top: 4px;
}

.mod-hdg-al2 span+ *:not(strong) {
  display: none;
}

.mod-hdg-al2 strong {
  color: inherit;
}

.mod-hdg-al2::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#5ca122), to(#fff630));
  background: linear-gradient(to bottom, #5ca122, #fff630);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  content: "";
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-al3
 * ------------------------------------------------------------------------- */
.mod-hdg-al3 {
  font-size: 2.1rem;
  line-height: 1.2381;
  margin: 48px 0 20px;
}

.mod-hdg-al3 span:not(:last-child) {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-al4
 * ------------------------------------------------------------------------- */
.mod-hdg-al4 {
  font-size: 1.9rem;
  line-height: 1.26316;
  margin: 40px 0 20px;
}

.mod-hdg-al4 span:not(:last-child) {
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-al5
 * ------------------------------------------------------------------------- */
.mod-hdg-al5 {
  font-size: 1.7rem;
  line-height: 1.23529;
  margin: 32px 0 20px;
}

.mod-hdg-al5 span:not(:last-child) {
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-al6
 * ------------------------------------------------------------------------- */
.mod-hdg-al6 {
  font-size: 1.5rem;
  line-height: 1.26667;
  margin: 0 0 20px;
}

.mod-hdg-al6 span:not(:last-child) {
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl{n}
 * ------------------------------------------------------------------------- */
.mod-hdg-bl2,
.mod-hdg-bl3,
.mod-hdg-bl4,
.mod-hdg-bl5,
.mod-hdg-bl6 {
  background: #f7f7f2;
  margin: 0 0 20px;
  border-left: 4px solid #d9d9d4;
}

.mod-hdg-bl2> *,
.mod-hdg-bl3> *,
.mod-hdg-bl4> *,
.mod-hdg-bl5> *,
.mod-hdg-bl6> * {
  margin: 0;
  padding: 0 10px;
}

.mod-hdg-bl2> *:first-child,
.mod-hdg-bl3> *:first-child,
.mod-hdg-bl4> *:first-child,
.mod-hdg-bl5> *:first-child,
.mod-hdg-bl6> *:first-child {
  padding-top: 8px;
  padding-bottom: 5px;
}

.mod-hdg-bl2 p> b.lede,
.mod-hdg-bl3 p> b.lede,
.mod-hdg-bl4 p> b.lede,
.mod-hdg-bl5 p> b.lede,
.mod-hdg-bl6 p> b.lede {
  font-weight: normal;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl2
 * ------------------------------------------------------------------------- */
.mod-hdg-bl2 {
  font-size: 2.2rem;
  line-height: 1.27273;
  margin: 64px 0 20px;
}

.mod-hdg-bl2> *:first-child:not(:last-child) {
  padding-top: 13px;
  padding-bottom: 4px;
}

.mod-hdg-bl2> *:last-child:not(:first-child) {
  padding-bottom: 11px;
}

.mod-hdg-bl2 p> b.lede {
  font-size: 1.7rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl3
 * ------------------------------------------------------------------------- */
.mod-hdg-bl3 {
  font-size: 1.8rem;
  line-height: 1.27778;
  margin: 48px 0 20px;
}

.mod-hdg-bl3> *:first-child:not(:last-child) {
  padding-top: 14px;
  padding-bottom: 4px;
}

.mod-hdg-bl3> *:last-child:not(:first-child) {
  padding-bottom: 14px;
}

.mod-hdg-bl3 p> b.lede {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl4
 * ------------------------------------------------------------------------- */
.mod-hdg-bl4 {
  font-size: 1.7rem;
  line-height: 1.23529;
  margin: 40px 0 20px;
}

.mod-hdg-bl4> *:first-child:not(:last-child) {
  padding-top: 11px;
  padding-bottom: 2px;
}

.mod-hdg-bl4> *:last-child:not(:first-child) {
  padding-bottom: 10px;
}

.mod-hdg-bl4 p> b.lede {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl5
 * ------------------------------------------------------------------------- */
.mod-hdg-bl5 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 32px 0 20px;
}

.mod-hdg-bl5> *:first-child:not(:last-child) {
  padding-top: 11px;
  padding-bottom: 2px;
}

.mod-hdg-bl5> *:last-child:not(:first-child) {
  padding-bottom: 10px;
}

.mod-hdg-bl5 p> b.lede {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-bl6
 * ------------------------------------------------------------------------- */
.mod-hdg-bl6 {
  font-size: 1.5rem;
  line-height: 1.26667;
  margin: 0 0 20px;
}

.mod-hdg-bl6> *:first-child:not(:last-child) {
  padding-top: 12px;
  padding-bottom: 3px;
}

.mod-hdg-bl6> *:last-child:not(:first-child) {
  padding-bottom: 10px;
}

.mod-hdg-bl6 p> b.lede {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl{n}
 * ------------------------------------------------------------------------- */
.mod-hdg-cl2,
.mod-hdg-cl3,
.mod-hdg-cl4,
.mod-hdg-cl5,
.mod-hdg-cl6 {
  text-align: center;
  margin: 0 0 20px;
}

.mod-hdg-cl2> *,
.mod-hdg-cl3> *,
.mod-hdg-cl4> *,
.mod-hdg-cl5> *,
.mod-hdg-cl6> * {
  position: relative;
  padding: 0 0 12px;
}

.mod-hdg-cl2> *::after,
.mod-hdg-cl3> *::after,
.mod-hdg-cl4> *::after,
.mod-hdg-cl5> *::after,
.mod-hdg-cl6> *::after {
  background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
  background: linear-gradient(to right, #5ca122, #fff630);
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 171px;
  height: 3px;
  margin: 0 auto;
  content: "";
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl2
 * ------------------------------------------------------------------------- */
.mod-hdg-cl2 {
  font-size: 2.2rem;
  line-height: 1.25;
  margin: 36px 0 27px;
}

.mod-hdg-cl2> * {
  padding-bottom: 10px;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl3
 * ------------------------------------------------------------------------- */
.mod-hdg-cl3 {
  font-size: 1.8rem;
  line-height: 1.27778;
  margin: 48px 0 20px;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl4
 * ------------------------------------------------------------------------- */
.mod-hdg-cl4 {
  font-size: 1.7rem;
  line-height: 1.23529;
  margin: 40px 0 20px;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl5
 * ------------------------------------------------------------------------- */
.mod-hdg-cl5 {
  font-size: 1.6rem;
  line-height: 1.25;
  margin: 32px 0 20px;
}

/* ----------------------------------------------------------------------------
 * .mod-hdg-cl6
 * ------------------------------------------------------------------------- */
.mod-hdg-cl6 {
  font-size: 1.5rem;
  line-height: 1.26667;
  margin: 0 0 20px;
}

/* ============================================================================
 * _btn modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-btn
 * ------------------------------------------------------------------------- */
.mod-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 24px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-btn[data-col] {
  -ms-flex-direction: row;
      flex-direction: row;
  align-items: stretch;
  margin-top: -24px;
  margin-left: -24px;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
}

.mod-btn[data-col] .btn {
  padding: 24px 0 0 24px;
}

.mod-btn[data-col] .btn:not(:last-child) {
  margin: 0;
}

.mod-btn[data-col] .btn a,
.mod-btn[data-col] .btn button[type] {
  width: 100%;
}

.mod-btn[data-col="1"] .btn {
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;

  -ms-flex-preferred-size: 100%;
}

.mod-btn[data-col="2"] .btn {
  flex-basis: 50%;
  width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-btn[data-col="3"] .btn {
  flex-basis: 33.3333%;
  width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.3333%;
}

.mod-btn[data-col="4"] .btn {
  flex-basis: 25%;
  width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-btn[data-col="5"] .btn {
  flex-basis: 20%;
  width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-btn[data-col="6"] .btn {
  flex-basis: 16.6666%;
  width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.6666%;
}

.mod-btn.of-small a,
.mod-btn.of-small button[type] {
  font-size: 1.3rem;
}

.mod-btn.of-large a,
.mod-btn.of-large button[type] {
  font-size: 2.4rem;
  line-height: 1.25;
  width: 100%;
  min-height: 54px;
  padding: 8px 36px;
}

.mod-btn a,
.mod-btn button[type] {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background: #f0f1f3;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 234px;
  min-height: 48px;
  padding: 10px 36px;
  border: 1px solid #d9dadb;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-btn a> span,
.mod-btn button[type]> span {
  width: 100%;
}

html:not([data-device="iphone"]) .mod-btn a> span,
html:not([data-device="iphone"])
.mod-btn button[type]> span {
  margin-bottom: -.25em;
}

.mod-btn a:not([target="_blank"])::after,
.mod-btn button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -84px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 13px;
  margin: auto 0;
  content: "";
}

.mod-btn a[target="_blank"] img.icn-_blank {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto 0;
}

.mod-btn .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.mod-btn .btn a,
.mod-btn .btn button[type] {
  color: inherit;
}

.mod-btn .btn:not(:last-child) {
  margin: 0 0 24px;
}

.mod-btn .btn.var-02 a,
.mod-btn .btn.var-02 button[type] {
  color: #fff;
  background: #314da5;
}

.mod-btn .btn.var-02 a:not([target="_blank"])::after,
.mod-btn .btn.var-02 button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -72px -179px;
  background-size: 201px 196px;
  width: 7px;
  height: 13px;
}

.mod-btn .btn.var-03 a,
.mod-btn .btn.var-03 button[type] {
  background: #fcdb00;
}

.mod-btn .btn.type-full,
.mod-btn .btn.type-wide,
.mod-btn .btn.type-narrow {
  width: 100%;
}

.mod-btn .btn.type-full a,
.mod-btn .btn.type-full button[type],
.mod-btn .btn.type-wide a,
.mod-btn .btn.type-wide button[type],
.mod-btn .btn.type-narrow a,
.mod-btn .btn.type-narrow button[type] {
  width: 100%;
}

.mod-btn .btn.type-full {
  flex-basis: 100%;
  width: 100%;

  -ms-flex-preferred-size: 100%;
}

.mod-btn .btn.type-wide {
  width: 468px;
}

.mod-btn .btn.type-narrow {
  width: 222px;
}

.mod-btn .btn.of-return a,
.mod-btn .btn.of-return button[type] {
  color: #fff;
  background: #929294;
}

.mod-btn .btn.of-return a:not([target="_blank"])::after,
.mod-btn .btn.of-return button[type]::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -60px -179px;
  background-size: 201px 196px;
  right: auto;
  left: 14px;
  width: 7px;
  height: 13px;
}

.mod-btn button:disabled,
.mod-btn a:not([href]) {
  opacity: .3;
}

.mod-btn:not([data-col]).align-left {
  align-items: flex-start !important;

  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
}

.mod-btn:not([data-col]).align-right {
  align-items: flex-end !important;

  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
}

.mod-btn[data-col].align-left {
  justify-content: flex-start !important;

  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
}

.mod-btn[data-col].align-left .btn a {
  text-align: left;
  justify-content: flex-start;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

.mod-btn[data-col].align-right {
  justify-content: flex-end !important;

  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
}

.mod-btn[data-col].align-right .btn a {
  text-align: right;
  justify-content: flex-end;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

.mod-btn[data-col].align-right .btn a::after,
.mod-btn[data-col].align-right .btn a img.icn-_blank {
  left: 14px;
}

/* ============================================================================
 * _link modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-link
 * ------------------------------------------------------------------------- */
.mod-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  justify-content: flex-start;
  margin: 0 0 24px;

  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

.mod-link> a {
  position: relative;
  display: block;
  padding: 0 0 0 29px;
}

.mod-link> a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -132px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: .46666em;
  left: 12px;
  display: block;
  width: 7px;
  height: 8px;
  content: "";
}

.mod-link.align-center {
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-link.align-right {
  justify-content: flex-end;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

/* ----------------------------------------------------------------------------
 * .mod-link-list
 * ------------------------------------------------------------------------- */
.mod-link-list {
  margin: 0 0 24px;
}

.mod-link-list[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-link-list[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-link-list[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-link-list[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-link-list[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-link-list[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-link-list> .list> li {
  overflow: hidden;
  margin: 0 0 3px;
}

.mod-link-list> .list> li> a {
  position: relative;
  display: block;
  padding: 0 0 0 29px;
}

.mod-link-list> .list> li> a::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -132px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: .46666em;
  left: 12px;
  display: block;
  width: 7px;
  height: 8px;
  content: "";
}

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

.mod-link-list.align-center> .list {
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-link-list.align-right> .list {
  justify-content: flex-end;

  -webkit-box-pack: end;
  -ms-flex-pack: end;
}

/* ----------------------------------------------------------------------------
 * .mod-link-anchor
 * ------------------------------------------------------------------------- */
.mod-link-anchor {
  margin: 0 0 24px;
  padding: 13px 14px 9px;
  border: solid #d9dadb;
  border-width: 1px 0;
}

.mod-link-anchor.of-noborder {
  border: 0;
}

.mod-link-anchor.of-holizontal> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-direction: row;
  margin-top: -6px;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.mod-link-anchor.of-holizontal> .list> li {
  padding-top: 6px;
}

.mod-link-anchor> .list {
  margin: -8px 0 0 -14px;
}

.mod-link-anchor> .list> li {
  padding: 8px 0 0 8px;
}

.mod-link-anchor> .list> li> a {
  display: block;
  padding: 0 0 0 6px;
}

.mod-link-anchor> .list> li> a[href^="#anc-"] {
  position: relative;
  padding-left: 30px;
}

.mod-link-anchor> .list> li> a[href^="#anc-"]::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -23px -135px;
  background-size: 201px 196px;
  position: absolute;
  top: 8px;
  left: 7px;
  display: block;
  width: 13px;
  height: 7px;
  content: "";
}

:not(.str-scrollTop) :not(.mod-link-list):not(.mod-link-anchor) *> :not(li)> a[href^="#anc-"]::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -23px -135px;
  background-size: 201px 196px;
  display: inline-block;
  width: 13px;
  height: 7px;
  margin: 0 3px 0 3px;
  content: "";
}

/* ----------------------------------------------------------------------------
 * .mod-link-newsList
 * ------------------------------------------------------------------------- */
.mod-link-newsList {
  overflow: auto;
  max-height: 320px;
  margin: 0 0 40px;
  border: dashed #d9dadb;
  border-width: 1px 0;

  -webkit-overflow-scrolling: touch;
}

.mod-link-newsList li:not(:last-child) {
  border-bottom: 1px dashed #d9dadb;
}

.mod-link-newsList li:first-child a {
  padding-top: 13px;
}

.mod-link-newsList li:last-child a {
  padding-bottom: 13px;
}

.mod-link-newsList a,
.mod-link-newsList li> div {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 0;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}

.mod-link-newsList a {
  text-decoration: none;
}

.mod-link-newsList .date {
  color: #223;
  margin: 0 0 2px;
}

.mod-link-newsList .label {
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  background: #999997;
  margin: 0 0 4px;
  padding: 5px 8px 4px;
}

.mod-link-newsList .label.var-02 {
  background: #e85db3;
}

.mod-link-newsList .label.var-03 {
  background: #d65347;
}

.mod-link-newsList .label.var-04 {
  background: #32a8b2;
}

.mod-link-newsList .label.var-05 {
  background: #e3af02;
}

/*AEM専用*/
.richtext_box2 a.blank {
  background: none;
  margin-right: 0;
  padding-right: 0;
}

.richtext_box2 a.blank::before,
.richtext_box2 a[href*=".pdf"]:before {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  margin-left: 4px;
}

.richtext_box2 a.blank::before {
  background: url(/shared/img/icn-_blank.svg) no-repeat right center;
  content: "新しいウィンドウで開く";
}

.richtext_box2 a[href*=".pdf"]::before {
  background: url(/shared/img/icn-pdf.svg) no-repeat right center;
  content: "PDFファイル";
}

/* ============================================================================
 * _list modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-list
 * ------------------------------------------------------------------------- */
.mod-list {
  margin: 0 0 24px;
}

.mod-list[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list> .list {
  margin: 0;
  padding: 0;
}

.mod-list> .list> li {
  position: relative;
  padding: 0 0 0 22px;
}

.mod-list> .list> li> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-list> .list> li> span {
  display: block;
}

.mod-list> .list> li> [class^="mod-"]:not([class^="mod-list"]):last-child {
  margin-bottom: 8px;
}

.mod-list> .list> li::before {
  background: #223;
  position: absolute;
  top: .6em;
  left: 9px;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 15px;
}

.mod-list .mod-list> .list> li {
  padding-left: 24px;
}

.mod-list .mod-list> .list> li::before {
  background: #fff;
  top: .53333em;
  left: 12px;
  width: 5px;
  height: 4px;
  border: 1px solid #bcbcbf;
}

.mod-list .mod-list> .list> li .mod-list> .list> li {
  padding-left: 20px;
}

.mod-list .mod-list> .list> li .mod-list> .list> li::before {
  background: #223;
  top: .6em;
  left: 5px;
  width: 4px;
  height: 4px;
  border: 0;
  border-radius: 0;
}

/* ----------------------------------------------------------------------------
 * .mod-list-ordered
 * ------------------------------------------------------------------------- */
.mod-list-ordered {
  margin: 0 0 24px;
}

.mod-list-ordered[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list-ordered[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list-ordered[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list-ordered[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list-ordered[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list-ordered[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-ordered:not([data-col])> ol.list {
  display: table;
  margin: 0;
}

.mod-list-ordered:not([data-col])> ol.list> li {
  display: table-row;
}

.mod-list-ordered:not([data-col])> ol.list> li::before,
.mod-list-ordered:not([data-col])> ol.list> li> .content {
  display: table-cell;
}

.mod-list-ordered> ol.list {
  margin: 0 0 0 -12px;
  padding: 0;
  counter-reset: mod-list-ordered;
}

.mod-list-ordered> ol.list> li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 12px;
}

.mod-list-ordered> ol.list> li> .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mod-list-ordered> ol.list> li> .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-list-ordered> ol.list> li> .content> *:last-child {
  margin-bottom: 0;
}

.mod-list-ordered> ol.list> li> .content> span {
  display: block;
}

.mod-list-ordered> ol.list> li> .content> [class^="mod-"]:not([class^="mod-list"]):last-child {
  margin-bottom: 8px;
}

.mod-list-ordered> ol.list> li::before {
  padding: 0 5px 0 2px;
  content: counter(mod-list-ordered) ".";
  counter-increment: mod-list-ordered;
}

/* ----------------------------------------------------------------------------
 * .mod-list-notice
 * ------------------------------------------------------------------------- */
.mod-list-notice {
  margin: 0 0 24px;
}

.mod-list-notice> .list {
  font-size: 1.2rem;
  padding: 0;
}

.mod-list-notice> .list> li {
  padding: 0 0 0 1em;
  color: #6f6f6f;
}

.mod-list-notice> .list> li> * {
  padding: 0 0 1px;
}

.mod-list-notice> .list> li> .symbol {
  white-space: nowrap;
  padding-right: 7px;
}

.mod-list-notice> .list> li .content {
  display: inline;
}

.mod-list-notice> .list> li .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-list-notice> .list> li .content> *:last-child {
  margin-bottom: 0;
}

.mod-list-notice.align-center> .list,
.mod-list-notice.align-right> .list {
  text-align: left;
}

/* ----------------------------------------------------------------------------
 * .mod-list-description
 * ------------------------------------------------------------------------- */
.mod-list-description {
  font-size: 1.5rem;
  margin: 0 0 24px;
}

.mod-list-description> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -14px 0 0 -24px;
}

.mod-list-description> .list> * {
  padding: 14px 0 0 24px;
}

.mod-list-description> .list> *> dt {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.33333;
}

.mod-list-description> .list> *> dt dfn {
  font-style: normal;
}

.mod-list-description> .list> *> dt+ dt {
  margin-top: 3px;
}

.mod-list-description> .list> *> dd {
  margin: 6px 0 0;
}

.mod-list-description> .list> *> dd> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-list-description> .list> *> dd> *:last-child {
  margin-bottom: 0;
}

.mod-list-description[data-col="2"]> .list> * {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list-description[data-col="3"]> .list> * {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list-description[data-col="4"]> .list> * {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list-description[data-col="5"]> .list> * {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list-description[data-col="6"]> .list> * {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list-description .mod-list-description {
  margin-left: 16px;
}

/* ----------------------------------------------------------------------------
 * .mod-list-hasSymbol
 * ------------------------------------------------------------------------- */
.mod-list-hasSymbol {
  margin: 0 0 24px;
}

.mod-list-hasSymbol[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list-hasSymbol[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list-hasSymbol[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list-hasSymbol[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list-hasSymbol[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list-hasSymbol[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-list-hasSymbol[data-col]:not([data-col="1"])> .list> li {
  display: table;
}

.mod-list-hasSymbol> .list {
  display: table;
}

.mod-list-hasSymbol> .list> li {
  display: table-row;
}

.mod-list-hasSymbol> .list> li> .symbol,
.mod-list-hasSymbol> .list> li> .content {
  vertical-align: top;
  display: table-cell;
}

.mod-list-hasSymbol> .list> li> .symbol {
  white-space: nowrap;
  padding: 0 7px 0 0;
}

.mod-list-hasSymbol> .list> li> .content {
  width: 100%;
}

.mod-list-hasSymbol> .list> li> .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-list-hasSymbol> .list> li> .content> *:last-child {
  margin-bottom: 0;
}

.mod-list-hasSymbol> .list> li> .content> span:first-child {
  display: block;
}

.mod-list-hasSymbol> .list> li> .content> span:not(:last-child) {
  margin: 0 0 6px;
}

/* ----------------------------------------------------------------------------
 * .mod-list-flow
 * ------------------------------------------------------------------------- */
.mod-list-flow {
  margin: 0 0 24px;
}

.mod-list-flow[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list-flow[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list-flow[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list-flow[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list-flow[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list-flow> .list {
  overflow: hidden;
  margin: -24px 0 0 -24px;
}

.mod-list-flow> .list> li {
  padding: 24px 0 0 24px;
}

.mod-list-flow> .list> li> .inner {
  text-align: center;
  position: relative;
  width: 100%;
  padding: 17px 24px;
  border: 2px solid #d9dadb;
}

.mod-list-flow> .list> li> .inner> .hdg> .label {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background: #929294;
  display: inline-block;
  padding: 2px 11px 1px;
}

.mod-list-flow> .list> li> .inner> .hdg:first-child {
  margin-top: 7px;
}

.mod-list-flow> .list> li> .inner> .hdg+ .media {
  margin-top: 24px;
}

.mod-list-flow> .list> li> .inner> .hdg+ .txt {
  margin-top: 7px;
}

.mod-list-flow> .list> li> .inner> .media {
  width: 100%;
  min-height: calc(0%);
}

.mod-list-flow> .list> li> .inner> .media> span img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.mod-list-flow> .list> li> .inner> .media+ .hdg {
  margin-top: 24px;
}

.mod-list-flow> .list> li> .inner> .media+ .txt {
  margin-top: 21px;
}

.mod-list-flow> .list> li> .inner .txt+ .media {
  margin-top: 17px;
}

.mod-list-flow> .list> li:not(:last-child)> .inner::after {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 10px auto 0;
  content: "";
  border: 8px solid transparent;
  border-top-color: #d9dadb;
}

.mod-list-flow.of-hasIndex> .list {
  counter-reset: mod-list-flow;
}

.mod-list-flow.of-hasIndex> .list> li> .inner> .txt::before {
  margin: 0 4px 0 0;
  content: counter(mod-list-flow) ".";
  counter-increment: mod-list-flow;
}

.mod-list-flow:not([data-col])> .list> li {
  flex-basis: 100%;
  max-width: 100%;

  -ms-flex-preferred-size: 100%;
}

.mod-list-flow[data-col]> .list> li:not(:last-child)> .inner::after {
  top: 0;
  right: auto;
  bottom: 0;
  left: 100%;
  margin: auto 0 auto 10px;
  border-color: transparent;
  border-left-color: #d9dadb;
}

/* ----------------------------------------------------------------------------
 * .mod-list-step
 * ------------------------------------------------------------------------- */
.mod-list-step {
  margin: 0 0 24px;
}

.mod-list-step[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-list-step[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-list-step[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-list-step[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-list-step[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-list-step> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px 0 0 -24px;
  counter-reset: mod-list-step;
}

.mod-list-step> .list> li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0 0 24px;
}

.mod-list-step> .list> li> .wrap {
  background: #f7f7f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-list-step> .list> li> .wrap::before,
.mod-list-step> .list> li> .wrap> span {
  padding: 5px 0 3px;
}

.mod-list-step> .list> li> .wrap::before {
  padding-right: 6px;
  padding-left: 10px;
  content: counter(mod-list-step) ".";
  counter-increment: mod-list-step;
}

.mod-list-step> .list> li> .wrap> span,
.mod-list-step> .list> li> .wrap> b {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}

.mod-list-step> .list> li[aria-current="step"]> .wrap {
  background: #fff;
  border: 2px solid #5ca112;
}

.mod-list-step> .list> li[aria-current="step"]> .wrap::before,
.mod-list-step> .list> li[aria-current="step"]> .wrap> b {
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 1px;
}

.mod-list-step> .list> li[aria-current="step"]> .wrap::before {
  padding-left: 8px;
}

.mod-list-step> .list> li[aria-current="step"]> .wrap> b {
  padding-left: 0;
}

.mod-list-step> .list> li+ li> .wrap {
  position: relative;
}

.mod-list-step> .list> li+ li> .wrap span::before,
.mod-list-step> .list> li+ li> .wrap b::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -18px;
  display: block;
  width: 0;
  height: 0;
  margin: auto 0;
  content: "";
  border: 8px solid transparent;
  border-left-color: #d9d9d4;
}

.mod-list-step:not([data-col])> .list {
  display: block;
  width: auto;
  margin: 0;
}

.mod-list-step:not([data-col])> .list> li {
  display: block;
  margin: 0 0 24px;
  padding: 0;
}

.mod-list-step:not([data-col])> .list> li+ li> .wrap span::before,
.mod-list-step:not([data-col])> .list> li+ li> .wrap b::before {
  top: -18px;
  right: 0;
  bottom: auto;
  left: 0;
  margin: 0 auto;
  border-top-color: #d9d9d4;
  border-left-color: transparent;
}

/* ============================================================================
 * _tbl modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-tbl
 * ------------------------------------------------------------------------- */
.mod-tbl {
  margin: 0 0 24px;
}

.mod-tbl.var-02 thead th:not(:first-child) {
  background: #fff;
}

.mod-tbl.var-02 tbody th {
  background: #f0f1f3;
}

.mod-tbl.var-03 thead th {
  color: #fff;
  background: #414349;
}

.mod-tbl.var-03 tbody th {
  background: #f0f1f3;
}

.mod-tbl.of-scroll[tabindex] {
  overflow: auto;

  -webkit-overflow-scrolling: touch;
}

.mod-tbl.of-scroll[tabindex] table {
  min-width: 768px;
}

.mod-tbl.of-break table,
.mod-tbl.of-break caption,
.mod-tbl.of-break thead,
.mod-tbl.of-break tbody,
.mod-tbl.of-break tr,
.mod-tbl.of-break th,
.mod-tbl.of-break td {
  display: block;
}

.mod-tbl.of-break table {
  table-layout: auto;
  border-width: 0;
}

.mod-tbl.of-break th {
  border-bottom-width: 0;
}

.mod-tbl.of-break tr:not(:first-child) th {
  border-top-width: 0;
}

.mod-tbl.of-tableLayoutAuto table {
  table-layout: auto;
}

.mod-tbl table {
  font-size: 1.5rem;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d9dadb;
}

.mod-tbl tbody {
  background: #fff;
}

.mod-tbl caption {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: left;
  margin: 0 0 7px;
}

.mod-tbl td,
.mod-tbl th {
  text-align: center;
  vertical-align: top;
  word-break: break-all;
  padding: 19px 11px 15px;
  border: 1px solid #d9dadb;
}

.mod-tbl td> *:first-child:not(.mod-btn):not([data-col]),
.mod-tbl th> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-tbl td> *:last-child,
.mod-tbl th> *:last-child {
  margin-bottom: 0;
}

.mod-tbl thead th {
  background: #f0f1f3;
}

.mod-tbl tbody th {
  font-weight: normal;
}

.richtext_box2 {
  overflow: auto;

  -webkit-overflow-scrolling: touch;
}

.richtext_box2 table {
  font-size: 1.5rem;
  margin: 0 0 24px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #d9dadb;
}

.richtext_box2 table:last-child {
  margin-bottom: 0;
}

.richtext_box2 tbody {
  background: #fff;
}

.richtext_box2 caption {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: left;
  margin: 0 0 7px;
}

.richtext_box2 td,
.richtext_box2 th {
  text-align: left;
  vertical-align: top;
  word-break: break-all;
  padding: 9px 11px 5px;
  border: 1px solid #d9dadb;
}

.richtext_box2 td> *:first-child:not(.mod-btn):not([data-col]),
.richtext_box2 th> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.richtext_box2 td> *:last-child,
.richtext_box2 th> *:last-child {
  margin-bottom: 0;
}

.richtext_box2 th {
  font-weight: normal;
  white-space: pre-line;
  background: #f0f1f3;
}

.richtext_box2 th.thead {
  font-weight: bold;
  vertical-align: middle;
  color: #fff;
  background: #929294;
}

/* ============================================================================
 * _box modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-box
 * ------------------------------------------------------------------------- */
.mod-box {
  margin: 0 0 40px;
  border: 4px solid #edede4;
}

.mod-box> .inner {
  background: #fff;
  padding: 24px;
}

.mod-box> .inner> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-box> .inner> .hdg {
  font-weight: normal;
}

.mod-box.var-02 {
  border-color: #f7f7f2;
}

.mod-box.var-02> .inner {
  background: #f7f7f2;
}

section[class*="mod-box"]> .inner> .hdg {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 8px;
}

section[class*="mod-box"]> .inner:not(:first-child)> .hdg {
  font-size: 1.8rem;
}

section[class*="mod-box"]> .inner:not(:first-child):not(section)> .hdg {
  display: none;
}

section[class*="mod-box"]> .inner:first-child> *:first-child:not(.hdg) {
  display: none;
}

/* ----------------------------------------------------------------------------
 * .mod-box-02
 * ------------------------------------------------------------------------- */
.mod-box-02 {
  margin: 0 0 40px;
}

.mod-box-02> .inner {
  background: #e6f2e6;
  padding: 29px 32px 24px;
}

.mod-box-02> .inner> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

section.mod-box-02> .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #2f8c00;
  padding: 9px 12px 4px;
}

section.mod-box-02> .title:empty+ .inner {
  display: none;
}

/* ----------------------------------------------------------------------------
 * .mod-box-list
 * ------------------------------------------------------------------------- */
.mod-box-list {
  margin: 0 0 40px;
}

.mod-box-list> .item> .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  margin: 0 0 10px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

.mod-box-list> .item> .header> .hdg {
  font-size: 1.9rem;
}

.mod-box-list> .item> .header> .property {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin: 0 0 7px;

  -webkit-box-align: start;
  -ms-flex-align: start;
}

.mod-box-list> .item> .header> .property .label {
  font-size: 1rem;
  line-height: 1.25;
  text-align: center;
  color: #fff;
  background: #999997;
  margin: 0 12px 0 0;
  padding: 5px 8px 4px;
}

.mod-box-list> .item> .header> .property .label.var-02 {
  background: #e85db3;
}

.mod-box-list> .item> .header> .property .label.var-03 {
  background: #d65347;
}

.mod-box-list> .item> .header> .property .label.var-04 {
  background: #32a8b2;
}

.mod-box-list> .item> .header> .property .label.var-05 {
  background: #e3af02;
}

.mod-box-list> .item> .header> .property .date {
  font-size: 1.3rem;
  margin: 1px 0 0;
}

.mod-box-list> .item> .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-box-list> .item> .footer {
  margin: 17px 0 0;
}

.mod-box-list> .item> .footer .btn {
  font-weight: bold;
}

.mod-box-list> .item> .footer .btn a {
  font-size: 1.4rem;
  text-decoration: none;
  text-align: center;
  color: inherit;
  background: #f0f1f3;
  position: relative;
  display: block;
  width: 200px;
  padding: 14px 12px 10px;
  border: 1px solid #d9dadb;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
}

.mod-box-list> .item> .footer .btn a:not([href]) {
  opacity: .3;
}

.mod-box-list> .item> .footer .btn a:not([target="_blank"])::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -84px -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  display: block;
  width: 7px;
  height: 13px;
  margin: auto 0;
  content: "";
}

.mod-box-list> .item> .footer .btn a[target="_blank"] img.icn-_blank {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto 0;
}

.mod-box-list> .item+ .item {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #d9dadb;
}

/* ----------------------------------------------------------------------------
 * .mod-box-step
 * ------------------------------------------------------------------------- */
.mod-box-step {
  margin: 0 0 40px;
}

.mod-box-step> .step {
  background: #fff;
  position: relative;
  margin: 0;
  padding: 20px 20px 12px;
  border: 1px solid #d9dadb;
}

.mod-box-step> .step> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-box-step> .step> .hdg {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 16px;
}

.mod-box-step> .step> .hdg span:first-child {
  color: #fff;
  background: #929294;
  padding: 4px 10px;
}

.mod-box-step> .step> .hdg span:not(:first-child) {
  margin: 0 0 0 10px;
}

.mod-box-step> .step> .hdg+ * {
  margin-top: 0;
}

.mod-box-step> .step+ .step,
.mod-box-step> .step+ .step-note {
  margin-top: 57px;
}

.mod-box-step> .step+ .step::before,
.mod-box-step> .step+ .step-note::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -23px -112px;
  background-size: 201px 196px;
  position: absolute;
  top: -39px;
  right: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 18px;
  margin: 0 auto;
  content: "";
}

.mod-box-step> .step+ .step:last-child .step-endText,
.mod-box-step> .step+ .step-note:last-child .step-endText {
  text-align: center;
  padding-bottom: 6px;
}

.mod-box-step> .step+ .step:last-child .step-endText b,
.mod-box-step> .step+ .step-note:last-child .step-endText b {
  font-size: 2rem;
  font-weight: bold;
}

.mod-box-step> .step+ .step-note {
  margin-top: 47px;
}

.mod-box-step> .step+ .step-note::before {
  top: -28px;
}

.step-note {
  background-color: #fff8eb;
  position: relative;
  display: table;
  margin: auto;
  margin-bottom: 1em;
  padding: .5em 1em .4em;
}

/**********AEM専用**********/
.richtext_box2+ .ux2_stepbox {
  margin-top: 8px;
}

.ux2_stepbox:last-child {
  margin-bottom: 40px;
}

/* ----------------------------------------------------------------------------
 * .mod-conversion コンバージョンへの導線を設置する
 * ------------------------------------------------------------------------- */
.mod-conversion {
  margin: 0 0 40px;
}

.mod-conversion .box-item {
  text-align: center;
}

.mod-conversion .box-item .hdg {
  font-size: 1.7rem;
  font-weight: bold;
  background: #edede4;
  padding: 15px 15px 13px;
  border: 1px solid #d9dadb;
  border-radius: 4px 4px 0 0;
}

.mod-conversion .box-item .content {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-positive: 1;
  flex-grow: 1;
  align-items: center;
  padding: 16px 16px 15px;
  border: 1px solid #d9dadb;
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-conversion .box-item .content> * {
  width: 100%;
}

.mod-conversion .box-item .content> p {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
}

.mod-conversion .box-item .content .lede {
  font-size: 1.3rem;
  font-weight: bold;
}

.mod-conversion .box-item .content .time {
  order: 3;
  margin: 0 0 9px;

  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
}

.mod-conversion .box-item .content .note {
  font-size: 1.3rem;
  display: table;
  order: 4;
  width: auto;

  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
}

.mod-conversion .box-item .content .note> * {
  display: table-cell;
}

.mod-conversion .box-item .content .note> .symbol {
  white-space: nowrap;
}

.mod-conversion .box-item .content .number {
  font-family: -apple-system, arial, "Helvetica Neue", helvetica, sans-serif;
  font-size: 9vw;
  font-weight: bold;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 0 1px;
  margin: 0 0 1px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-conversion .box-item .content .number a {
  line-height: 1.3;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-conversion .box-item .content .number img {
  vertical-align: middle;
}

[data-msbr="edge"] .mod-conversion .box-item .content .number {
  display: block;
}

.mod-conversion .box-item .content .mod-btn {
  margin: 25px 0 19px;
}

.mod-conversion[data-col]> .inner .conversion-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}

.mod-conversion[data-col]> .inner .conversion-box+ .conversion-box {
  margin-top: 0;
}

.mod-conversion[data-col]> .inner .conversion-box> .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 24px 0 0 24px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.mod-conversion[data-col]> .inner .conversion-box> .box-item:not(:only-child) .mod-btn a,
.mod-conversion[data-col]> .inner .conversion-box> .box-item:not(:only-child) .mod-btn button {
  width: 100%;
  max-width: 235px;
}

.mod-conversion[data-col="1"]> .inner .box-item {
  width: 100%;
}

.mod-conversion[data-col="2"]> .inner .box-item {
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

/* ----------------------------------------------------------------------------
* .mod-information
* ------------------------------------------------------------------------- */
.mod-information {
  margin: 12px 0 32px;
  padding: 0 16px;
  border: 1px solid;
}

.mod-information[data-level]:not([data-level=""]) strong {
  display: block;
  padding: 0 0 0 30px;
}

.mod-information[data-level]:not([data-level=""]) strong::before {
  position: absolute;
  top: 0;
  display: block;
  content: "";
}

.mod-information strong {
  font-weight: normal;
  color: #223;
  position: relative;
}

.mod-information .list {
  margin: 0 auto;
  padding: 16px 0 12px;
}

.mod-information li a {
  text-decoration: underline;
  color: inherit;
}

.mod-information li:not(:last-child) {
  margin: 0 0 4px;
}

.mod-information[data-level="caution"] {
  border-color: #ffb030;
}

.mod-information[data-level="caution"] strong::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -50px;
  background-size: 201px 196px;
  left: 1px;
  width: 20px;
  height: 20px;
}

.mod-information[data-level="warn"] {
  border-color: #e00000;
}

.mod-information[data-level="warn"] strong {
  color: #e00000;
}

.mod-information[data-level="warn"] strong::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -145px -150px;
  background-size: 201px 196px;
  left: 0;
  width: 22px;
  height: 20px;
}

/* ============================================================================
 * _pnl modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-pnl
 * ------------------------------------------------------------------------- */
.mod-pnl {
  margin: 0 0 24px;
}

.mod-pnl> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}

.mod-pnl> .inner[data-justify="right"] {
  justify-content: right;

  -webkit-box-pack: right;
  -ms-flex-pack: right;
}

.mod-pnl> .inner[data-justify="center"] {
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-pnl> .inner> .col {
  padding: 24px 0 0 24px;
}

.mod-pnl img[src$="icon-outside.png"] {
  display: none;
}

.mod-pnl[data-col="2"]> .inner> .col {
  flex-basis: calc(100% / 2);

  -ms-flex-preferred-size: calc(100% / 2);
}

.mod-pnl[data-col="3"]> .inner> .col {
  flex-basis: calc(100% / 3);

  -ms-flex-preferred-size: calc(100% / 3);
}

.mod-pnl[data-col="4"]> .inner> .col {
  flex-basis: calc(100% / 4);

  -ms-flex-preferred-size: calc(100% / 4);
}

.mod-pnl[data-col="5"]> .inner> .col {
  flex-basis: calc(100% / 5);

  -ms-flex-preferred-size: calc(100% / 5);
}

.mod-pnl[data-col="6"]> .inner> .col {
  flex-basis: calc(100% / 6);

  -ms-flex-preferred-size: calc(100% / 6);
}

.mod-pnl> .inner> .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-pnl> .inner> .col > a {
  background: #fff;
}
.mod-pnl> .inner> .col  .content {
  text-decoration: none;
  color: #223;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  justify-content: flex-end;
  width: 100%;
  padding: 20px 20px 13px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.mod-pnl> .inner> .col .heading {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  border-bottom: 1px solid #e7ebec;
  color: #53535f;
  padding: 10px 0 2px 25px;
}
.mod-pnl> .inner> .col .content> .summary {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

[class^="mod-pnl"]> .inner> .col .content> .summary p {
  font-size: 1.3rem;
  line-height: 1.84;
  margin: 0;
  color: #53535f;
}

[class^="mod-pnl"]> .inner> .col .content> .summary p> b.lede {
  font-size: 1.6rem;
  color: #223;
  display: block;
  margin: 0 0 9px;
}

.mod-pnl> .inner> .col .content> .media {
  min-width: 40px;
  min-height: calc(0%);
  margin: 0 0 18px;
}

.mod-pnl> .inner> .col .content> .media> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-pnl> .inner> .col .content> .media> *:last-child {
  margin-bottom: 0;
}

.mod-pnl> .inner> .col .content> .media .mod-media> .inner> .media img {
  width: 100%;
  height: auto;
}

.mod-pnl> .inner> .col .content[href][target="_blank"] {
  padding-bottom: 24px;
}

.mod-pnl> .inner> .col .content[href][target="_blank"]> .summary img.icn-_blank {
  position: absolute;
  top: 100%;
  right: 8px;
}

.mod-pnl> .inner> .col .content[href]:not([target="_blank"])> .summary {
  padding: 0 32px 0 0;
}

.mod-pnl> .inner> .col .content[href]:not([target="_blank"])> .summary::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: 0 -179px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 3px;
  bottom: 0;
  display: block;
  width: 10px;
  height: 17px;
  margin: auto 0;
  content: "";
}

.mod-pnl[data-media-position="bottom"]> .inner> .col .content {
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 13px 20px 20px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.mod-pnl[data-media-position="bottom"]> .inner> .col .content> .media {
  margin: 18px 0 0;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content,
.mod-pnl[data-media-position="left"]> .inner> .col .content {
  padding-right: 32px;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content> .media,
.mod-pnl[data-media-position="left"]> .inner> .col .content> .media {
  max-width: 45%;
  padding-bottom: 7px;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content .summary,
.mod-pnl[data-media-position="left"]> .inner> .col .content .summary {
  width: 50%;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content[href]:not([target="_blank"])> .summary,
.mod-pnl[data-media-position="left"]> .inner> .col .content[href]:not([target="_blank"])> .summary {
  position: static;
  padding: 0;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content[href]:not([target="_blank"])> .summary::after,
.mod-pnl[data-media-position="left"]> .inner> .col .content[href]:not([target="_blank"])> .summary::after {
  display: none;
}

.mod-pnl[data-media-position="left"]> .inner> .col .content {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

.mod-pnl[data-media-position="left"]> .inner> .col .content> .media {
  margin: 0 18px 0 0;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content {
  -ms-flex-direction: row;
      flex-direction: row;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.mod-pnl[data-media-position="right"]> .inner> .col .content> .media {
  margin: 0 0 0 18px;
}

.mod-pnl+ [class^="mod-hdg"] {
  margin-top: 80px;
}
.mod-pnl> .inner> .col> a:hover,
.mod-pnl> .inner> .col> a:focus,
.mod-pnl> .inner> .col> a:active {
  text-decoration: none;
}
.mod-pnl> .inner> .col> a:hover > *,
.mod-pnl> .inner> .col> a:focus > *,
.mod-pnl> .inner> .col> a:active > * {
  opacity: .7;
}

@media only screen and (max-width:767px) {
.mod-pnl> .inner> .col .heading {
  text-align: center;
  padding-left: 0;
}
.mod-pnl[data-media-position="left"]> .inner> .col .content {
  flex-direction: column-reverse;
}
.mod-pnl[data-media-position="left"]> .inner> .col .content .summary {
  width: 100%;
}
.mod-pnl[data-media-position="left"]> .inner> .col .content> .media {
  margin: 0;
  max-width: 100%;
}
}

/* ----------------------------------------------------------------------------
 * .mod-pnl-2
 * ------------------------------------------------------------------------- */
.mod-pnl-2> .inner> .col {
  position: relative;
}
.mod-pnl-2 a {
  color: #223;
}
.mod-pnl-2 .summary {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  padding: 20px 30px;
  background: rgba(242,242,242,.9);
}
.mod-pnl-2 .summary> *:first-child {
  margin-top: 0;
}
.mod-pnl-2 .summary> *:last-child {
  margin-bottom: 0;
}
.mod-pnl-2 .summary .lede {
  display: block;
  margin-bottom: 9px;
  font-size: 1.6rem;
}
.mod-pnl-2 .mod-media {
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .mod-pnl-2> .inner> .col {
    overflow: hidden;
  }
  .mod-pnl-2 a:hover .media {
    overflow: hidden;
  }
  .mod-pnl-2 a .media> img {
    transition-duration: 0.3s;
  }
  .mod-pnl-2 a:hover .media> img {
    transform: scale(1.05);
  }
}

@media only screen and (max-width: 767px) {
  .mod-pnl-2 {
    margin-bottom: 9.33vw;
  }
  .mod-pnl-2 .summary {
    position: relative;
    bottom: 100%;
    padding: 15px;
    background: rgba(242,242,242,1);
  }
  .mod-pnl-2 .content .media {
    height: 46.26vw;
    overflow: hidden;
  }
  .mod-pnl-2 .content .media .mod-media> .inner {
    max-width: none !important;
  }
  .mod-pnl-2 .content .media> img {
    width: 100%;
  }
}

/* ----------------------------------------------------------------------------
 * .mod-pnl-3
 * ------------------------------------------------------------------------- */
 .mod-pnl-3 {
   margin-bottom: 24px;
 }

 .mod-pnl-3> .inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }

 .mod-pnl-3> .inner[data-justify="right"] {
   justify-content: right;

   -webkit-box-pack: right;
   -ms-flex-pack: right;
 }

 .mod-pnl-3> .inner[data-justify="center"] {
   justify-content: center;

   -webkit-box-pack: center;
   -ms-flex-pack: center;
 }
 .mod-pnl-3> .inner> .col {
   position: relative;
   width: 100%;
 }
 .mod-pnl-3> .inner> .col + .col::before {
   position: absolute;
   display: block;
   content: "";
   background: #d9dadb;
 }
 .mod-pnl-3> .inner> .col .content {
   text-decoration: none;
   color: #223;
   background: #fff;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
   justify-content: flex-end;
   width: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
 }
 .mod-pnl-3 .lede {
   display: block;
   margin-bottom: 9px;
   text-align: center;
   font-size: 1.8rem;
 }

 @media only screen and (min-width: 768px) {
   .mod-pnl-3 {
     margin-bottom: 24px;
     padding-top: 15px;
     padding-bottom: 15px;
   }
   .mod-pnl-3> .inner {
     margin-left: -60px;
   }
   .mod-pnl-3> .inner> .col {
     padding-left: 60px;
   }
   .mod-pnl-3> .inner> .col + .col::before {
     top: -15px;
     left: 30px;
     width: 1px;
     height: calc(100% + 30px);
   }
   .mod-pnl-3> .inner> .col .content> .summary *:first-child {
     margin-top: 0;
   }
   .mod-pnl-3> .inner> .col .content> .media {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     justify-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
   }
   .mod-pnl-3> .inner> .col .content> .media> .mod-media {
     margin: 0 0 24px;
   }
}

@media only screen and (max-width: 767px) {
  .mod-pnl-3> .inner> .col + .col::before {
    top: 0;
    left: 15%;
    width: 70%;
    height: 1px;
  }
  .mod-pnl-3> .inner> .col + .col {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}

/* ----------------------------------------------------------------------------
 * .mod-pnl-4
 * ------------------------------------------------------------------------- */
 .mod-pnl-4 {
   margin-bottom: 24px;
 }
 .mod-pnl-4> .inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin: -10px 0 0 -10px;
 }
 .mod-pnl-4> .inner[data-justify="right"] {
   justify-content: right;

   -webkit-box-pack: right;
   -ms-flex-pack: right;
 }
 .mod-pnl-4> .inner[data-justify="center"] {
   justify-content: center;

   -webkit-box-pack: center;
   -ms-flex-pack: center;
 }
 .mod-pnl-4> .inner> .col {
   width: 100%;
   padding: 10px 0 0 10px;
 }
 .mod-pnl-4> .inner> .col .content {
   text-decoration: none;
   color: #223;
   background: #fff;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column-reverse;
   flex-direction: column-reverse;
   justify-content: flex-end;
   width: 100%;
   height: 100%;
   -webkit-box-orient: vertical;
   -webkit-box-direction: reverse;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
 }
 .mod-pnl-4> .inner> .col .content * {
   -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
    opacity: 1;
 }
 .mod-pnl-4> .inner> .col> a.content:hover > * {
   opacity: .7;
 }
 .mod-pnl-4 .summary {
   padding: 10px 20px 20px;
 }
 .mod-pnl-4 .summary> *:last-child {
   margin-bottom: 0;
 }
 .mod-pnl-4> .inner> .col .content> .summary p:first-child {
   margin-bottom: 13px;
 }
 .mod-pnl-4> .inner> .col .content> .summary p {
   color: #5a5453;
 }
 .mod-pnl-4> .inner> .col .content> .summary .privilege p {
   text-align: center;
   font-size: 1.5rem;
   color: #223;
 }
 .mod-pnl-4> .inner> .col .content> .summary .privilege *:first-child {
   margin-bottom: 5px;
 }
 .mod-pnl-4> .inner> .col .content> .summary .privilege *:last-child {
   margin-top: 0;
   margin-bottom: 0;
 }
 .mod-pnl-4> .inner> .col .content> .summary .privilege .label {
   display: inline-block;
   margin: 0 7px;
   padding: 3px 5px 2px;
   background: #f2f2f2;
   border-radius: 2px;
   font-size: 1.2rem;
   color: #414141;
 }
 .mod-pnl-4> .inner> .col> a> .media,
 .mod-pnl-4> .inner> .col .content> .media {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 120px;
   padding: 20px;
   border-bottom: 1px solid #e7ebec;
   align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   justify-content: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
 }
 .mod-pnl-4> .inner> .col> a> .media .mod-media,
 .mod-pnl-4> .inner> .col .content> .media .mod-media {
   margin: 0;
 }

 @media only screen and (max-width: 767px) {
   .mod-pnl-4 .summary {
     padding: 10px 15px 15px;
   }
   .mod-pnl-4> .inner> .col> a> .media,
   .mod-pnl-4> .inner> .col .content> .media {
     height: 80px;
   }
}


/* ============================================================================
 * _lyt modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-lyt
 * ------------------------------------------------------------------------- */
.mod-lyt {
  margin: 0 0 24px;
}

.mod-lyt> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -24px 0 0 -24px;
}

.mod-lyt> .inner> .col {
  flex-basis: 100%;
  max-width: 100%;
  padding: 24px 0 0 24px;

  -ms-flex-preferred-size: 100%;
}

.mod-lyt.type-2> .inner {
  margin: -9px 0 0 -9px;
}

.mod-lyt.type-2> .inner> .col {
  padding: 9px 0 0 9px;
}

.mod-lyt> .inner> .col> *:first-child {
  margin-top: 0;
}

.mod-lyt> .inner> .col> *:last-child {
  margin-bottom: 0;
}

.mod-lyt[data-col="2"]> .inner> .col {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-lyt[data-col="3"]> .inner> .col {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-lyt[data-col="4"]> .inner> .col {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-lyt[data-col="5"]> .inner> .col {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-lyt[data-col="6"]> .inner> .col {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

/* ----------------------------------------------------------------------------
 * .mod-lyt-media
 * ------------------------------------------------------------------------- */
.mod-lyt-media {
  margin: 0 0 40px;
}

.mod-lyt-media> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  width: 100%;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

.mod-lyt-media> .inner> .content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.mod-lyt-media> .inner> .content> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-lyt-media> .inner> .media {
  width: 100%;
  padding: 0 0 15px;
}

.mod-lyt-media> .inner> .media> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-lyt-media.of-reverse> .inner {
  -ms-flex-direction: column;
      flex-direction: column;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.mod-lyt-media.of-reverse> .inner> .content {
  padding: 0 0 15px;
}

.mod-lyt-media.of-reverse> .inner> .media {
  padding: 0;
}

.mod-lyt-media.of-noBreak> .inner {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
}

.mod-lyt-media.of-noBreak> .inner> .content {
  padding: 0 0 0 15px;
}

.mod-lyt-media.of-noBreak> .inner> .media {
  padding-top: 4px;
}

.mod-lyt-media.of-noBreak.of-reverse> .inner {
  -ms-flex-direction: row;
      flex-direction: row;

  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.mod-lyt-media.of-noBreak.of-reverse> .inner> .content {
  padding: 0 15px 0 0;
}

.mod-lyt-media .mod-media> .inner {
  width: auto;
}

.mod-lyt-media .mod-media> .inner> .media img:not([width]) {
  width: 100%;
}

.mod-lyt-media .mod-media> .inner> .media img:not([height]) {
  height: auto;
}

/* ============================================================================
 * _form フォーム関連モジュール
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * %form-label フォームラベル
 * ------------------------------------------------------------------------- */
.mod-form-txt> label,
.mod-form-split> legend,
.mod-form-select> label,
.mod-form-fieldset> .inner> .content> .label {
  font-size: 1.7rem;
  font-weight: bold;
  color: #333;
  display: block;
}

.mod-form-txt> label .required,
.mod-form-split> legend .required,
.mod-form-select> label .required,
.mod-form-fieldset> .inner> .content> .label .required {
  font-size: 1.5rem;
  line-height: 1.6;
  white-space: nowrap;
  color: #fff;
  background: #e00000;
  margin: 0 0 0 14px;
  padding: 2px 8px 0;
}

/* ----------------------------------------------------------------------------
 * %form-note フォーム説明・注釈テキスト
 * ------------------------------------------------------------------------- */
.mod-form-txt> p,
.mod-form-split> p,
.mod-form-select> p {
  margin: 10px 0 7px 16px;
}

.mod-form-txt> p.of-invalid,
.mod-form-split> p.of-invalid,
.mod-form-select> p.of-invalid {
  color: #e00000;
}

.mod-form-txt> p.of-notice,
.mod-form-split> p.of-notice,
.mod-form-select> p.of-notice {
  display: table;
}

.mod-form-txt> p.of-notice> *,
.mod-form-split> p.of-notice> *,
.mod-form-select> p.of-notice> * {
  display: table-cell;
}

.mod-form-txt> p.of-notice> .symbol,
.mod-form-split> p.of-notice> .symbol,
.mod-form-select> p.of-notice> .symbol {
  padding: 0 4px 0 0;
}

.mod-form-txt> p+ p,
.mod-form-split> p+ p,
.mod-form-select> p+ p {
  margin-top: -8px;
}

/* ----------------------------------------------------------------------------
 * %form-txt テキストフィールド
 * ------------------------------------------------------------------------- */
.mod-form-txt> input,
.mod-form-txt> textarea,
.mod-form-split> .lyt input,
.mod-form-select> .select> select,
.mod-form-searchbox> .inner> .input input {
  font-size: 1.6rem;
  line-height: 1.15;
  display: block;
  min-height: 48px;
  padding: 11px 16px 9px;
  border: 1px solid #929294;
  border-radius: 4px;
}

.mod-form-txt> input[aria-invalid="true"],
.mod-form-txt> textarea[aria-invalid="true"],
.mod-form-split> .lyt input[aria-invalid="true"],
.mod-form-select> .select> select[aria-invalid="true"],
.mod-form-searchbox> .inner> .input input[aria-invalid="true"] {
  background: #ffebeb;
  border-color: #e00000;
}

.mod-form-txt> input:focus,
.mod-form-txt> textarea:focus,
.mod-form-split> .lyt input:focus,
.mod-form-select> .select> select:focus,
.mod-form-searchbox> .inner> .input input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #b2c4ff;
          box-shadow: 0 0 0 2px #b2c4ff;
}

/* ----------------------------------------------------------------------------
 * .mod-form-txt テキストフィールド
 * ------------------------------------------------------------------------- */
.mod-form-txt {
  margin: 0 0 24px;
}

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

.mod-form-txt> input,
.mod-form-txt> textarea {
  width: 100%;
}

.mod-form-txt> input:not(:first-child),
.mod-form-txt> textarea:not(:first-child) {
  margin: 10px 0 0;
}

.mod-form-txt> input {
  color: #707070;
}

.mod-form-txt> textarea {
  max-width: 100%;
  min-height: 136px;
}

/* ----------------------------------------------------------------------------
 * .mod-form-split 複数の番号入力
 * ------------------------------------------------------------------------- */
.mod-form-split {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

.mod-form-split> legend~ .lyt {
  margin: 10px 0 0;
}

.mod-form-split> .lyt {
  font-size: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-form-split> .lyt input {
  text-align: center;
  width: 100%;
  max-width: 70px;
  padding-right: 5px;
  padding-left: 5px;
}

.mod-form-split> .lyt .symbol {
  margin: 0 10px 0 0;
}

.mod-form-split> .lyt .joint {
  margin: 0 8px;
}

/* ----------------------------------------------------------------------------
 * .mod-form-select セレクト
 * ------------------------------------------------------------------------- */
.mod-form-select {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
}

.mod-form-select> label~ .select {
  margin: 10px 0 0;
}

.mod-form-select> .select {
  background: #fff;
  position: relative;
  z-index: 1;
  height: calc(0%);
}

.mod-form-select> .select> select {
  background: transparent;
  width: 100%;
  border: 1px solid #929294;
}

.mod-form-select> .select::before,
.mod-form-select> .select::after {
  position: absolute;
  display: block;
  content: "";
}

.mod-form-select> .select::before {
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  width: 34px;
  margin: auto 0;
}

.mod-form-select> .select::after {
  pointer-events: none;
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -156px -126px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  display: block;
  width: 12px;
  height: 16px;
  margin: auto 0;
}

/* ----------------------------------------------------------------------------
 * .mod-form-checkbox チェックボックス
 * ------------------------------------------------------------------------- */
.mod-form-checkbox {
  margin: 0 0 24px;
}

.mod-form-checkbox[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-form-checkbox[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-form-checkbox[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-form-checkbox[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-form-checkbox[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-form-checkbox[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-form-checkbox> .list input {
  position: absolute;
  z-index: -1;
  right: 100%;
  bottom: 100%;
  opacity: 0;
}

.mod-form-checkbox> .list input:checked+ span::after {
  opacity: 1;
}

.mod-form-checkbox> .list input:focus+ span::before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #b2c4ff;
          box-shadow: 0 0 0 2px #b2c4ff;
}

.mod-form-checkbox> .list> li {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

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

.mod-form-checkbox> .list> li> label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  overflow: hidden;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-form-checkbox> .list> li> label::after {
  display: block;
  float: right;
  min-height: 20px;
  content: "";
}

.mod-form-checkbox> .list> li> label> span {
  display: block;
  padding: 0 0 0 37px;
  cursor: default;
}

.mod-form-checkbox> .list> li> label> span::before,
.mod-form-checkbox> .list> li> label> span::after {
  position: absolute;
  display: block;
  content: "";
}

.mod-form-checkbox> .list> li> label> span::before {
  background: #fff;
  z-index: 1;
  top: 2px;
  left: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #929294;
}

.mod-form-checkbox> .list> li> label> span::after {
  z-index: 2;
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;
  opacity: 0;
}

.mod-form-checkbox [type="checkbox"]+ span::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -150px;
  background-size: 201px 196px;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 18px;
  height: 18px;
  content: "";
}

/* ----------------------------------------------------------------------------
 * .mod-form-radio ラジオボタン
 * ------------------------------------------------------------------------- */
.mod-form-radio {
  margin: 0 0 24px;
}

.mod-form-radio[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-form-radio[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-form-radio[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-form-radio[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-form-radio[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-form-radio[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

.mod-form-radio> .list input {
  position: absolute;
  z-index: -1;
  right: 100%;
  bottom: 100%;
  opacity: 0;
}

.mod-form-radio> .list input:checked+ span::after {
  opacity: 1;
}

.mod-form-radio> .list input:focus+ span::before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #b2c4ff;
          box-shadow: 0 0 0 2px #b2c4ff;
}

.mod-form-radio> .list> li {
  overflow: hidden;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

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

.mod-form-radio> .list> li> label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  overflow: hidden;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-form-radio> .list> li> label::after {
  display: block;
  float: right;
  min-height: 20px;
  content: "";
}

.mod-form-radio> .list> li> label> span {
  display: block;
  padding: 0 0 0 37px;
  cursor: default;
}

.mod-form-radio> .list> li> label> span::before,
.mod-form-radio> .list> li> label> span::after {
  position: absolute;
  display: block;
  content: "";
}

.mod-form-radio> .list> li> label> span::before {
  background: #fff;
  z-index: 1;
  top: 2px;
  left: 5px;
  width: 20px;
  height: 20px;
  border: 1px solid #929294;
}

.mod-form-radio> .list> li> label> span::after {
  z-index: 2;
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;
  opacity: 0;
}

.mod-form-radio [type="radio"]+ span::before {
  border-radius: 80px;
}

.mod-form-radio [type="radio"]+ span::after {
  background: #314da5;
  top: 6px;
  left: 9px;
  width: 12px;
  height: 12px;
  border-radius: 32px;
}

/* ----------------------------------------------------------------------------
 * .mod-form-radio02 ラジオボタン
 * ------------------------------------------------------------------------- */
.mod-form-radio02 {
  margin: 0 0 24px;
}

.mod-form-radio02> .list {
  margin: -12px 0 0 -12px;
}

.mod-form-radio02> .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0 0 12px;
}

.mod-form-radio02> .list li.of-hasImage label input+ .content {
  padding-top: 12px;
  padding-bottom: 5px;
}

.mod-form-radio02> .list li.of-hasImage label input+ .content::before,
.mod-form-radio02> .list li.of-hasImage label input+ .content::after {
  bottom: auto;
  margin: 0;
}

.mod-form-radio02> .list li.of-hasImage label input+ .content::before {
  top: 22px;
}

.mod-form-radio02> .list li.of-hasImage label input+ .content::after {
  top: 26px;
}

.mod-form-radio02> .list li.of-hasImage label input+ .content img {
  display: block;
  margin: 0 9px 9px 0;
}

.mod-form-radio02> .list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
          box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
}

.mod-form-radio02> .list label input {
  position: absolute;
  z-index: -1;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
}

.mod-form-radio02> .list label input+ .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 10px 22px 10px 44px;
  -webkit-transition: .2s background-color ease-out, .2s border-color ease-out;
          transition: .2s background-color ease-out, .2s border-color ease-out;
  border: 1px solid #929294;
  border-radius: 4px;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-form-radio02> .list label input+ .content::before,
.mod-form-radio02> .list label input+ .content::after {
  position: absolute;
  display: block;
  margin: auto 0;
  content: "";
}

.mod-form-radio02> .list label input+ .content::before {
  background: #fff;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 13px;
  width: 20px;
  height: 20px;
  border: 1px solid #929294;
  border-radius: 40px;
}

.mod-form-radio02> .list label input+ .content::after {
  background: #5ca122;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 17px;
  width: 12px;
  height: 12px;
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;
  border-radius: 24px;
  opacity: 0;
}

.mod-form-radio02> .list label input:checked+ span {
  background: #f1ffe5;
  border-color: #5ca122;
}

.mod-form-radio02> .list label input:checked+ span::after {
  opacity: 1;
}

.mod-form-radio02> .list label input:focus+ .content::before {
  -webkit-box-shadow: 0 0 0 2px #b2c4ff;
          box-shadow: 0 0 0 2px #b2c4ff;
}

.mod-form-radio02[data-col]:not([data-col="1"])> .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mod-form-radio02[data-col="2"]> .list> li {
  flex-basis: 50%;
  width: 50%;
  min-width: 50%;
  max-width: 50%;

  -ms-flex-preferred-size: 50%;
}

.mod-form-radio02[data-col="3"]> .list> li {
  flex-basis: 33.333%;
  width: 33.3333%;
  min-width: 33.3333%;
  max-width: 33.3333%;

  -ms-flex-preferred-size: 33.333%;
}

.mod-form-radio02[data-col="4"]> .list> li {
  flex-basis: 25%;
  width: 25%;
  min-width: 25%;
  max-width: 25%;

  -ms-flex-preferred-size: 25%;
}

.mod-form-radio02[data-col="5"]> .list> li {
  flex-basis: 20%;
  width: 20%;
  min-width: 20%;
  max-width: 20%;

  -ms-flex-preferred-size: 20%;
}

.mod-form-radio02[data-col="6"]> .list> li {
  flex-basis: 16.666%;
  width: 16.6666%;
  min-width: 16.6666%;
  max-width: 16.6666%;

  -ms-flex-preferred-size: 16.666%;
}

/* ----------------------------------------------------------------------------
 * .mod-form-searchBox 検索ボックス
 * ------------------------------------------------------------------------- */
.mod-form-searchbox {
  margin: 0 0 24px;
}

.mod-form-searchbox> .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-form-searchbox> .inner> .input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 8px 0 0;
}

.mod-form-searchbox> .inner> .input input {
  width: 100%;
}

.mod-form-searchbox> .inner> .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 80px;
  min-width: 80px;
  max-width: 80px;

  -ms-flex-preferred-size: 80px;
}

.mod-form-searchbox> .inner> .submit button {
  background: #314da5;
  position: relative;
  width: 100%;
  border-radius: 4px;
}

.mod-form-searchbox> .inner> .submit button::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -87px -150px;
  background-size: 201px 196px;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 24px;
  margin: auto;
  content: "";
}

.mod-form-searchbox> .inner> .submit button span {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

/* ----------------------------------------------------------------------------
 * .mod-form-fieldset フィールドセット
 * ------------------------------------------------------------------------- */
.mod-form-fieldset {
  margin: 0 0 40px;
  border: solid #d9dadb;
  border-width: 1px 0;
}

.mod-form-fieldset+ .mod-form-fieldset {
  margin-top: -40px;
  border-top: 0;
}

.mod-form-fieldset> .inner {
  overflow: hidden;
  padding: 22px 0;
}

.mod-form-fieldset> .inner> .content {
  display: flow-root;
  margin: 0 0 0 -24px;
  padding: 0;
  border: 0;
}

.mod-form-fieldset> .inner> .content> * {
  padding: 0 0 0 24px;
}

.mod-form-fieldset> .inner> .content> .label {
  float: left;
  width: 26%;
  padding-top: 1px;
}

.mod-form-fieldset> .inner> .content> .input {
  float: right;
  width: 74%;
}

.mod-form-fieldset> .inner> .content> .input> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

.mod-form-fieldset> .inner> .content> .input> *:last-child {
  margin-bottom: 0;
}

.mod-form-fieldset> .inner> .content:not(fieldset) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

/* ----------------------------------------------------------------------------
 * .mod-form-agreeCheck 同意ボックス
 * ------------------------------------------------------------------------- */
.mod-form-agreeCheck {
  background: #fff8eb;
  margin: 0 0 40px;
  border: 1px solid #d9dadb;
}

.mod-form-agreeCheck> .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 12px;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-form-agreeCheck> .checkbox label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  overflow: hidden;
  align-items: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-form-agreeCheck> .checkbox label::after {
  display: block;
  float: right;
  min-height: 20px;
  content: "";
}

.mod-form-agreeCheck> .checkbox [type="checkbox"] {
  position: absolute;
  z-index: -1;
  right: 100%;
  bottom: 100%;
  opacity: 0;
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]:checked+ span::after {
  opacity: 1;
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]:focus+ span::before {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px #b2c4ff;
          box-shadow: 0 0 0 2px #b2c4ff;
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]+ span {
  display: block;
  padding: 0 0 0 40px;
  cursor: default;
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]+ span::before,
.mod-form-agreeCheck> .checkbox [type="checkbox"]+ span::after {
  position: absolute;
  display: block;
  content: "";
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]+ span::before {
  background: #fff;
  z-index: 1;
  top: 2px;
  left: 8px;
  width: 20px;
  height: 20px;
  border: 1px solid #929294;
}

.mod-form-agreeCheck> .checkbox [type="checkbox"]+ span::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -150px;
  background-size: 201px 196px;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 9px;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-transition: .2s opacity ease-out;
          transition: .2s opacity ease-out;
  opacity: 0;
}

/* ============================================================================
 * _media modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .mod-media
 * ------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------
 * 単一メディアレイアウト .mod-media
 * ------------------------------------------------------------------------- */
.mod-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 24px;
}

.mod-media> .inner {
  display: block;
  -ms-flex-direction: column;
      flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.mod-media> .inner> .caption {
  font-size: 1.2rem;
  width: 100%;
}

.mod-media> .inner> .media {
  text-align: center;
  position: relative;
}

.mod-media> .inner> .media img,
.mod-media> .inner> .media iframe,
.mod-media> .inner> .media video,
.mod-media> .inner> .media picture {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.mod-media> .inner> .media img[src*="icn-"] {
  position: absolute;
  margin: auto;
}

.mod-media> .inner> .media img[src*="icn-"]:not([data-position]) {
  top: 8px;
  left: 8px;
}

.mod-media> .inner> .media img[src*="icn-"][data-position*="top"] {
  top: 8px;
}

.mod-media> .inner> .media img[src*="icn-"][data-position*="bottom"] {
  bottom: 8px;
}

.mod-media> .inner> .media img[src*="icn-"][data-position*="left"] {
  left: 8px;
}

.mod-media> .inner> .media img[src*="icn-"][data-position*="right"] {
  right: 8px;
}

.mod-media.of-reverse> .inner {
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;

  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
}

.mod-media.align-left {
  align-items: flex-start;

  -webkit-box-align: start;
  -ms-flex-align: start;
}

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

.mod-media.align-left> .caption> img {
  margin-left: 0;
}

.mod-media.align-right {
  align-items: flex-end;

  -webkit-box-align: end;
  -ms-flex-align: end;
}

.mod-media.align-right> .caption {
  text-align: right;
}

.mod-media.align-right> .caption> img {
  margin-right: 0;
}

/*背景に白塗りの下敷き*/

*+ .caption {
  display: inline-block;
  margin: 6px 0 0;
}

/*AEM専用*/
.parbase.image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.parbase.image [align="left"] {
  margin-right: auto;
}

.parbase.image [align="right"] {
  margin-left: auto;
}

.parbase.image [align] {
  text-align: left;
}

.parbase.image .caption {
  display: block;
}

.parbase.image img {
  max-width: 100%;
}

/* ============================================================================
 * _widget modules
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .js-carousel 共通スタイル
 * ------------------------------------------------------------------------- */
html[data-script-enabled="true"] .mod-carousel .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html[data-script-enabled="true"] .mod-carousel.is-ready> * {
  -webkit-transition: .3s transform ease-out;
          transition: .3s transform ease-out;
}

html[data-script-enabled="true"] .mod-carousel.is-dragging> * {
  -webkit-transition: none !important;
          transition: none !important;
}

/* ----------------------------------------------------------------------------
 * .js-tgl 共通スタイル
 * ------------------------------------------------------------------------- */
html[data-script-enabled="true"] .js-tgl> summary.tgl-hook {
  display: list-item;
  list-style: none;
}

html[data-script-enabled="true"] .js-tgl> summary.tgl-hook::-webkit-details-marker {
  display: none;
}

html[data-script-enabled="true"] .js-tgl> .tgl-hook {
  display: block;
  cursor: default;
}

html[data-script-enabled="true"] .js-tgl> .tgl-panel {
  overflow: hidden;
  padding: 0 !important;
  -webkit-transition: .2s height ease-out;
          transition: .2s height ease-out;
}

html[data-script-enabled="true"] .js-tgl:not([open]) .tgl-panel {
  display: none;
}

html[data-script-enabled="true"] .js-tgl:not([open]) .tgl-panel> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

html[data-script-enabled="true"] .js-tgl:not([open]) .tgl-panel> *:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------
 * .js-tab 共通スタイル
 * ------------------------------------------------------------------------- */
html[data-script-enabled="true"] .js-tab [role="tab"] {
  cursor: default;
}

html[data-script-enabled="true"] .js-tab .tab-panel:not(:nth-of-type(1)):not([aria-hidden="false"]) {
  display: none;
}

html[data-script-enabled="true"] .js-tab .tab-panel[aria-hidden="true"] {
  display: none;
}

/* ----------------------------------------------------------------------------
 * .js-accordion 共通スタイル
 * ------------------------------------------------------------------------- */
.js-accordion .accordion-panel {
  overflow: hidden;
  padding: 0 !important;
}

html[data-script-enabled="true"] .js-accordion .accordion-panel {
  display: none;
  -webkit-transition: .2s height ease-out;
          transition: .2s height ease-out;
}

html[data-script-enabled="true"] .js-accordion .accordion-panel[role="region"]:not([hidden]) {
  display: block;
}

/* ----------------------------------------------------------------------------
 * .js-setCondition 共通スタイル
 * ------------------------------------------------------------------------- */
html[data-script-enabled="true"] .js-setCondition [data-step-name]:not([data-step-name="default"]):not(.is-active) {
  display: none;
}

html[data-script-enabled="true"] .js-setCondition [data-step-id]:not(.is-active) {
  display: none;
}

.js-setCondition [data-step-id] noscript {
  display: block;
  padding: 24px 0 0;
  border-top: 2px dashed #d9dadb;
}

/* ----------------------------------------------------------------------------
 * .mod-carousel カルーセル
 * ------------------------------------------------------------------------- */
/*
  .js-carousel
 ----------------------------*/
.mod-carousel {
  text-align: center;
  position: relative;
  overflow: hidden;
  height: auto;
  padding: 0 0 20px;
}

.mod-carousel.type-full .slick-slider {
  max-width: none;
}

.mod-carousel> * {
  -webkit-transition: .5s ease-out opacity;
          transition: .5s ease-out opacity;
  opacity: 0;
}

.mod-carousel> *.slick-initialized,
.mod-carousel> *.slick-initialized~ * {
  opacity: 1;
}

.mod-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  -webkit-box-sizing: content-box;
          box-sizing: border-box;
          box-sizing: content-box;
  max-width: 960px;
  margin: auto;
  padding: 0 60px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.mod-carousel .slick-slider .slick-list,
.mod-carousel .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.mod-carousel .slick-slider .slick-list {
  position: relative;
  display: block;
  height: 100%;
  margin: 0 -12px;
  padding: 0;
}

.mod-carousel .slick-slider .slick-list:focus {
  outline: none;
}

.mod-carousel .slick-slider .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.mod-carousel .slick-slider .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
}

.mod-carousel .slick-slider .slick-track> li {
  margin: 0 12px;
}

.mod-carousel .slick-slider .slick-track> li> .inner {
  margin: 0 auto;
}

.mod-carousel .slick-slider .slick-track> li> .inner> .col {
  padding: 0;
}

.slick-loading .mod-carousel .slick-slider .slick-track {
  visibility: hidden;
}

.mod-carousel .slick-slider .slick-arrow {
  background: rgba(0, 0, 0, .4);
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  width: 48px;
  height: 48px;
  margin: auto;
}

.mod-carousel .slick-slider .slick-arrow:hover {
  background: rgba(0, 0, 0, .7);
}

.mod-carousel .slick-slider .slick-arrow.btn-prev::before,
.mod-carousel .slick-slider .slick-arrow.btn-next::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}

.mod-carousel .slick-slider .slick-arrow.btn-prev .inner,
.mod-carousel .slick-slider .slick-arrow.btn-next .inner {
  display: block;
  overflow: hidden;
  height: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-prev {
  left: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-prev::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -156px -73px;
  background-size: 201px 196px;
  width: 17px;
  height: 30px;
}

.mod-carousel .slick-slider .slick-arrow.btn-next {
  right: 0;
}

.mod-carousel .slick-slider .slick-arrow.btn-next::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -156px -38px;
  background-size: 201px 196px;
  width: 17px;
  height: 30px;
}

.mod-carousel .slick-slider .slick-arrow.slick-hidden {
  display: none;
}

.mod-carousel .carousel-controller {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding-top: 20px;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.mod-carousel .carousel-controller> * {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-carousel .carousel-controller .btn-play {
  font-size: 0;
  background: none;
  position: relative;
  width: 15px;
  height: 15px;
  padding: 0;
  cursor: pointer;
  -webkit-animation: inherit !important;
          animation: inherit !important;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mod-carousel .carousel-controller .btn-play:not(.stop)::before,
.mod-carousel .carousel-controller .btn-play:not(.stop)::after {
  pointer-events: none;
  background: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  display: block;
  width: 5px;
  height: 15px;
  content: "";
}

.mod-carousel .carousel-controller .btn-play:not(.stop)::before {
  left: 0;
}

.mod-carousel .carousel-controller .btn-play:not(.stop)::after {
  right: 0;
}

.mod-carousel .carousel-controller .btn-play:not(.stop):hover::before,
.mod-carousel .carousel-controller .btn-play:not(.stop):hover::after {
  background: rgba(0, 0, 0, .7);
}

.mod-carousel .carousel-controller .btn-play.stop::before {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  border: 7.5px solid transparent;
  border-right: 0;
  border-left: 14px solid rgba(0, 0, 0, .4);
}

.mod-carousel .carousel-controller .btn-play.stop:hover:before {
  border-left-color: rgba(0, 0, 0, .7);
}

.mod-carousel .carousel-controller .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.mod-carousel .carousel-controller .slick-dots li {
  width: 18px;
  margin-left: 14px;
}

.mod-carousel .carousel-controller .slick-dots li+ li {
  margin-left: 12px;
}

.mod-carousel .carousel-controller .slick-dots li button {
  position: relative;
  width: 100%;
  height: 15px;
}

.mod-carousel .carousel-controller .slick-dots li button::before {
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  margin: auto;
  content: "";
}

.mod-carousel .carousel-controller .slick-dots li.slick-active button::before {
  background-color: rgba(0, 0, 0, .7);
}

/* Slider */
.slick-slide {
  text-align: left;
  display: none;
  min-height: 1px;
}

.slick-slide a:hover {
  opacity: .8;
}

.slick-slide img {
  display: block;
  width: 100%;
  max-width: initial;
  height: 100%;
}

.slick-loading .slick-slide {
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* ----------------------------------------------------------------------------
 * .mod-tgl
 * ------------------------------------------------------------------------- */
.mod-tgl {
  margin: 0 0 20px;
}

.mod-tgl> .tgl-hook {
  font-size: 1.8rem;
  font-weight: bold;
  background: #f0f0ed;
  position: relative;
  padding: 9px 40px 7px 13px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #d9dadb;
}

.mod-tgl> .tgl-hook::after {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -105px -112px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  width: 17px;
  height: 10px;
  margin: auto;
  content: "";
  -webkit-transition: .2s transform ease-out;
          transition: .2s transform ease-out;
}

.mod-tgl> .tgl-panel {
  border: 1px solid #d9dadb;
  border-width: 0 1px 1px;
}

.mod-tgl> .tgl-panel> .inner {
  background: #fff;
  padding: 35px 12px;
}

.mod-tgl> .tgl-panel> .inner> *:first-child {
  margin-top: 0;
}

.mod-tgl> .tgl-panel> .inner> *:last-child {
  margin-bottom: 0;
}

.mod-tgl[open]> .tgl-hook:not([aria-expanded="false"])::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/* ----------------------------------------------------------------------------
 * .mod-tab
 * ------------------------------------------------------------------------- */
.mod-tab {
  overflow: hidden;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: calc(100% - 2px);
  margin: 0 0 24px;
  border-radius: 4px 4px 0 0;
}

.mod-tab .tab-list {
  background: #d9dadb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 4px solid #5ca122;
}

.mod-tab .tab-list> li {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  word-break: break-all;
  background: #f4f8ed;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 47px;
  padding: 8px 8px 4px;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

html[data-script-enabled] .mod-tab .tab-list> li {
  background-color: #fff;
}

html[data-script-enabled] .mod-tab .tab-list> li[aria-selected="true"] {
  color: #fff;
  background: #5ca122;
  border-top: 1px solid transparent;
}

.mod-tab .tab-list> li[role="tab"] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: .2s background-color ease-out;
          transition: .2s background-color ease-out;
}

.mod-tab .tab-list> li[role="tab"] span {
  text-decoration: none;
  color: inherit;
}

.mod-tab .tab-list:not([data-col])> li:last-child {
  margin-left: auto;
}

.mod-tab> .tab-panel {
  background: #f4f8ed;
  padding: 35px 12px;
}

.mod-tab> .tab-panel> *:first-child:not(.mod-btn):not([data-col]) {
  margin-top: 0;
}

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

.mod-tab> .tab-panel> [class*="tab-parsys_ux2_tab"]> .ux2_heading:first-child> * {
  margin-top: 0;
}

.mod-tab> .tab-panel> [class*="tab-parsys_ux2_tab"]> .richtext_box2+ .richtext_box2 {
  margin-top: 24px;
}

/* ============================================================================
 * _adjust classes
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .align-* 文字揃え
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * .align-left 左揃え強制
 * --------------------------------- */
.align-left {
  text-align: left !important;
}

/* ------------------------------------
 * .align-center 中央揃え強制
 * --------------------------------- */
.align-center {
  text-align: center !important;
}

/* ------------------------------------
 * .align-right 右揃え強制
 * --------------------------------- */
.align-right {
  text-align: right !important;
}

/* ------------------------------------
 * .align-top 上揃え強制
 * --------------------------------- */
.align-top {
  vertical-align: top !important;
}

/* ------------------------------------
 * .align-middle 中揃え強制
 * --------------------------------- */
.align-middle {
  vertical-align: middle !important;
}

/* ------------------------------------
 * .align-bottom 下揃え強制
 * --------------------------------- */
.align-bottom {
  vertical-align: bottom !important;
}

/* ----------------------------------------------------------------------------
 * .fz-smaller font-siez: 86.667%;
 * ------------------------------------------------------------------------- */
.fz-smaller {
  font-size: 86.667% !important;
}

/* ----------------------------------------------------------------------------
 * .fz-larger
 * ------------------------------------------------------------------------- */
.fz-larger {
  font-size: 160% !important;
}

.fz-larger-2 {
  font-size: 213.33% !important;
}

.fz-larger-3 {
  font-size: 133.33% !important;
}

@media only screen and (max-width: 767px) {
  .fz-larger {
    font-size: 112% !important;
  }

  .fz-larger-2 {
    font-size: 149.33% !important;
  }
}

/* ----------------------------------------------------------------------------
 * .mb-*
 * ------------------------------------------------------------------------- */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .mt-*
 * ------------------------------------------------------------------------- */
.mt-0 {
  margin-top: 0 !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .mr-*
 * ------------------------------------------------------------------------- */
 .mr-0 {
  margin-right: 0 !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .ml-*
 * ------------------------------------------------------------------------- */
 .ml-0 {
  margin-left: 0 !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .m*-a
 * ------------------------------------------------------------------------- */
.ml-a {
  margin-left: auto !important;
}

.mr-a {
  margin-right: auto !important;
}

.ms-a {
  margin-right: auto !important;
  margin-left: auto !important;
}

.ma-a {
  margin: auto !important;
}

/* ----------------------------------------------------------------------------
 * .pb-*
 * ------------------------------------------------------------------------- */
.pb-0 {
  padding-bottom: 0 !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pb-52 {
  padding-bottom: 52px !important;
}

.pb-56 {
  padding-bottom: 56px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-64 {
  padding-bottom: 64px !important;
}

.pb-68 {
  padding-bottom: 68px !important;
}

.pb-72 {
  padding-bottom: 72px !important;
}

.pb-76 {
  padding-bottom: 76px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .pt-*
 * ------------------------------------------------------------------------- */
.pt-0 {
  padding-top: 0 !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pt-52 {
  padding-top: 52px !important;
}

.pt-56 {
  padding-top: 56px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-64 {
  padding-top: 64px !important;
}

.pt-68 {
  padding-top: 68px !important;
}

.pt-72 {
  padding-top: 72px !important;
}

.pt-76 {
  padding-top: 76px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .pl-*
 * ------------------------------------------------------------------------- */
.pl-0 {
  padding-left: 0 !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.pl-52 {
  padding-left: 52px !important;
}

.pl-56 {
  padding-left: 56px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-64 {
  padding-left: 64px !important;
}

.pl-68 {
  padding-left: 68px !important;
}

.pl-72 {
  padding-left: 72px !important;
}

.pl-76 {
  padding-left: 76px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .pr-*
 * ------------------------------------------------------------------------- */
.pr-0 {
  padding-right: 0 !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pr-52 {
  padding-right: 52px !important;
}

.pr-56 {
  padding-right: 56px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-64 {
  padding-right: 64px !important;
}

.pr-68 {
  padding-right: 68px !important;
}

.pr-72 {
  padding-right: 72px !important;
}

.pr-76 {
  padding-right: 76px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

/* ----------------------------------------------------------------------------
 * .w-*
 * ------------------------------------------------------------------------- */
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.w-16 {
  width: 16.6666% !important;
}

.w-33 {
  width: 33.3333% !important;
}

.w-66 {
  width: 66.6666% !important;
}

.w-83 {
  width: 83.3333% !important;
}

/* ----------------------------------------------------------------------------
 * .
 * ------------------------------------------------------------------------- */
.content-w-810 {
  max-width: 810px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ----------------------------------------------------------------------------
 * .bg-
 * ------------------------------------------------------------------------- */
.bg-alert {
  background-color: #ffebeb !important;
}

.bg-warn {
  background-color: #fff8eb !important;
}

/* ----------------------------------------------------------------------------
 * .dc-
 * ------------------------------------------------------------------------- */
.dc-arrow {
  display: block;
  padding: 19px 0;
}

.dc-arrow::before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -23px -112px;
  background-size: 201px 196px;
  display: block;
  width: 33px;
  height: 18px;
  margin: 0 auto;
  content: "";
}

/* ----------------------------------------------------------------------------
 * .is-sp
 * ------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
 * .is-pc
 * ------------------------------------------------------------------------- */

/* ============================================================================
 * _widget components
 * ========================================================================= */
/* ----------------------------------------------------------------------------
 * .comp-widget-setCondition
 * ------------------------------------------------------------------------- */
.comp-widget-setCondition {
  margin: 0 0 40px;
}

.comp-widget-setCondition> .notice {
  margin: 0 0 16px;
}

.comp-widget-setCondition> .controller {
  background: #f0f1f3;
  padding: 16px 16px 32px;
}

.comp-widget-setCondition> .controller .mod-form-select {
  margin-bottom: 27px;
}

.comp-widget-setCondition> .controller .mod-form-select> label~ .select {
  margin-top: 6px;
}

.comp-widget-setCondition> .controller .mod-form-select+ .mod-btn {
  margin-top: 40px;
}

html:not([data-script-enabled]) .comp-widget-setCondition> .controller {
  display: none;
}

.comp-widget-setCondition:not(.is-complete)> .controller .mod-form-select> .select::after {
  opacity: 1;
}

.comp-widget-setCondition:not(.is-complete) .complete {
  display: none;
}

.comp-widget-setCondition:not(.is-complete) .mod-btn .btn.var-02 a::after,
.comp-widget-setCondition:not(.is-complete) .mod-btn .btn.var-02 button[type]::after {
  right: 17px;
  -webkit-transition: .2s top ease-out;
          transition: .2s top ease-out;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.comp-widget-setCondition.is-complete .mod-form-select> .select {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 1px dotted #b5b5b5;
}

.comp-widget-setCondition.is-complete .mod-form-select> .select::after {
  opacity: 0;
}

.comp-widget-setCondition.is-complete .mod-form-select> .select select {
  font-size: 1.1em;
  line-height: 1.5;
  white-space: normal;
  color: currentColor;
  border-color: #f0f1f3;
}

.comp-widget-setCondition.is-complete .mod-btn .btn.of-return a span:not(.complete),
.comp-widget-setCondition.is-complete .mod-btn .btn.of-return button[type] span:not(.complete) {
  display: none;
}

.comp-widget-setCondition.is-complete .mod-btn .btn.of-return a::after,
.comp-widget-setCondition.is-complete .mod-btn .btn.of-return button[type]::after {
  left: 17px;
  -webkit-transition: .2s top ease-out;
          transition: .2s top ease-out;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.comp-widget-setCondition .result {
  padding: 20px;
  border: 4px solid #f0f1f3;
  border-top: 0;
}

/* ----------------------------------------------------------------------------
 * .comp-widget-qa-tgl
 * ------------------------------------------------------------------------- */
.comp-widget-qa-tgl> .list> li+ li {
  margin-top: 10px;
}

.comp-widget-qa-tgl> .list .mod-tgl {
  margin: 0;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-hook {
  font-size: 1.5rem;
  font-weight: normal;
  padding: 8px 40px 6px 44px;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-hook:before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -125px;
  background-size: 201px 196px;
  position: absolute;
  top: 1rem;
  left: 1.2rem;
  width: 17px;
  height: 20px;
  content: "";
  -webkit-transition: .2s transform ease-out;
          transition: .2s transform ease-out;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child {
  position: relative;
  min-height: calc(0%);
  padding-left: 3.2rem;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child:before {
  background-image: url(/shared/img/sprite.png);
  background-repeat: no-repeat;
  background-position: -179px -100px;
  background-size: 201px 196px;
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 20px;
  content: "";
  -webkit-transition: .2s transform ease-out;
          transition: .2s transform ease-out;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child+ * {
  margin-top: 2.4rem;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child+ *> *:first-child {
  margin-top: 0;
}

.comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child+ *> *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  body {
    min-width: 950px;
  }
  [class^="str-outer"]+ .str-outer-partition .str-inner:first-child {
    padding-top: 80px;
  }
  [class^="str-outer"]> .str-inner:last-child {
    padding-bottom: 80px;
  }
  .str-alertList {
    margin-top: 24px;
  }
  .str-alertList li a:hover {
    text-decoration: none;
  }
  .str-pageTitle> .inner {
    font-size: 3.5rem;
  }
  .str-pageTitle> .inner> * span:not(:last-child) {
    font-size: 2.2rem;
  }
  .str-column> .column-inner {
    -ms-flex-direction: row;
        flex-direction: row;
    justify-content: center;
    margin: 0 auto;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .str-column> .column-inner> .main-column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
  }
  .str-column> .column-inner> .main-column:not(:last-child) {
    max-width: 687px;
    padding: 0 0 0 12px;
  }
  .str-column> .column-inner> .main-column:not(:last-child) [class^="str-outer"] {
    padding: 0;
  }
  .str-column> .column-inner> .sub-column {
    flex-basis: 30%;
    max-width: 292px;
    padding: 0 12px 0 30px;

    -ms-flex-preferred-size: 30%;
  }
  .str-column> .column-inner> .sub-column [class^="str-outer"] {
    padding-right: 0;
    padding-left: 0;
  }
  .str-column.of-reverse> .column-inner {
    -ms-flex-direction: row;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .str-column.of-reverse-pc> .column-inner {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .str-column.of-reverse-pc> .column-inner> .main-column {
    padding-right: 0;
    padding-left: 30px;
  }
  .str-scrollTop a::before {
    background-image: url(/shared/img/sprite.png);
    background-position: -178px -88px;
    background-size: auto;
    width: 64px;
    height: 64px;
    -webkit-transition: .2s transform ease-out;
            transition: .2s transform ease-out;
  }
  .str-scrollTop a:hover:not(:active),
  .str-scrollTop a:focus:not(:active) {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    opacity: .7;
  }
  .str-scrollTop a:hover:not(:active)::before,
  .str-scrollTop a:focus:not(:active)::before {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .str-subcontent {
    padding-bottom: 80px;
  }
  .str-subcontent> .inner> .hdg {
    font-size: 2.4rem;
  }
  .str-subcontent> .inner> .hdg+ *:not(.read) {
    margin-top: 30px;
  }
  .str-subcontent> .inner> .hdg+ .read {
    margin-top: 20px;
  }
  .str-cvcontent {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .str-cvcontent.type-2 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .str-cvcontent> .inner> .hdg2 {
    font-size: 3.2rem;
    margin-bottom: 48px;
  }
  .str-cvcontent> .inner> .hdg3 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .str-cvcontent> .inner> .hdg3:not(:first-of-type) {
    padding-top: 70px;
  }
  .str-cvcontent> .inner> .hdg3:not(:first-of-type)::before {
    top: 40px;
    left: calc(50% - (73.63% / 2));
    width: 73.63%;
  }
  .str-cvcontent> .inner> .hdg3> .label {
    margin-right: 7px;
  }
  .str-cvcontent .box-cv> .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .str-cvcontent .box-cv .box-cv {
    height: 100%;
  }
  .str-cvcontent .box-cv .copy {
    margin-bottom: 5px;
  }
  .str-cvcontent .box-cv .time {
    width: 36%;
    border-right: 1px solid #d9dadb;
  }
  .str-cvcontent .box-cv .number {
    width: calc(100% - 36%);
    font-size: 3.8rem;
  }
  .str-footerlink> .inner {
    padding: 21px 12px 15px;
  }
  .str-footerlink> .inner> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
  }
  .str-footerlink> .inner> .list> li {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    margin: 0 0 1px;
    border: 0;
  }
  .str-footerlink> .inner> .list> li> .title {
    margin: 0 0 8px;
    padding: 0;
    border: 0;
  }
  .str-footerlink> .inner> .list> li> .title> b {
    position: relative;
    display: inline-block;
    padding: 0 0 0 17px;
  }
  .str-footerlink> .inner> .list> li> .title> b::before {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -132px -179px;
    background-size: 201px 196px;
    position: absolute;
    top: 5px;
    left: 0;
    width: 7px;
    height: 8px;
    content: "";
  }
  .str-footerlink> .inner> .list .list> li {
    margin: 0 0 6px;
    padding: 0 0 0 11px;
    border: 0;
  }
  html[data-script-enabled="true"] .str-footerlink> .inner> .list li> .title::after {
    display: none;
  }
  html[data-script-enabled="true"] .str-footerlink> .inner> .list .list {
    display: block;
  }
  .str-footerlink:not([data-col-pc])> .inner> .list> li,
  .str-footerlink[data-col-pc="2"]> .inner> .list> li {
    width: calc(50% - 31px);
  }
  .str-footerlink:not([data-col-pc])> .inner> .list> li:nth-child(2n + 1):not(:only-child),
  .str-footerlink[data-col-pc="2"]> .inner> .list> li:nth-child(2n + 1):not(:only-child) {
    padding-right: 30px;
    border-right: 1px dotted #ccc;
  }
  .str-footerlink:not([data-col-pc])> .inner> .list> li:nth-child(2n),
  .str-footerlink[data-col-pc="2"]> .inner> .list> li:nth-child(2n) {
    padding-left: 30px;
  }
  .str-footerlink:not([data-col-pc])> .inner> .list> li:nth-child(2)~ li,
  .str-footerlink[data-col-pc="2"]> .inner> .list> li:nth-child(2)~ li {
    padding-top: 15px;
  }
  .str-footerlink[data-col-pc="3"]> .inner> .list> li {
    width: calc(33.3333% - 42px);
  }
  .str-footerlink[data-col-pc="3"]> .inner> .list> li:nth-child(3)~ li {
    padding-top: 15px;
  }
  .str-footerlink[data-col-pc="3"]> .inner> .list> li:not(:nth-child(3n)) {
    padding-right: 30px;
    border-right: 1px dotted #ccc;
  }
  .str-footerlink[data-col-pc="3"]> .inner> .list> li:not(:nth-child(3n + 1)) {
    padding-left: 30px;
  }
  .str-footerlink[data-col-pc="4"]> .inner> .list> li {
    width: calc(25% - 48px);
  }
  .str-footerlink[data-col-pc="4"]> .inner> .list> li:not(:nth-child(4n)) {
    padding-right: 30px;
    border-right: 1px dotted #ccc;
  }
  .str-footerlink[data-col-pc="4"]> .inner> .list> li:not(:nth-child(4n + 1)) {
    padding-left: 30px;
  }
  .str-footerlink[data-col-pc="4"]> .inner> .list> li:nth-child(4)~ li {
    padding-top: 15px;
  }
  .str-footerlink[data-col-pc="5"]> .inner> .list> li {
    width: calc(20% - 52px);
  }
  .str-footerlink[data-col-pc="5"]> .inner> .list> li:not(:nth-child(5n)) {
    padding-right: 30px;
    border-right: 1px dotted #ccc;
  }
  .str-footerlink[data-col-pc="5"]> .inner> .list> li:not(:nth-child(5n + 1)) {
    padding-left: 30px;
  }
  .str-footerlink[data-col-pc="5"]> .inner> .list> li:nth-child(5)~ li {
    padding-top: 15px;
  }
  .str-footerlink[data-col-pc="6"]> .inner> .list> li {
    width: calc(16.6666% - 55px);
  }
  .str-footerlink[data-col-pc="6"]> .inner> .list> li:not(:nth-child(6n)) {
    padding-right: 30px;
    border-right: 1px dotted #ccc;
  }
  .str-footerlink[data-col-pc="6"]> .inner> .list> li:not(:nth-child(6n + 1)) {
    padding-left: 30px;
  }
  .str-footerlink[data-col-pc="6"]> .inner> .list> li:nth-child(6)~ li {
    padding-top: 15px;
  }
  .str-footerlink-02 {
    padding: 20px 12px 2px;
  }
  .str-footerlink-02[data-col-pc]:not([data-col-pc=""])> .inner {
    padding-bottom: 15px;
  }
  .str-footerlink-02[data-col-pc]:not([data-col-pc=""])> .inner> .list {
    margin: -13px 0 0 -15px;
  }
  .str-footerlink-02[data-col-pc]:not([data-col-pc=""])> .inner> .list> li {
    margin: 0;
    padding: 13px 0 0 15px;
  }
  .str-footerlink-02[data-col-pc="3"]> .inner> .list> li {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  .str-footerlink-02[data-col-pc="4"]> .inner> .list> li {
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .str-footerlink-02[data-col-pc="5"]> .inner> .list> li {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .str-footerlink-02[data-col-pc="6"]> .inner> .list> li {
    flex-basis: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.6666%;
  }
  .str-footerlink-02> .inner> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
  }
  .str-footerlink-02> .inner> .list> li {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;
    margin: 0 0 13px;
    border: 0;

    -ms-flex-preferred-size: 50%;
  }
  .str-footerlink-02> .inner> .list> li:nth-child(odd) {
    padding-right: 12px;
  }
  .str-footerlink-02> .inner> .list> li:nth-child(even) {
    padding-left: 12px;
  }
  .str-footerlink-02> .inner> .list> li> .title {
    margin: 0 0 5px;
    padding: 0;
    border: 0;
  }
  .str-footerlink-02> .inner> .list .list> li {
    margin: 0 0 2px;
    padding: 0 0 0 11px;
    border: 0;
  }
  /* ----------------------------------------------------------------------------
   * .nav-local ローカルナビ
   * ------------------------------------------------------------------------- */
  .nav-local {
    display: block;
    position: relative;
  }

  .nav-local> .title {
    padding: 9px 35px 7px 9px;
    border: 1px solid #dedede;
    border-width: 1px 0;
  }

  .nav-local> .content ul li a:not(.of-nochild) {
    color: inherit;
    position: relative;
    display: block;
    padding: 10px 12px 5px 29px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: solid #dedede;
    border-width: 0 0 1px;
  }

  .nav-local> .content ul li a:not(.of-nochild)::before {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -132px -179px;
    background-size: 201px 196px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13px;
    display: block;
    width: 7px;
    height: 8px;
    margin: auto 0;
    content: "";
  }

  .nav-local> .content ul li .item .of-nochild,
  .nav-local> .content ul li .item .tgl-hook {
    font-weight: normal;
    color: inherit;
    position: relative;
    display: block;
    padding: 9px 9px 5px 29px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: solid #dedede;
    border-width: 0 0 1px;
  }

  .nav-local> .content ul li .item .of-nochild {
    text-decoration: none;
  }

  .nav-local> .content ul li:first-child> .item> a:not(.of-nochild) {
    font-weight: bold;
  }

  .nav-local> .content ul li:not(:first-child)> .item> a:not(.of-nochild) {
    padding-top: 9px;
    padding-left: 37px;
  }

  .nav-local> .content ul li:not(:first-child)> .item> a:not(.of-nochild)::before {
    left: 23px;
  }

  .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a:not(.of-nochild)::before {
    background-position: -84px -179px;
    height: 13px;
    left: auto;
    right: 13px;
    -webkit-transition: .2s right ease-out,.2s opacity ease-out;
    transition: .2s right ease-out,.2s opacity ease-out;
  }

  .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a:not(.of-nochild):hover::before {
    right: 9px;
    opacity: .7;
  }

  .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a[target="_blank"]:not(.of-nochild)::before {
    display: none;
  }

  .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a[target="_blank"] img.icn-_blank {
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    margin: auto 0;
  }

  .nav-local> .content> .conversion {
    padding: 19px 9px;
  }

  .nav-local> .content> .conversion .btn a {
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #223;
    background: #fcdb00;
    display: block;
    padding: 10px 12px 6px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
            box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
  }

  .nav-local> .content> .conversion .btn a:not([href]) {
    opacity: .3;
  }

  .nav-local> .content .form-search {
    padding: 20px 9px;
    border: solid #dedede;
    border-width: 1px 0;
  }

  .nav-local> .content .form-search .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    border: 1px solid #dedede;
    border-radius: 4px;
  }

  .nav-local> .content .form-search .layout> .input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .nav-local> .content .form-search .layout> .input input {
    display: block;
    width: 100%;
    padding: 12px 15px 9px;
    border: 0;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .nav-local> .content .form-search .layout> .input input:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #b2c4ff inset;
            box-shadow: 0 0 0 2px #b2c4ff inset;
  }

  .nav-local> .content .form-search .layout> .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 79px;
    min-height: 38px;
  }

  .nav-local> .content .form-search .layout> .submit button {
    background: #dedede;
    position: relative;
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  .nav-local> .content .form-search .layout> .submit button span {
    position: absolute;
    z-index: -1;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
  }

  .nav-local> .content .form-search .layout> .submit button::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -58px -150px;
    background-size: 201px 196px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin: auto;
    content: "";
  }

  .nav-local> .content .form-search .layout> .submit button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #b2c4ff inset;
            box-shadow: 0 0 0 2px #b2c4ff inset;
  }

  .nav-local .func-btn-return {
    text-align: left;
    background: #f0f0ed;
    position: relative;
    width: 100%;
    padding: 9px 12px 5px 29px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-bottom: 2px solid #dedede;
  }

  .nav-local .func-btn-return::before {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -96px -179px;
    background-size: 201px 196px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    display: block;
    width: 7px;
    height: 13px;
    margin: auto 0;
    content: "";
  }

  html[data-script-enabled="true"] .nav-local> .title {
    position: relative;
    cursor: default;
  }

  html[data-script-enabled="true"] .nav-local> .title::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -105px -112px;
    background-size: 201px 196px;
    position: absolute;
    top: 0;
    right: 11px;
    bottom: 0;
    display: block;
    width: 17px;
    height: 10px;
    margin: auto 0;
    content: "";
    -webkit-transition: .2s transform ease-out;
            transition: .2s transform ease-out;
  }

  html[data-script-enabled="true"] .nav-local> .title[aria-expanded="true"]::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  html[data-script-enabled="true"] .nav-local> .title[aria-expanded="true"]+ .content {
    display: block;
  }

  html[data-script-enabled="true"] .nav-local> .content {
    display: none;
  }

  html[data-script-enabled="true"] .nav-local> .content> .link> .list {
    -webkit-animation-name: "nav-local-expand-sp";
            animation-name: "nav-local-expand-sp";
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  html[data-script-enabled="true"] .nav-local> .content> .link> .list.is-invisible {
    pointer-events: none;
    -webkit-animation: none;
            animation: none;
    opacity: 0;
  }

  html[data-script-enabled="true"] .nav-local ul li .of-nochild::after,
  html[data-script-enabled="true"] .nav-local ul li .tgl-hook::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -84px -179px;
    background-size: 201px 196px;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    display: block;
    width: 7px;
    height: 13px;
    margin: auto 0;
    content: "";
  }

  html[data-script-enabled="true"] .nav-local ul li .tgl-hook {
    cursor: default;
  }

  html[data-script-enabled="true"] .nav-local ul li .item {
    display: none;
  }

  html[data-script-enabled="true"] .nav-local ul li li ul:not([aria-expanded="true"]) .item {
    display: none;
  }

  html[data-script-enabled="true"] .nav-local[data-current="2"] [data-layer="3"]> .item {
    display: block;
  }

  html[data-script-enabled="true"] .nav-local[data-current="3"] [aria-expanded="true"]> [data-layer="4"]> .item {
    display: block;
  }

  html[data-script-enabled="true"] .nav-local[data-current="4"] [aria-expanded="true"]> [data-layer="5"]> .item {
    display: block;
  }

  html[data-script-enabled="true"] .nav-local[data-current="5"] [aria-expanded="true"]> [data-layer="6"]> .item {
    display: block;
  }

  html[data-script-enabled="true"] .nav-local[data-current="6"] [aria-expanded="true"]> [data-layer="7"]> .item {
    display: block;
  }

  .nav-local .func-btn-return {
    display: none;
  }
  .nav-local> .title {
    display: none;
  }
  .nav-local> .content {
    max-width: 1100px;
    margin: 0 auto;
  }
  /* .nav-local> .content> .link {
    position: relative;
  } */
  .nav-local> .content> .link> .list> li .item {
    padding: 0;
  }
  .nav-local> .content> .link> .list> li a:not(.of-nochild) {
    display: inline-block;
    padding: 0 0 0 18px;
    border: 0;
  }
  .nav-local> .content> .link> .list> li a:not(.of-nochild)::before {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -108px -179px;
    background-size: 201px 196px;
    left: 0;
    width: 7px;
    height: 8px;
  }
  .nav-local> .content> .link> .list> li> .dropdown {
    color: #fff;
    background: #4e4e61;
    padding: 17px 20px 20px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li:first-child {
    margin: 0 0 13px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .item {
    padding: 0 0 0 2px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .item .of-nochild,
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .item .tgl-hook {
    padding: 4px 12px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list {
    font-size: 1.3rem;
    background: #66668a;
    padding: 17px 23px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list[aria-expanded="true"] [data-layer="6"]> .item {
    display: block;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list .of-nochild::before,
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list .tgl-hook::before {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -108px -179px;
    background-size: 201px 196px;
    position: absolute;
    z-index: 0;
    top: 6px;
    left: 0;
    width: 7px;
    height: 8px;
    content: "";
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list .of-nochild::after,
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list .tgl-hook::after {
    display: none;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:first-child {
    margin: 0 0 12px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child)> .item {
    margin: 0 0 4px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child)> .list {
    padding: 0 0 0 20px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child)> .list> li> .item {
    margin: 0 0 4px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child)> .list a {
    font-weight: normal;
    padding: 0 0 0 16px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child)> .list a::before {
    left: 0;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li:not(:first-child):not(:nth-child(2))> .item {
    padding: 0 0 0 6px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li> .item a {
    padding: 0 0 0 16px;
  }
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li> .list> li> .item .of-nochild,
  .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list> li> .list> li> .item .tgl-hook {
    padding: 0 0 0 18px;
  }
  .nav-local> .content> .link> .list> li> .item {
    padding: 8px 0;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild,
  .nav-local> .content> .link> .list> li> .item .tgl-hook {
    font-weight: bold;
    padding: 9px 9px 7px;
    border-width: 0 0 0 1px;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild::before,
  .nav-local> .content> .link> .list> li> .item .of-nochild span::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook span::before {
    position: absolute;
    bottom: -8px;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    content: "";
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    opacity: 0;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook::before {
    background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
    background: linear-gradient(to right, #5ca122, #fff630);
    z-index: 1;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild span::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook span::before {
    background: -webkit-gradient(linear, left top, right top, from(#5ca122), to(#fff630));
    background: linear-gradient(to right, #5ca122, #fff630);
    z-index: 0;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -105px -112px;
    background-size: 201px 196px;
    width: 17px;
    height: 10px;
    -webkit-transition: .2s transform ease-out;
            transition: .2s transform ease-out;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild:focus span::before,
  .nav-local> .content> .link> .list> li> .item .of-nochild:hover span::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook:focus span::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook:hover span::before {
    opacity: .7;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild:focus span::after,
  .nav-local> .content> .link> .list> li> .item .of-nochild:hover span::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook:focus span::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook:hover span::after {
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    content: "";
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    border: 6px solid transparent;
    border-bottom-color: #4e4e61;
    opacity: 0;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild[aria-current="page"]::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook[aria-current="page"]::before {
    opacity: 1;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild[aria-current="page"]::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook[aria-current="page"]::after {
    opacity: 0;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild[aria-expanded="true"] span::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook[aria-expanded="true"] span::after {
    opacity: 1;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild[aria-expanded="true"]::before,
  .nav-local> .content> .link> .list> li> .item .tgl-hook[aria-expanded="true"]::before {
    opacity: 1;
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild[aria-expanded="true"]::after,
  .nav-local> .content> .link> .list> li> .item .tgl-hook[aria-expanded="true"]::after {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }
  .nav-local> .content> .link> .list> li> .item .of-nochild::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -179px;
    background-size: 201px 196px;
    width: 10px;
    height: 17px;
  }
  .nav-local> .content> .link> .list> li .list .item .of-nochild,
  .nav-local> .content> .link> .list> li .list .item .tgl-hook {
    padding: 0 0 0 17px;
    border: 0;
  }
  .nav-local> .content> .link> .list> li .list .item .of-nochild::after,
  .nav-local> .content> .link> .list> li .list .item .tgl-hook::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: -127px -112px;
    background-size: 201px 196px;
    width: 13px;
    height: 7px;
    -webkit-transition: .2s transform ease-out;
            transition: .2s transform ease-out;
  }
  .nav-local> .content> .conversion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0 8px;

    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .nav-local> .content> .conversion .btn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .nav-local> .content> .conversion .btn a {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .nav-local> .content> .conversion .btn a:hover,
  .nav-local> .content> .conversion .btn a:focus {
    opacity: .7;
  }
  .nav-local> .content .form-search {
    border: 0;
  }
  html[data-script-enabled="true"] .nav-local ul li> .item {
    display: block;
  }
  html[data-script-enabled="true"] .nav-local> .content {
    display: block;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: none;
            animation: none;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li:last-child> .item .of-nochild,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li:last-child> .item .tgl-hook {
    border-right-width: 1px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 0;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .item .of-nochild,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .item .tgl-hook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    align-items: center;
    padding-right: 23px;
    padding-left: 18px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .item .of-nochild:focus,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .item .tgl-hook:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 2px #b2c4ff inset;
            box-shadow: 0 0 0 2px #b2c4ff inset;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown {
    position: absolute;
    z-index: 2;
    top: calc(100% + 12px);
    left: 0;
    width: 100%;
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    border-radius: 4px;
    opacity: 1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown:not([aria-expanded="true"]) {
    display: none;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown:not([aria-expanded="false"]) {
    -webkit-animation-name: "nav-local-expand-pc";
            animation-name: "nav-local-expand-pc";
    -webkit-animation-duration: .2s;
            animation-duration: .2s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown.is-invisible {
    opacity: 0;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li> .item .of-nochild,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li> .item .tgl-hook {
    padding: 0 0 0 13px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li li li li .item {
    display: block;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li> .list[aria-expanded="false"] {
    display: none;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(2)> .list,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(6)> .list {
    margin-right: -300%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(3)> .list,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(7)> .list {
    margin-right: -200%;
    margin-left: -100%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(4)> .list,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(8)> .list {
    margin-right: -100%;
    margin-left: -200%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(5)> .list,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(9)> .list {
    margin-left: -300%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:nth-child(5)~ li {
    margin-top: 20px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item {
    padding: 0 9px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .of-nochild,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .tgl-hook {
    padding: 4px 32px 4px 12px;
    border-radius: 4px 4px 0 0;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .of-nochild:hover,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .of-nochild[aria-expanded="true"],
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .tgl-hook:hover,
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .list> li:not(:first-child)> .item .tgl-hook[aria-expanded="true"] {
    background: #66668a;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search {
    display: block;
    margin: 20px 0 0;
    padding: 0;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search .layout {
    border: 2px solid #66668a;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search input {
    color: #fff;
    background: transparent;
    -webkit-transition: .2s background ease-out;
            transition: .2s background ease-out;
    /* Firefox 19+ */
    /* IE 10+ */
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search input:placeholder-shown {
    color: #bcbcc1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search input::-webkit-input-placeholder {
    color: #bcbcc1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search input::-moz-placeholder {
    color: #bcbcc1;
    opacity: 1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search input:-ms-input-placeholder {
    color: #bcbcc1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search button {
    background: #66668a;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown> .form-search button::after {
    background-image: url(/shared/img/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -150px;
    background-size: 201px 196px;
    width: 24px;
    height: 24px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2 {
    display: none;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li:hover> .dropdown-2 {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(34,34,51,.95);
    z-index: 2;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .24);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .24);
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 0 40px;
    overflow: hidden;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> ul {
    margin-right: -24px;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li img {
    max-width: 100%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:first-child a {
    font-size: 1.8rem;
    color: #fff;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) {
    height: 114px;
    padding: 24px 24px 0 0;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item {
    height: 100%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0;
    background: #fff;
    border-radius: 4px;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .06);
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a img {
    -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
    opacity: 1;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li> .dropdown-2> .inner> .list> li:not(:first-child) .item> a:hover img {
    opacity: .7;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li .list> li {
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li .list[data-col-pc="3"]> li {
    flex-basis: calc(100% / 3);
    min-width: calc(100% / 3);
    max-width: calc(100% / 3);

    -ms-flex-preferred-size: calc(100% / 3);
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li .list> li:first-child {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  html[data-script-enabled="true"] .nav-local> .content> .link> .list> li .list> li[data-layer="6"] {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  html[data-script-enabled="true"] .nav-local .form-search {
    display: none;
  }
  html[data-script-enabled="true"] .nav-local[data-col-pc="2"]> .content> .link> .list> li {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  html[data-script-enabled="true"] .nav-local[data-col-pc="3"]> .content> .link> .list> li {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  html[data-script-enabled="true"] .nav-local[data-col-pc="4"]> .content> .link> .list> li {
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  html[data-script-enabled="true"] .nav-local[data-col-pc="5"]> .content> .link> .list> li {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  html[data-script-enabled="true"] .nav-local[data-col-pc="6"]> .content> .link> .list> li {
    flex-basis: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.6666%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn> .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn> .content> .link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn> .content> .conversion> .btn {
    padding: 0 0 8px;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="2"]> .content> .link> .list> li {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="2"]> .content> .link> .list .dropdown {
    width: 200%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="2"]> .content> .conversion {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="3"]> .content> .link> .list> li {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="3"]> .content> .link> .list .dropdown {
    width: 150%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="3"]> .content> .conversion {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="4"]> .content> .link> .list> li {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="4"]> .content> .link> .list .dropdown {
    width: calc(133% + 3px);
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="4"]> .content> .conversion {
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .link> .list> li {
    flex-basis: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .link> .list .dropdown {
    width: 125%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .conversion {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .hdtel {
    flex-basis: 34.45%;
    min-width: 34.45%;
    max-width: 34.45%;

    -ms-flex-preferred-size: 34.45%;
    padding-left: 8px;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .hdtel> div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-bottom: 8px;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="5"]> .content> .hdtel img {
    max-width: 100%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="6"]> .content> .link> .list> li {
    flex-basis: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="6"]> .content> .link> .list .dropdown {
    width: 120%;
  }
  html[data-script-enabled="true"] .nav-local.of-hasBtn[data-col-pc="6"]> .content> .conversion {
    flex-basis: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.6666%;
  }
  .nav-local-02> .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-left: 27px;
  }
  .nav-local-02> .inner> *:not(.conversion) {
    padding: 21px 0 20px;
  }
  .nav-local-02> .inner> .title {
    white-space: nowrap;
    margin-right: 50px;
  }
  .nav-local-02> .inner> .link {
    padding-right: 25px;
  }
  .nav-local-02> .inner> .link> .list {
    margin: -19px 0 0 -24px;
    margin-left: -50px;
  }
  .nav-local-02> .inner> .link> .list> li {
    position: relative;
    align-items: center;
    padding: 19px 0 0 50px;
    padding-left: 50px;

    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .nav-local-02> .inner> .link> .list> li::before {
    background: #c7c7c7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 26px;
    display: block;
    width: 1px;
    height: 50%;
    margin: auto 0;
    content: "";
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  .nav-local-02> .inner> .link:first-child> .list> li:first-child::before {
    display: none;
  }
  .nav-local-02.of-full {
    -webkit-transition: .1s .1s ease-out box-shadow;
            transition: .1s .1s ease-out box-shadow;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  body> .nav-local-02.of-full {
    margin: 0;
  }
  body> .nav-local-02.of-full+ *> * {
    padding-top: 24px;
  }
  .nav-local-02.of-full .inner {
    max-width: 960px;
    margin: auto;
    padding: 0;
  }
  .nav-local-02.of-full .inner> *:not(.conversion) {
    padding-top: 11px;
    padding-bottom: 10px;
  }
  .nav-local-02.of-full .inner> .link {
    padding-right: 15px;
  }
  .nav-local-02.of-full .inner> .link> .list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-left: -20px;
  }
  .nav-local-02.of-full .inner> .link> .list> li {
    text-align: center;
    flex-basis: auto;
    justify-content: center;
    min-width: calc(100% / 7);
    min-height: 60px;
    padding-left: 40px;

    -ms-flex-preferred-size: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .nav-local-02.of-full .inner> .link> .list> li::before {
    left: 20px;
    height: 50%;
  }
  .nav-local-02.of-full .inner> .link> .list> li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
  }
  .nav-local-02.is-fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    min-width: 960px;
    border-top: 3px solid #42484e;
    border-radius: 0;
    -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .12);
            box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .12);
  }
  .nav-pager> .list> .page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav-pager> .list> .page::before,
  .nav-pager> .list> .page::after {
    background-image: url(/shared/img/sprite.png);
    background-position: -358px -150px;
    display: block;
    width: 40px;
    width: 40px;
    height: 40px;
    height: 40px;
  }
  .nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page li:first-child,
  .nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page li:last-child {
    display: block;
  }
  .nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page::before,
  .nav-pager> .list> .prev:first-child+ .prev+ .next+ .next+ .page::after {
    content: "";
  }
  .nav-pager> .list> .prev:first-child+ .prev+ .page li:first-child:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
  .nav-pager> .list> .prev:first-child+ .prev+ .page li:nth-child(2):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)),
  .nav-pager> .list> .prev:first-child+ .prev+ .page li:nth-child(3):not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)) {
    display: block;
  }
  .nav-pager> .list> .prev:first-child+ .prev+ .page::before {
    content: "";
  }
  .nav-pager> .list> .next:first-child+ .next+ .page li:nth-last-child(3):not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
  .nav-pager> .list> .next:first-child+ .next+ .page li:nth-last-child(2):not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
  .nav-pager> .list> .next:first-child+ .next+ .page li:last-child:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
    display: block;
  }
  .nav-pager> .list> .next:first-child+ .next+ .page::after {
    content: "";
  }
  .nav-side-local> .list a:hover,
  .nav-side-local> .list a:focus {
    text-decoration: underline;
    color: #223;
  }
  .nav-side-filter {
    max-width: 224px;
  }
  .nav-side-filter .input-wrap input[type="search"] {
    font-size: 1.3rem;
    line-height: 3.15385;
  }
  .nav-side-filter .checkboxes-tree> ul li> label input+ span::before {
    top: 13px;
  }
  .nav-side-filter .checkboxes-tree> ul li> label input+ span::after {
    top: 15px;
  }
  .nav-side-filter .checkboxes-tree> ul li ul ul li> label input+ span::before {
    top: 10px;
  }
  .nav-side-filter .checkboxes-tree> ul li ul ul li> label input+ span::after {
    top: 12px;
  }
  .nav-side-filter .checkboxes-tree> ul> li[role="treeitem"]:hover:not([aria-expanded="true"])> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li[role="treeitem"]:hover:not([aria-expanded="true"])> span:first-child {
    background: #eee;
  }
  .nav-side-filter .checkboxes-tree> ul> li[role="treeitem"][aria-expanded="true"]> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li[role="treeitem"][aria-expanded="true"]> span:first-child {
    background: #e4e4e4;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"]:hover:not([aria-expanded="true"])> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"]:hover:not([aria-expanded="true"])> span:first-child {
    background: #eee;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"][aria-expanded="true"]> label:hover:first-child,
  .nav-side-filter .checkboxes-tree> ul> li> ul> li[role="treeitem"][aria-expanded="true"]> span:hover:first-child {
    background: #eee;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li> span:first-child {
    padding-top: 4px;
    padding-bottom: 3px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li[role="treeitem"]::after {
    top: 11px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li[role="treeitem"][aria-expanded="true"]::after {
    top: 15px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li> span:first-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li[role="treeitem"]::after {
    top: 6px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul li li[role="treeitem"][aria-expanded="true"]::after {
    top: 9px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label input+ span::before {
    top: 5px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label input+ span::after {
    top: 7px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> label:first-child,
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> span:first-child {
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> ul> li> label input+ span::before {
    top: 4px;
  }
  .nav-side-filter .checkboxes-tree> ul> li> ul> li> ul> li> ul> li> ul> li> label input+ span::after {
    top: 6px;
  }
  .mod-hdg-al2 {
    font-size: 3.2rem;
    margin-top: 80px;
  }
  .mod-hdg-al2 span:not(:last-child) {
    font-size: 2rem;
  }
  .mod-hdg-al3 {
    font-size: 2.6rem;
    margin-top: 64px;
  }
  .mod-hdg-al3 span:not(:last-child) {
    font-size: 1.8rem;
  }
  .mod-hdg-al4 {
    font-size: 2.2rem;
    margin-top: 48px;
  }
  .mod-hdg-al4 span:not(:last-child) {
    font-size: 1.6rem;
  }
  .mod-hdg-al5 {
    font-size: 1.8rem;
    margin-top: 40px;
  }
  .mod-hdg-al5 span:not(:last-child) {
    font-size: 1.3rem;
  }
  .mod-hdg-al6 {
    font-size: 1.5rem;
  }
  .mod-hdg-bl2> *,
  .mod-hdg-bl3> *,
  .mod-hdg-bl4> *,
  .mod-hdg-bl5> *,
  .mod-hdg-bl6> * {
    padding: 0 12px;
  }
  .mod-hdg-bl2> *:first-child,
  .mod-hdg-bl3> *:first-child,
  .mod-hdg-bl4> *:first-child,
  .mod-hdg-bl5> *:first-child,
  .mod-hdg-bl6> *:first-child {
    padding-top: 6px;
    padding-bottom: 4px;
  }
  .mod-hdg-bl2> *:last-child:not(:first-child),
  .mod-hdg-bl3> *:last-child:not(:first-child),
  .mod-hdg-bl4> *:last-child:not(:first-child),
  .mod-hdg-bl5> *:last-child:not(:first-child),
  .mod-hdg-bl6> *:last-child:not(:first-child) {
    padding-left: 12px;
  }
  .mod-hdg-bl2 {
    font-size: 3.2rem;
    margin-top: 80px;
  }
  .mod-hdg-bl2> *:first-child:not(:last-child) {
    padding-top: 12px;
    padding-bottom: 5px;
  }
  .mod-hdg-bl2> *:last-child:not(:first-child) {
    padding-bottom: 15px;
  }
  .mod-hdg-bl2 p> b.lede {
    font-size: 1.9rem;
  }
  .mod-hdg-bl3 {
    font-size: 2.2rem;
    margin-top: 64px;
  }
  .mod-hdg-bl3> *:first-child {
    padding-top: 7px;
  }
  .mod-hdg-bl3> *:first-child:not(:last-child) {
    padding-top: 14px;
    padding-bottom: 2px;
  }
  .mod-hdg-bl3> *:last-child:not(:first-child) {
    padding-bottom: 9px;
  }
  .mod-hdg-bl3 p> b.lede {
    font-size: 1.7rem;
  }
  .mod-hdg-bl4 {
    font-size: 1.9rem;
    margin-top: 48px;
  }
  .mod-hdg-bl4> *:first-child {
    padding-top: 7px;
  }
  .mod-hdg-bl4> *:first-child:not(:last-child) {
    padding-top: 16px;
    padding-bottom: 5px;
  }
  .mod-hdg-bl4> *:last-child:not(:first-child) {
    padding-bottom: 13px;
  }
  .mod-hdg-bl4 p> b.lede {
    font-size: 1.5rem;
  }
  .mod-hdg-bl5 {
    font-size: 1.7rem;
    margin-top: 40px;
  }
  .mod-hdg-bl5> *:first-child {
    padding-top: 7px;
  }
  .mod-hdg-bl5> *:first-child:not(:last-child) {
    padding-top: 10px;
    padding-bottom: 1px;
  }
  .mod-hdg-bl5> *:last-child:not(:first-child) {
    padding-bottom: 10px;
  }
  .mod-hdg-bl6> *:first-child {
    padding-top: 8px;
    padding-bottom: 7px;
  }
  .mod-hdg-bl6> *:first-child:not(:last-child) {
    padding-top: 12px;
    padding-bottom: 3px;
  }
  .mod-hdg-bl6> *:last-child:not(:first-child) {
    padding-bottom: 10px;
  }
  .mod-hdg-cl2> *::after,
  .mod-hdg-cl3> *::after,
  .mod-hdg-cl4> *::after,
  .mod-hdg-cl5> *::after,
  .mod-hdg-cl6> *::after {
    width: 224px;
  }
  .mod-hdg-cl2 {
    font-size: 3.2rem;
    margin-top: 65px;
    margin-bottom: 48px;
  }
  .mod-hdg-cl3 {
    margin-top: 64px;
  }
  .mod-hdg-cl4 {
    margin-top: 48px;
  }
  .mod-hdg-cl5 {
    margin-top: 40px;
  }
  .mod-btn.of-large a,
  .mod-btn.of-large button[type] {
    font-size: 2.8rem;
    min-height: 67px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .mod-btn[data-col-pc] {
    -ms-flex-direction: row;
        flex-direction: row;
    align-items: stretch;
    margin-top: -24px;
    margin-left: -24px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
  }
  .mod-btn[data-col-pc] .btn {
    padding: 24px 0 0 24px;
  }
  .mod-btn[data-col-pc] .btn:not(:last-child) {
    margin: 0;
  }
  .mod-btn[data-col-pc] .btn a,
  .mod-btn[data-col-pc] .btn button[type] {
    width: 100%;
  }
  .mod-btn[data-col-pc="1"] .btn {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-btn[data-col-pc="2"] .btn {
    flex-basis: 50%;
    width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-btn[data-col-pc="3"] .btn {
    flex-basis: 33.3333%;
    width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  .mod-btn[data-col-pc="4"] .btn {
    flex-basis: 25%;
    width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-btn[data-col-pc="5"] .btn {
    flex-basis: 20%;
    width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-btn[data-col-pc="6"] .btn {
    flex-basis: 16.6666%;
    width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.6666%;
  }
  .mod-btn a,
  .mod-btn button[type] {
    width: 303px;
  }
  .mod-btn a[href],
  .mod-btn button[type]:not(:disabled) {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-btn a[href]:hover,
  .mod-btn a[href]:focus,
  .mod-btn button[type]:not(:disabled):hover,
  .mod-btn button[type]:not(:disabled):focus {
    text-decoration: none;
    opacity: .7;
  }
  .mod-btn a::after,
  .mod-btn button[type]::after {
    background-repeat: no-repeat;
    -webkit-transition: .2s right ease-out;
            transition: .2s right ease-out;
  }
  .mod-btn a[href]:not([target="_blank"])::after,
  .mod-btn button[type]:not(:disabled)::after {
    -webkit-transition: .2s right ease-out;
            transition: .2s right ease-out;
  }
  .mod-btn a[href]:not([target="_blank"]):hover::after,
  .mod-btn a[href]:not([target="_blank"]):focus::after,
  .mod-btn button[type]:not(:disabled):hover::after,
  .mod-btn button[type]:not(:disabled):focus::after {
    right: 10px;
  }
  .mod-btn> .btn.of-return a[href]:not([target="_blank"])::after,
  .mod-btn> .btn.of-return button[type]:not(:disabled)::after {
    -webkit-transition: .2s left ease-out;
            transition: .2s left ease-out;
  }
  .mod-btn> .btn.of-return a[href]:not([target="_blank"]):hover::after,
  .mod-btn> .btn.of-return a[href]:not([target="_blank"]):focus::after,
  .mod-btn> .btn.of-return button[type]:not(:disabled):hover::after,
  .mod-btn> .btn.of-return button[type]:not(:disabled):focus::after {
    left: 10px;
  }
  .mod-btn .btn.type-wide {
    width: 468px;
  }
  .mod-btn .btn.type-narrow {
    width: 222px;
  }
  .mod-link-list[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-link-list[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-link-list[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-link-list[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-link-list[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-link-list[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-link-list[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-link-anchor.of-holizontal-pc> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: row;
    margin-top: -6px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .mod-link-anchor.of-holizontal-pc> .list> li {
    padding-top: 6px;
  }
  .mod-link-anchor.of-holizontal-pc> .list> li> a {
    display: inline-block;
  }
  .mod-link-newsList li:not(:last-child) {
    border-bottom: 1px dashed #d9dadb;
  }
  .mod-link-newsList li:first-child a {
    padding-top: 16px;
  }
  .mod-link-newsList li:last-child a {
    padding-bottom: 16px;
  }
  .mod-link-newsList a,
  .mod-link-newsList li> div {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 16px 0 9px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .mod-link-newsList a[href] {
    -webkit-transition: .2s background-color ease-out;
            transition: .2s background-color ease-out;
  }
  .mod-link-newsList a[href]:hover,
  .mod-link-newsList a[href]:focus {
    background-color: #fffee5;
  }
  .mod-link-newsList a[href]:hover .summary,
  .mod-link-newsList a[href]:focus .summary {
    text-decoration: underline;
  }
  .mod-link-newsList .date {
    flex-basis: 154px;
    min-width: 154px;
    max-width: 154px;
    padding: 0 0 0 16px;

    -ms-flex-preferred-size: 154px;
  }
  .mod-link-newsList .label {
    flex-basis: 116px;
    min-width: 116px;
    max-width: 116px;

    -ms-flex-preferred-size: 116px;
  }
  .mod-link-newsList .summary {
    padding: 0 0 0 20px;
  }
  .mod-link-newsList .summary:first-child:last-child {
    padding-left: 16px;
  }
  .mod-link-newsList .label {
    padding-top: 4px;
  }
  .mod-list[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-ordered[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list-ordered[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-ordered[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-ordered[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-ordered[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-ordered[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-ordered[data-col-pc]:not([data-col-pc="1"])> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-ordered[data-col-pc="1"]> ol.list {
    display: table;
  }
  .mod-list-ordered[data-col-pc="1"]> ol.list> li {
    display: table-row;
  }
  .mod-list-ordered[data-col-pc="1"]> ol.list> li::before,
  .mod-list-ordered[data-col-pc="1"]> ol.list> li> .content {
    display: table-cell;
  }
  .mod-list-notice[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list-notice[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-notice[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-notice[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-notice[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-notice[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-notice[data-col-pc]:not([data-col-pc="1"])> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-notice[data-col]:not([data-col="1"])> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-notice:not([data-col])> .list {
    display: table;
    margin: 0;
  }
  .mod-list-notice:not([data-col])> .list> li {
    display: table-row;
    padding: 0;
  }
  .mod-list-notice:not([data-col])> .list> li::before,
  .mod-list-notice:not([data-col])> .list> li> .content {
    display: table-cell;
  }
  .mod-list-notice> .list {
    margin: 0 0 0 -12px;
  }
  .mod-list-notice> .list> li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 12px;
  }
  .mod-list-notice> .list> li+ li {
    margin-top: .3em;
  }
  .mod-list-notice> .list> li .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .mod-list-notice> .list> li .content> small {
    display: block;
  }
  .mod-list-notice.align-center,
  .mod-list-notice.align-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-list-notice.align-center {
    justify-content: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
  }
  .mod-list-notice.align-right {
    justify-content: flex-end;

    -webkit-box-pack: end;
    -ms-flex-pack: end;
  }
  .mod-list-description[data-col-pc="2"]> .list> * {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-description[data-col-pc="3"]> .list> * {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-description[data-col-pc="4"]> .list> * {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-description[data-col-pc="5"]> .list> * {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-description[data-col-pc="6"]> .list> * {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-hasSymbol[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list-hasSymbol[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-hasSymbol[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-hasSymbol[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-hasSymbol[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-hasSymbol[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-hasSymbol[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-hasSymbol[data-col-pc]> .list> li {
    display: table;
  }
  .mod-list-hasSymbol[data-col-pc][data-col-pc="1"]> .list {
    display: table;
  }
  .mod-list-hasSymbol[data-col-pc][data-col-pc="1"]> .list> li {
    display: table-row;
  }
  .mod-list-flow[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list-flow[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-flow[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-flow[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-flow[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-flow[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-flow> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-flow> .list> li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-list-flow> .list> li> .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
  }
  .mod-list-flow[data-col-pc]> .list> li:not(:last-child)> .inner::after {
    top: 0;
    right: auto;
    bottom: 0;
    left: 100%;
    margin: auto 0 auto 10px;
    border-color: transparent;
    border-left-color: #d9dadb;
  }
  .mod-list-step[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-list-step[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-list-step[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-list-step[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-list-step[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-list-step[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-list-step[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px 0 0 -24px;
  }
  .mod-list-step[data-col-pc]> .list> li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 0 24px;
  }
  .mod-list-step[data-col-pc]> .list> li+ li> .wrap span::before,
  .mod-list-step[data-col-pc]> .list> li+ li> .wrap b::before {
    top: 0;
    right: auto;
    bottom: 0;
    left: -18px;
    margin: auto 0;
    border-top-color: transparent;
    border-left-color: #d9d9d4;
  }
  .mod-tbl.of-break.of-tableLayoutAuto table {
    table-layout: auto;
  }
  .mod-tbl.of-break table,
  .mod-tbl.of-break caption,
  .mod-tbl.of-break thead,
  .mod-tbl.of-break tbody,
  .mod-tbl.of-break tr,
  .mod-tbl.of-break th,
  .mod-tbl.of-break td {
    display: block;
  }
  .mod-tbl.of-break table {
    display: table;
    table-layout: fixed;
    border-width: 1px;
  }
  .mod-tbl.of-break caption {
    display: table-caption;
  }
  .mod-tbl.of-break thead {
    display: table-header-group;
  }
  .mod-tbl.of-break tbody {
    display: table-row-group;
  }
  .mod-tbl.of-break tr {
    display: table-row;
  }
  .mod-tbl.of-break tr:not(:first-child) th {
    border-top-width: 1px;
  }
  .mod-tbl.of-break th {
    display: table-cell;
    border-bottom-width: 1px;
  }
  .mod-tbl.of-break td {
    display: table-cell;
  }
  .richtext_box2 table {
    width: 100%;
  }
  .mod-box-list> .item> .header> .hdg {
    font-size: 2.2rem;
  }
  .mod-box-list> .item> .footer .btn a[href] {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-box-list> .item> .footer .btn a[href]::after {
    -webkit-transition: .2s right ease-out;
            transition: .2s right ease-out;
  }
  .mod-box-list> .item> .footer .btn a[href]:hover,
  .mod-box-list> .item> .footer .btn a[href]:focus {
    opacity: .7;
  }
  .mod-box-list> .item> .footer .btn a[href]:hover::after,
  .mod-box-list> .item> .footer .btn a[href]:focus::after {
    right: 10px;
  }
  .mod-box-list> .item> .header> .property .label {
    padding-top: 4px;
  }
  .mod-box-step> .step .content+ .media {
    padding-bottom: 7px;
  }
  .mod-box-step> .step> .hdg span:first-child {
    display: inline-block;
    padding: 3px 11px 0;
  }
  .mod-conversion[data-col-pc]> .inner .conversion-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: -24px 0 0 -24px;
  }
  .mod-conversion[data-col-pc]> .inner .conversion-box .box-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 24px 0 0 24px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  .mod-conversion[data-col-pc]> .inner .conversion-box .box-item:only-child {
    flex-basis: 100%;
    width: 100%;
    max-width: none;

    -ms-flex-preferred-size: 100%;
  }
  .mod-conversion[data-col-pc]:not([data-col-pc="1"]) .box-item:not(:only-child) .mod-btn a,
  .mod-conversion[data-col-pc]:not([data-col-pc="1"]) .box-item:not(:only-child) .mod-btn button {
    width: 100%;
    max-width: 235px;
  }
  .mod-conversion[data-col-pc="1"]> .inner .box-item {
    flex-basis: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-conversion[data-col-pc="2"]> .inner .box-item {
    flex-basis: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-conversion[data-col-pc="3"]> .inner .box-item {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.3333%;
  }
  .mod-conversion .box-item .content .number a[href] {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-conversion .box-item .content .number a[href]:hover {
    opacity: .7;
  }
  .mod-conversion .box-item .content .number {
    font-size: 3.9rem;
  }
  .mod-conversion .box-item .content .number img {
    height: 34px;
  }
  .mod-information {
    margin-top: 24px;
  }
  .mod-information li a:hover {
    text-decoration: none;
  }
  .mod-pnl> .inner> .col> a * {
    -webkit-transition: .2s opacity ease-out;
    transition: .2s opacity ease-out;
    opacity: 1;
  }
  .mod-pnl> .inner> .col .content[href] {
    text-decoration: none;
    -webkit-transition: .2s background-color ease-out;
            transition: .2s background-color ease-out;
  }
  .mod-pnl> .inner> .col .content[href]> .summary::after {
    -webkit-transition: .2s right ease-out;
            transition: .2s right ease-out;
  }
  /* .mod-pnl> .inner> .col .content[href]:hover,
  .mod-pnl> .inner> .col .content[href]:focus {
    opacity: .8;
  } */
  .mod-pnl> .inner> .col .content[href]:hover> .summary p> b.lede,
  .mod-pnl> .inner> .col .content[href]:focus> .summary p> b.lede {
    text-decoration: underline;
  }
  .mod-pnl> .inner> .col .content[href]:hover> .summary::after,
  .mod-pnl> .inner> .col .content[href]:focus> .summary::after {
    right: 0;
  }
  .mod-pnl> .inner> .col .content[href] .mod-media> .inner> .media> img {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    opacity: 1;
  }
  .mod-pnl> .inner> .col .content[href] .mod-media> .inner> .media> img:hover {
    opacity: .7;
  }
  [class^="mod-pnl"][data-col-pc="1"]> .inner> .col {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  [class^="mod-pnl"][data-col-pc="2"]> .inner> .col {
    flex-basis: calc(100% / 2);
    width: calc(100% / 2);
    min-width: calc(100% / 2);
    max-width: calc(100% / 2);

    -ms-flex-preferred-size: calc(100% / 2);
  }
  [class^="mod-pnl"][data-col-pc="3"]> .inner> .col {
    flex-basis: 33.33%;
    width: 33.33%;
    min-width: 33.33%;
    max-width: 33.33%;

    -ms-flex-preferred-size: 33.33%;
  }
  [class^="mod-pnl"][data-col-pc="4"]> .inner> .col {
    flex-basis: calc(100% / 4);
    width: calc(100% / 4);
    min-width: calc(100% / 4);
    max-width: calc(100% / 4);

    -ms-flex-preferred-size: calc(100% / 4);
  }
  [class^="mod-pnl"][data-col-pc="5"]> .inner> .col {
    flex-basis: calc(100% / 5);
    width: calc(100% / 5);
    min-width: calc(100% / 5);
    max-width: calc(100% / 5);

    -ms-flex-preferred-size: calc(100% / 5);
  }
  [class^="mod-pnl"][data-col-pc="6"]> .inner> .col {
    flex-basis: calc(100% / 6);
    width: calc(100% / 6);
    min-width: calc(100% / 6);
    max-width: calc(100% / 6);

    -ms-flex-preferred-size: calc(100% / 6);
  }
  .mod-lyt[data-col-pc="1"]> .inner> .col {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-lyt[data-col-pc="2"]> .inner> .col {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-lyt[data-col-pc="3"]> .inner> .col {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-lyt[data-col-pc="4"]> .inner> .col {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-lyt[data-col-pc="5"]> .inner> .col {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-lyt[data-col-pc="6"]> .inner> .col {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-lyt-media> .inner {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
  }
  .mod-lyt-media> .inner> .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: calc(0%);
    padding: 0 0 0 15px;
  }
  .mod-lyt-media> .inner> .media {
    width: auto;
    padding-top: 4px;
  }
  .mod-lyt-media> .inner> .media img {
    max-width: none;
  }
  .mod-lyt-media.of-reverse> .inner,
  .mod-lyt-media.of-reverse-pc> .inner {
    -ms-flex-direction: row;
        flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  .mod-lyt-media.of-reverse> .inner> .content,
  .mod-lyt-media.of-reverse-pc> .inner> .content {
    padding: 0 15px 0 0;
  }
  .mod-form-checkbox[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-form-checkbox[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-form-checkbox[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-form-checkbox[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-form-checkbox[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-form-checkbox[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-form-checkbox[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-form-radio[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-form-radio[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-form-radio[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-form-radio[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-form-radio[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-form-radio[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-form-radio[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-form-radio02[data-col-pc]> .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-form-radio02[data-col-pc="1"]> .list> li {
    flex-basis: 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
  }
  .mod-form-radio02[data-col-pc="2"]> .list> li {
    flex-basis: 50%;
    width: 50%;
    min-width: 50%;
    max-width: 50%;

    -ms-flex-preferred-size: 50%;
  }
  .mod-form-radio02[data-col-pc="3"]> .list> li {
    flex-basis: 33.333%;
    width: 33.3333%;
    min-width: 33.3333%;
    max-width: 33.3333%;

    -ms-flex-preferred-size: 33.333%;
  }
  .mod-form-radio02[data-col-pc="4"]> .list> li {
    flex-basis: 25%;
    width: 25%;
    min-width: 25%;
    max-width: 25%;

    -ms-flex-preferred-size: 25%;
  }
  .mod-form-radio02[data-col-pc="5"]> .list> li {
    flex-basis: 20%;
    width: 20%;
    min-width: 20%;
    max-width: 20%;

    -ms-flex-preferred-size: 20%;
  }
  .mod-form-radio02[data-col-pc="6"]> .list> li {
    flex-basis: 16.666%;
    width: 16.6666%;
    min-width: 16.6666%;
    max-width: 16.6666%;

    -ms-flex-preferred-size: 16.666%;
  }
  .mod-form-radio02> .list li.of-hasImage label input+ .content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-top: 13px;
    padding-bottom: 11px;
  }
  .mod-form-radio02> .list li.of-hasImage label input+ .content::before,
  .mod-form-radio02> .list li.of-hasImage label input+ .content::after {
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .mod-form-radio02> .list li.of-hasImage label input+ .content img {
    margin: -1px 12px 0 0;
  }
  .mod-form-searchbox.pc-narrow {
    max-width: 50%;
  }
  .mod-form-searchbox .inner> .submit button {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-form-searchbox .inner> .submit button:hover,
  .mod-form-searchbox .inner> .submit button:focus {
    opacity: .7;
  }
  .mod-media img,
  .mod-media iframe {
    margin: 0 auto;
  }
  .mod-media figcaption {
    margin: 15px 0 0;
  }
  .mod-media> .inner[href]> .media img {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
    opacity: 1;
  }
  .mod-media> .inner[href]> .media:hover img {
    opacity: .7;
  }
  .mod-media .type-mat[href],
  .mod-media .type-mat [href],
  .type-mat .mod-media[href],
  .type-mat .mod-media [href] {
    color: #fff;
  }
  .mod-media .type-mat[href]:hover,
  .mod-media .type-mat [href]:hover,
  .type-mat .mod-media[href]:hover,
  .type-mat .mod-media [href]:hover {
    color: rgba(255, 255, 255, .7);
  }
  .mod-media .type-mat .media,
  .mod-media .type-mat.media,
  .type-mat .mod-media .media,
  .type-mat .mod-media.media {
    background: #fff;
  }
  html[data-script-enabled="true"] .js-tgl> .tgl-hook {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  html[data-script-enabled="true"] .js-tgl> .tgl-hook:hover {
    opacity: .7;
  }
  .mod-carousel .slick-slider .slick-list {
    overflow: hidden;
  }
  .mod-carousel .carousel-controller .slick-dots li {
    width: 36px;
  }
  .mod-carousel .carousel-controller .slick-dots li button:hover::before {
    background-color: rgba(0, 0, 0, .7);
  }
  .mod-tab .tab-list {
    /******** PC表示時 段落ちなし ********/
    /******** PC表示時 段落ちあり ********/
  }
  .mod-tab .tab-list> li {
    border: 1px solid transparent;
    border-bottom: 0;
  }
  .mod-tab .tab-list> li:first-child {
    border-radius: 4px 0 0 0;
  }
  .mod-tab .tab-list> li[aria-selected="true"] {
    border-radius: 4px 4px 0 0;
  }
  .mod-tab .tab-list> li[role="tab"] span {
    -webkit-transition: .2s opacity ease-out;
            transition: .2s opacity ease-out;
  }
  .mod-tab .tab-list> li[role="tab"]:not([aria-selected="true"]) {
    cursor: pointer;
  }
  .mod-tab .tab-list> li[role="tab"]:not([aria-selected="true"]):hover span {
    opacity: .7;
  }
  .mod-tab .tab-list:not([data-col-pc])> li:not([aria-selected="true"]) {
    border-top-color: #d9dadb;
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list:not([data-col-pc])> li:not([aria-selected="true"]):last-child {
    border-right-color: #d9dadb;
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list:not([data-col-pc])> li[aria-selected="true"] {
    border-left-color: transparent;
    border-radius: 4px 4px 0 0;
  }
  .mod-tab .tab-list:not([data-col-pc])> li[aria-selected="true"]+ li {
    border-left-color: transparent;
  }
  .mod-tab .tab-list[data-col-pc] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-tab .tab-list[data-col-pc]> li:not([aria-selected="true"]) {
    border-top-color: #d9dadb;
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col-pc="2"]> li {
    flex-basis: calc(100% / 2);

    -ms-flex-preferred-size: calc(100% / 2);
  }
  .mod-tab .tab-list[data-col-pc="2"]> li:not([aria-selected="true"]):nth-child(2n) {
    border-right-color: #d9dadb;
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col-pc="2"]> li[aria-selected="true"]+ li:not(:nth-child(2n + 1)) {
    border-left-color: transparent;
  }
  .mod-tab .tab-list[data-col-pc="3"]> li {
    flex-basis: calc(100% / 3);

    -ms-flex-preferred-size: calc(100% / 3);
  }
  .mod-tab .tab-list[data-col-pc="3"]> li:not([aria-selected="true"]):nth-child(3) {
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col-pc="3"]> li[aria-selected="true"]+ li:not(:nth-child(3n + 1)) {
    border-left-color: transparent;
  }
  .mod-tab .tab-list[data-col-pc="4"]> li {
    flex-basis: calc(100% / 4);

    -ms-flex-preferred-size: calc(100% / 4);
  }
  .mod-tab .tab-list[data-col-pc="4"]> li:not([aria-selected="true"]):nth-child(4) {
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col-pc="4"]> li[aria-selected="true"]+ li:not(:nth-child(4n + 1)) {
    border-left-color: transparent;
  }
  .mod-tab .tab-list[data-col-pc="5"]> li {
    flex-basis: calc(100% / 5);

    -ms-flex-preferred-size: calc(100% / 5);
  }
  .mod-tab .tab-list[data-col-pc="5"]> li:not([aria-selected="true"]):nth-child(5) {
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col-pc="5"]> li[aria-selected="true"]+ li:not(:nth-child(5n + 1)) {
    border-left-color: transparent;
  }
  .mod-tab .tab-list[data-col-pc="6"]> li {
    flex-basis: calc(100% / 6);

    -ms-flex-preferred-size: calc(100% / 6);
  }
  .mod-tab .tab-list[data-col-pc="6"]> li:not([aria-selected="true"]):nth-child(6) {
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col-pc="6"]> li[aria-selected="true"]+ li:not(:nth-child(6n + 1)) {
    border-left-color: transparent;
  }
  .mod-tab> .tab-panel {
    border: solid #d9dadb;
    border-width: 0 1px 1px 1px;
  }
  .is-sp {
    display: none !important;
  }
  .comp-widget-setCondition> .controller {
    padding-top: 32px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .comp-widget-setCondition> .controller> *:first-child:not(.mod-btn):not([data-col]) {
    margin-top: 0;
  }
  .comp-widget-setCondition> .controller> *:last-child {
    margin-bottom: 0;
  }
  .comp-widget-setCondition> .controller .mod-form-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 32px;
  }
  .comp-widget-setCondition> .controller .mod-form-select> label {
    flex-basis: 269px;
    max-width: 269px;
    padding: 7px 12px 0 0;

    -ms-flex-preferred-size: 269px;
  }
  .comp-widget-setCondition> .controller .mod-form-select> p,
  .comp-widget-setCondition> .controller .mod-form-select> .select {
    flex-basis: calc(100% - 269px);
    max-width: calc(100% - 269px);

    -ms-flex-preferred-size: calc(100% - 269px);
  }
  .comp-widget-setCondition> .controller .mod-form-select> p,
  .comp-widget-setCondition> .controller .mod-form-select> p::after,
  .comp-widget-setCondition> .controller .mod-form-select> p> *,
  .comp-widget-setCondition> .controller .mod-form-select> .select,
  .comp-widget-setCondition> .controller .mod-form-select> .select::after,
  .comp-widget-setCondition> .controller .mod-form-select> .select> * {
    -webkit-transition: ease-out .3s all;
            transition: ease-out .3s all;
  }
  .comp-widget-setCondition> .controller .mod-form-select> p {
    margin: 7px 0;
  }
  .comp-widget-setCondition> .controller .mod-form-select> p+ p {
    margin-top: -5px;
  }
  .comp-widget-setCondition> .controller .mod-form-select> p~ p,
  .comp-widget-setCondition> .controller .mod-form-select> p~ .select {
    margin-left: 269px;
  }
  .comp-widget-setCondition:not(.is-complete) .mod-btn .btn.var-02 a:not([disabled]):hover::after,
  .comp-widget-setCondition:not(.is-complete) .mod-btn .btn.var-02 button[type]:not([disabled]):hover::after {
    top: 8px;
    right: 17px;
  }
  .comp-widget-setCondition.is-complete .mod-form-select> .select {
    margin-bottom: 12px;
  }
  .comp-widget-setCondition.is-complete .mod-form-select> .select select {
    font-size: 1.2em;
    margin-top: -12px;
    padding-bottom: 14px;
  }
  .comp-widget-setCondition.is-complete .mod-btn .btn.of-return a:hover::after,
  .comp-widget-setCondition.is-complete .mod-btn .btn.of-return button[type]:hover::after {
    top: -8px;
    left: 17px;
  }
  .comp-widget-qa-tgl> .list .mod-tgl> .tgl-hook {
    padding: 12px 40px 10px 50px;
  }
  .comp-widget-qa-tgl> .list .mod-tgl> .tgl-hook:before {
    top: 1.4rem;
    left: 1.8rem;
  }
  .comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child {
    padding-left: 3.8rem;
  }
  .comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner> *:first-child:before {
    top: 0;
    left: .6rem;
  }
}

@media screen and (max-width: 768px) {
  .str-pageTitle> .inner {
    font-size: 2.8rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .str-pageTitle> .inner> * span:not(:last-child) {
    font-size: 1.8rem;
  }
  .str-pageTitle> .inner> .symbol:not(.is-pc)+ h1:not(:only-child):not(:first-child) {
    width: calc(100% - 60px);
  }
  .str-pageTitle> .inner> .symbol+ h1+ * {
    margin: 12px auto 0;
  }
  .str-pageTitle> .inner> .symbol+ h1+ *.align-left {
    margin-left: 0;
  }
  .str-pageTitle> .inner> .symbol+ h1+ *.align-right {
    margin-right: 0;
  }
  .str-subcontent> .inner> .hdg {
    font-size: 2.1rem;
  }
  .str-subcontent> .inner> .hdg+ .read {
    margin-top: 10px;
  }
  .str-subcontent> .inner> .hdg+ *:not(.read) {
    margin-top: 20px;
  }
  .str-cvcontent> .inner> .hdg2 {
    font-size: 2.2rem;
    margin-bottom: 27px;
  }
  .str-cvcontent> .inner> .hdg3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .str-cvcontent> .inner> .hdg3> .label {
    display: block;
    text-align: left;
  }
  .str-cvcontent .box-cv .number {
    font-size: 3.4rem;
  }
  .str-cvcontent .box-cv .mod-btn .btn:not(:last-child) {
    margin-bottom: 15px;
  }
  html:not([data-msbr]) .str-sp-fixed-apply {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    z-index: 99;
    right: -1px;
    bottom: -1px;
    left: -1px;
    display: block;
  }
  html:not([data-msbr]) .str-sp-fixed-apply .mod-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        flex-direction: row;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 375px;
    margin: auto;
    padding: 6px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
  }
  html:not([data-msbr]) .str-sp-fixed-apply .mod-btn .btn {
    width: 100%;
    margin: 0;
    padding: 6px;
  }
  html:not([data-msbr]) .str-sp-fixed-apply .mod-btn .btn a {
    width: 100%;
    padding: 5px 25px 5px 15px;
  }
  html:not([data-msbr]) .str-sp-fixed-apply .mod-btn .btn a svg {
    vertical-align: bottom;
    width: 100%;
    max-height: 40px;
  }
  html:not([data-msbr]) .str-sp-fixed-apply .mod-btn .btn a svg text {
    font-size: 14px;
  }
  html:not([data-msbr]) .str-sp-fixed-apply+ * {
    margin-bottom: 68px;
  }
  .nav-local-02 {
    padding: 19px 15px;
  }
  .nav-local-02> .inner> .link> .list> li {
    flex-basis: 50%;
    align-items: flex-start;
    min-width: 50%;
    max-width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;

    -ms-flex-preferred-size: 50%;
    -webkit-box-align: start;
    -ms-flex-align: start;
  }
  .nav-local-02> .inner> .link> .list> li:nth-child(2n + 1) {
    padding-right: 24px;
    border-right: 1px solid #c7c7c7;
  }
  .nav-local-02> .inner> .link> .list> li:nth-child(2n) {
    padding-left: 24px;
  }
  .nav-local-02> .inner> .link> .list> li:nth-child(2n)~ li {
    padding-top: 14px;
  }
  .nav-local-02> .inner> .conversion> .btn {
    margin: auto;
    margin-top: 24px;
  }
  .hdtel {
    padding: 12px 10px 10px;
  }
  .hdtel img {
    max-width: 100%;
    vertical-align: middle;
  }
  .mod-btn a> span,
  .mod-btn button[type]> span {
    line-height: 1.2;
  }
  .mod-list-notice> .list> li> .symbol {
    margin-left: -1em;
  }
  .mod-box-step> .step> .hdg {
    line-height: 2;
  }
  .mod-conversion .box-item .content .number img {
    height: .7em;
  }
  .mod-tab {
    border: 1px solid #d9dadb;
  }
  .mod-tab .tab-list> li {
    border: 1px solid transparent;
  }
  .mod-tab .tab-list:not([data-col])> li:not([aria-selected="true"])+ li:not([aria-selected="true"]) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col]:not([data-col=""]) {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .mod-tab .tab-list[data-col]:not([data-col=""])> li {
    position: relative;
  }
  .mod-tab .tab-list[data-col]~ .tab-panel {
    position: relative;
  }
  .mod-tab .tab-list[data-col="2"]> li {
    flex-basis: calc(100% / 2);

    -ms-flex-preferred-size: calc(100% / 2);
  }
  .mod-tab .tab-list[data-col="2"]> li:not([aria-selected="true"])+ li:not(:nth-child(2n + 1)) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="2"]> li:nth-child(2)~ li {
    border-top-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="3"]> li {
    flex-basis: calc(100% / 3);

    -ms-flex-preferred-size: calc(100% / 3);
  }
  .mod-tab .tab-list[data-col="3"]> li:not([aria-selected="true"])+ li:not(:nth-child(3n + 1)) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="3"]> li:nth-child(3) {
    border-radius: 0 4px 0 0;
  }
  .mod-tab .tab-list[data-col="3"]> li:nth-child(3)~ li {
    border-top-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="4"]> li {
    flex-basis: calc(100% / 4);

    -ms-flex-preferred-size: calc(100% / 4);
  }
  .mod-tab .tab-list[data-col="4"]> li:not([aria-selected="true"])+ li:not(:nth-child(4n + 1)) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="4"]> li:nth-child(4)~ li {
    border-top-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="5"]> li {
    flex-basis: calc(100% / 5);

    -ms-flex-preferred-size: calc(100% / 5);
  }
  .mod-tab .tab-list[data-col="5"]> li:not([aria-selected="true"])+ li:not(:nth-child(5n + 1)) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="5"]> li:nth-child(5)~ li {
    border-top-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="6"]> li {
    flex-basis: calc(100% / 6);

    -ms-flex-preferred-size: calc(100% / 6);
  }
  .mod-tab .tab-list[data-col="6"]> li:not([aria-selected="true"])+ li:not(:nth-child(6n + 1)) {
    border-left-color: #d9dadb;
  }
  .mod-tab .tab-list[data-col="6"]> li:nth-child(6)~ li {
    border-top-color: #d9dadb;
  }
  .is-pc {
    display: none !important;
    width: 100%;
    height: auto;
  }
  .comp-widget-setCondition .controller,
  .comp-widget-setCondition .result {
    margin-right: -16px;
    margin-left: -16px;
  }
  .comp-widget-qa-tgl> .list .mod-tgl> .tgl-panel> .inner {
    padding-top: 1.4rem;
  }
  .commufa_contents img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-device-width: 768px) {
  .mod-list-flow> .list> li> .inner> .hdg> .label {
    padding: 3px 11px 0;
  }
}


/* ==================================================================================================
   ==================================================================================================
    ph3 移植
   ==================================================================================================
   ================================================================================================== */


/* =================================================
   Frame structure
  ================================================= */

/*
frame content
----------------------------*/

.main-column .str-content .str-contentBody,
.str-footer > .nav-pageTop > span,
.str-footer > .str-content > .str-contentBody,
.str-siteInfo > .str-contentBody,
.mod-hdg2 > span {
max-width: 1100px;
margin-right: auto;
margin-left: auto;
}


html:not([data-script-enabled]) .nav-footer .category > dt > a[target='_blank']:before,
html:not([data-script-enabled]) .nav-footer .category > dd ul > li > a[target='_blank']:before {
top: 7px;
width: 8px;
height: 8px;
margin-left: 0;
border: none;
}

html:not([data-script-enabled]) .nav-footer .category > dt > a[target='_blank'][href*='.pdf']:before,
html:not([data-script-enabled]) .nav-footer .category > dd ul > li > a[target='_blank'][href*='.pdf']:before {
height: 10px;
}

.str-content.type-navContents .nav > .col .link:after,
.nav-footer:after {
display: block;
clear: both;
content: ' ';
}

/*
 str-content
----------------------------*/

.str-content .str-contentBody > *:last-child {
margin-bottom: 0;
}

.str-main .str-content .str-contentBody {
padding-bottom: 70px;
}

.str-content.type-navContents {
background-color: #f4f4f4;
font-size: 1.4rem;
}

.str-content.type-navContents .str-contentBody {
padding-top: 78px;
padding-bottom: 78px;
}

.str-content.type-navContents .nav {
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}

.str-content.type-navContents .nav > .col {
width: 50%;
padding-right: 3.63636%;
}

.str-content.type-navContents .nav > .col > *:last-child {
margin-bottom: 0;
}

.str-content.type-navContents .nav > .col .hdg {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
position: relative;
margin-bottom: 27px;
padding-left: 38px;
}

.str-content.type-navContents .nav > .col .hdg a {
text-decoration: none;
}

.str-content.type-navContents .nav > .col .hdg a:hover,
.str-content.type-navContents .nav > .col .hdg a:focus,
.str-content.type-navContents .nav > .col .hdg a:active {
text-decoration: underline;
}

.str-content.type-navContents .nav > .col .hdg::before {
position: absolute;
top: -2px;
right: 0;
bottom: 0;
left: 0;
display: block;
margin-top: auto;
margin-bottom: auto;
content: '';
}

.str-content.type-navContents .nav > .col .hdg.type-access:before {
width: 21px;
height: 21px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -125px -29px;
}

.str-content.type-navContents .nav > .col .hdg.type-service:before {
width: 20px;
height: 19px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -29px -121px;
}

.str-content.type-navContents .nav > .col .hdg.type-price:before {
width: 18px;
height: 18px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -152px -26px;
}

.str-content.type-navContents .nav > .col .hdg.type-flow:before {
width: 24px;
height: 15px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -54px -121px;
}

.str-content.type-navContents .nav > .col .hdg.type-phone:before {
width: 20px;
height: 16px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -99px -148px;
}

.str-content.type-navContents .nav > .col .hdg.type-tv:before {
width: 20px;
height: 17px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -74px -148px;
}

.str-content.type-navContents .nav > .col .hdg.type-musenlan:before {
width: 18px;
height: 21px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -152px 0;
}

.str-content.type-navContents .nav > .col .hdg.type-option:before {
width: 20px;
height: 18px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: 0 -148px;
}

.str-content.type-navContents .nav > .col .hdg.type-members:before {
width: 16px;
height: 20px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -152px -49px;
}

.str-content.type-navContents .nav > .col .hdg.type-machine:before {
width: 18px;
height: 22px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -125px -81px;
}

.str-content.type-navContents .nav > .col .hdg.type-attention:before {
width: 20px;
height: 18px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -25px -148px;
}

.str-content.type-navContents .nav > .col .hdg.type-troublesupport:before {
width: 21px;
height: 21px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -125px -55px;
}

.str-content.type-navContents .nav > .col .hdg.type-high_speed:before {
width: 24px;
height: 23px;
background-image: url(/access/common_v2/img/sprite.png?20180401);
background-position: -121px -108px;
}

.str-content.type-navContents .nav > .col .link > li {
box-sizing: border-box;
margin-top: 5px;
padding-left: 1.3em;
}

.str-content.type-navContents .nav > .col .link > li > a {
position: relative;
text-decoration: none;
}

.str-content.type-navContents .nav > .col .link > li > a::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
left: -1em;
display: block;
width: 0;
height: 0;
margin-top: auto;
margin-bottom: auto;
content: '';
border: 5px solid transparent;
border-left-color: #333;
}

.str-content.type-navContents .nav > .col .link > li > a:hover,
.str-content.type-navContents .nav > .col .link > li > a:focus,
.str-content.type-navContents .nav > .col .link > li > a:active {
text-decoration: underline;
}

.str-content.type-navContents .nav > .col .link > li > a[target='_blank']::before {
border: 0;
}

.str-content.type-navContents .nav > .col .link > li > a[target='_blank'] img[src*='icon-'] {
position: absolute;
top: .4em;
left: -1.2em;
padding: 0;
vertical-align: middle;
}

.str-content.type-navContents .nav > .col .link > li:first-child {
margin-top: 0;
}

.str-content.type-navContents .nav > .col .link.type-col2 > li {
float: left;
width: 50%;
}

.str-content.type-navContents .nav > .col .link.type-col2 > li:nth-child(-n+2) {
margin-top: 0;
}

.str-content.type-navContents .nav > .col .lytLink .link {
width: 50%;
margin-bottom: 0;
}

.str-content.type-navContents .nav > .col .lytLink .link:nth-child(2n) {
float: right;
}

.str-content.type-navContents .nav > .col .lytLink .link:nth-child(2n+1) {
float: left;
}

.str-content.type-navContents .nav > .col:nth-child(2) {
padding-right: 0;
padding-left: 3.63636%;
border-left: 1px solid #d2d2d2;
}

@media only screen and (max-width: 767px) {
  .str-content.type-navContents > .str-contentBody {
  padding-top: 34px;
  padding-bottom: 40px;
  }

  .str-content.type-navContents .nav {
  display: block;
  }

  .str-content.type-navContents .nav > .col {
  width: auto;
  padding: 0;
  }

  .str-content.type-navContents .nav > .col .hdg {
  margin-bottom: 22px;
  }

  .str-content.type-navContents .nav > .col:nth-child(2) {
  margin-top: 20px;
  padding-top: 25px;
  padding-left: 0;
  border-top: 1px solid #d2d2d2;
  border-left: none;
  }
}


/* =================================================
    header
   ================================================= */

/*
nav-service
----------------------------*/

.nav-service {
z-index: 100;
box-sizing: border-box;
width: 100%;
background-color: #000;
}

.nav-service > ul {
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
overflow: hidden;
box-sizing: border-box;
max-width: 1100px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

-webkit-justify-content: flex-start;
-ms-flex-pack: start;
        justify-content: flex-start;
}

.nav-service > ul > li {
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;

-webkit-align-items: center;
-ms-flex-align: center;
        align-items: center;
}

.nav-service > ul > li > a {
line-height: 1.2;
padding: 18px 20px;
vertical-align: middle;
text-decoration: none;
color: #fff;
font-size: 1.4rem;
}

.nav-service > ul > li > a:hover,
.nav-service > ul > li > a:focus,
.nav-service > ul > li > a:active {
-webkit-transition: .2s background ease-out;
transition: .2s background ease-out;
}

.nav-service > ul > li > a:hover,
.nav-service > ul > li > a:focus,
.nav-service > ul > li > a:active {
background: #666;
}

.nav-service > ul > li.is-current > a  {
background: #666;
}

.nav-service > ul > li:last-of-type {
    margin-left: auto;
}

.nav-service > ul > li.apply {
float: right;
min-width: 150px;
}

.nav-service > ul > li.apply > a {
font-size: 1.6rem;
font-weight: bold;
padding: 17px 19px 16px 29px;
text-decoration: none;
color: #223;
box-shadow: none;
background-color: #fcdb00;
}

.nav-service > ul > li.apply > a::after {
background-image: url(/shared/img/sprite.png);
background-repeat: no-repeat;
background-position: -23px -135px;
background-size: 201px 196px;
display: inline-block;
width: 13px;
height: 7px;
margin-left: 7px;
content: "";
}

.nav-service > ul > li.apply > a span {
top: 0;
padding-bottom: 0;
border: none;
}

.nav-service > ul > li.apply > a:hover,
.nav-service > ul > li.apply > a:focus,
.nav-service > ul > li.apply > a:active {
-webkit-transition: .2s opacity ease-out;
transition: .2s opacity ease-out;
opacity: 1;
}

.nav-service > ul > li.apply > a:hover,
.nav-service > ul > li.apply > a:focus,
.nav-service > ul > li.apply > a:active {
opacity: .7;
}

.type-no-apply .nav-service > ul > li.apply {
display: none;
}

.nav-service.is-fixed {
position: fixed;
top: 0;
}



@media only screen and (max-width: 767px) {

  /*
  nav-service
  ----------------------------*/

  .nav-service {
  display: none;
  }

   /*
   servMenu メニュー(sp)
  ----------------------------*/

  .servMenu {
  display: block;
  border-bottom: solid 1px #d6d6d6;
  }

  .servMenu .servMenuHdg {
  display: none;
  }

  .cateTop .servMenu .servMenuHdg {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
  height: 50px;
  margin-bottom: 0;
  padding: 13px 40px 18px 15px;
  color: #223;
  background: #a5a5a5;
  }

  .servMenu .menuHikari,
  .servMenu .menuMobile,
  .servMenu .menuSmartphone,
  .servMenu .menuMember,
  .servMenu .menuItems {
  display: block;
  width: 100%;
  }

  .servMenu > div + div,
  .servMenu > div:last-child {
  margin-left: 0;
  }

  .servMenu .menuHikari .menuHdgIcon,
  .servMenu .menuMobile .menuHdgIcon,
  .servMenu .menuSmartphone .menuHdgIcon,
  .servMenu .menuMember .menuHdgIcon,
  .servMenu .menuItems .menuHdgIcon {
  width: 100%;
  }

  .servMenu .menuHikari .menuHdgIcon:before,
  .servMenu .menuMobile .menuHdgIcon:before,
  .servMenu .menuSmartphone .menuHdgIcon:before,
  .servMenu .menuMember .menuHdgIcon:before,
  .servMenu .menuItems .menuHdgIcon:before {
  content: none;
  }

  .servMenu .menuHikari .menuHdgIcon,
  .servMenu .menuMobile .menuHdgIcon,
  .servMenu .menuSmartphone .menuHdgIcon,
  .servMenu .menuMember .menuHdgIcon,
  .servMenu .menuItems .menuHdgIcon {
  height: auto;
  margin: 0;
  }

  .servMenu .menuHikari .menuHdgIcon .menuTitle,
  .servMenu .menuMobile .menuHdgIcon .menuTitle,
  .servMenu .menuSmartphone .menuHdgIcon .menuTitle,
  .servMenu .menuMember .menuHdgIcon .menuTitle,
  .servMenu .menuItems .menuHdgIcon .menuTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 10px 15px 6px;
  color: #223;
  border: solid #d6d6d6;
  border-width: 1px 0 1px 0;
  background: #dadada;
  }

  .servMenu .menuHikari .menuHdgIcon .menuTitle a,
  .servMenu .menuMobile .menuHdgIcon .menuTitle a,
  .servMenu .menuSmartphone .menuHdgIcon .menuTitle a,
  .servMenu .menuMember .menuHdgIcon .menuTitle a,
  .servMenu .menuItems .menuHdgIcon .menuTitle a {
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px 15px 6px;
  color: #223;
  }

  .servMenu .menuHikari .menuHdgIcon .menuTitle a:after,
  .servMenu .menuMobile .menuHdgIcon .menuTitle a:after,
  .servMenu .menuSmartphone .menuHdgIcon .menuTitle a:after,
  .servMenu .menuMember .menuHdgIcon .menuTitle a:after,
  .servMenu .menuItems .menuHdgIcon .menuTitle a:after {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 2px solid #3c3c3c;
  border-bottom: 2px solid #3c3c3c;
  }

  .servMenu .servMenuItems {
  padding-left: 17px;
  background: #efefef;
  }

  .servMenu .servMenuItems li a {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 37px;
  padding: 10px 0 0;
  color: #223;
  border-bottom: dotted 1px #ccc;
  }

  .servMenu .servMenuItems li a:after {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  width: 7px;
  height: 7px;
  margin: auto;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-right: 1px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  }

  .servMenu .servMenuItems li:last-child a {
  border: none;
  }

  .servMenu .menuHikari a,
  .servMenu .menuMobile a,
  .servMenu .menuSmartphone a,
  .servMenu .menuMember a {
  font-size: 12px;
  font-size: 1.2rem;
  }
}





/* =================================================
    Footer
   ================================================= */

/*
 str-footer
----------------------------*/

.str-footer a img[src*='icon-'] {margin-right: 5px;margin-left: 5px;vertical-align: middle;}

.str-footer {
position: relative;
z-index: 1000;
}

.str-footer > .str-content {
background-color: #e6e4da;
}

.str-footer > .str-content > .str-contentBody {
padding-top: 50px;
padding-bottom: 50px;
}

.str-footer > .str-content.type-linkSns {
background-color: #fff;
}

.str-footer > .str-content.type-linkSns > .str-contentBody {
padding-top: 15px;
padding-bottom: 15px;
}

.str-footer > .str-content.type-linkSns .link {
font-size: 0;
text-align: center;
}

.str-footer > .str-content.type-linkSns .link > li {
font-size: 1rem;
display: inline-block;
margin-right: 20px;
margin-left: 20px;
}

.str-footer > .str-content.type-linkSns .link > li > a {
display: block;
width: 30px;
height: 30px;
}

.str-footer > .str-content.type-linkSns .link > li > a span {
display: block;
overflow: hidden;
width: 0;
height: 0;
}

.str-footer > .str-content.type-linkSns .link > li.facebook {
width: 30px;
height: 30px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -37px -27px;
}

.str-footer > .str-content.type-linkSns .link > li.twitter {
width: 30px;
height: 30px;
background-image: url(/shared/ux1ph3/img/sprite.png?1489394561907);
background-position: -90px 0;
}

.str-footer > .str-content.type-linkSns .link > li.line {
display: none;
}

/*
 nav-pageTop
----------------------------*/

.nav-pageTop {
width: 100%;
margin-top: -20px;
margin-bottom: -20px;
transition: opacity 1s;
text-align: right;
}

.nav-pageTop > span {
display: block;
}

.nav-pageTop a {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
background-color: #333;
}

.nav-pageTop a::before {
position: absolute;
top: 5px;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 11px;
height: 11px;
margin: auto;
content: '';
-webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}

.nav-pageTop a > span {
position: relative;
z-index: -1;
display: inline-block;
overflow: hidden;
width: 10px;
height: 10px;
color: transparent;
}

[data-script-enabled] .nav-pageTop {
opacity: 0;
}

[data-script-enabled] .nav-pageTop a {
pointer-events: none;
}

.nav-pageTop.is-fixed {
position: fixed;
bottom: -40px;
}

.nav-pageTop.is-fixed a {
top: -100px;
}

.nav-pageTop.is-show {
opacity: 1;
}

.nav-pageTop.is-show a {
pointer-events: auto;
}

/*
nav-footer
----------------------------*/

.nav-footer {
margin-bottom: 50px;
font-size: 1.4rem;
}

.nav-footer a {
text-decoration: none;
}

.nav-footer a:hover,
.nav-footer a:focus,
.nav-footer a:active {
text-decoration: underline;
}

.nav-footer > .col {
float: left;
box-sizing: border-box;
width: 25%;
padding-right: 10px;
}

.nav-footer .category {
margin-top: 48px;
}

.nav-footer .category > p,
.nav-footer .category > dt {
font-weight: bold;
}

.nav-footer .category > p button,
.nav-footer .category > dt button {
display: none;
}

.nav-footer .category > p:first-of-type,
.nav-footer .category > dt,
.nav-footer .category > dd ul > li {
position: relative;
}

.nav-footer .category > p:first-of-type > a,
.nav-footer .category > dt > a,
.nav-footer .category > dd ul > li > a {
position: relative;
z-index: 1;
padding-left: 15px;
}

.nav-footer .category > p:first-of-type > a::before,
.nav-footer .category > dt > a::before,
.nav-footer .category > dd ul > li > a::before {
position: absolute;
top: 0;
top: .3em;
bottom: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin-top: auto;
margin-top: 0;
margin-bottom: auto;
content: '';
border: 5px solid transparent;
border-left-color: #333;
}

.nav-footer .category > p:first-of-type > a[target='_blank'] img[src*='icon-'],
.nav-footer .category > dt > a[target='_blank'] img[src*='icon-'],
.nav-footer .category > dd ul > li > a[target='_blank'] img[src*='icon-'] {
position: absolute;
top: 7px;
left: -5px;
padding: 0;
}

.nav-footer .category > dd {
margin-top: 4px;
}

.nav-footer .category > dd > ul > li + li {
margin-top: 4px;
}

.nav-footer .category:first-child {
margin-top: 0;
}

[data-script-enabled] .nav-footer .category a[target='_blank']::before {
display: none !important;
}

.nav-footer .category > dd ul ul {
padding-left: 10px;
}

/* ナビ入れ子に飾り付与するため、記述トリ */
/* .nav-footer .category > dd ul ul > li > a::before {
display: none;
} */

@media only screen and (max-width: 1120px) {
  .main-column .str-content .str-contentBody,
  .str-footer > .nav-pageTop > span,
  .str-footer > .str-content > .str-contentBody {
  padding-right: 10px;
  padding-left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .str-footer > .str-content > .str-contentBody {
  padding-top: 3px;
  padding-bottom: 3px;
  }

  .str-footer > .str-content.type-linkSns .link > li.line {
  display: inline-block;
  background-color: #00c402;
  }

  .nav-pageTop.is-fixed.type-apply a {
  top: -160px;
  }

  .nav-footer {
  margin: 0 -10px;
  }

  .nav-footer > .col {
  float: none;
  box-sizing: border-box;
  width: auto;
  padding-right: 0;
  }

  .nav-footer > .col:first-of-type .category:first-child {
  border-top: 0;
  }

  .nav-footer .category {
  margin: 0;
  border-top: 1px solid #fff;
  }

  .nav-footer .category dt,
  .nav-footer .category p {
  padding: 18px 16px;
  }

  .nav-footer .category dt > a[target='_blank'] img[src*='icon-'],
  .nav-footer .category p > a[target='_blank'] img[src*='icon-'] {
  left: 0;
  }

  .nav-footer .category dd ul > li a {
  display: block;
  padding: 13px 0 13px 56px;
  }

  .nav-footer .category > dd ul ul {
  padding-left: 0;
  }

  .nav-footer .category > dd ul ul > li a {
  padding-left: 66px;
  }

  .nav-footer .category dd ul > li a::before {
  top: 0;
  left: 35px;
  margin: auto;
  }

  .nav-footer .category dd ul > li a[target='_blank'] img[src*='icon-'] {
  top: 0;
  bottom: 0;
  left: 34px;
  margin: auto;
  }

  .nav-footer .category dd ul > li:not(:last-child):after,
  .nav-footer .category dd ul ul::before {
  display: block;
  width: calc(100% - 25px);
  margin-left: auto;
  content: '';
  border-bottom: 2px solid #fff;
  }

  .nav-footer .category > dd {
  margin-top: 0;
  }

  .nav-footer .category > dd .content {
  border-top: 2px solid #fff;
  }

  [data-script-enabled] .nav-footer .category p,
  [data-script-enabled] .nav-footer .category dt {
  position: relative;
  }

  [data-script-enabled] .nav-footer .category dt {
  padding-left: 50px;
  }

  [data-script-enabled] .nav-footer .category dt a {
  padding-left: 0;
  }

  [data-script-enabled] .nav-footer .category dt a::before {
  display: none;
  }

  [data-script-enabled] .nav-footer .category dt a[target='_blank'] {
  padding-left: 22px;
  }

  [data-script-enabled] .nav-footer .category p {
  padding-left: 24px;
  }

  [data-script-enabled] .nav-footer .category p a {
  padding-left: 26px;
  }

  [data-script-enabled] .nav-footer .category button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 18px 16px 16px 50px;
  }

  [data-script-enabled] .nav-footer .category button::before,
  [data-script-enabled] .nav-footer .category button:after {
  top: 27px;
  background: #333;
  }

  [data-script-enabled] .nav-footer .category button span {
  position: relative;
  top: 0;
  left: -40px;
  color: #e6e4da;
  }

  [data-script-enabled] .nav-footer .category button span:after {
  top: -6px;
  left: 0;
  background: #fff;
  }
}


@media only screen and (min-width: 767px) {
  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleHook {
  padding-left: 0;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleContent {
  height: auto !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleContent .content {
  visibility: visible !important;
  }

  [data-script-enabled] .js-toggle[data-apply-device='sp'] .js-toggleBtn {
  display: none !important;
  }
}


[data-script-enabled] .js-toggle .js-toggleBtn {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
padding: 14px 16px 14px 50px;
text-align: left;
}

[data-script-enabled] .js-toggle .js-toggleBtn::before,
[data-script-enabled] .js-toggle .js-toggleBtn:after {
position: absolute;
z-index: 1;
top: 28px;
left: 20px;
display: block;
width: 10px;
height: 2px;
content: '';
background-color: #fff;
}

[data-script-enabled] .js-toggle .js-toggleBtn:after {
-webkit-transform: rotate(90deg);
        transform: rotate(90deg);
}

[data-script-enabled] .js-toggle .js-toggleBtn.is-opened:after {
-webkit-transform: rotate(0deg);
        transform: rotate(0deg);
}

[data-script-enabled] .js-toggle .js-toggleBtn span {
position: absolute;
top: 13px;
left: 50px;
display: inline-block;
color: transparent;
}

[data-script-enabled] .js-toggle .js-toggleBtn span::after {
position: absolute;
top: 0;
left: -40px;
display: block;
width: 30px;
height: 30px;
content: '';
border-radius: 50%;
background: #929292;
}

[data-script-enabled] .js-toggle .js-toggleHook {
position: relative;
}

[data-script-enabled] .js-toggle .js-toggleHook > span {
padding-left: 40px;
}

[data-script-enabled] .js-toggle .js-toggleContent {
overflow: hidden;
height: 0;
transition: height .5s;

will-change: height;
}

[data-script-enabled] .js-toggle .js-toggleContent .content {
visibility: hidden;
}

[data-script-enabled] .js-toggle .js-toggleContent.is-opened {
height: 100%;
}


/* 注意事項BOX */
.notes_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.notes_box dt {
  box-sizing: content-box;
  background: #000;
  color: #fff;
  padding: 7px 13px 7px 10px;
  letter-spacing: 2px;
  line-height: 1.3;
  position: relative;
  min-width: 4em;
}
.notes_box dt span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.notes_box dd {
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
.notes_box {
  font-size: 12px;
  font-size: 1.2rem;
}
.notes_box dt {
  padding: 7px 10px;
  min-width: 26px;
}
}


/* ページトップへ　/access/common_v2/css/fixed-apply-chat.cssによる不具合を上書き */
@media only screen and (min-width: 768px) {
  .nav-pageTop.is-fixed span a {
    top: -100px;
    bottom: auto;
  }
}

@media only screen and (max-width: 767px) {
  .nav-pageTop.is-fixed span a {
    bottom: 130px;
  }
}


/* コミュファ */
.str-serviceTitle.type-collabo {
  border-bottom: 0;
}
.nav-service.type-2 {
  padding: 0;
  background: #414349;
}
.nav-service.type-2.is-fixed {
  position: static;
}
.nav-service.type-2 .inner {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
}
.nav-service.type-2 ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  margin-bottom: 0;
}
.nav-service.type-2 ul.option {
  float: left;
}
.nav-service.type-2 li {
  padding: 11px 20px 9px;
  font-size: 1.2rem;
}
.nav-service.type-2 li a {
  position: relative;
  color: #fff;
}
.nav-service.type-2 .customer li a::before {
  left: -10px;
  border-left: 6px solid #fff;
  position: absolute;
  top: .3em;
  display: inline-block;
  overflow: hidden;
  content: '';
  vertical-align: middle;
  width: 0;
  height: 0;
  margin-left: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(90deg);
}
.nav-service.type-2 ul.customer {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 8px;
}
.nav-service.type-2 ul.customer li {
  margin-bottom: 0;
  font-size: 1.3rem;
}
.str-content.type-navService {
  background-color: #f4f4f4;
}
.str-content.type-navService .str-contentBody {
  padding-top: 50px;
  padding-bottom: 50px;
}
.str-content.type-navService .nav-footer > .col:nth-child(1) {
  width: 66.7%;
  padding-right: 2%;
}
.str-content.type-navService .nav-footer > .col:nth-child(2) {
  width: 33.3%;
  padding-right: 0;
  padding-left: 2%;
  border-left: 1px solid #d2d2d2;
}
.type-navService .content > ul {
  margin-bottom: 0;
}
.type-navService .content > ul.type-col2 > li {
  width: calc(50% - 7.5px);
  float: left;
}
.type-navService .content > ul.type-col2 > li:nth-child(odd) {
  margin-right: 14px;
}
.type-navService .nav-footer .category {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .nav-service.type-2 {
      display: none;
  }
  .str-content.type-navService .str-contentBody {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .str-content.type-navService .nav-footer > .col:nth-child(1),
  .str-content.type-navService .nav-footer > .col:nth-child(2) {
    width: auto;
    padding: 0;
  }
  .type-navService .content > ul.type-col2 > li {
    width: 100%;
    float: none;
  }
  [data-script-enabled] .type-navService .nav-footer .category button span {
    color: #f4f4f4;
  }
}

.hide{
  display: none;
}

img[width][height] {
  height:auto;
}